@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&family=Zen+Maru+Gothic:wght@500;700&display=swap');
:root{--paper:#faf9f4;--ink:#263e33;--green:#2c5745;--muted:#5e6e64;--line:#d9dfd5;--pale:#edf2e9;--coral:#a34f32;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.9 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.6}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a65333;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.wrap{max-width:1280px;margin:auto;padding-inline:40px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:5px;left:8px;padding:10px 15px;background:var(--green);color:white;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--coral);z-index:99;transform:scaleX(var(--progress,0));transform-origin:left}
header{border-bottom:1px solid var(--line);background:var(--paper)}.masthead{display:flex;align-items:center;gap:24px;padding-block:24px}.brand{font:700 32px/1.4 'Zen Maru Gothic',sans-serif;white-space:nowrap;letter-spacing:.03em}.brand span{color:var(--green)}.brand i{font-style:normal;color:var(--coral);font-size:42px}.brand-note{font-size:12px;border-left:1px solid var(--line);padding-left:24px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px}.header-actions b{font:500 12px var(--sans);background:var(--pale);padding:4px 7px;border-radius:50%}.menu-button{display:none}.nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:18px;min-height:52px;align-items:center}.nav a{font-size:14px;padding-block:12px}.nav a:hover,.header-actions a:hover{color:var(--coral)}.nav-making{color:var(--coral)}.breadcrumbs{display:flex;gap:10px;font-size:12px;padding-block:24px;flex-wrap:wrap}.breadcrumbs span:last-child{min-width:0}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding-top:40px;padding-bottom:32px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--coral);font-weight:500;margin-bottom:13px}.hero h1{font:500 clamp(30px,3.1vw,44px)/1.7 var(--serif);letter-spacing:-.025em;margin-bottom:20px}.hero h1 span{display:block;white-space:nowrap}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:2}.hero-art{position:relative;overflow:hidden;border-radius:8px}.hero-art>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transform:translateY(var(--hero-shift,0px));transition:transform .4s ease-out}.hero-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:11px 0}.handwriting{font:italic 19px var(--serif);color:var(--green)}.search-form{display:flex;align-items:center;background:white;border:1px solid #becfc0;box-shadow:0 5px 20px #324b3410;border-radius:5px;overflow:hidden;max-width:580px;margin-top:24px;position:relative}.search-form>span{font-size:24px;padding:0 13px}.search-form input{min-width:0;flex:1;border:0;background:transparent;font-size:14px;height:56px;outline-offset:-4px}.search-form button{background:var(--green);color:white;border:0;padding:0 20px;height:56px;font-size:14px}.search-form button span{padding-left:12px}.hero-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:12px}.hero-trust span:before{content:'✓';color:var(--green);padding-right:5px}
.section{padding-block:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{font:500 30px/1.65 var(--serif);letter-spacing:.025em}.section-heading h2 span{display:inline-block}.section-heading p:not(.eyebrow){font-size:15px;margin-top:9px}.section-heading.compact{margin-bottom:20px;align-items:center}.compact h2{font-size:21px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:14px;min-height:44px;color:var(--green)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field-tile{background:#fff;border:1px solid var(--line);border-radius:5px;padding:19px 16px;display:flex;align-items:center;gap:14px;transition:background .2s,transform .2s}.field-tile:hover{background:var(--pale);transform:translateY(-3px)}.field-icon{font-size:27px;color:var(--green)}.field-tile strong{display:block;font-size:17px;font-weight:500;white-space:nowrap}.field-tile small{display:block;font-size:10px;letter-spacing:.07em;color:var(--muted)}.field-tile .arrow{margin-left:auto;color:var(--muted)}.purpose-row{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:14px;padding:21px 0 28px;border-bottom:1px solid var(--line)}.purpose-row>span{font-size:12px;color:var(--muted);margin-right:9px}.purpose-row a{background:#f7f4ed;border:1px solid #e5dacf;padding:5px 18px;border-radius:40px}.purpose-row a:hover{border-color:var(--coral)}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-card{display:flex;flex-direction:column;min-width:0}.article-thumb{position:relative;border-radius:5px;overflow:hidden;margin-bottom:16px}.article-thumb img{aspect-ratio:1.8;object-fit:cover;width:100%;height:auto;transition:transform .6s}.article-thumb>span{position:absolute;bottom:8px;right:8px;padding:2px 5px;background:#fffdf4df;font-size:10px}.article-card h3{font-size:19px;font-weight:500;line-height:1.8;margin-bottom:9px}.article-card>p:not(.eyebrow){font-size:14px;line-height:1.95}.article-card .eyebrow{font-size:12px;margin-bottom:8px}.article-card .text-link{margin-top:auto;padding-top:14px}.article-card:hover .article-thumb img{transform:scale(1.025)}.article-card:hover h3{color:var(--coral)}
.creation-section{background:#eef1e8;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:50px;overflow:hidden}.creation-layout{display:grid;grid-template-columns:1.18fr 1fr;gap:55px;align-items:center}.creation-story h3{font:500 32px/1.8 var(--serif);margin-bottom:16px}.creation-story>p:not(.eyebrow):not(.micro){font-size:16px;max-width:420px;line-height:2}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--green);color:white;border:1px solid var(--green);border-radius:4px;padding:11px 23px;font-size:14px;min-height:48px}.button:hover{background:#193e2f}.button.outline{background:transparent;color:var(--green)}.creation-story .button{margin-block:23px 9px}.micro{font-size:12px;line-height:1.9;margin-top:10px}.motion-toggle{background:transparent;border:1px solid #adb9ac;border-radius:4px;padding:8px 13px;font-size:12px;min-height:44px;flex-shrink:0}.demo-images{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:5px;background:#ece6d8}.demo-images>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.demo-before{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.monochrome{filter:grayscale(1)}.demo-divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:white;pointer-events:none}.demo-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:white;color:var(--green);box-shadow:0 2px 15px #263e3320}.demo-label{position:absolute;top:13px;padding:3px 9px;background:#fffcf2ed;font-size:12px;border-radius:3px}.demo-label.before{left:12px}.demo-label.after{right:12px}.demo-control{display:flex;align-items:center;gap:20px;padding:13px 0;font-size:12px}.demo-control input{flex:1;min-width:80px;accent-color:var(--green);height:32px}.process-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.process-strip article{border-top:1px solid #aebdae;padding-top:19px}.process-strip span{font-size:12px;letter-spacing:.1em;color:var(--coral)}.process-strip h3{font:500 23px/1.7 var(--serif);margin:9px 0}.process-strip p{font-size:14px}.reveal{transition:transform .7s,opacity .7s}.reveal.pending{transform:translateY(22px);opacity:.35}.reveal.pending:nth-child(2){transition-delay:.08s}.reveal.pending:nth-child(3){transition-delay:.16s}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{border:1px solid var(--line);background:white;border-radius:6px;padding:22px;display:flex;flex-direction:column;min-width:0}.course-top{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.tag,.status{display:inline-block;font-size:12px;line-height:1.6;padding:3px 7px;background:#f2f4ed;border-radius:3px;color:var(--muted)}.status.yes{background:#e5f0e4;color:#285c3e}.status.pending{background:#fff1df;color:#86502f}.school-label{font-size:12px;margin-bottom:6px}.course-card h3{font-size:17px;line-height:1.8;font-weight:500;margin-bottom:18px}.course-card h3 a:hover{text-decoration:underline}.course-facts{display:flex;justify-content:space-between;gap:14px;margin:auto 0 0;padding:13px 0 0;border-top:1px solid var(--line)}.course-facts dt{font-size:12px;color:var(--muted)}.course-facts dd{margin:4px 0 0;font-size:18px;font-weight:500}.course-facts>div:last-child dd{font-size:15px}.course-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}.save-button{background:transparent;color:var(--green);border:1px solid #bdcbbb;border-radius:4px;padding:8px 10px;font-size:13px;min-height:44px}.save-button[aria-pressed=true]{background:var(--green);color:white}.course-bottom>a{padding:10px 0}.money-callout{display:grid;grid-template-columns:1fr 1.5fr;gap:65px;background:#e8eddf;padding:40px;margin-top:10px;margin-bottom:70px;border-radius:5px}.money-callout h2{font:500 29px/1.7 var(--serif)}.money-callout p{font-size:16px;max-width:590px}.money-callout .text-link{margin-top:14px}
footer{background:#edf0e7;border-top:1px solid var(--line);padding-block:40px 85px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.footer-top p{font-size:13px}.footer-note{margin-top:25px}.footer-note p{font-size:12px;line-height:1.9;margin-top:6px}.footer-bottom{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#203f32;color:white;z-index:80;border-radius:5px;max-width:90vw;font-size:14px;box-shadow:0 8px 25px #0002}.compare-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--green);color:white;border-radius:40px;box-shadow:0 6px 24px #102c302c;z-index:70;white-space:nowrap;font-size:14px}.compare-dock span{padding-left:25px}.nojs{padding:15px;background:var(--pale);font-size:14px}
@media(max-width:1000px){.wrap{padding-inline:28px}.brand-note{display:none}.nav{gap:12px}.nav a{font-size:12px}.hero h1{font-size:32px}.field-tile{gap:9px;padding:16px 10px}.field-tile strong{font-size:14px}.field-icon{font-size:23px}.field-tile small{font-size:9px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-trust{gap:8px}.hero-art figcaption{font-size:10px}.handwriting{font-size:15px}.article-card h3{font-size:17px}.creation-layout{gap:30px}.creation-story h3{font-size:27px}.creation-story>p:not(.eyebrow):not(.micro){font-size:14px}.course-card{padding:17px}.course-facts{flex-wrap:wrap}.section-heading h2{font-size:27px}}
@media(max-width:700px){.wrap{padding-inline:20px}.masthead{padding-block:16px;gap:10px}.brand{font-size:25px}.brand i{font-size:32px}.header-actions{gap:14px;font-size:12px}.header-actions>a:first-child{display:none}.menu-button{display:block;border:0;background:transparent;font-size:12px;min-height:44px;padding:5px 0}.nav{display:grid;grid-template-columns:1fr 1fr;padding-block:10px;gap:0}.nav a{font-size:14px;padding:9px}.js .nav:not(.open){display:none}.hero{display:flex;flex-direction:column;padding-top:28px;gap:26px;padding-bottom:22px}.hero-copy{width:100%}.hero h1{font-size:clamp(26px,7.3vw,38px);margin-bottom:13px}.hero .eyebrow{font-size:11px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.search-form{margin-top:20px}.search-form input{font-size:13px;height:52px}.search-form button{height:52px;padding-inline:15px}.search-form button span{display:none}.hero-trust{font-size:10px;justify-content:space-between}.hero-art{width:100%;border-radius:4px}.hero-art figcaption{font-size:11px}.handwriting{font-size:17px}.section-heading.compact{align-items:start;gap:10px}.compact h2{font-size:20px}.compact .text-link{font-size:12px;min-height:32px}.field-grid{grid-template-columns:1fr 1fr;gap:10px}.field-tile{padding:14px 10px;gap:10px}.field-tile strong{font-size:15px}.field-tile small{font-size:9px}.purpose-row{gap:8px;padding-bottom:20px}.purpose-row>span{width:100%}.purpose-row a{padding:6px 12px;font-size:12px}.section{padding-block:37px}.section-heading{align-items:start;gap:16px}.section-heading h2{font-size:25px}.section-heading p:not(.eyebrow){font-size:14px}.section-heading>.text-link{font-size:12px;white-space:nowrap}.eyebrow{font-size:11px}.article-grid{grid-template-columns:1fr;gap:27px}.article-card{display:grid;grid-template-columns:115px 1fr;gap:4px 16px}.article-thumb{grid-row:1/5;align-self:start;margin-bottom:0}.article-thumb img{aspect-ratio:1;object-fit:cover}.article-thumb>span{font-size:8px;bottom:5px;right:5px}.article-card h3{font-size:17px;margin-bottom:0}.article-card>p:not(.eyebrow){font-size:13px}.article-card .eyebrow{font-size:10px;margin:0}.article-card .text-link{padding:0;margin:0;font-size:12px}.creation-section{padding-block:34px}.creation-layout{grid-template-columns:1fr;gap:24px}.creation-story h3{font-size:26px}.creation-story>p:not(.eyebrow):not(.micro){font-size:16px}.creation-story .button{margin-top:18px}.motion-toggle{font-size:11px;padding:7px 9px}.process-strip{grid-template-columns:1fr;gap:21px;margin-top:22px}.process-strip h3{font-size:22px}.process-strip p br{display:none}.course-grid{grid-template-columns:1fr;gap:17px}.course-card{padding:21px}.course-facts{flex-wrap:nowrap}.course-card h3{font-size:18px}.money-callout{grid-template-columns:1fr;gap:20px;margin:0 20px 40px;padding:26px 23px}.money-callout h2{font-size:26px}.money-callout p{font-size:15px}.footer-top{display:block}.footer-top nav{margin-top:20px;gap:12px 20px}.footer-top nav a{min-height:36px}.footer-bottom{gap:15px;flex-wrap:wrap}.footer-note p{font-size:11px}.breadcrumbs{padding-block:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;transform:none}.hero-art>img{transform:none}}
html[data-motion=off] .reveal{opacity:1;transform:none;transition:none}html[data-motion=off] .hero-art>img{transform:none;transition:none}

/* Shared publishing and comparison surfaces. */
[hidden]{display:none!important}.page-intro{padding-block:38px 42px}.page-intro h1{font:500 clamp(28px,3.2vw,43px)/1.65 var(--serif);margin:12px 0 18px;max-width:950px}.page-intro h1 small{display:block;font:400 18px/1.8 var(--sans)}.page-intro>p:not(.eyebrow):not(.micro){font-size:16px;line-height:2}.evidence{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;margin-top:20px;color:var(--muted)}.evidence a{text-decoration:underline}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:35px;padding-bottom:30px}.filters{align-self:start;background:#eef1e8;padding:22px;border-radius:5px}.filters h2{font-size:18px;margin-bottom:20px}.filters label{display:block;font-size:14px;margin:19px 0 7px}.filters input,.filters select{width:100%;min-width:0;background:white;border:1px solid #b5c3b1;border-radius:4px;font:inherit;font-size:14px;padding:12px 9px;min-height:45px}.reset-button{border:0;background:transparent;text-decoration:underline;padding:18px 0 2px;color:var(--green);font-size:14px}.filters .text-link{font-size:14px;margin-top:22px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.result-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;scroll-margin-top:25px}.result-heading h2{font-size:21px}.result-heading p{font-size:13px}.pending-card>p{font-size:14px}.pagination{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:30px;font-size:14px}.pagination button{border:1px solid var(--line);background:white;border-radius:4px;min-height:44px;padding:9px 18px}.pagination button:disabled{opacity:.4}.empty-state{text-align:center;padding:55px 20px;background:#f0f2ea;border:1px solid var(--line);border-radius:5px;margin-block:25px}.empty-state h2,.empty-state h3{font:500 24px/1.7 var(--serif)}.empty-state p{margin:12px 0 22px}.inline-guide{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;background:#eff2e9;border-top:1px solid var(--line);margin-top:35px}.inline-guide h2{font:500 24px/1.7 var(--serif);margin-bottom:7px}.inline-guide .button{flex-shrink:0}.reading-layout{display:grid;grid-template-columns:minmax(0,750px) minmax(230px,1fr);gap:55px;padding-bottom:70px}.reading-aside{align-self:start}.notice{background:#eff2e9;border:1px solid var(--line);border-radius:5px;padding:25px}.notice h2{font:500 24px/1.75 var(--serif);margin-bottom:15px}.notice p{font-size:14px;line-height:1.9}.notice .button{margin-top:22px}.notice .micro{font-size:12px}.reading-aside>.text-link{margin-top:22px;font-size:14px}.course-detail{border:1px solid var(--line);padding:30px;background:white;border-radius:5px;margin-bottom:25px;scroll-margin-top:20px}.course-detail h2{font:500 26px/1.7 var(--serif)}.detail-facts{margin:25px 0}.detail-facts>div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.detail-facts dt{color:var(--muted)}.detail-facts dd{margin:0}.course-detail .save-button{margin-top:20px}.article-intro{max-width:1120px}.article-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.article-body{font-size:16px;line-height:2.05}.article-body p{margin:15px 0}.article-body h2{font:500 28px/1.75 var(--serif);margin:36px 0 18px}.article-body section{scroll-margin-top:25px}.article-body ul{padding-left:24px}.article-body li{margin:9px 0}.article-body .micro{font-size:12px;line-height:1.9}.article-body .notice{margin-top:40px}.article-body .notice h2{margin-top:0}.toc{background:#f0f2e9;padding:25px;margin-top:28px;border:1px solid var(--line);border-radius:5px;font-size:14px}.toc strong{display:block;margin-bottom:12px}.toc a{display:block;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.related-link{display:block;padding:18px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.8}.compare-section{padding-bottom:60px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:5px;background:white}.comparison-table{border-collapse:collapse;width:100%;font-size:14px;min-width:540px}.comparison-table caption{text-align:left;padding:18px 22px;background:#eef1e8;font-size:14px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:22px;vertical-align:top;min-width:180px;text-align:left}.comparison-table tr>*:first-child{min-width:150px;width:150px;background:#f1f3ed;font-weight:400}.comparison-table thead th{font-size:17px;font-weight:500;max-width:310px}.comparison-table .school-label{display:block}.comparison-table a{display:block;color:var(--green)}.comparison-table button{display:block;margin-top:18px;border:0;background:transparent;color:var(--coral);padding:8px 0;font-size:13px}.making-demo{max-width:1020px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;height:auto;border-radius:5px}.gallery-grid figcaption{font:500 22px/1.8 var(--serif);margin-top:15px}.gallery-grid small{display:block;font:400 12px/1.8 var(--sans);color:var(--muted)}
.legacy-benefits{max-width:1100px;padding-block:25px 65px;line-height:1.95}.legacy-benefits h1{font:500 40px/1.6 var(--serif);margin:16px 0 25px}.legacy-benefits h2{font:500 27px/1.75 var(--serif);margin:35px 0 18px}.legacy-benefits h3{font-size:20px;margin:25px 0 12px}.legacy-benefits p{margin:14px 0}.legacy-benefits table{width:100%;border-collapse:collapse;font-size:14px}.legacy-benefits th,.legacy-benefits td{border:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}.legacy-benefits th{background:#e9eee1}.legacy-benefits .table-wrap{overflow-x:auto}.legacy-benefits .notice,.legacy-benefits .callout{margin:25px 0;padding:23px;background:#eef1e8}.legacy-benefits a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.legacy-benefits details{border-bottom:1px solid var(--line);padding:18px 0}.legacy-benefits summary{cursor:pointer}.legacy-benefits ul,.legacy-benefits ol{padding-left:24px}.legacy-benefits .btn{display:inline-flex;padding:12px 22px;border:1px solid var(--green);border-radius:4px;margin-top:15px}
/* Type remains legible on smaller screens. */
.field-tile small,.hero-trust,.hero-art figcaption,.eyebrow,.hero .eyebrow,.article-thumb>span,.article-card .eyebrow,.footer-note p,.field-tile small{font-size:12px}.nav a,.header-actions,.menu-button,.search-form input,.compact .text-link,.purpose-row a,.section-heading>.text-link,.motion-toggle,.save-button{font-size:14px}
@media(max-width:1000px){.catalog-layout{grid-template-columns:200px 1fr;gap:22px}.reading-layout{gap:30px;grid-template-columns:minmax(0,1fr) 250px}.hero-trust{flex-wrap:wrap}.inline-guide{padding:25px;gap:22px}.inline-guide h2{font-size:23px}}
@media(max-width:700px){.page-intro{padding-block:16px 28px}.page-intro h1{font-size:29px}.page-intro h1 small{font-size:16px}.catalog-layout,.reading-layout{grid-template-columns:1fr;gap:25px}.filters{padding:20px}.filters h2{margin-bottom:8px}.filters form{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.filters label[for=catalog-search],.filters input{grid-column:1/3}.filters label[for=status-filter]{grid-column:2;grid-row:3}.filters select{grid-row:4}.filters .micro{margin-top:16px}.catalog-grid{grid-template-columns:1fr}.result-heading{align-items:start}.result-heading h2{font-size:20px}.result-heading p{font-size:12px}.inline-guide{display:block;padding:23px}.inline-guide .button{margin-top:22px}.reading-layout{padding-bottom:40px}.course-detail{padding:22px}.course-detail h2{font-size:25px}.detail-facts>div{grid-template-columns:1fr 1.1fr;gap:15px;font-size:14px}.article-body h2{font-size:25px}.notice{padding:22px}.notice h2{font-size:23px}.toc{padding:20px}.table-scroll{margin-right:-20px;border-radius:5px 0 0 5px}.comparison-table th,.comparison-table td{padding:16px;min-width:200px}.comparison-table tr>*:first-child{min-width:120px;width:120px}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-grid figcaption{font-size:21px}.legacy-benefits h1{font-size:29px}.legacy-benefits h2{font-size:25px}.legacy-benefits th,.legacy-benefits td{padding:10px;min-width:120px}.hero-trust{justify-content:flex-start;gap:4px 12px}.section-heading{flex-wrap:wrap}.hero-art figcaption{font-size:12px}.article-card>p:not(.eyebrow){font-size:14px}.article-card .text-link{font-size:14px}}

.legacy-benefits .step-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.legacy-benefits .step-nav a{background:#eef1e8;padding:14px;text-decoration:none;font-size:14px}.step-nav span{display:block;font-size:12px;color:var(--coral)}.legacy-benefits .check-grid,.legacy-benefits .designation-examples,.legacy-benefits .timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.legacy-benefits .check-grid>div,.legacy-benefits .designation-example,.legacy-benefits .timeline>div{padding:22px;border:1px solid var(--line);border-radius:5px}.legacy-benefits .process-heading{display:flex;gap:25px}.legacy-benefits .process-number{font:italic 40px/1.7 var(--serif);color:var(--coral)}.legacy-benefits .process-heading h2{margin-top:7px}.legacy-benefits .source-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:20px;flex-wrap:wrap}.legacy-benefits .tiny-note,.legacy-benefits .cell-note{display:block;font-size:12px;color:var(--muted)}.legacy-benefits .cost-story{border:1px solid var(--line);border-radius:5px;padding:25px;background:#f0f3e9;margin-top:25px}.legacy-benefits .cost-equation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0}.legacy-benefits .cost-equation>div{display:flex;flex-direction:column;gap:8px}.cost-equation strong{font-size:26px}.cost-equation small,.cost-label{font-size:12px}.legacy-benefits .cost-track{display:flex;background:#dce8d3;border-radius:5px;overflow:hidden;font-size:14px}.cost-retained{width:65%;padding:18px}.cost-returned{width:35%;padding:18px;background:#bad4b3}.cost-story-note{font-size:12px;margin-top:8px}.legacy-benefits .cost-warning{font-size:14px}.legacy-benefits summary{display:flex;justify-content:space-between;gap:20px}.legacy-benefits .listing-help{border-top:1px solid var(--line)}.legacy-benefits .button{color:white;text-decoration:none}
@media(max-width:700px){.legacy-benefits .step-nav{grid-template-columns:1fr 1fr}.legacy-benefits .check-grid,.legacy-benefits .designation-examples,.legacy-benefits .timeline{grid-template-columns:1fr;gap:15px}.legacy-benefits .process-heading{gap:15px}.legacy-benefits .cost-equation{flex-direction:column;align-items:stretch}.legacy-benefits .cost-equation>div{padding:12px;border:1px solid var(--line);border-radius:4px}.cost-equation .operator{text-align:center}.legacy-benefits .cost-story{padding:20px}.cost-retained,.cost-returned{padding:12px}}

@media (max-width: 390px) {
  .masthead {
    gap: 8px
  }

  .brand {
    font-size: 23px;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }

  .brand i {
    font-size: 29px;
  }

  .header-actions {
    gap: 8px;
    font-size: 12.5px;
    white-space: nowrap;
    flex-wrap: nowrap;
    min-width: 0;
  }

  .header-actions a,
  .menu-button {
    white-space: nowrap;
    word-break: keep-all;
  }

  .header-actions a {
    flex: 0 0 auto;
  }

  .page-intro h1 {
    text-wrap: balance;
    word-break: auto-phrase;
    overflow-wrap: break-word;
  }
}
