/*
Theme Name: EngPage
Theme URI: https://engpage.com/
Author: EngPage
Description: 한 페이지씩 자라는 영어. 한국어 영어교육 콘텐츠를 위한 반응형 편집 테마.
Version: 1.7.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: engpage
*/
:root{--paper:#faf9f5;--white:#fffefa;--ink:#283d34;--muted:#71776d;--green:#21624f;--green-dark:#194c3e;--lime:#eaf09e;--line:#e3e5da;--mint:#e8efdf;--peach:#f6e3d8;--lilac:#ece8f3;--yellow:#f3efcf;--radius:20px;--shadow:0 15px 45px #243b3410}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #397dba;outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:600;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:break-word}p{word-break:keep-all;overflow-wrap:break-word}::selection{background:#eaf09e;color:#194c3e}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.icon{display:inline-block;vertical-align:middle}.section{padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.035em;color:var(--green)}.eyebrow.small{font-size:11px;letter-spacing:.13em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.green-period{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:14px 24px;border-radius:9px;font-size:15px;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.button-primary{background:var(--green);color:var(--white)}.button-primary:hover{background:var(--green-dark);transform:translateY(-2px)}.button .icon{width:20px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;white-space:nowrap}.text-link .icon{width:19px}.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.only-mobile,.hero-mobile-break{display:none}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:1000;padding:14px 20px;background:white;border:2px solid var(--green)}
/* Navigation */
.site-header{height:100px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:30px;letter-spacing:-1.3px;line-height:1;font-weight:600}.brand-symbol{position:relative;display:flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--green)}.brand-symbol>.icon{width:33px;height:33px;stroke-width:2.2;transform:rotate(-7deg)}.brand-symbol i{position:absolute;background:var(--lime);width:10px;height:10px;border-radius:50%;top:-1px;right:-1px}.brand-dot{color:var(--green)}.brand small{display:block;font-size:10px;letter-spacing:.055em;margin-top:7px;color:#657363;font-weight:400}.desktop-nav,.desktop-nav .menu{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.desktop-nav a{font-size:14px;font-weight:600;white-space:nowrap;position:relative}.desktop-nav a::after{content:'';height:2px;background:var(--green);position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0);transition:transform .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;flex-shrink:0;transition:background .2s}.icon-button:hover{background:#e7eddf}.header-cta{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fffef6;border-radius:7px;font-size:12px;font-weight:600;padding:10px 13px;white-space:nowrap}.header-cta>.icon{width:17px;height:17px}.header-cta:hover{background:var(--green-dark)}.mobile-toggle{display:none}.mobile-nav{position:absolute;top:80px;left:0;right:0;z-index:29;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav .container{padding-block:14px 22px}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--line);font-weight:600}
/* Hero: a little editorial desk */
.hero{padding:66px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:30px;min-height:480px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{padding:6px 12px;border:1px solid #dfe5d7;border-radius:20px;background:#f2f4e9;font-size:12px}.hero h1{font-size:clamp(40px,4.4vw,61px);line-height:1.28;letter-spacing:-.065em;margin-top:22px}.hero-highlight{position:relative;z-index:0;white-space:nowrap}.hero-highlight::after{content:'';position:absolute;left:-4px;right:-5px;bottom:1px;height:17px;background:var(--lime);z-index:-1;transform:rotate(-2deg);border-radius:5px 8px 4px 10px}.hero-copy>p{margin-top:23px;font-size:16px;color:#687165;line-height:1.9;letter-spacing:-.02em}.hero-buttons{display:flex;align-items:center;gap:20px;margin-top:30px}.hero-secondary{font-size:12px;color:#606d60;border-bottom:1px solid #a6b09e;padding:5px 0;white-space:nowrap}.hero-secondary span{margin-left:5px}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:33px;color:#69735f;font-size:11px;line-height:1.7}.hero-footnote b{font-weight:400;color:#616d5e}.tiny-pages{display:flex;padding-left:4px}.tiny-pages i{display:flex;align-items:center;justify-content:center;width:29px;height:35px;background:#e4ebd9;color:var(--green);border:2px solid var(--paper);font-size:15px;line-height:1;font-weight:600;font-style:normal;border-radius:5px;transform:rotate(-10deg);margin-left:-4px}.tiny-pages i:nth-child(2){background:#f1e6cf;transform:rotate(4deg)}.tiny-pages i:nth-child(3){background:#eadfe8;transform:rotate(13deg)}.hero-visual{position:relative;height:457px;isolation:isolate}.hero-visual::before{content:'';position:absolute;width:440px;height:390px;border-radius:50%;background:#edf0e4;top:24px;left:17px;transform:rotate(-18deg);z-index:-2}.lesson-paper{position:absolute;left:22px;top:34px;width:410px;padding:25px 29px 26px;background:var(--white);border:1px solid #dde2d2;border-radius:12px;box-shadow:0 16px 0 -9px #e0e6d6,0 17px 0 -8px #ced6c3,0 21px 35px #2d46351a;transform:rotate(-5deg);z-index:1}.paper-top{display:flex;justify-content:space-between;color:#67715d;font-size:8px;letter-spacing:.1em;font-weight:600}.paper-top>span:first-child{display:flex;gap:6px;align-items:center;color:var(--green)}.paper-top i{background:var(--green);width:5px;height:5px;border-radius:50%}.paper-rule{height:1px;background:#e6e7dc;margin:14px 0 25px}.paper-eyebrow{font-size:12px;color:#71806a}.lesson-sentence{margin-top:14px;font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.35;font-size:43px;letter-spacing:-1.7px}.lesson-sentence>span{color:var(--green);font-style:italic}.word-circle{position:relative;white-space:nowrap}.word-circle svg{position:absolute;width:110%;height:120%;top:-7%;left:-5%;stroke:#b1be6f;stroke-width:1.8;transform:rotate(-4deg);fill:none;z-index:-1}.lesson-translation{font-size:12px;color:#777e6c;margin-top:15px}.paper-bottom{margin-top:26px;padding-top:18px;border-top:1px dashed #d7ddcd;display:flex;align-items:center;justify-content:space-between}.paper-bottom>span:first-child{color:#737b6a;font-size:10px;line-height:1.9}.paper-bottom b{font-weight:600;color:var(--green)}.paper-flower{font-size:37px;color:#8ca165;line-height:1}.hero-mascot{width:179px;position:absolute;bottom:-1px;right:9px;z-index:3;transform:rotate(8deg)}.page-mascot{display:block;width:100%;height:auto}.growth-sticker{position:absolute;right:-2px;top:20px;z-index:4;transform:rotate(11deg);background:var(--lime);width:111px;height:109px;border-radius:22px 28px 19px 29px;box-shadow:0 5px 0 #d6dd8d4d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4c5d2b;line-height:1.45}.growth-sticker>span{font-size:11px}.growth-sticker>b{font-size:17px;letter-spacing:-.04em}.growth-sticker>svg{width:37px;margin-top:5px}.visual-doodle{position:absolute;color:#abb981;font-size:52px;line-height:1}.doodle-star{left:0;top:-4px;transform:rotate(13deg)}.handwritten{font-family:Georgia,serif;font-style:italic}.hero-handwritten{position:absolute;bottom:-1px;left:45px;color:#75846a;font-size:17px;line-height:1.35;transform:rotate(-8deg)}.visual-spark{position:absolute;color:#9bae72;font-family:Georgia,serif}.spark-a{font-size:30px;bottom:50px;left:20px;transform:rotate(-13deg)}.spark-b{font-size:37px;right:-15px;bottom:175px}.belief-strip{border-block:1px solid var(--line);background:#f0f2e8}.belief-strip .container{display:flex;justify-content:center;align-items:center;gap:58px;min-height:57px}.belief-strip span{display:flex;align-items:center;gap:9px;font-size:12px;color:#63715a}.belief-strip .icon{width:16px;height:16px;color:#587b53}.belief-strip i{height:13px;width:1px;background:#d6ddca}
/* Topic paths */
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-size:29px;line-height:1.4}.section-heading>p{font-size:13px;color:var(--muted);padding-bottom:4px}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.topic-tile{padding:26px 23px 21px;border-radius:13px;border:1px solid transparent;position:relative;transition:transform .2s,border-color .2s}.topic-tile:hover{transform:translateY(-5px);border-color:#8a9a78}.tile-mint{background:var(--mint)}.tile-peach{background:var(--peach)}.tile-lilac{background:var(--lilac)}.tile-yellow{background:var(--yellow)}.topic-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fffefa9c;border-radius:12px;margin-bottom:17px;transform:rotate(-5deg)}.topic-icon .icon{width:23px;height:23px}.topic-tile:nth-child(2) .topic-icon{color:#8a624c;transform:rotate(5deg)}.topic-tile:nth-child(3) .topic-icon{color:#79638a}.topic-tile:nth-child(4) .topic-icon{color:#867533;transform:rotate(5deg)}.topic-tile h3{font-size:19px;letter-spacing:-.04em}.topic-tile p{font-size:11px;color:#69705f;margin-top:6px;line-height:1.6}.topic-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#4e6050;margin-top:22px}.topic-link .icon{width:18px;height:18px}
/* Study stage selector */
.start-section{padding-top:5px;padding-bottom:72px}.start-panel{display:grid;grid-template-columns:.82fr 1.25fr;gap:60px;background:#f1f3e9;border:1px solid #e2e6d7;border-radius:18px;padding:42px 46px}.start-intro h2{font-size:29px;line-height:1.5;margin-top:10px}.start-intro h2>span{color:var(--green)}.start-intro>p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:14px}.start-doodle{display:block;font-family:Georgia,serif;font-size:16px;font-style:italic;color:#869773;transform:rotate(-5deg);margin-top:31px}.level-tabs{display:flex;border-bottom:1px solid #d6ddcc;gap:12px}.level-tabs button{position:relative;flex:1;padding:8px 5px 13px;font-size:13px;color:#67715d;white-space:nowrap}.level-tabs button[aria-selected=true]{color:var(--green);font-weight:600}.level-tabs button[aria-selected=true]::after{content:'';height:3px;background:var(--green);position:absolute;bottom:-1px;left:0;right:0;border-radius:3px}.guide-label{font-size:11px;color:#768467;margin-top:24px}.start-content h3{font-size:19px;margin-top:6px;letter-spacing:-.035em}.start-content [data-guide-copy]{font-size:13px;line-height:1.9;color:#737b6c;margin-top:9px;min-height:49px}.guide-steps{list-style:none;padding:0;margin:17px 0 0}.guide-steps li{display:flex;gap:13px;align-items:center;padding:8px 0;border-top:1px solid #dce2d3}.guide-steps li>span{font-family:Georgia,serif;font-size:12px;color:#98a283}.guide-steps a{display:flex;justify-content:space-between;align-items:center;flex:1;font-size:12px;font-weight:600;gap:15px}.guide-steps .icon{width:15px;height:15px}.guide-steps a:hover{color:var(--green);text-decoration:underline}
/* Article illustrations and library */
.articles-section{padding-top:0}.home-articles{display:grid;grid-template-columns:1.14fr 1fr 1fr;gap:25px}.article-card{min-width:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--white);transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-art{position:relative;display:block;height:180px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.card-art img{width:100%;height:100%;object-fit:cover}.art-mint{background:#e9eedf}.art-peach{background:#f1e4d7}.art-lilac{background:#e9e5ef}.art-yellow{background:#f1edcf}.art-kicker{position:absolute;left:18px;top:15px;font-size:9px;color:#6b785c;letter-spacing:.04em;z-index:2}.art-corner{position:absolute;right:14px;bottom:12px;color:#7e8d6d;opacity:.65}.art-corner .icon{width:20px;height:20px}.art-notes{display:flex;flex-direction:column;gap:5px;position:absolute;left:25px;top:47px;transform:rotate(-4deg);font-family:Georgia,serif;font-size:24px;line-height:1.4;color:#4b674c}.art-notes>span:first-child{color:#7c8a73;font-size:20px}.art-notes mark{background:#e1e7a9;color:#3e6447;padding:0 3px}.art-pencil{font-family:Pretendard,sans-serif;font-size:9px!important;margin-top:8px;color:#778167!important}.vocab-stack{position:absolute;top:39px;left:32px;right:38px;display:grid;gap:7px;transform:rotate(-7deg)}.vocab-stack>span{display:flex;align-items:center;justify-content:space-between;background:#fffef8;border:1px solid #d9dfcb;padding:5px 12px;border-radius:5px;box-shadow:2px 3px 0 #d8dfcc70;font-family:Georgia,serif;font-size:16px}.vocab-stack>span:nth-child(2){transform:translateX(12px);background:#f6f8dc}.vocab-stack small{font-family:Pretendard,sans-serif;font-size:8px;color:#7f866f}.reading-paper{display:block;position:absolute;top:36px;left:50%;transform:translateX(-50%) rotate(7deg);width:180px;background:#fffcf5;padding:16px 18px 25px;box-shadow:5px 6px 0 #d8cbb94d;border:1px solid #e2d9cc}.reading-paper b{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;color:#785c48}.reading-paper i{color:#a0794b}.reading-paper>span{display:block;height:2px;background:#dfd7c7;margin-top:8px}.reading-paper>span:last-child{width:60%}.routine-art{position:absolute;display:flex;gap:7px;left:23px;right:23px;top:59px;transform:rotate(-4deg)}.routine-art>span{display:flex;flex:1;flex-direction:column;align-items:center;background:#fffcf8;padding:7px 4px 4px;border-radius:7px;font-size:8px;letter-spacing:.03em;border:1px solid #d9d0e0}.routine-art b{font-weight:400;color:#8a789b;font-size:29px;line-height:1.5}.routine-art>span:last-child{background:#ded6e9}.art-bottom{position:absolute;bottom:19px;left:0;right:0;text-align:center;font-size:9px;color:#82778c}.speech-art{position:absolute;left:30px;right:30px;top:41px;text-align:center;transform:rotate(3deg)}.speech-art>span{display:block;background:#fffdf3;border:1px solid #dfd6a6;padding:15px 12px;border-radius:17px 17px 17px 2px;font-size:18px;font-weight:600;line-height:1.55;color:#746735}.speech-art>i{display:block;font-size:9px;font-style:normal;margin-top:9px;color:#8c8356}.writing-art{position:absolute;top:49px;left:29px;transform:rotate(-5deg);font-family:Georgia,serif;font-size:22px;color:#876c52;line-height:1.4}.writing-art>span{display:block}.writing-art mark{color:#876c52;background:#edcfb2}.writing-art>i{display:block;font-family:Pretendard,sans-serif;font-size:9px;font-style:normal;margin-top:12px}.card-body{padding:21px 21px 16px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#6d7564}.category-label{font-size:11px;font-weight:600;color:var(--green)}.category-label:hover{text-decoration:underline}.card-body :is(h2,h3){font-size:18px;line-height:1.5;letter-spacing:-.035em;margin-top:10px}.card-body :is(h2,h3) a:hover{color:var(--green)}.card-body>p{font-size:12px;color:#68715f;line-height:1.85;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6d7564}.card-footer>a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #e5e7dc;color:#748267}.card-footer>a:hover{background:#eef2df;color:var(--green)}.card-footer .icon{width:16px;height:16px}.article-card-featured{grid-row:span 2}.article-card-featured .card-art{height:auto;min-height:270px;flex:1}.article-card-featured .art-notes{top:95px;left:30px;font-size:32px;gap:10px}.article-card-featured .art-notes>span:first-child{font-size:26px}.article-card-featured .art-pencil{font-size:11px!important;margin-top:17px}.article-card-featured .card-body{flex:0;padding:24px 25px 21px}.article-card-featured .card-body :is(h2,h3){font-size:25px;line-height:1.55}.article-card-featured .card-body>p{-webkit-line-clamp:3;font-size:13px;margin-top:13px}.article-card-featured .card-footer{margin-top:15px}.article-card-featured .art-kicker{left:23px;top:22px}.article-card-featured .card-art::after{content:'GRAMMAR, MADE SIMPLE.';position:absolute;bottom:38px;left:31px;font-size:10px;color:#637750;letter-spacing:.13em}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.archive-grid .card-art{height:210px}
/* A tiny interactive lesson */
.sentence-section{padding-top:0;padding-bottom:65px}.sentence-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;border:1px solid #dce3d1;background:#f0f3e6;border-radius:18px;padding:37px 42px;align-items:start}.sentence-intro h2{font-size:27px;margin-top:10px}.sentence-intro h2>span{display:inline-block;color:#8f9e65;font-size:32px;vertical-align:middle;margin-left:7px}.sentence-intro p{font-size:12px;color:#68715f;margin-top:10px}.exercise-label{font-size:11px;color:#68715f}.exercise-question{font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px;margin-top:8px;line-height:1.8}.blank-word{display:inline-flex;justify-content:center;align-items:center;min-width:55px;line-height:1.1;padding:2px 8px 5px;border-bottom:2px solid #90a16b;color:var(--green);font-style:italic;margin:0 4px}.answer-choices{display:flex;gap:9px;margin-top:12px}.answer-choices button{min-width:85px;min-height:42px;padding:8px 20px;border:1px solid #d3ddc3;border-radius:7px;background:#fffef6;font-family:Georgia,serif;font-size:18px;line-height:1.2}.answer-choices button:hover{border-color:var(--green)}.answer-choices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.exercise-feedback{font-size:12px;line-height:1.6;color:#42603d;margin-top:10px}.exercise-feedback:empty{display:none}.exercise-explanation{font-size:13px;line-height:1.9;margin-top:14px;padding-top:14px;border-top:1px solid #d8e0ca;color:#68745e}.exercise-explanation>strong{display:block;color:var(--green);margin-bottom:4px}.exercise-explanation>span{display:block;font-family:Georgia,serif;font-size:16px;margin-top:7px;color:var(--green)}.exercise-explanation>a{display:inline-flex;gap:8px;align-items:center;margin-top:8px;color:var(--green);font-size:12px}.exercise-explanation .icon{width:16px;height:16px}
/* Editorial statement and footer */
.about-band{padding-top:0;padding-bottom:78px}.about-band-inner{position:relative;display:flex;justify-content:center;align-items:center;gap:49px;padding:16px 35px}.about-mascot{width:154px;flex-shrink:0;transform:rotate(-6deg)}.about-band h2{font-size:28px;margin-top:9px}.about-band h2 span{color:var(--green)}.about-band p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:13px}.about-band .text-link{margin-top:17px;font-size:12px}.about-flower{position:absolute;right:55px;top:40px;font-size:75px;line-height:1;color:#d4dcbf;transform:rotate(12deg)}.site-footer{border-top:1px solid var(--line);background:#f0f1e8;padding-top:45px;padding-bottom:22px}.footer-top{display:flex;justify-content:space-between;gap:65px;padding-bottom:32px}.site-footer .brand{font-size:27px}.site-footer .brand-symbol{width:29px;height:29px}.site-footer .brand-symbol .icon{width:28px;height:28px}.footer-top>div:first-child>p{font-size:12px;line-height:1.9;color:#69735f;margin-top:16px;max-width:260px}.footer-links{display:flex;gap:88px;padding-right:30px}.footer-links>div{display:flex;flex-direction:column;gap:7px}.footer-links strong{font-size:12px;margin-bottom:7px;font-weight:600}.footer-links a{font-size:11px;color:#67715d;min-height:26px;display:flex;align-items:center}.footer-links a:hover{color:var(--green);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #dce1d0;font-size:10px;color:#67715d}.footer-bottom>span:last-child{font-family:Georgia,serif;font-style:italic;font-size:12px}.footer-bottom>span:last-child>span{font-style:normal;margin-left:8px}.demo-notice{margin-top:14px;font-size:10px;color:#717966;text-align:center}.back-top{position:fixed;right:25px;bottom:25px;background:var(--green);color:white;z-index:40;box-shadow:0 3px 12px #14392926}.back-top:hover{background:var(--green-dark)}.back-top .icon{transform:rotate(-90deg)}
/* Search */
.search-dialog{width:min(640px,calc(100% - 32px));max-height:85dvh;border:1px solid var(--line);border-radius:20px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #10281f33}.search-dialog::backdrop{background:#17382ca8;backdrop-filter:blur(5px)}.search-dialog-inner{padding:30px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.dialog-heading h2{font-size:23px}.search-form{display:flex;width:100%;min-height:55px;border:1px solid #c8d5bc;background:var(--white);border-radius:9px;padding:3px}.search-form input{background:transparent;min-width:0;border:0;flex:1;padding:8px 14px;color:var(--ink);font-size:16px;border-radius:5px}.search-form input::placeholder{color:#929887}.search-form button{width:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--green);flex-shrink:0}.search-form button:hover{background:#eaf0dd}.search-hint{font-size:12px;color:var(--muted);margin-top:22px}.search-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.search-tags a{border:1px solid var(--line);background:#f0f3e8;border-radius:30px;padding:6px 13px;font-size:12px}.search-tags a:hover{border-color:var(--green)}
/* Archive, article, and legal pages */
.listing-main,.page-main,.single-main{padding:30px 0 80px;min-height:65vh}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:#68715f;font-size:11px;line-height:1.8;margin-bottom:45px}.breadcrumb a:hover{color:var(--green);text-decoration:underline}.breadcrumb>span:not(:last-child){color:#a9af9e}.listing-heading h1{font-size:42px;margin-top:10px;line-height:1.4}.listing-heading>p{font-size:15px;color:var(--muted);margin-top:12px;max-width:720px}.archive-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 27px;padding-bottom:22px;border-bottom:1px solid var(--line)}.archive-controls>span{font-size:12px;color:#68715f;white-space:nowrap}.category-pills{display:flex;flex-wrap:wrap;gap:7px}.category-pills a{padding:9px 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;min-height:40px;background:var(--white)}.category-pills a.active,.category-pills a:hover{background:var(--green);color:var(--white);border-color:var(--green)}.pagination{display:flex;justify-content:center;gap:10px;margin-top:36px}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:8px;padding:5px 12px}.page-numbers.current{background:var(--green);color:white}.empty-state{text-align:center;padding:60px 20px}.empty-state .page-mascot{width:150px;margin:0 auto 20px}.empty-state h2,.empty-state h3{font-size:26px}.empty-state h1{font-size:35px}.empty-state>p{margin-top:15px;color:var(--muted);line-height:1.9}.empty-state .search-form{max-width:470px;margin:25px auto}.empty-state .button{margin-top:25px}.empty-state>.eyebrow{margin-bottom:10px}.notfound{min-height:65vh}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px;justify-content:center}.post-header h1{font-size:43px;line-height:1.42;letter-spacing:-.045em;margin-top:17px}.post-deck{font-size:18px!important;line-height:1.85!important;margin-top:22px!important;color:#78816f!important;letter-spacing:-.015em}.post-byline{display:flex;gap:12px;align-items:center;margin-top:28px;padding-bottom:25px;border-bottom:1px solid var(--line)}.author-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#eaf0df;color:var(--green)}.author-avatar .icon{width:23px;height:23px}.post-byline>div{display:flex;flex-direction:column;gap:3px}.post-byline strong{font-size:12px;font-weight:600}.post-byline>div>span{font-size:11px;color:#68715f;display:flex;flex-wrap:wrap;gap:8px}.save-article{margin-left:auto;border:1px solid var(--line);border-radius:9px}.save-article[aria-pressed=true]{background:var(--green);color:var(--white)}.save-article[aria-pressed=true] .icon{fill:currentColor}.draft-notice{font-size:11px;background:#f3eedb;color:#796b3e;border-radius:7px;padding:10px 14px;margin-top:23px}.post-content{font-size:18px;line-height:1.95;letter-spacing:-.015em;color:#465547;margin-top:35px;overflow-wrap:break-word}.post-content>*+*{margin-top:22px}.post-content h2{font-size:27px;line-height:1.5;color:var(--ink);margin-top:48px;margin-bottom:18px;scroll-margin-top:35px}.post-content h3{font-size:22px;line-height:1.6;color:var(--ink);margin-top:32px;margin-bottom:12px}.post-content p{word-break:keep-all;overflow-wrap:break-word}.post-content strong{font-weight:600;color:#344c3a}.post-content a{color:var(--green);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.post-content ul,.post-content ol{padding-left:24px}.post-content li{padding-left:4px;margin-block:8px}.post-content blockquote{margin-inline:0;border-left:3px solid #9bad75;padding:18px 25px;background:#f0f3e7;font-size:21px;color:#537046;line-height:1.7}.post-content .ep-example{background:#f0f4e8;border:1px solid #dde5cf;padding:22px 27px;border-radius:12px;line-height:1.9}.post-content .ep-example p+p{margin-top:8px}.post-content .ep-example p[lang=en]{font-family:Georgia,serif;font-size:24px;color:#345c43}.post-content .ep-example small{display:block;font-size:14px;color:#7b856f}.post-content .ep-takeaway{background:#f3efda;border-radius:13px;padding:24px 27px}.post-content .ep-takeaway h2,.post-content .ep-takeaway h3{margin-top:0}.post-content .ep-takeaway p{font-size:16px}.post-content details{border:1px solid var(--line);border-radius:10px;padding:16px 20px}.post-content summary{cursor:pointer;color:var(--green);font-weight:600;min-height:32px}.post-content details p{margin-top:12px}.post-content hr{border:0;border-top:1px solid var(--line);margin-block:35px}.post-content table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}.post-content th,.post-content td{text-align:left;padding:14px;border:1px solid var(--line)}.post-content th{background:#edf1e2}.post-content .ep-source{font-size:14px;color:#7c8572;border-top:1px solid var(--line);padding-top:20px;margin-top:35px}.post-end{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;border-block:1px solid var(--line);padding:22px 0;margin-top:45px}.post-end>span:first-child{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--green)}.post-end .icon{width:18px;height:18px}.copy-status{font-size:12px;color:var(--green);width:100%}.copy-status:empty{display:none}.editor-note{background:#f0f2e7;border-radius:12px;padding:22px 25px;margin-top:27px}.editor-note strong{font-size:14px}.editor-note p{font-size:13px;color:#68715f;line-height:1.9;margin-top:8px}.editor-note a{font-size:12px;display:inline-block;margin-top:11px;color:var(--green)}.article-sidebar{padding-top:12px}.toc-box{position:sticky;top:35px;border:1px solid var(--line);background:#fffdf7;padding:22px;border-radius:12px}.toc-box h2{font-size:17px;margin-top:5px;margin-bottom:17px}.table-of-contents{display:flex;flex-direction:column;gap:11px}.table-of-contents p{font-size:12px;color:var(--muted)}.table-of-contents a{font-size:12px;color:#77816d;line-height:1.7;border-left:2px solid #e1e6d6;padding-left:11px}.table-of-contents a:hover,.table-of-contents a.active{color:var(--green);border-color:var(--green)}.sidebar-note{text-align:center;padding:35px 10px}.sidebar-note .page-mascot{width:120px;margin:auto}.sidebar-note strong{display:block;font-size:12px;margin-top:10px}.sidebar-note p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.related-section{margin-top:75px;padding-top:40px;border-top:1px solid var(--line)}.related-section .section-heading h2{font-size:25px}.page-article{max-width:760px;margin:auto}.page-article h1{font-size:43px;line-height:1.4;margin-top:12px}.page-article>header{padding-bottom:25px;border-bottom:1px solid var(--line)}.page-content-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.page-content-cards>a{display:block;padding:22px;background:#eef2e5;border:1px solid var(--line);border-radius:12px;text-decoration:none}.page-content-cards strong{display:block;font-size:19px}.page-content-cards p{font-size:14px;line-height:1.8;margin-top:9px}.page-content-cards>a:hover{border-color:var(--green)}
/* Tablet: retain comfortable columns, without shrinking the type. */
@media(min-width:1450px){.hero{padding-top:82px;padding-bottom:80px}.hero-grid{gap:50px}.hero h1{font-size:65px}.hero-visual{transform:translateX(10px)}}
@media(max-width:1190px){.container{width:calc(100% - 64px)}.desktop-nav,.desktop-nav .menu{gap:17px}.desktop-nav a{font-size:12px}.header-inner{gap:16px}.header-actions{gap:8px}.header-cta{font-size:11px;padding:10px}.hero h1{font-size:48px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero-visual{transform:scale(.9);transform-origin:center right}.hero-buttons{gap:13px}.hero-secondary{font-size:11px}.hero-buttons .button{padding-inline:18px;font-size:13px}.start-panel{gap:40px;padding:35px}.article-layout{gap:40px;grid-template-columns:minmax(0,760px) 215px}.home-articles{gap:18px}.card-body{padding:18px}.card-body :is(h2,h3){font-size:17px}.article-card-featured .card-body :is(h2,h3){font-size:23px}.about-flower{right:10px}.topic-tile{padding-inline:18px}.topic-tile p{font-size:10px}}
@media(max-width:1020px){.site-header{height:82px}.desktop-nav{display:none}.mobile-toggle{display:inline-flex}.header-actions{gap:10px}.header-cta{font-size:12px;padding:10px 14px}.hero{padding-top:45px;padding-bottom:44px}.hero-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:430px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-buttons{flex-wrap:wrap;gap:13px}.hero-visual{transform:scale(.78);transform-origin:center right;margin-left:-40px}.hero-secondary{font-size:11px}.hero-footnote{margin-top:23px}.belief-strip .container{gap:28px}.belief-strip span{font-size:11px}.section{padding-block:54px}.section-heading h2{font-size:26px}.section-heading>p{font-size:11px}.topic-grid{gap:12px}.topic-tile{padding:20px 15px 17px}.topic-tile h3{font-size:17px}.topic-tile p{font-size:10px}.start-section{padding-top:0}.start-panel{grid-template-columns:.75fr 1.25fr;gap:30px;padding:30px}.start-intro h2{font-size:25px}.start-intro>p{font-size:12px}.start-content h3{font-size:17px}.start-content [data-guide-copy]{font-size:12px}.home-articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-card-featured{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;min-height:285px}.article-card-featured .card-art{min-height:285px;border-bottom:0;border-right:1px solid var(--line)}.article-card-featured .art-notes{top:75px;font-size:31px}.article-card-featured .card-body{padding:28px}.article-card-featured .card-body>p{-webkit-line-clamp:3}.card-art{height:200px}.card-body :is(h2,h3){font-size:19px}.card-body>p{font-size:13px}.card-meta,.category-label{font-size:11px}.card-footer{font-size:11px}.articles-section,.sentence-section,.about-band{padding-top:0}.sentence-panel{grid-template-columns:.8fr 1.2fr;gap:25px;padding:30px}.sentence-intro h2{font-size:24px}.exercise-question{font-size:23px}.about-flower{display:none}.about-band-inner{gap:30px}.about-band h2{font-size:26px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,700px)}.article-sidebar{display:none}.post-header h1{font-size:40px}.related-section .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-section .article-card:last-child{display:none}.footer-links{gap:45px;padding-right:0}.post-content{font-size:18px}.brand{font-size:28px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:76px}.mobile-nav{top:76px}.brand{font-size:26px;gap:8px}.brand-symbol{width:30px;height:30px}.brand-symbol>.icon{width:29px;height:29px}.brand small{font-size:8px;margin-top:5px}.header-cta{display:none}.header-actions{gap:2px}.hero{padding-top:33px;padding-bottom:30px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy>.eyebrow{font-size:11px;padding:5px 10px}.hero h1{font-size:clamp(38px,7.5vw,53px);line-height:1.3;margin-top:18px;letter-spacing:-.06em}.hero-mobile-break{display:none}.hero-highlight::after{height:14px;bottom:1px}.hero-copy>p{font-size:15px;line-height:1.9;margin-top:19px}.hero-buttons{margin-top:24px;gap:18px}.hero-buttons .button{min-height:50px;font-size:13px;padding:13px 20px}.hero-secondary{font-size:11px}.hero-footnote{display:none}.hero-visual{height:400px;width:460px;max-width:100%;margin:12px auto 0;transform:scale(.9);transform-origin:top center}.hero-visual::before{width:370px;height:330px;left:20px;top:34px}.lesson-paper{left:18px;top:29px;width:365px;padding:24px 26px}.lesson-sentence{font-size:38px}.paper-rule{margin-bottom:22px}.paper-bottom{margin-top:23px}.growth-sticker{right:-2px;top:11px;width:98px;height:99px}.growth-sticker>b{font-size:15px}.hero-mascot{width:148px;right:-3px;bottom:-9px}.hero-handwritten{left:36px;font-size:15px;bottom:-12px}.doodle-star{font-size:43px;top:3px;left:-4px}.spark-a{bottom:28px;left:17px}.spark-b{right:-10px;bottom:137px}.belief-strip .container{gap:0;justify-content:space-between;min-height:63px}.belief-strip span{font-size:10px;gap:4px;white-space:nowrap}.belief-strip i{display:none}.belief-strip .icon{width:13px;height:13px}.section{padding-block:42px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.section-heading h2{font-size:24px;line-height:1.45;letter-spacing:-.05em}.section-heading .eyebrow{font-size:9px;margin-bottom:7px}.section-heading>p{display:none}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-tile{padding:22px 19px 17px}.topic-icon{width:38px;height:38px;margin-bottom:14px}.topic-tile h3{font-size:18px}.topic-tile p{font-size:11px;line-height:1.7;margin-top:6px;max-width:145px}.topic-link{font-size:10px;margin-top:17px}.start-section{padding-top:0}.start-panel{display:block;padding:27px 24px;border-radius:14px}.start-intro h2{font-size:26px;line-height:1.45}.start-intro>p{font-size:13px;line-height:1.8;margin-top:12px}.start-intro>p br{display:none}.start-doodle{display:none}.start-content{margin-top:25px}.level-tabs{gap:8px}.level-tabs button{font-size:13px;min-height:44px;padding-top:9px}.guide-label{font-size:11px;margin-top:23px}.start-content h3{font-size:19px;line-height:1.6}.start-content [data-guide-copy]{font-size:13px;line-height:1.85;margin-top:8px;min-height:0}.guide-steps{margin-top:19px}.guide-steps li{padding:13px 0;align-items:flex-start}.guide-steps a{font-size:12px;line-height:1.7;align-items:center}.guide-steps .icon{width:16px;height:16px}.articles-section,.sentence-section,.about-band{padding-top:0}.articles-section .section-heading{display:block}.articles-section .section-heading>.text-link{font-size:12px;margin-top:12px}.home-articles{gap:18px}.article-card-featured{display:flex;grid-column:span 2;min-height:0}.article-card-featured .card-art{height:255px;min-height:255px;border-right:0;border-bottom:1px solid var(--line);flex:none}.article-card-featured .art-notes{font-size:34px;left:37px;top:66px}.article-card-featured .art-notes>span:first-child{font-size:26px}.article-card-featured .card-art::after{left:38px;bottom:24px;font-size:9px}.article-card-featured .card-body{padding:22px 23px}.article-card-featured .card-body :is(h2,h3){font-size:25px;line-height:1.55}.article-card-featured .card-body>p{font-size:14px;-webkit-line-clamp:2}.article-card-featured .card-footer{margin-top:0}.card-art{height:145px}.card-body{padding:16px 14px 13px}.card-body :is(h2,h3){font-size:16px;line-height:1.55;margin-top:8px;letter-spacing:-.04em}.card-body>p{font-size:12px;line-height:1.85;margin-top:8px;-webkit-line-clamp:2}.card-meta{gap:5px;font-size:9px;flex-wrap:wrap}.category-label{font-size:10px}.card-footer{font-size:9px;padding-top:15px}.card-footer>a{width:28px;height:28px}.art-kicker{font-size:8px;top:11px;left:12px}.vocab-stack{top:35px;left:15px;right:23px;gap:6px}.vocab-stack>span{font-size:12px;padding:4px 7px;display:block}.vocab-stack small{display:none}.reading-paper{top:28px;width:124px;padding:13px 13px 20px}.reading-paper b{font-size:19px}.reading-paper>span{margin-top:6px}.routine-art{left:13px;right:13px;top:43px;gap:4px}.routine-art>span{font-size:7px;padding:6px 2px 3px}.routine-art b{font-size:22px}.art-bottom{font-size:8px;bottom:16px}.speech-art{left:15px;right:15px;top:32px}.speech-art>span{font-size:14px;padding:11px 7px;border-radius:12px 12px 12px 2px}.speech-art>i{font-size:8px}.art-corner .icon{width:16px;height:16px}.art-corner{bottom:10px;right:10px}.writing-art{font-size:17px;top:40px;left:18px}.art-notes{font-size:20px;left:18px;top:39px}.art-notes>span:first-child{font-size:17px}.art-pencil{font-size:8px!important;margin-top:6px}.sentence-panel{display:block;padding:27px 24px;border-radius:14px}.sentence-intro h2{font-size:25px;margin-top:7px}.sentence-intro p{font-size:12px;margin-top:6px}.sentence-exercise{margin-top:25px;padding-top:20px;border-top:1px solid #d8e0cd}.exercise-question{font-size:23px;line-height:1.8;margin-top:12px;letter-spacing:-.5px}.answer-choices{margin-top:17px}.answer-choices button{min-width:95px;min-height:46px}.about-band-inner{padding:10px 0;gap:20px;align-items:center}.about-mascot{width:110px;margin-left:-5px}.about-band .eyebrow{font-size:8px;letter-spacing:.1em}.about-band h2{font-size:22px;line-height:1.5}.about-band p{font-size:12px;line-height:1.85;margin-top:10px}.about-band p br{display:none}.about-band .text-link{font-size:11px;margin-top:13px}.site-footer{padding-top:32px;padding-bottom:25px}.footer-top{display:block;padding-bottom:24px}.footer-top>div:first-child>p{max-width:285px;font-size:12px;margin-top:13px}.footer-links{margin-top:28px;gap:0;justify-content:space-between;padding-right:30px}.footer-links>div{gap:5px}.footer-links strong{font-size:12px}.footer-links a{font-size:12px;min-height:31px}.footer-bottom{display:block;font-size:10px;line-height:1.8}.footer-bottom>span:last-child{display:block;margin-top:8px;font-size:12px}.demo-notice{text-align:left;line-height:1.8;margin-top:13px;font-size:10px}.listing-main,.page-main,.single-main{padding-top:24px;padding-bottom:50px}.breadcrumb{margin-bottom:30px;font-size:10px}.listing-heading h1{font-size:32px;line-height:1.4}.listing-heading>p{font-size:14px;line-height:1.85}.archive-controls{align-items:flex-start;flex-direction:column;margin-top:28px;gap:13px;padding-bottom:18px}.category-pills{gap:6px}.category-pills a{font-size:11px;padding:9px 13px}.archive-controls>span{font-size:11px}.archive-grid{gap:18px}.archive-grid .card-art{height:145px}.post-header h1{font-size:32px;line-height:1.5;margin-top:14px;letter-spacing:-.045em}.post-deck{font-size:16px!important;line-height:1.9!important;margin-top:17px!important}.post-byline{margin-top:23px;gap:10px;padding-bottom:21px}.post-byline>div>span{font-size:10px;gap:6px}.post-content{font-size:17px;line-height:1.95;letter-spacing:-.02em;margin-top:27px}.post-content>*+*{margin-top:20px}.post-content h2{font-size:24px;margin-top:36px;margin-bottom:15px;line-height:1.55}.post-content h3{font-size:20px;line-height:1.6}.post-content blockquote{font-size:19px;padding:17px 19px}.post-content .ep-example{padding:19px 20px}.post-content .ep-example p[lang=en]{font-size:22px}.post-content .ep-example small{font-size:13px}.post-content .ep-takeaway{padding:20px}.post-content .ep-takeaway p{font-size:15px}.post-content details{padding:14px 17px}.post-content summary{font-size:16px}.post-end{gap:17px;padding-block:20px;margin-top:35px}.post-end>span:first-child{font-size:12px}.post-end .text-link{font-size:12px}.editor-note{padding:20px}.editor-note p{font-size:12px}.page-article h1{font-size:34px}.page-content-cards{grid-template-columns:1fr}.related-section{margin-top:50px;padding-top:30px}.related-section .section-heading h2{font-size:22px}.related-section .text-link{font-size:11px}.search-dialog-inner{padding:22px}.dialog-heading{gap:8px;margin-bottom:16px}.dialog-heading h2{font-size:20px}.search-form input{font-size:16px}.back-top{right:15px;bottom:15px;width:41px;height:41px}.empty-state{padding:35px 0}.empty-state h1{font-size:29px}.empty-state h2{font-size:24px}.empty-state>p{font-size:14px}}
@media(max-width:390px){.container{width:calc(100% - 36px)}.hero h1{font-size:38px}.hero-buttons{gap:13px}.hero-secondary{font-size:10px}.hero-visual{height:345px;transform:scale(.79);transform-origin:top left;width:400px;max-width:none;margin-top:21px;margin-left:0}.belief-strip span{font-size:9px;gap:3px}.belief-strip .icon{width:12px;height:12px}.section-heading h2{font-size:22px}.topic-tile{padding:20px 15px 15px}.topic-tile h3{font-size:17px}.topic-tile p{font-size:10px}.start-panel,.sentence-panel{padding:24px 20px}.start-content h3{font-size:18px}.card-body{padding:14px 12px}.card-body :is(h2,h3){font-size:15px}.card-meta{font-size:8px}.category-label{font-size:9px}.exercise-question{font-size:21px}.blank-word{min-width:45px}.about-mascot{width:90px}.about-band-inner{gap:15px}.about-band h2{font-size:20px}.card-art,.archive-grid .card-art{height:135px}.footer-links{padding-right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.article-sidebar,.related-section,.post-end,.save-article,.search-dialog,.back-top,.mobile-nav,.draft-notice{display:none!important}.container{width:100%}.article-layout{display:block}.post-content{font-size:12pt;line-height:1.7}.post-header h1{font-size:24pt}.single-main{padding:0}body{background:white}.post-content a{color:inherit}.post-content a[href^=http]::after{content:' (' attr(href) ')';font-size:9pt}.post-content h2{break-after:avoid}.post-content .ep-example{break-inside:avoid}}

/* Readability pass: functional copy stays readable at every viewport. */
.topic-tile p{font-size:13px;color:#626d58}.topic-link{font-size:12px}.card-meta{font-size:12px}.category-label{font-size:12px}.card-body>p{font-size:14px;color:#66715e}.card-footer{font-size:12px}.guide-steps a{font-size:14px}.start-content [data-guide-copy]{font-size:14px}.guide-label{font-size:12px;color:#657553}.footer-links a{font-size:13px}.footer-top>div:first-child>p{font-size:13px}.sentence-intro p,.exercise-label{font-size:13px;color:#657354}.exercise-feedback{font-size:13px}.exercise-explanation{font-size:14px}.hero-secondary{font-size:13px}.post-byline strong{font-size:13px}.post-byline>div>span{font-size:12px}.table-of-contents a{font-size:13px}.post-content .ep-source{color:#65715c}.card-art{color:#536d44}
@media(max-width:1190px){.topic-tile p{font-size:12px}.desktop-nav a{font-size:13px}.hero-secondary{font-size:12px}}
@media(max-width:760px){.topic-tile p{font-size:12px;min-height:40px}.topic-link{font-size:11px}.card-meta,.category-label{font-size:10px}.card-body :is(h2,h3){font-size:17px}.card-body>p{font-size:13px}.card-footer{font-size:10px}.guide-steps a{font-size:13px}.start-content [data-guide-copy]{font-size:14px}.hero-copy>p{font-size:15px}.hero-secondary{font-size:12px}.footer-links a{font-size:13px}.exercise-explanation{font-size:14px}.post-byline>div>span{font-size:11px}.about-band p{font-size:13px}}
@media(max-width:390px){.hero-secondary{font-size:11px}.card-body :is(h2,h3){font-size:16px}.topic-tile p{font-size:12px}.card-meta,.category-label{font-size:10px}.card-body>p{font-size:13px}}

.hero-ending{white-space:nowrap}
@media(min-width:761px) and (max-width:1020px){.hero-visual{width:440px;transform:scale(.72);transform-origin:left center;margin-left:-8px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}}
/* Prevent illustration intrinsic size from widening narrow phone grids. */
.hero-copy{min-width:0}
@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){.hero-visual{width:400px;height:400px;transform:scale(.70);margin-bottom:-115px}.hero h1{font-size:36px}.hero-buttons{gap:11px}.hero-secondary{font-size:11px}.belief-strip span{font-size:8px}.belief-strip .icon{width:10px;height:10px}.topic-tile{padding-inline:13px}.topic-tile h3{font-size:16px}.topic-tile p{font-size:11px}}
@media(min-width:761px) and (max-width:1020px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mobile-menu{list-style:none;padding:0;margin:0}
.card-art .unique-cover{object-fit:contain;width:100%;height:100%;display:block}.article-card-featured .card-art::after{display:none}.post-cover{margin:30px 0 0;overflow:hidden;border-radius:16px;border:1px solid var(--line)}.post-cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain}
/* Learning pages */
.article-trust-line{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#748265;font-size:11px;margin-top:15px}.article-trust-line>span{display:flex;align-items:center;gap:7px}.article-trust-line .icon{width:15px;height:15px}.article-trust-line>a{font-size:11px;border-bottom:1px solid #c5d1b5}.ep-learning-goals{background:#f2f5e8;border:1px solid #dce5cf;border-radius:14px;padding:23px 27px;margin-block:28px!important}.lesson-small-label{display:block;font-size:11px;font-family:Pretendard,sans-serif;letter-spacing:.035em;font-weight:600;color:#708653;line-height:1.8}.ep-learning-goals ul{list-style:none;padding:0;margin:11px 0 0}.ep-learning-goals li{position:relative;padding-left:22px;font-size:16px;line-height:1.85;color:#5e7350;margin:7px 0}.ep-learning-goals li::before{content:'✓';position:absolute;left:0;color:#8ba268}.post-content .lesson-example{padding:25px 28px;background:#eff4e7}.example-english{font-family:Georgia,serif;font-size:26px;line-height:1.7;color:#345f45;margin-top:11px;overflow-wrap:anywhere}.post-content .example-translation{font-size:15px;color:#758365;line-height:1.8;margin-top:12px}.post-content .example-note{font-size:14px;line-height:1.95;padding-top:13px;margin-top:15px;border-top:1px solid #d6e2c7;color:#667854}.ep-block-prose{margin-top:21px}.ep-block-prose>*+*{margin-top:20px}.post-content h2+.ep-block-prose{margin-top:0}.lesson-table-wrap{overflow:auto;border:1px solid #dce4d0;border-radius:12px;margin-top:24px}.post-content .lesson-table-wrap table{margin:0;display:table;font-size:15px;line-height:1.9;min-width:520px}.post-content .lesson-table-wrap th{background:#edf2e1;color:#536c43;font-size:13px;font-weight:600}.post-content .lesson-table-wrap th,.post-content .lesson-table-wrap td{border:0;border-right:1px solid #e0e6d5;border-bottom:1px solid #e0e6d5;padding:17px 19px;vertical-align:top}.post-content .lesson-table-wrap tr:last-child td{border-bottom:0}.post-content .lesson-table-wrap tr>*:last-child{border-right:0}.post-content .lesson-table-wrap td:first-child{font-weight:600;color:#60764e}.post-content .lesson-steps{counter-reset:lesson-step;list-style:none;padding:0;margin-top:24px}.post-content .lesson-steps>li{position:relative;padding:16px 20px 16px 61px;border:1px solid #dce5cf;border-radius:10px;background:#fbfcf5;margin:11px 0;font-size:16px;line-height:1.9;color:#657457}.post-content .lesson-steps>li::before{counter-increment:lesson-step;content:counter(lesson-step,decimal-leading-zero);position:absolute;left:19px;top:17px;font-family:Georgia,serif;font-size:19px;color:#94a779}.lesson-quiz{padding:27px;border:1px solid #cfdcbb;background:#f1f5e4;border-radius:14px;margin-top:23px}.post-content .lesson-question{font-size:20px;color:#365739;font-weight:600;line-height:1.8;margin-top:13px}.lesson-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.lesson-choices>button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c9d8b3;background:#fffef7;border-radius:8px;padding:11px 18px;min-height:46px;font-family:Georgia,Pretendard,serif;font-size:18px;line-height:1.5;color:#567043}.lesson-choices>button:hover{border-color:#77995b}.lesson-choices>button[aria-pressed=true]{background:#38654b;border-color:#38654b;color:#fffef5}.post-content .lesson-quiz-feedback{font-size:13px;line-height:1.9;color:#6b7f55;margin-top:14px}.lesson-quiz-feedback:empty{display:none}.post-content .lesson-answer{margin-top:19px;background:#fffdf3;border:1px solid #d8e2c5;padding:15px 18px}.post-content .lesson-answer>summary{font-size:14px;color:#557442;min-height:30px;display:list-item}.post-content .lesson-answer p{font-size:16px;line-height:1.9;margin-top:13px}.post-content .ep-takeaway{background:#f4efda;border:1px solid #e7dfbd;padding:26px 28px;margin-top:36px}.post-content .ep-takeaway h2{font-size:25px;margin-bottom:17px}.post-content .ep-takeaway ul{padding-left:20px;font-size:16px;line-height:1.9}.post-content .ep-takeaway li{margin:10px 0}.lesson-sources{margin-top:42px!important;border-top:1px solid #dce4d0;padding-top:27px}.post-content .lesson-sources h2{font-size:24px;margin-top:6px;margin-bottom:16px}.post-content .lesson-sources>p{font-size:14px;line-height:1.9;color:#7a856e}.post-content .lesson-sources ol{padding-left:23px;margin-top:20px}.post-content .lesson-sources li{padding:8px 0 14px 4px;border-bottom:1px solid #e5eadc;margin:8px 0;line-height:1.7;font-size:14px}.post-content .lesson-sources a{font-size:15px;color:#426c42;font-weight:600;text-decoration:none}.post-content .lesson-sources a:hover{text-decoration:underline}.post-content .source-domain{display:block;font-size:11px;color:#91a07e;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.post-content .lesson-sources li>p{font-size:13px;color:#7b896a;line-height:1.9;margin-top:7px}.post-content .lesson-faq{background:#fcfcf5;border-color:#dfe5d4;margin-top:16px;padding:18px 21px}.post-content .lesson-faq summary{font-size:17px;line-height:1.8;color:#596f49}.post-content .lesson-faq p{font-size:16px;line-height:1.95}.article-author-note{background:#f1f4e9;border:1px solid #e0e6d5;border-radius:12px;padding:22px 25px;margin-top:32px;font-size:14px;color:#79866c}.article-author-note>strong{display:block;font-size:13px;color:#677c53;margin-bottom:9px}.mobile-article-toc{display:none}
@media(max-width:1020px){.mobile-article-toc{display:block;border:1px solid #dce5cf;border-radius:10px;background:#f4f7eb;padding:14px 20px;margin-top:24px}.mobile-article-toc>summary{font-size:13px;color:#657e50;cursor:pointer;min-height:29px;line-height:2}.mobile-article-toc .table-of-contents{margin-top:15px;padding-bottom:5px;gap:13px}.mobile-article-toc .table-of-contents a{font-size:13px}}
@media(max-width:760px){.post-cover{margin-top:25px;border-radius:12px}.article-trust-line{font-size:10px;gap:10px;align-items:flex-start;line-height:1.9;margin-top:13px}.article-trust-line>a{font-size:10px;white-space:nowrap}.article-trust-line .icon{width:14px;height:14px}.ep-learning-goals{padding:20px 21px;margin-top:25px!important}.ep-learning-goals li{font-size:15px;line-height:1.95;padding-left:21px;margin-top:10px}.lesson-small-label{font-size:10px}.post-content .lesson-example{padding:22px}.example-english{font-size:24px;line-height:1.75}.post-content .example-translation{font-size:14px;line-height:1.95}.post-content .example-note{font-size:13px;line-height:1.95}.post-content .lesson-table-wrap table{font-size:14px;min-width:480px}.post-content .lesson-table-wrap th,.post-content .lesson-table-wrap td{padding:14px 16px}.post-content .lesson-table-wrap th{font-size:12px}.post-content .lesson-steps>li{padding:16px 17px 16px 54px;font-size:15px;line-height:1.95}.post-content .lesson-steps>li::before{font-size:18px;left:16px}.lesson-quiz{padding:22px 20px;margin-top:23px;border-radius:12px}.post-content .lesson-question{font-size:19px;line-height:1.9;margin-top:12px}.lesson-choices{gap:8px;margin-top:18px}.lesson-choices>button{font-size:17px;min-height:45px;padding:10px 16px}.post-content .lesson-quiz-feedback{font-size:12px;line-height:1.9}.post-content .lesson-answer{padding:14px 16px}.post-content .lesson-answer>summary{font-size:13px}.post-content .lesson-answer p{font-size:15px}.post-content .ep-takeaway{padding:22px 23px;margin-top:30px}.post-content .ep-takeaway h2{font-size:23px}.post-content .ep-takeaway ul{font-size:15px;line-height:1.95;padding-left:19px}.post-content .lesson-sources h2{font-size:22px;line-height:1.55}.post-content .lesson-sources>p{font-size:13px}.post-content .lesson-sources li{font-size:13px}.post-content .lesson-sources a{font-size:14px;line-height:1.8}.post-content .lesson-sources li>p{font-size:12px;line-height:1.95}.post-content .lesson-faq{padding:17px 19px}.post-content .lesson-faq summary{font-size:16px}.post-content .lesson-faq p{font-size:15px}.article-author-note{padding:20px 21px;font-size:13px;line-height:1.95}.mobile-article-toc{padding:13px 17px}.mobile-article-toc>summary{font-size:12px}}

/* Home settings preserve the default composition and allow longer custom copy. */
.hero-copy-custom h1{overflow-wrap:anywhere}.hero-copy-custom .hero-highlight,.hero-copy-custom .hero-ending{white-space:normal}.hero-buttons{flex-wrap:wrap}.hero-buttons>.button{max-width:100%;overflow-wrap:anywhere;text-align:center}.hero-buttons>.hero-secondary{max-width:100%;white-space:normal;overflow-wrap:anywhere}.brand small{max-width:180px;white-space:normal;overflow-wrap:anywhere}.site-footer p{overflow-wrap:anywhere}.hero-user-visual{min-width:0;display:grid;place-items:center;padding:16px;background:#eff2e6;border:1px solid #e1e6d8;border-radius:24px;box-shadow:0 18px 40px #29452f08}.hero-user-image{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:14px}.hero-grid:has(.hero-user-visual){align-items:center}@media(max-width:760px){.hero-user-visual{padding:11px;border-radius:18px;margin-top:12px}.hero-user-image{max-height:350px;border-radius:11px}.brand small{max-width:155px}}
/* Home copy adapts to the operator's chosen labels. */
.topic-tile h3,.topic-tile p,.start-intro h2,.start-intro p,.level-tabs button,[data-guide-title],[data-guide-copy],.guide-steps a{overflow-wrap:anywhere}.level-tabs button{min-width:0;white-space:normal;line-height:1.6}.start-intro p{white-space:pre-line}