.ehl{--ink:#253343;--muted:#5b6976;--paper:#f5f7fa;--white:#ffffff;--line:#d2dbe2;--green:#2e4359;--lime:#dce7ef;--orange:#476785;color:var(--ink);background:var(--paper);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;margin:0;letter-spacing:.02em;overflow-wrap:anywhere}
.ehl *{box-sizing:border-box}.ehl [hidden]{display:none!important}.ehl a{color:inherit;text-decoration:none}.ehl button,.ehl input,.ehl textarea,.ehl select{font:inherit}.ehl button,.ehl .button{cursor:pointer;border:1px solid var(--ink);padding:12px 23px;min-height:48px;border-radius:4px;background:var(--ink);color:#ffffff;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:650;letter-spacing:.025em}.ehl button:hover,.ehl .button:hover{background:var(--green);color:white}.ehl button:disabled{cursor:not-allowed;opacity:.5}.ehl .secondary{color:var(--ink);background:transparent;border-color:var(--line)}.ehl .text-button{background:none;border:0;color:var(--ink);padding:10px 0;text-decoration:underline;text-underline-offset:6px}.ehl :focus-visible{outline:3px solid #476785;outline-offset:4px}.ehl h1,.ehl h2,.ehl h3,.ehl p{margin:0}.ehl h1{font-size:clamp(34px,4.2vw,60px);line-height:1.45;font-weight:750;letter-spacing:-.04em}.ehl h2{font-size:clamp(26px,3vw,36px);line-height:1.55;letter-spacing:-.035em}.ehl h3{font-size:21px;line-height:1.6}.ehl p+p{margin-top:1em}.ehl small,.ehl .small{font-size:13px;line-height:1.8}.ehl .muted{color:var(--muted)}.ehl .wrap{max-width:1192px;margin:auto;padding:0 40px}.ehl .eyebrow{font:650 11px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.17em;text-transform:uppercase;display:block;margin-bottom:20px}.ehl .eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--orange);margin:0 10px 3px 0}.ehl .topbar{border-bottom:1px solid var(--line);background:var(--paper)}.ehl .nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:26px}.ehl .brand{display:flex;gap:13px;align-items:center;flex-shrink:0;font-weight:750;line-height:1.5;font-size:19px;letter-spacing:.015em}.ehl .brand small{display:block;font-size:9px;letter-spacing:.17em;font-weight:550}.ehl .brand-icon{width:32px;height:33px;display:flex;gap:4px;align-items:end}.ehl .brand-icon i{display:block;background:var(--green);width:8px;height:21px;border-radius:5px 5px 0 0;transform:rotate(-15deg)}.ehl .brand-icon i:nth-child(2){height:31px}.ehl .brand-icon i:nth-child(3){height:26px;background:var(--orange)}.ehl nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:650}.ehl nav a{min-height:44px;display:flex;align-items:center}.ehl nav a[aria-current=page]{color:var(--orange);text-decoration:underline;text-underline-offset:8px}.ehl .nav-note{border-left:1px solid var(--line);padding-left:24px}.ehl .hero{padding:78px 0 76px;display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.ehl .hero h1 em{font-style:normal;color:var(--green);position:relative;white-space:nowrap}.ehl .hero .intro{margin:25px 0 30px;max-width:480px;color:var(--muted);line-height:2}.ehl .actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ehl .hero-aside{position:relative;padding:28px 13px 14px 22px}.ehl .notebook{background:#e6edf2;border-radius:3px;padding:32px 34px 28px;transform:rotate(3deg);box-shadow:12px 17px 0 #dce4eb;border:1px solid #c6d2dc}.ehl .notebook>*{transform:rotate(-3deg)}.ehl .paper-head{font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #bacbd7;padding-bottom:18px;margin-bottom:26px}.ehl .notebook .big{font:italic 76px/1 Georgia,serif;letter-spacing:-.05em}.ehl .notebook .big span{font:16px/1 sans-serif;letter-spacing:0}.ehl .notebook h3{font-size:23px;margin:22px 0 8px}.ehl .notebook .line{border-bottom:1px solid #bacbd7;padding:14px 0;font-size:13px;display:flex;gap:18px}.ehl .notebook .line b{font:italic 19px Georgia,serif}.ehl .note-stamp{position:absolute;right:-5px;top:2px;width:83px;height:83px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--orange);font:12px/1.6 Georgia,serif;text-align:center;transform:rotate(12deg)}.ehl .microstrip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:18px 0;font-size:12px}.ehl .microstrip .muted{margin-left:auto}.ehl .section{padding:66px 0}.ehl .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.ehl .section-head .eyebrow{margin-bottom:10px}.ehl .two-paths{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ehl .path{background:var(--white);padding:34px;border:1px solid var(--line);border-radius:6px;position:relative}.ehl .path.dark{background:var(--green);color:#ffffff;border-color:var(--green)}.ehl .path .number{font:italic 32px Georgia,serif;margin-bottom:20px;color:var(--orange)}.ehl .path.dark .number{color:var(--lime)}.ehl .path p{font-size:14px;margin:13px 0 24px;max-width:410px}.ehl .path .path-links{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:14px}.ehl .path.dark .path-links{border-color:#8295a5}.ehl .path a{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-weight:700}.ehl .arrow{font-size:23px}.ehl .tag{display:inline-block;border:1px solid var(--line);font-size:11px;line-height:1.6;padding:3px 9px;border-radius:3px;letter-spacing:.02em;background:#f8fafc;color:var(--ink)}.ehl .dark .tag{background:var(--lime);border-color:var(--lime)}.ehl .featured{display:grid;grid-template-columns:180px 1fr auto;gap:34px;align-items:center;background:var(--white);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:32px 0}.ehl .case-art{display:grid;place-items:center;min-height:145px;background:#e5ecf1;color:var(--green);border-radius:3px;font:italic 42px Georgia,serif}.ehl .featured h3{margin:10px 0}.ehl .featured p{font-size:14px;color:var(--muted)}.ehl .section-bottom{border-top:1px solid var(--line);padding:44px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.ehl .section-bottom p{font-size:14px;color:var(--muted)}.ehl .footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0}.ehl .footer-inner{display:flex;gap:24px;align-items:center;justify-content:space-between}.ehl .footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px}.ehl .footer a{min-height:44px;display:flex;align-items:center}.ehl .preview-strip{background:#e6ecf1;color:#44576b;padding:9px 25px;font-size:12px;text-align:center}.ehl .breadcrumbs{font-size:12px;color:var(--muted);padding:26px 0}.ehl .page-intro{padding:20px 0 44px;max-width:790px}.ehl .page-intro p{margin-top:20px;color:var(--muted)}.ehl .page-intro h1{font-size:48px}.ehl .hub-feature{background:var(--green);color:var(--white);padding:36px;border-radius:5px;display:grid;grid-template-columns:1.7fr 1fr;gap:35px;align-items:center}.ehl .hub-feature p{margin:16px 0 24px;font-size:14px;max-width:570px}.ehl .hub-feature .button{background:var(--lime);color:var(--ink);border:0}.ehl .hub-feature .case-art{font-size:74px;background:#3c546d;color:var(--lime);min-height:200px}.ehl .catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ehl .catalog article{border:1px solid var(--line);padding:23px;background:var(--white);border-radius:4px}.ehl .catalog h3{font-size:17px;margin:15px 0}.ehl .catalog .small{color:var(--muted)}.ehl .index-num{font:italic 26px Georgia,serif;color:var(--orange)}.ehl .workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.ehl .workflow article{padding-top:20px;border-top:1px solid var(--line)}.ehl .workflow h3{font-size:18px;margin-bottom:12px}.ehl .workflow p{font-size:14px;color:var(--muted)}.ehl .study-top{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:15px 0 28px}.ehl .study-top h1{font-size:38px}.ehl .study-top .eyebrow{margin-bottom:10px}.ehl .steps{display:flex;list-style:none;padding:0;margin:0 0 28px;border-bottom:1px solid var(--line);font-size:13px}.ehl .steps li{flex:1;padding:15px 5px;color:var(--muted);border-bottom:3px solid transparent}.ehl .steps li.active{color:var(--green);border-color:var(--green);font-weight:700}.ehl .study-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px;align-items:start}.ehl .panel{border:1px solid var(--line);border-radius:5px;background:var(--white);padding:30px}.ehl .prompt{background:#e9eef3;padding:23px;border-left:3px solid var(--green);margin:18px 0 24px}.ehl .prompt .english{font:24px/1.5 Georgia,serif;margin-bottom:13px;letter-spacing:0}.ehl label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.ehl textarea{display:block;width:100%;min-height:240px;padding:20px;border:1px solid #8a9cac;border-radius:3px;background:#ffffff;color:var(--ink);font-size:17px;line-height:1.85;resize:vertical;letter-spacing:0}.ehl textarea::placeholder{font-size:14px;color:#667581}.ehl .editor-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin:10px 0 22px;color:var(--muted)}.ehl .count{font-variant-numeric:tabular-nums}.ehl .side-box{border:1px solid var(--line);padding:23px;margin-bottom:18px;border-radius:4px}.ehl .side-box h2{font-size:16px;margin-bottom:15px}.ehl .side-box p{font-size:13px;color:var(--muted)}.ehl .timer{font:44px/1.2 Georgia,serif;font-variant-numeric:tabular-nums;display:block;margin:18px 0}.ehl .side-box button{font-size:12px;padding:10px 12px;min-height:44px}.ehl .side-box .actions{gap:9px}.ehl .session-status{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px;color:var(--muted)}.ehl .status{font-size:13px;margin:14px 0;color:var(--green);min-height:24px}.ehl .error{color:#a43020}.ehl .compare-block{margin:24px 0 0;border-top:1px solid var(--line);padding-top:24px}.ehl details{margin-top:15px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}.ehl summary{cursor:pointer;min-height:50px;padding:14px 18px;font-weight:650;font-size:14px}.ehl .detail-body{padding:0 18px 20px;font-size:14px;white-space:pre-wrap}.ehl .answer-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,serif;line-height:1.8;background:#edf1f5;padding:20px;font-size:17px;margin-top:14px;letter-spacing:0}.ehl .comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ehl .comparison h3{font-size:15px}.ehl .notes{min-height:110px;font:15px/1.8 inherit;margin-bottom:20px}.ehl .review-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);gap:20px}.ehl .review-row h3{font-size:18px}.ehl .empty{padding:40px;background:#e9eef3;border:1px dashed #8a9cac;border-radius:5px}.ehl .narrow{max-width:790px;margin:0 auto;padding-bottom:55px}.ehl .article-body{margin-top:32px}.ehl .article-body h2{font-size:28px;margin:48px 0 20px}.ehl .article-body img{max-width:100%;height:auto}.ehl .article-body a{text-decoration:underline;text-underline-offset:4px}.ehl .article-body ul,.ehl .article-body ol{padding-left:1.6em}.ehl .article-body table{max-width:100%}.ehl .article-body .wp-block-table{overflow:auto}.ehl .skip{position:absolute;top:-80px;left:12px;background:white;padding:12px;z-index:999}.ehl .skip:focus{top:10px}.ehl .file-label{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;cursor:pointer;font-size:13px}.ehl .file-label input{max-width:210px;font-size:12px}.ehl .notice{padding:14px 18px;background:#e8eef3;border-left:3px solid var(--orange);font-size:13px;margin:18px 0}.ehl .entry-list{display:grid;gap:0}.ehl .entry-list article{border-bottom:1px solid var(--line);padding:25px 0}.ehl .entry-list h2{font-size:22px}.ehl .entry-list a{display:block}.ehl .entry-list p{font-size:14px;color:var(--muted);margin-top:8px}
@media(max-width:850px){.ehl .wrap{padding:0 24px}.ehl .nav{flex-wrap:wrap;padding:22px 0;gap:12px}.ehl nav{gap:22px;font-size:12px}.ehl .nav-note{padding-left:16px}.ehl .hero{gap:30px;padding:50px 0}.ehl .hero h1{font-size:42px}.ehl .hero-aside{padding:20px 5px}.ehl .notebook{padding:25px}.ehl .study-grid{grid-template-columns:minmax(0,1fr) 225px}.ehl .panel{padding:23px}.ehl .catalog{grid-template-columns:repeat(2,1fr)}.ehl .featured{grid-template-columns:110px 1fr;gap:22px}.ehl .featured>.button{grid-column:2}.ehl .case-art{min-height:110px}}
@media(max-width:620px){.ehl .wrap{padding:0 20px}.ehl .nav{gap:15px}.ehl .brand{font-size:18px}.ehl nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.ehl .nav-note{border:0;padding:0}.ehl .hero{grid-template-columns:1fr;gap:36px;padding:42px 0 45px}.ehl .hero h1{font-size:clamp(32px,8.7vw,46px)}.ehl .hero .intro{font-size:14px;margin:20px 0 24px}.ehl .hero-aside{max-width:370px;width:100%;margin:auto;padding:14px 15px 15px 6px}.ehl .notebook .big{font-size:60px}.ehl .note-stamp{right:0;top:0;width:70px;height:70px}.ehl .notebook h3{font-size:21px}.ehl .microstrip{gap:16px;flex-wrap:wrap;font-size:11px;padding:15px 0}.ehl .microstrip .muted{margin:0}.ehl .two-paths,.ehl .hub-feature,.ehl .workflow,.ehl .study-grid,.ehl .comparison{grid-template-columns:1fr}.ehl .section{padding:44px 0}.ehl .section-head{align-items:start;flex-direction:column;gap:10px}.ehl .section-head h2{font-size:27px}.ehl .path{padding:26px}.ehl .path .number{margin-bottom:15px}.ehl .featured{grid-template-columns:1fr;padding:25px 0;gap:18px}.ehl .featured .case-art{display:none}.ehl .featured>.button{grid-column:auto;justify-self:start}.ehl .section-bottom,.ehl .footer-inner{align-items:start;flex-direction:column;gap:20px}.ehl .footer{margin-top:20px}.ehl .page-intro h1{font-size:38px}.ehl .hub-feature{padding:28px}.ehl .hub-feature .case-art{display:none}.ehl .catalog{gap:12px}.ehl .catalog article{padding:17px}.ehl .catalog h3{font-size:15px}.ehl .study-top{align-items:start;flex-direction:column;gap:12px}.ehl .study-top h1{font-size:30px}.ehl .steps{font-size:11px}.ehl .panel{padding:20px 16px}.ehl .prompt{padding:18px}.ehl .prompt .english{font-size:22px}.ehl .study-grid aside{display:grid;grid-template-columns:1fr;gap:0}.ehl .review-row{align-items:start;flex-direction:column}.ehl .actions{gap:12px}.ehl .actions button,.ehl .actions .button{font-size:13px;padding:12px 18px}.ehl .preview-strip{font-size:11px;padding:8px 15px}.ehl .empty{padding:25px}.ehl .editor-meta{font-size:11px}.ehl .notice{font-size:12px}.ehl .footer-links{gap:4px 16px}}
@media(prefers-reduced-motion:reduce){.ehl *{scroll-behavior:auto!important;transition:none!important}}
@media print{.ehl .topbar,.ehl .footer,.ehl button,.ehl .preview-strip,.ehl aside,.ehl .actions{display:none!important}.ehl .wrap{max-width:none;padding:0}.ehl .study-grid{display:block}.ehl{background:white;color:black}.ehl .panel{border:0}.ehl textarea{height:auto;min-height:220px}.ehl details{display:block}}
/* Shared article, archive and existing Gutenberg components. */
.ehl{--color_main:#2e4359;--color_text:#253343;--color_link:#476785;--color_bg:#f5f7fa;--color_gray:#e9eef3;--color_border:#d2dbe2;--brand:#2e4359;--brand-dark:#253343;--brand-soft:#e9eef3;--border:#d2dbe2;--wp--preset--color--swl-main:#2e4359;--wp--preset--color--swl-main-thin:#e9eef3;--wp--preset--color--swl-gray:#e9eef3;--wp--preset--color--swl-deep-01:#2e4359;--wp--preset--color--swl-pale-01:#e9eef3}
.ehl .article-body{font-size:17px;line-height:1.95;color:var(--ink)}
.ehl .article-body p,.ehl .article-body ul,.ehl .article-body ol,.ehl .article-body figure{margin:0 0 1.5em}
.ehl .article-body h2{padding:0 0 15px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink)}
.ehl .article-body h3{margin:32px 0 15px;font-size:21px;color:var(--ink)}
.ehl .article-body :is(h2,h3)::before,.ehl .article-body :is(h2,h3)::after{display:none}
.ehl .article-body a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}
.ehl .article-body a:hover{color:var(--ink)}
.ehl .article-body :is(.wp-block-button__link,.swell-block-button__link,.hs-actions a.primary,.hs-bottom>a){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border:1px solid var(--green);border-radius:4px;background:var(--green)!important;color:white!important;border-color:var(--green)!important;text-decoration:none;line-height:1.6;font-size:14px;font-weight:650}
.ehl .article-body :is(.is-style-outline .wp-block-button__link,.hs-actions a.secondary){background:var(--white)!important;color:var(--green)!important;border:1px solid var(--line)!important}
.ehl .article-body .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.ehl .article-body .wp-block-table{display:block;max-width:100%;overflow-x:auto;margin:24px 0 32px;-webkit-overflow-scrolling:touch}
.ehl .article-body table{width:100%;border-collapse:collapse;background:var(--white);font-size:14px;line-height:1.8;text-align:left}
.ehl .article-body :is(td,th){border:1px solid var(--line);padding:12px 16px;vertical-align:top;min-width:105px}
.ehl .article-body th{background:var(--lime);color:var(--ink);font-weight:650}
.ehl .article-body tr:nth-child(even) td{background:#f8fafc}
.ehl .article-body figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.ehl .article-body pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#e9eef3;border:1px solid var(--line);border-radius:4px;font-size:14px;line-height:1.9}
.ehl .article-body pre code{white-space:inherit;overflow-wrap:anywhere;font:inherit}
.ehl .article-body blockquote{margin:24px 0;padding:20px 24px;border:0;border-left:3px solid var(--orange);background:#e9eef3;color:var(--ink)}
.ehl .article-body :is(.ehl-guide-grid,.hs-now-grid,.hs-feature-grid,.hs-steps){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ehl .article-body :is(.ehl-guide-card,.hs-card,.hs-step,.eh-card){min-width:0;background:var(--white);padding:25px;border:1px solid var(--line);border-radius:5px}
.ehl .article-body :is(.ehl-guide-kicker,.eh-section-kicker,.hs-label){font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--orange)}
.ehl .article-body :is(.ehl-guide-card h2,.ehl-guide-card h3,.hs-card h3,.hs-step h3,.eh-card h3){font-size:19px;margin:12px 0;border:0;padding:0}
.ehl .article-body :is(.ehl-guide-card p,.hs-card p,.hs-step p){font-size:14px;margin:12px 0}
.ehl .article-body .ehl-guide-card--featured{grid-column:1/-1;background:#e9eef3}
.ehl .article-body :is(.ehl-guide-lead,.ehl-guide-choice,.eh-article-quick,.notice,.ehl-action-bridge,.hs-availability){padding:25px;background:#e9eef3;border:1px solid var(--line);border-radius:5px;margin:24px 0}
.ehl .article-body .ehl-action-bridge a{min-height:44px}
.ehl .article-body .hs-hero{border-radius:5px;box-shadow:none}
.ehl .article-body .hs-hero h2{color:#fff}
.ehl .article-body .hs-hero p{color:#fff}
.ehl .article-body .hs-wrap .hs-hero .hs-kicker{color:#dce7ef!important}
.ehl .article-body :is(.hs-section,.ehl-guide-grid){margin:36px 0}
.ehl .article-body .hs-feature-panel{background:#e9eef3;border-color:var(--line);border-radius:5px}
.ehl .article-body .hs-feature-icon{background:var(--lime);color:var(--green)}
.ehl .article-body details p{padding:0 20px 20px;font-size:15px}
.ehl .article-body :is(input,select){max-width:100%;min-height:44px;padding:10px 12px;border:1px solid #8a9cac;border-radius:4px;color:var(--ink);background:var(--white)}
.ehl .article-body .wp-block-columns{display:flex;flex-wrap:wrap;gap:24px}.ehl .article-body .wp-block-column{flex:1 1 240px;min-width:0}
.ehl .article-body .wp-block-separator{border:0;border-top:1px solid var(--line);margin:40px 0}
.ehl .navigation.pagination{margin:32px 0}.ehl .page-numbers{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:4px;border:1px solid var(--line);border-radius:4px}.ehl .page-numbers.current{background:var(--green);color:white}
@media(max-width:620px){.ehl .article-body{font-size:16px}.ehl .article-body h2{font-size:25px}.ehl .article-body h3{font-size:20px}.ehl .article-body :is(.ehl-guide-grid,.hs-now-grid,.hs-feature-grid,.hs-steps){grid-template-columns:1fr}.ehl .article-body :is(.ehl-guide-card,.hs-card,.hs-step,.eh-card,.ehl-guide-lead,.ehl-guide-choice,.hs-availability){padding:20px}.ehl .article-body table{font-size:13px}.ehl .article-body :is(td,th){padding:10px 12px}.ehl .article-body .hs-hero{padding:25px}.ehl .article-body .hs-hero h2{font-size:27px!important}}

/* Paired writing and speaking practice, with a shared answer kept in the page. */
.ehl .practice-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 0 12px;margin:4px 0 12px}
.ehl .practice-tabs button{flex:1;max-width:230px;background:transparent;color:var(--ink);border-color:var(--line);gap:12px}
.ehl .practice-tabs button[aria-selected="true"]{background:var(--green);color:white;border-color:var(--green)}
.ehl .practice-tabs button span{font-size:12px;font-weight:400}
.ehl .mode-note{margin:0 0 24px}
.ehl .writing-instructions{font:15px/1.8 Georgia,serif;letter-spacing:0;margin:14px 0}
.ehl .reference-label{margin-bottom:16px;white-space:normal}
.ehl .speech-clock{padding:28px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ehl .speech-clock .timer{font-size:72px;margin:8px 0 24px}
.ehl .speech-questions{padding-left:1.6em;font-family:Georgia,serif;letter-spacing:0;line-height:1.8}
.ehl .speech-questions li{margin:0 0 14px}
/* Daily learning and private article drafts, 0.3.0 */
.ehl .study-route{margin:0 0 24px}.ehl .recall-tasks{padding-left:1.5em;line-height:1.9;margin:22px 0}.ehl .field-spacer{display:block;margin-top:28px}.ehl .panel h2{font-size:clamp(21px,3vw,26px);margin:20px 0 14px}.ehl .comparison{margin:24px 0}.ehl .draft-choices{display:flex;flex-wrap:wrap;gap:16px 24px;border:1px solid var(--line);padding:22px;margin:24px 0}.ehl .draft-choices legend{padding:0 8px;font-weight:700}.ehl .draft-choices label{display:flex;align-items:center;gap:9px;font-weight:500;margin:0}.ehl .draft-choices input{width:18px;height:18px;accent-color:var(--ink)}.ehl .article-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:24px;background:var(--paper);border:1px solid var(--line);font:inherit;line-height:1.8;margin-top:24px}.ehl .daily-route{display:grid;gap:18px;margin:28px 0}.ehl .daily-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px;border:1px solid var(--line);background:#fff}.ehl .daily-card h2{font-size:25px;margin:12px 0}.ehl .daily-card p{font-size:14px;line-height:1.8;margin-bottom:12px}.ehl .daily-card .button{flex-shrink:0}.ehl .progress-label{font-size:12px;color:var(--muted)}.ehl .progress-label.is-complete{color:var(--ink);font-weight:700}.ehl select{max-width:100%;padding:12px;margin:10px 0 20px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit}.ehl .article-draft-panel>.small{margin-top:16px}.ehl .article-draft-panel{margin-bottom:60px}.ehl .practice-tabs button{min-width:0}.ehl .practice-tabs{flex-wrap:wrap}
@media(max-width:700px){.ehl .daily-card{display:block;padding:24px}.ehl .daily-card .button{margin-top:20px;display:flex;justify-content:center}.ehl .draft-choices{display:grid;gap:14px;padding:18px}.ehl .practice-tabs button{flex:1;padding:12px 8px;font-size:13px}.ehl .practice-tabs button span{display:block;font-size:11px}.ehl .daily-card h2{font-size:22px}}

/* Personal references and language recall, 0.4.0 */
.practice-tabs{flex-wrap:wrap}.personal-study h3{margin:28px 0 14px}.personal-study select,.personal-study input{max-width:100%;width:100%;margin-bottom:18px}.personal-study p{margin:16px 0}.personal-study textarea{margin-bottom:18px}.personal-study details{margin-top:20px}.personal-study .actions{flex-wrap:wrap}.language-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.language-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff)}.language-card label{margin-top:16px}.language-card details{margin-top:18px}.language-card .detail-body{white-space:pre-wrap}.language-card blockquote{margin:18px 0 0;padding-left:14px;border-left:2px solid #9aaabd}.annotated-reference{margin:18px 0;overflow-wrap:anywhere;white-space:pre-wrap}.annotated-reference mark{background:#dae5ef;color:#233449;padding:0 2px}.language-notes{margin:22px 0}.language-notes .detail-body{white-space:pre-wrap}.review-row{flex-wrap:wrap}.review-row>.text-button{flex-basis:100%;text-align:right}@media(max-width:650px){.language-cards{grid-template-columns:1fr}.personal-study .actions button{width:100%}.practice-tabs button{font-size:13px;padding:12px}.personal-study{padding:20px}.language-card{padding:18px}.review-row>.text-button{text-align:left}}

/* Chat-led learning and public reference library. */
.ehl .chat-workspace{padding-top:32px}.ehl .chat-heading{font-size:24px;margin:30px 0 15px}.ehl .chat-steps{padding-left:24px;margin:22px 0}.ehl .chat-steps li{padding:7px 0}.ehl .chat-workspace .notice{margin-top:25px}.ehl .background-column{padding:50px 0}.ehl .background-column>details{background:var(--white)}.ehl .background-column h2{font-size:27px;margin-bottom:22px}.ehl .background-column h3{margin:28px 0 10px}.ehl .background-column a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.ehl .source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.ehl .source-card{border:1px solid var(--line);padding:22px;border-radius:4px}.ehl .source-card h3{font-size:18px;margin:12px 0}.ehl .source-card p{font-size:14px}.ehl .background-reflection{padding-left:24px}.ehl #public-editor-notes{white-space:pre-wrap}.ehl #public-reference{margin-top:28px}.ehl #recall-attempt{margin-top:12px}.ehl .review-row h2{font-size:24px}@media(max-width:620px){.ehl .source-grid{grid-template-columns:1fr}.ehl .background-column .detail-body{padding:20px 16px}.ehl .chat-heading{font-size:22px}}

.ehl .writing-reference-panel{margin-top:32px}.ehl .writing-reference-panel>p{margin:12px 0 22px}.ehl .writing-reference-panel>.actions{margin-top:20px}.ehl #writing-public-reference{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.ehl .writing-reference-text{font-size:18px;line-height:1.95;margin:24px 0}.ehl .writing-reference-text p+p{margin-top:1.1em}.ehl #writing-public-reference>.actions{margin-top:24px}