:root{--paper:#f8f7f2;--ink:#233f35;--muted:#68736c;--line:#d9ddd3;--green:#244e40;--sage:#e7ecdf;--accent:#a78b56}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b58a3e;outline-offset:5px}a,button{touch-action:manipulation}p{line-height:1.9}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.header{min-height:114px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #557262;border-radius:50% 50% 2px 50%;font-size:24px;font-weight:400}.brand small{display:block;font-family:sans-serif;font-size:10px;font-weight:400;letter-spacing:.16em;margin-top:5px}.header nav{display:flex;gap:27px;margin-left:auto;font-size:12px}.header nav a:hover,.text-link:hover,.footer a:hover{color:#94733c}.draft{font-size:10px;border:1px solid var(--line);padding:7px 9px;border-radius:3px;color:var(--muted);white-space:nowrap}.skip{position:absolute;left:15px;top:-90px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.03fr 1fr;min-height:610px;align-items:center;gap:50px;padding-block:62px 72px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.15em;color:#69796d;margin:0 0 20px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:6px;height:6px;background:#859870;border-radius:50%}.hero h1{font-size:clamp(36px,4vw,52px);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.6;letter-spacing:.06em;font-weight:500;margin:0 0 20px}.hero h1 em{font-style:normal;position:relative}.hero h1 em:after{content:"";display:block;position:absolute;bottom:1px;left:0;width:100%;height:7px;background:#d7dfc8;z-index:-1}.hero-description{font-size:14px;line-height:2.1;margin:0 0 26px;color:#59675e}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--green);color:white;padding:17px 23px;font-size:12px;border:0;border-radius:3px;cursor:pointer;line-height:1.5}.button:hover{background:#37634f}.button span{font-size:17px}.hero-note{font-size:10px;color:var(--muted);margin-top:15px}.hero-visual{height:450px;position:relative;display:grid;place-items:center;border-radius:50% 50% 3px 3px;background:#e9eddf;overflow:hidden}.orbit{position:absolute;width:410px;height:410px;border:1px solid #d0d9c6;border-radius:50%;left:-150px;top:180px}.orbit-two{width:520px;height:520px;left:260px;top:-230px}.notebook{position:relative;transform:rotate(-5deg);background:#fcfcf8;box-shadow:12px 20px 25px #4d5d4015;width:78%;padding:29px 30px 30px 38px;border:1px solid #dedfd4;border-radius:2px}.notebook:before{content:"";position:absolute;top:0;bottom:0;left:16px;border-right:1px solid #e3e6da}.notebook-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#8a947f;align-items:center;margin:0}.notebook-top span{font-size:29px;line-height:1}.notebook h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:27px;line-height:1.7;font-weight:500;margin:24px 0}.note-row{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #e4e7dc;font-size:11px;align-items:center}.note-row span{font-family:Georgia,serif;font-size:15px;color:#9ca98e}.note-row b{margin-left:auto;font-size:13px;color:#8f9f7e;font-weight:400}.notebook-foot{font-size:9px;color:#8d9786;margin:18px 0 0}.visual-caption{position:absolute;bottom:16px;font-size:8px;letter-spacing:.16em;color:#829174}.intro-band{background:#eef0e6;border-block:1px solid #e0e5d8}.intro-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:82px}.tiny-label{font-size:9px;letter-spacing:.14em;color:var(--muted)}.intro-band p{font-size:14px}.intro-band strong{font-weight:500}.intro-band .wrap>span:last-child{font-size:10px;color:var(--muted)}.section{padding-top:78px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2,.editor-note h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;letter-spacing:.04em;font-size:28px;margin:0;line-height:1.5}.section-heading>p{font-size:11px;margin:0;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px}.path-grid a{padding:30px 28px}.path-grid a+a{border-left:1px solid var(--line)}.path-grid a:hover{background:#eef1e8}.step-number{font-family:Georgia,serif;font-size:11px;letter-spacing:.09em;color:#819172}.path-grid h3{font-size:17px;font-weight:500;margin:22px 0 10px}.path-grid p{font-size:12px;color:var(--muted);margin:0 0 28px}.path-link{display:flex;justify-content:space-between;font-size:10px}.path-link b{font-weight:400}.filters{display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 19px;font-size:11px;color:var(--muted);cursor:pointer}.filters button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#article-count{margin-left:auto;font-size:10px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.article-card{background:#fdfdf9;border:1px solid #e0e3d8;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #2346310a}.card-art{padding:28px 34px 20px;height:245px;background:#e5eadc;position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #bdcbb1;border-radius:50%;right:-62px;top:52px}.art-02{background:#eee9df;color:#63543b}.art-02:after{border-color:#d2c7b6;width:180px;height:250px;border-radius:90px 90px 0 0;right:25px;top:35px;transform:rotate(18deg)}.art-label{font-size:10px;letter-spacing:.1em;position:relative;z-index:1}.art-title{display:block;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;line-height:1.6;letter-spacing:.08em;margin-top:20px;position:relative;z-index:1}.art-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.14em;margin-top:14px;position:relative;z-index:1}.art-bottom b{font:italic 34px Georgia,serif;color:#94a581}.art-02 .art-bottom b{color:#b4a187}.card-body{padding:27px 30px 25px}.tag{font-size:10px;background:#eaf0e4;color:#50714d;border-radius:3px;padding:5px 8px;display:inline-block}.date{font-size:10px;color:var(--muted);margin-left:14px}.card-body h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:21px;font-weight:500;line-height:1.7;margin:17px 0 12px}.card-body p{font-size:12px;color:var(--muted);margin:0 0 23px}.read{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--line);padding-top:18px}.empty-state{padding:35px;background:var(--sage);font-size:14px}.empty-state a{text-decoration:underline}.list-foot{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:24px 0;font-size:10px;color:var(--muted)}.editor-note{margin-top:82px;margin-bottom:85px;background:#edf0e5;padding:40px 48px;display:flex;align-items:start;gap:38px;border-radius:5px}.note-symbol{font-size:46px;color:#879a73}.editor-note h2{font-size:25px;margin-bottom:16px}.editor-note p:not(.eyebrow){font-size:12px;color:#60705f;line-height:2}.editor-note .eyebrow{margin:3px 0 14px}.text-link{font-size:11px;display:inline-block;margin-top:13px}.footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:35px}.footer-brand{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px}.footer p,.footer a:not(.footer-brand){font-size:10px;color:var(--muted)}.footer small{font-size:9px;color:var(--muted)}.footer>div:last-child{text-align:right}.breadcrumb{display:flex;gap:13px;font-size:11px;color:var(--muted);margin:28px 0 50px}.article-header{max-width:880px;padding-bottom:35px;border-bottom:1px solid var(--line)}.article-header h1,.about h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:38px;line-height:1.7;font-weight:500;letter-spacing:.03em;margin:20px 0}.article-lead{font-size:15px;color:#627164;line-height:2}.article-meta{display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:25px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:65px;align-items:start;padding-block:35px 70px}.prose{font-size:14px;line-height:2.1}.prose p{line-height:2.1;margin-block:17px}.prose h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:25px;font-weight:500;line-height:1.7;margin:50px 0 20px;border-bottom:1px solid var(--line);padding-bottom:13px}.prose h3{font-size:21px;font-weight:500;line-height:1.7}.prose a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a1b39b}.prose strong{font-weight:600}.takeaway{padding:23px 27px;background:var(--sage);border-radius:4px;margin-bottom:35px}.takeaway .eyebrow{font-size:11px;margin:0}.takeaway p:last-child{margin:12px 0 0}.prose .source-inline,.prose .small{font-size:11px;color:var(--muted)}.table-scroll{overflow:auto;margin-block:25px}table{width:100%;border-collapse:collapse;min-width:550px;font-size:12px;line-height:1.9}caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:10px}th,td{border:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}thead{background:#e7ecdf}tbody th{background:#f0f2e9;width:22%;font-weight:500}thead th{font-weight:600}td{width:39%;background:#fdfdf9}.outline-link{display:inline-block;padding:13px 18px;border:1px solid #a6b69e;border-radius:3px;font-size:12px;margin-block:12px}.official-links{padding-left:23px}.official-links li{margin-block:12px}.closing-note{margin-top:35px;padding:24px 27px;border-left:3px solid #82976f;background:#eef1e7}.closing-note p{margin-bottom:0}.toc{position:sticky;top:30px;border-left:1px solid var(--line);padding-left:25px;font-size:12px}.toc>p{font-size:12px;margin:0 0 18px}.toc a{display:block;font-size:11px;padding-block:10px;color:var(--muted)}.toc a:hover{text-decoration:underline}.toc>span{display:block;margin-top:20px;font-size:10px;line-height:1.9;color:#869081}.related{margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.related a{font-size:17px}.week-list{padding-left:23px}.week-list li{padding-left:7px;margin-block:25px}.week-list p{margin-top:7px}.planner{padding:28px;background:#e8eddf;border:1px solid #d7dfcc;border-radius:4px;margin:35px 0}.planner .eyebrow{margin-bottom:10px}.planner h3{margin:0}.planner p{font-size:12px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.plan-fields label{font-size:12px}.plan-fields select{display:block;width:100%;border:1px solid #bbc7b2;border-radius:3px;background:#fafbf6;color:var(--ink);padding:12px;margin-top:7px}.planner output{display:block;font-size:14px;margin-top:23px;line-height:1.9}.planner small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.about{max-width:780px;padding-block:70px 90px}.about h1{font-size:38px}.about .eyebrow{margin:0}.about h2{margin-top:40px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{min-height:660px}.hero-visual{height:470px}}
@media(max-width:1050px){.header{flex-wrap:wrap;padding-block:25px;gap:20px}.header nav{gap:20px}.draft{display:none}.hero{gap:30px}.notebook{width:85%;padding-right:20px;padding-left:30px}.notebook h2{font-size:24px}.note-row{font-size:10px;gap:8px}.intro-band .wrap{flex-wrap:wrap;gap:3px 20px;padding-block:15px}.intro-band .wrap>span:last-child{display:none}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.toc{padding-left:18px}.path-grid a{padding:25px 20px}.path-grid h3{font-size:16px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:0;display:block;padding-block:20px}.brand{font-size:22px}.brand-icon{width:39px;height:39px;font-size:22px}.brand small{font-size:9px}.header nav{margin-top:22px;gap:22px;font-size:10px;justify-content:space-between}.hero{grid-template-columns:1fr;gap:30px;padding-block:38px 40px}.hero h1{font-size:37px;line-height:1.6;letter-spacing:.05em}.hero .eyebrow{font-size:8px;margin-bottom:18px}.hero-description{font-size:12px;line-height:2.1}.hero .button{font-size:11px;padding:16px 20px;gap:30px}.hero-note{font-size:9px}.hero-visual{height:345px;width:100%;max-width:440px;margin-inline:auto}.notebook{width:77%;padding:23px 24px 23px 32px}.notebook-top{font-size:7px}.notebook-top span{font-size:22px}.notebook h2{font-size:22px;margin:17px 0}.note-row{padding-block:9px;font-size:9px}.notebook-foot{font-size:7px;margin-top:15px}.visual-caption{font-size:7px;bottom:12px}.intro-band .wrap{display:block;padding-block:18px}.intro-band p{font-size:12px;margin:5px 0}.tiny-label{font-size:8px}.section{padding-top:48px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}.section-heading>p{font-size:11px;margin-top:15px}.path-grid{grid-template-columns:1fr}.path-grid a{padding:25px}.path-grid a+a{border-left:0;border-top:1px solid var(--line)}.path-grid h3{font-size:17px;margin:15px 0 10px}.path-grid p{margin-bottom:20px}.path-link{font-size:11px}.filters{gap:7px;padding-bottom:16px;margin-bottom:22px}.filters button{font-size:10px;padding:9px 12px}#article-count{flex-basis:100%;margin-top:8px}.article-grid{grid-template-columns:1fr;gap:23px}.card-art{height:226px;padding:25px 28px 18px}.art-title{font-size:28px}.art-bottom{margin-top:9px}.card-body{padding:23px 24px}.card-body h3{font-size:19px}.card-body p{font-size:12px}.list-foot{display:block;font-size:9px;padding-block:18px}.list-foot span{display:block;line-height:2}.editor-note{margin-block:48px;padding:28px 25px;gap:15px;display:block}.note-symbol{font-size:30px;display:block;margin-bottom:16px}.editor-note h2{font-size:22px}.editor-note p:not(.eyebrow){font-size:11px}.editor-note br{display:none}.footer{padding-block:27px;display:block}.footer>div:last-child{text-align:left;margin-top:25px}.footer p{line-height:1.7}.breadcrumb{font-size:9px;gap:10px;margin:22px 0 32px}.article-header .eyebrow{font-size:9px}.article-header h1,.about h1{font-size:27px;line-height:1.65}.article-lead{font-size:13px}.article-meta{font-size:9px;gap:7px;margin-top:20px}.article-meta span{display:block;width:100%}.article-header{padding-bottom:25px}.article-layout{display:flex;flex-direction:column;gap:25px;padding-top:25px}.toc{position:static;order:-1;border:1px solid var(--line);width:100%;padding:20px}.toc a{font-size:11px;padding-block:7px}.toc>span{display:none}.toc>p{margin-bottom:10px}.prose{font-size:13px;min-width:0;width:100%}.prose h2{font-size:22px;margin-top:40px}.takeaway{padding:20px}.prose p{line-height:2.1}.table-scroll{margin-inline:0}th,td{padding:12px}.planner{padding:22px}.planner h3{font-size:19px}.plan-fields{gap:12px}.plan-fields label{font-size:11px}.plan-fields select{padding:11px 8px}.planner .button{font-size:11px;padding:14px 18px;gap:15px}.planner output{font-size:13px}.about{padding-top:45px}.related a{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}
/* Editorial redesign: bold masthead, full-width lead, journal first. */
:root{--paper:#f4f5f0;--ink:#173e35;--muted:#52675d;--line:#d5dfd4;--green:#174f41;--sage:#e3eee4;--accent:#c38449}
body{background:var(--paper)}.wrap{width:min(1240px,calc(100% - 64px))}.home .header{height:178px;min-height:178px;justify-content:center;border-bottom:0;position:relative;padding-top:35px}.home .header:before{content:"";position:absolute;top:0;left:calc((1240px - 100vw)/2);width:100vw;height:41px;background:#b8d0c1;z-index:-1}.home .header nav{position:absolute;top:0;height:41px;left:0;width:100%;margin:0;justify-content:center;align-items:center;font-size:12px;gap:48px}.home .brand{font-size:47px;letter-spacing:.12em;gap:20px}.home .brand-icon{width:57px;height:57px;border-radius:4px;background:var(--green);color:#fbf1d7;border:0;font-size:31px}.home .brand small{text-align:center;font-size:11px;letter-spacing:.26em;margin-top:9px;color:#537060}.home .draft{position:absolute;right:0;bottom:20px;font-size:9px;border:0;padding:0;color:#6e7f70}.hero{width:min(1360px,calc(100% - 40px));min-height:0;padding:38px 60px 37px;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:30px;background:#164f40;border:1px solid #174b3d;border-radius:9px;position:relative;color:#faf4df;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(90deg,transparent,transparent 59px,#96b3a2 60px),repeating-linear-gradient(0deg,transparent,transparent 59px,#96b3a2 60px);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:10px;color:#c4d6bd;letter-spacing:.18em;margin-bottom:18px}.hero .eyebrow span{background:#e7c895}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(34px,3.6vw,51px);font-weight:600;line-height:1.6;letter-spacing:.03em;margin:0 0 14px;white-space:nowrap}.hero h1 em{display:block;font-style:normal;color:#e9c994;line-height:1.45}.hero h1 em:after{display:none}.hero-description{font-size:13px;line-height:1.9;color:#e0e9d9;margin-bottom:20px}.hero-description br{display:none}.hero .button{background:#f0dbb6;color:#214d3d;font-weight:600;padding:14px 21px;font-size:12px;gap:38px;border:1px solid #f8e9cd;border-radius:3px}.hero .button:hover{background:#fff1d6}.hero-note{display:inline-block;margin:0 0 0 15px;font-size:10px;color:#bdcfbc}.hero-visual{height:320px;overflow:visible;background:none;border-radius:0;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.visual-index{position:absolute;top:0;right:2px;color:#b9cdb9;font-size:9px;letter-spacing:.17em}.learning-art{position:relative;width:320px;height:290px}.art-halo{position:absolute;width:260px;height:260px;border-radius:50%;background:#2f6854;left:15px;top:5px}.art-halo:before{content:"";position:absolute;inset:-16px;border:1px solid #8eac8580;border-radius:50%}.book{position:absolute;width:139px;height:185px;border-radius:2px 8px 8px 2px;z-index:3;box-shadow:8px 10px 0 #103e3233}.book-back{background:#93ae89;left:116px;top:20px;transform:rotate(15deg);border:1px solid #c3d4ad}.book-back:before{content:"";position:absolute;right:9px;left:15px;top:13px;bottom:13px;border:1px solid #d3dfb36b}.book-front{left:64px;top:35px;transform:rotate(-12deg);background:#f2d9ae;color:#285a43;padding:16px 21px;border-left:9px solid #c29d6c;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:8px 13px 0 #123d323d}.book-front:after{content:"";position:absolute;inset:8px;border:1px solid #b28f565c}.book-front>span{font-family:"Yu Mincho",serif;font-size:70px;line-height:1.2}.book-front small{font-size:8px;letter-spacing:.16em;margin-top:10px;text-align:center;line-height:1.7}.art-stair{position:absolute;background:#416f55;border:1px solid #789170;border-bottom:0}.stair-one{left:25px;bottom:0;width:110px;height:40px}.stair-two{left:134px;bottom:0;width:80px;height:65px;background:#63825e}.stair-three{left:213px;bottom:0;width:70px;height:91px;background:#8ca57b}.art-spark{position:absolute;top:45px;right:0;font-size:48px;color:#ead5a9;z-index:4}.art-dot{position:absolute;left:0;top:90px;width:12px;height:12px;background:#c7d6b6;border-radius:50%}.visual-caption{position:absolute;bottom:-17px;font-size:9px;letter-spacing:.1em;color:#b8ccad}.intro-band{background:transparent;border:0}.intro-band>.wrap{min-height:59px;border-bottom:1px solid var(--line)}.intro-band p{font-size:12px}.intro-band .tiny-label{color:#5c7663;font-size:9px}.intro-band .wrap>span:last-child{font-size:10px}.section{padding-top:53px}.section-heading{margin-bottom:27px}.section-heading h2{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:31px;letter-spacing:.015em;font-weight:700}.section-heading .eyebrow{color:#63806a;font-size:10px;margin-bottom:7px}.section-heading>p{font-size:12px;line-height:1.8}.heading-dot{color:#c58c48}.articles-section{padding-top:36px}.filters{padding-bottom:18px;margin-bottom:24px;gap:10px}.filters button{padding:11px 20px;font-size:12px;border-radius:4px;background:#fffefa;color:#446251}.filters button:hover{border-color:#4b7862}.filters button[aria-pressed=true]{background:var(--green);color:#fff8e7}.article-grid{gap:26px}.article-card{border:1px solid #d3ddcf;border-radius:7px;box-shadow:0 5px 12px #315b3b08}.article-card:hover{box-shadow:0 14px 24px #315b3b12;transform:translateY(-4px)}.card-art{height:218px;padding:23px 30px;background:#d9e7d7;color:#214f3b}.art-title{font-size:31px;font-weight:600;line-height:1.45;margin-top:15px}.art-label{font-size:11px;display:inline-block;padding:4px 9px;border:1px solid #92ad8e;border-radius:3px;background:#f4f8ea88}.card-art:before{content:"";position:absolute;right:80px;top:48px;height:140px;width:94px;border:1px solid #b2c8a7;border-radius:4px;transform:rotate(-14deg);background:#edf3df66}.card-art:after{border-radius:4px;width:95px;height:140px;right:45px;top:40px;transform:rotate(9deg);border-color:#a0b998;background:#edf3df66}.art-02{background:#ede0cc;color:#614d31}.art-02:before{border-color:#c8ae88;background:#faf1dd66}.art-02:after{border-color:#c8ae88;background:#faf1dd66;transform:rotate(9deg)}.art-bottom{margin-top:12px;align-items:end}.art-bottom b{font-size:34px;font-style:normal}.card-body{padding:24px 28px 23px;background:#fffefa}.card-body h3{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:700;font-size:20px;line-height:1.7;margin:14px 0 11px;letter-spacing:.005em}.card-body p{font-size:13px;color:#596a5d;line-height:1.9;min-height:50px;margin-bottom:17px}.tag{font-size:11px;padding:4px 9px}.date{font-size:11px}.read{font-size:12px;padding-top:15px;font-weight:600}.read>span{width:24px;height:24px;border-radius:50%;background:#e1ebda;text-align:center;line-height:24px}.list-foot{font-size:10px;padding-block:18px}.path-grid{border:0;gap:17px}.path-grid a{padding:25px;background:#e7ede1;border:1px solid #cbd8c5;border-radius:5px;position:relative}.path-grid a+a{border:1px solid #cbd8c5}.path-grid a:hover{background:#dae6d2}.path-grid h3{font-weight:700;font-size:18px;margin-top:18px}.path-grid p{font-size:13px}.step-number{font-size:12px;color:#66815e}.path-link{font-size:12px}.editor-note{background:#174f40;color:#f1ead5;padding:35px 40px;margin-block:55px}.editor-note h2{font-size:27px;font-weight:600}.editor-note .eyebrow{color:#bbcfb0}.editor-note p:not(.eyebrow){font-size:13px;color:#d2dfc9}.editor-note .text-link{color:#ebd2a5;font-size:12px}.note-symbol{color:#dbc59a}.footer{padding-block:30px 40px}.footer-brand{font-size:23px}.footer p,.footer a:not(.footer-brand){font-size:11px}.inner-page .header{min-height:100px}.inner-page .brand-icon{background:var(--green);color:#fcf2dc;border:0;border-radius:4px}.article-header{max-width:100%;border-top:5px solid #174f40;padding-top:29px;background:#edf1e7;padding-inline:34px;padding-bottom:31px}.article-header h1{font-size:36px;font-weight:600}.article-layout{grid-template-columns:minmax(0,810px) 230px;gap:70px}.prose{font-size:15px}.prose h2{font-size:27px;font-weight:600}.article-lead{font-size:15px}.toc{background:#e9eee3;border:1px solid #d2dccb;padding:22px;border-top:4px solid #537754}.toc>p{font-weight:700}.toc a{font-size:12px}.article-header .tag{background:#d6e4cf}.takeaway{border-left:4px solid #72905f}.about{max-width:840px}.about h1{font-weight:600}.about h2{font-size:26px}
@media(max-width:1304px){.home .header:before{left:-32px}.hero{padding-inline:42px}.hero h1{font-size:43px}.hero-note{display:none}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:1050px){.home .header{height:165px;min-height:165px;display:flex}.home .header .brand{font-size:39px}.hero{padding:32px;grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr);gap:15px}.hero h1{font-size:35px}.hero-description{font-size:12px;max-width:420px}.hero-visual{height:290px}.learning-art{transform:scale(.8);transform-origin:center}.visual-caption{font-size:8px;bottom:-6px}.hero .eyebrow{font-size:9px}.hero .button{font-size:11px;padding:13px 18px}.card-body h3{font-size:18px}.card-body{padding-inline:24px}.section-heading h2{font-size:29px}.article-header h1{font-size:31px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 190px}.prose{font-size:14px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.home .header{height:140px;min-height:140px;padding:39px 0 0}.home .header:before{height:36px;left:-18px}.home .header nav{height:36px;gap:0;justify-content:space-between;font-size:10px;margin:0}.home .brand{font-size:29px!important;gap:12px;letter-spacing:.07em}.home .brand-icon{width:41px;height:41px;font-size:25px}.home .brand small{font-size:9px;margin-top:8px;letter-spacing:.2em}.home .draft{display:block;font-size:8px;bottom:9px;right:0}.hero{width:calc(100% - 24px);display:block;padding:29px 24px 27px;border-radius:6px;min-height:0;overflow:hidden}.hero h1{font-size:clamp(27px,7.5vw,42px);white-space:normal;line-height:1.6;letter-spacing:.02em;margin-bottom:17px;position:relative;z-index:2}.hero h1 em{display:block;white-space:nowrap}.hero .eyebrow{font-size:7px;letter-spacing:.13em;gap:6px;margin-bottom:17px}.hero-description{font-size:12px;max-width:245px;line-height:1.9;margin-bottom:22px;position:relative;z-index:2}.hero .button{font-size:11px;padding:14px 15px;gap:24px;position:relative;z-index:2}.hero-visual{position:absolute;right:-35px;bottom:-16px;width:160px;height:170px;opacity:.33;pointer-events:none;z-index:0}.learning-art{transform:scale(.5);position:absolute;bottom:-55px;right:-77px}.hero-visual .visual-index,.hero-visual .visual-caption{display:none}.hero-note{display:none}.intro-band>.wrap{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:13px}.intro-band p{font-size:10px;line-height:1.8;max-width:255px;margin:0}.intro-band .tiny-label{font-size:7px;letter-spacing:.1em}.section{padding-top:38px}.articles-section{padding-top:28px}.section-heading{display:flex;gap:15px;align-items:end;margin-bottom:20px}.section-heading h2{font-size:24px;line-height:1.4}.section-heading .eyebrow{font-size:8px;margin-bottom:8px}.section-heading>p{font-size:9px;line-height:1.7;margin:0;max-width:107px}.filters{gap:6px;padding-bottom:13px;margin-bottom:19px}.filters button{font-size:10px;padding:9px 11px;border-radius:3px}#article-count{font-size:9px;flex-basis:100%;margin-top:3px}.article-grid{gap:21px}.card-art{height:198px;padding:20px 24px 16px}.art-title{font-size:28px;line-height:1.45;margin-top:13px}.art-label{font-size:9px;padding:3px 7px}.art-bottom{font-size:7px;margin-top:10px}.art-bottom b{font-size:30px}.card-art:before{right:65px;top:43px}.card-art:after{right:25px;top:35px}.card-body{padding:20px 22px}.card-body h3{font-size:18px;line-height:1.75;margin-top:13px}.card-body p{font-size:12px;min-height:0;margin-bottom:18px}.tag,.date{font-size:10px}.read{font-size:11px}.list-foot{display:flex;font-size:9px;padding-block:16px}.path-grid{gap:13px}.path-grid a{padding:23px}.path-grid h3{font-size:18px}.path-grid p{font-size:12px;margin-bottom:20px}.path-grid a+a{border:1px solid #cbd8c5}.editor-note{padding:27px 25px;margin-block:38px}.editor-note h2{font-size:22px}.editor-note p:not(.eyebrow){font-size:12px}.editor-note .eyebrow{font-size:8px}.note-symbol{font-size:30px}.footer{padding-block:26px}.inner-page .header{display:block;min-height:0;padding-block:20px}.inner-page .header nav{font-size:10px}.article-header{padding:23px 20px;border-top-width:4px}.article-header h1{font-size:26px;line-height:1.65}.article-header .article-lead{font-size:13px}.article-layout{display:flex;gap:25px;padding-top:23px}.prose{font-size:14px}.prose h2{font-size:23px}.toc{width:100%;padding:18px 20px;border-left:1px solid #d2dccb;border-top:3px solid #537754}.toc a{font-size:12px}.takeaway{padding:20px}.about h1{font-size:28px}.about h2{font-size:23px}}
@media(max-width:360px){.hero{padding-inline:20px}.home .brand{font-size:26px!important}.hero h1{font-size:26px}.hero-description{font-size:11px}.hero .button{font-size:10px;gap:18px}.section-heading h2{font-size:21px}.section-heading>p{font-size:8px;max-width:95px}.filters button{font-size:9px;padding:9px}.card-body h3{font-size:16px}.art-title{font-size:26px}.intro-band p{font-size:9px}}
@media(min-width:721px){.hero h1 em{display:inline;line-height:inherit}.hero-visual{height:285px}.learning-art{transform:scale(.88);transform-origin:center}.visual-caption{bottom:-5px}.hero-description{max-width:680px}.card-art{height:205px}.hero-copy .eyebrow{margin-bottom:14px}}
@media(min-width:721px) and (max-width:900px){.hero h1{font-size:34px;white-space:normal}.hero h1 em{display:block}.hero-visual{height:300px}.learning-art{transform:scale(.7)}.hero-description{max-width:380px}.hero{grid-template-columns:minmax(0,1.65fr) minmax(210px,1fr)}.visual-index{font-size:8px}.visual-caption{font-size:7px}}
.related>a{display:block}
/* Soft sky-blue direction with an original illustrated learner. */
:root{--paper:#f7fbf6;--ink:#3e5a35;--muted:#687b62;--line:#dbe8d7;--green:#648d56;--sage:#edf5ea;--accent:#b98659}body{background:var(--paper)}.home .header:before{background:#e0f1db}.home .header nav{color:#566d4e}.home .brand,.footer-brand{color:#486a3d}.home .brand-icon,.inner-page .brand-icon{background:#8fb583;color:#fffaf1}.home .brand small{color:#798d72}.home .draft{color:#788b72}.hero{background:#e7f3e3;border:1px solid #dbebd6;color:#415e37;padding-block:28px;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.hero:before{opacity:.15;background:radial-gradient(ellipse at 90% 20%,#fffdf6 0,transparent 60%),repeating-linear-gradient(90deg,transparent,transparent 79px,#c2d7bb 80px)}.hero .eyebrow{color:#72896a}.hero .eyebrow span{background:#ce9f7c}.hero h1{font-weight:500;color:#426237;font-size:clamp(34px,3.5vw,49px)}.hero h1 em{color:#6e9162}.hero-description{font-size:15px;color:#607b57;line-height:1.9;margin-bottom:19px}.hero-description br{display:block}.hero .button{background:#719b63;border:1px solid #719b63;color:#fff;font-weight:500;border-radius:5px}.hero .button:hover{background:#5e8651}.hero-note{color:#748b6c}.learner-visual{height:310px;margin:0;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;opacity:1;z-index:1;pointer-events:none}.learner-visual:before{content:"";position:absolute;width:285px;height:285px;background:#f7f9ec8c;border-radius:50%;z-index:-1;top:7px;left:50%;transform:translateX(-50%)}.learner-visual img{display:block;width:348px;height:348px;max-width:none;object-fit:contain;align-self:center;flex-shrink:0}.learner-visual figcaption{position:absolute;bottom:-14px;right:7px;font-size:9px;letter-spacing:.04em;color:#7d9276}.intro-band .tiny-label,.section-heading .eyebrow{color:#829c79}.section-heading h2{color:#4b6a40}.heading-dot{color:#c49a74}.filters button{background:#fff;color:#617e57;border-color:#dbe8d7;border-radius:6px}.filters button:hover{border-color:#9fbc95}.filters button[aria-pressed=true]{background:#80a873;color:#fff;border-color:#80a873}.article-card{border-color:#dee9db;background:white;box-shadow:0 5px 15px #68875e08;border-radius:9px}.card-body{background:#fff}.card-body h3{color:#46613d}.card-body p{color:#6d7e68}.card-art{background:#e5f1e1;color:#5a7d4f}.card-art:before,.card-art:after{background:#f5faf380;border-color:#bcd4b4}.art-label{border-color:#bfd5b7;background:#f9fdf899}.art-02{background:#f0e7da;color:#76614c}.art-02:before,.art-02:after{border-color:#d3bd9e;background:#fff9ed77}.art-02 .art-label{border-color:#c9b596;background:#fff9ef99}.art-bottom b{color:#97b38d}.art-02 .art-bottom b{color:#b6a084}.tag{background:#eff7ec;color:#708f65}.read>span{background:#edf5eb}.path-grid a,.path-grid a+a{background:#eff6ed;border-color:#d7e6d2;border-radius:8px}.path-grid a:hover{background:#e7f2e3}.step-number{color:#8aa481}.path-grid h3{color:#56744c}.editor-note{background:#eaf3e7;color:#4b6841;border:1px solid #daead5;border-radius:9px}.editor-note h2{color:#527148;font-weight:500}.editor-note .eyebrow{color:#8ca683}.editor-note p:not(.eyebrow){color:#698261}.editor-note .text-link{color:#6b8e60}.note-symbol{color:#a3bf9a}.inner-page .article-header{border-top-color:#9aba8f;background:#eff6ed}.article-header .tag{background:#e4f1e0}.toc{background:#f1f8ef;border-color:#dae8d6;border-top-color:#9eba95}.takeaway{border-left-color:#adc7a4;background:#eef6ec}.closing-note{background:#f1f8ef;border-left-color:#adc8a4}.planner{background:#ecf5e9;border-color:#d8e6d3}.plan-fields select{background:#fff;border-color:#cfe1c9}.empty-state{background:#ecf5e9}thead{background:#e7f2e3}tbody th{background:#f1f8ef}td{background:#fff}.prose a:not(.button){text-decoration-color:#b6cfae}.outline-link{border-color:#bad0b3}
@media(min-width:721px) and (max-width:1050px){.hero{padding:27px 31px;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.hero h1{font-size:34px}.hero-description{font-size:13px}.learner-visual{height:290px}.learner-visual img{width:310px;height:310px}.learner-visual:before{width:245px;height:245px}.learner-visual figcaption{font-size:8px;right:0}}
@media(min-width:721px) and (max-width:900px){.hero h1{font-size:32px}.hero h1 em{display:block}.hero-description{max-width:350px}.learner-visual img{width:280px;height:280px}.learner-visual:before{width:220px;height:220px}}
@media(max-width:720px){.hero{padding:25px 24px 24px;display:block;min-height:0}.hero-copy{z-index:2}.hero h1{font-size:28px;max-width:220px;line-height:1.58;margin-bottom:20px}.hero h1 em{white-space:nowrap}.hero .eyebrow{font-size:7px;letter-spacing:.08em;position:relative;z-index:2}.hero-description{font-size:12px;line-height:1.9;max-width:none;margin-bottom:20px}.hero .button{font-size:11px;padding:13px 15px;gap:22px}.learner-visual{position:absolute;right:-11px;top:63px;bottom:auto;width:160px;height:170px;margin:0;opacity:1;z-index:1;pointer-events:none}.learner-visual img{width:174px;height:174px;max-width:none}.learner-visual:before{width:145px;height:145px;top:8px;background:#f6f9ef80}.learner-visual figcaption{display:none}.intro-band p{font-size:10px}.editor-note p:not(.eyebrow){font-size:12px}.toc{border-top-color:#9eba95;border-left-color:#dae8d6}}
@media(max-width:360px){.hero{padding-inline:20px}.hero h1{font-size:24px;max-width:180px}.hero .eyebrow{font-size:6px}.hero-description{font-size:11px}.learner-visual{width:130px;height:145px;right:-17px;top:67px}.learner-visual img{width:145px;height:145px}.learner-visual:before{width:120px;height:120px}.hero .button{font-size:10px}}
@media(max-width:720px){.learner-visual{right:3px;width:154px}.learner-visual img{width:158px;height:158px}.learner-visual:before{width:138px;height:138px}}
@media(max-width:360px){.learner-visual{right:0;width:124px;top:64px}.learner-visual img{width:128px;height:128px}.learner-visual:before{width:112px;height:112px}.hero-description{position:relative;z-index:2}}
/* Integrated illustrated title scene and a practical blog sidebar. */
.home .header{height:42px;min-height:42px;padding:0}.home .header .brand,.home .header .draft{display:none}.home .header nav{height:42px}.home .header:before{height:42px}.hero{margin-top:19px;padding-block:27px;background:radial-gradient(ellipse at 80% 85%,#f9f5e6aa 0,transparent 48%),radial-gradient(ellipse at 20% 12%,#f6fdf4 0,transparent 65%),#e9f5e5;border:0;box-shadow:inset 0 0 0 1px #dfefda;border-radius:8px;gap:35px}.hero:before{background:radial-gradient(ellipse at 80% 50%,#fffdf5 0,transparent 65%);opacity:.35}.hero-site-title{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:45px;letter-spacing:.1em;line-height:1.3;margin:0 0 20px;font-weight:500;color:#496c3d}.hero-site-title small{display:block;font-family:sans-serif;font-size:10px;letter-spacing:.17em;color:#869b7f;margin-top:9px}.hero .eyebrow{display:none}.hero h1{font-size:30px;line-height:1.65;letter-spacing:.015em;margin:0 0 15px}.hero h1 em{color:#78966e}.hero-description{font-size:13px;margin-bottom:19px;line-height:1.9}.hero-note{display:none}.learner-visual{height:330px}.learner-visual img{width:375px;height:375px}.learner-visual:before{width:320px;height:320px;top:0;background:#f7fbf27a}.learner-visual figcaption{bottom:-8px}.home .intro-band{display:none}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:30px;align-items:start;padding-top:35px}.journal-main{min-width:0}.journal-main .articles-section{width:100%;padding-top:0}.journal-main .section-heading h2{font-size:28px}.journal-main .section-heading>p{font-size:11px}.journal-main .article-grid{gap:20px}.journal-main .card-art{height:180px;padding:20px 23px}.journal-main .art-title{font-size:25px;margin-top:11px}.journal-main .art-label{font-size:9px}.journal-main .art-bottom{margin-top:9px;font-size:7px}.journal-main .art-bottom b{font-size:27px}.journal-main .card-body{padding:22px}.journal-main .card-body h3{font-size:18px;line-height:1.75}.journal-main .card-body p{font-size:12px}.journal-main .filters button{font-size:11px;padding:10px 15px}.sidebar-card{background:#fff;border:1px solid #e0ecdc;border-radius:8px;padding:23px 22px;margin-bottom:20px;box-shadow:0 3px 10px #6b876104}.sidebar-card .eyebrow{font-size:8px;letter-spacing:.11em;color:#88a080;margin-bottom:13px}.sidebar-card h2{font-family:"Yu Mincho",serif;font-size:20px;font-weight:500;line-height:1.6;margin:0 0 15px;color:#527148}.sidebar-card p:not(.eyebrow){font-size:12px;line-height:1.9;color:#6e8167}.sidebar-card small{font-size:10px;color:#91a08c;line-height:1.8;display:block}.sidebar-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-top:1px solid #e6eee4;color:#6b8b61}.sidebar-card>a>span:not(:first-child){font-size:10px}.profile-card{text-align:center;background:#fafef9}.profile-card img{width:125px;height:118px;object-fit:contain;display:block;margin:0 auto 14px}.profile-card h2{font-size:22px;margin-bottom:15px}.profile-card p:not(.eyebrow),.profile-card small{text-align:left}.profile-card>a{margin-top:20px;justify-content:center;font-size:11px}.reading-order a{align-items:start;justify-content:start}.reading-order b{font:italic 22px Georgia,serif;color:#a2ba9a}.reading-order a>span{font-size:12px!important;line-height:1.8}.reading-order small{font-size:10px;margin-top:4px}.sidebar-calendar{background:#f2f9f0}.sidebar-calendar>small{margin-top:10px}.exam-notices{margin-top:19px;background:#fff;border:1px solid #e0ecdc;border-radius:7px;padding:13px 19px;color:#56734c}.notice-toolbar{display:flex;gap:16px;align-items:center;min-height:25px}.notice-label{font-size:11px;font-weight:600;letter-spacing:.04em}.notice-basis{font-size:9px;color:#90a28a}.notice-controls{margin-left:auto;display:flex;gap:7px}.notice-controls button{background:#f6faf5;border:1px solid #e2edde;color:#6e8c64;border-radius:4px;min-height:27px;min-width:28px;cursor:pointer;font-size:10px;padding:3px 9px}.notice-controls button:hover{background:#ebf5e8}.notice-controls button[aria-pressed=true]{background:#e5f1e1}.notice-viewport{font-size:12px;line-height:1.9;margin:8px 0 10px;min-height:24px}.notice-slide{display:flex;gap:12px;align-items:baseline}.notice-slide:hover{text-decoration:underline;text-underline-offset:4px}.notice-state{display:inline-block;flex-shrink:0;white-space:nowrap;font-size:9px;background:#f1f6ef;color:#74906a;padding:2px 7px;border-radius:3px;font-weight:500}.exam-notices details{border-top:1px solid #eaf1e8;padding-top:10px}.exam-notices summary{cursor:pointer;font-size:11px;line-height:1.8;color:#69895e}.exam-notices summary>span{font-size:9px;color:#96a791;margin-left:15px}.notice-policy{font-size:11px;line-height:1.9;color:#889982;margin:17px 0}.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:17px}.exam-item{padding:20px;background:#f7fbf6;border:1px solid #e3ece0;border-radius:5px;scroll-margin-top:25px}.exam-item-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.exam-item-title h3{font-size:15px;font-weight:500;margin:0}.exam-scope{font-size:10px;color:#899c83;margin:7px 0 16px;line-height:1.8}.exam-item dl{font-size:11px;line-height:1.9;margin:0}.exam-item dt{font-size:9px;color:#96a990;margin-top:10px}.exam-item dd{margin:4px 0 12px}.official-source{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#869e7e}.notice-plan{display:block;text-align:center;font-size:12px;padding:16px;background:#eef6eb;border-radius:4px;line-height:1.8}.notice-plan:hover{background:#e6f3e2}
@media(max-width:1050px) and (min-width:721px){.hero-site-title{font-size:38px}.hero h1{font-size:28px}.hero .learner-visual{height:320px}.hero .learner-visual img{width:320px;height:320px}.blog-layout{grid-template-columns:minmax(0,1fr) 230px;gap:23px}.journal-main .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-main .card-art{height:170px}.sidebar-card{padding:20px 17px}.journal-main .section-heading{display:block}.journal-main .section-heading>p{margin-top:12px}.notice-slide{font-size:11px}.hero h1 em{display:inline}}
@media(max-width:900px) and (min-width:721px){.hero h1{font-size:26px}.hero h1 em{display:block}.hero-site-title{font-size:35px}.hero .learner-visual img{width:285px;height:285px}.hero .learner-visual:before{width:250px;height:250px}.notice-basis{font-size:8px}.notice-slide{gap:8px}}
@media(max-width:720px){.home .header{height:36px;min-height:36px;padding:0}.home .header nav,.home .header:before{height:36px}.hero{margin-top:13px;padding:24px 23px 23px}.hero-site-title{font-size:31px;margin:0 0 17px;letter-spacing:.075em;line-height:1.4}.hero-site-title small{font-size:8px;letter-spacing:.13em;margin-top:4px}.hero h1{font-size:23px;max-width:205px;line-height:1.6;margin-bottom:15px}.hero h1 em{display:block}.hero-description{font-size:11px;line-height:1.9;margin-bottom:17px}.hero .button{font-size:10px;padding:12px 14px;gap:20px}.hero .learner-visual{width:152px;height:157px;top:105px;right:1px;margin:0}.hero .learner-visual img{width:155px;height:155px}.hero .learner-visual:before{width:135px;height:135px;top:7px}.blog-layout{display:block;padding-top:28px}.journal-main .section-heading{display:flex}.journal-main .section-heading h2{font-size:23px}.journal-main .section-heading>p{font-size:9px}.journal-main .filters{gap:6px}.journal-main .filters button{font-size:10px;padding:9px 11px}.journal-main .article-grid{grid-template-columns:1fr;gap:21px}.journal-main .card-art{height:185px;padding:20px 24px}.journal-main .art-title{font-size:27px}.journal-main .card-body{padding:21px 22px}.journal-main .card-body h3{font-size:18px}.blog-sidebar{margin-top:30px}.sidebar-card{padding:24px;margin-bottom:16px}.profile-card img{width:110px;height:100px}.profile-card h2{font-size:21px}.sidebar-card p:not(.eyebrow){font-size:12px}.sidebar-card>a{font-size:12px}.exam-notices{margin-top:13px;padding:12px 14px}.notice-toolbar{gap:8px;flex-wrap:wrap}.notice-label{font-size:10px}.notice-basis{font-size:8px;order:3;width:100%}.notice-controls{gap:5px}.notice-controls button{font-size:9px;min-height:28px;padding:3px 8px}.notice-viewport{font-size:11px;min-height:64px;margin:9px 0}.notice-slide{display:block;line-height:1.9}.notice-slide .notice-state{display:table;margin-bottom:4px}.exam-notices summary{font-size:10px}.exam-notices summary>span{display:block;font-size:8px;margin:5px 0 0}.exam-grid{grid-template-columns:1fr;gap:12px}.exam-item{padding:17px}.exam-item-title{align-items:start;gap:10px}.exam-item-title h3{font-size:14px}.exam-item .notice-state{font-size:8px}.notice-plan{font-size:11px;padding:14px}.notice-policy{font-size:10px}}
@media(max-width:360px){.hero{padding-inline:19px}.hero-site-title{font-size:28px}.hero h1{font-size:21px;max-width:180px}.hero .learner-visual{width:123px;height:130px;top:106px;right:0}.hero .learner-visual img{width:127px;height:127px}.hero .learner-visual:before{width:110px;height:110px}.hero-description{font-size:10px}.journal-main .section-heading h2{font-size:21px}.journal-main .filters button{font-size:9px;padding:9px}.journal-main .card-body h3{font-size:16px}}
/* One continuous illustrated study room; headlines remain live HTML. */
.hero{display:block;min-height:410px;background:#eef2e2;padding:31px 60px;border:1px solid #dce6ce;box-shadow:none;isolation:isolate}.hero:before{display:none}.hero-copy{position:relative;width:58%;z-index:2}.hero-scene{position:absolute;inset:0;margin:0;z-index:0;pointer-events:none}.hero-scene picture,.hero-scene img{display:block;width:100%;height:100%}.hero-scene img{object-fit:cover;object-position:center center}.hero-scene figcaption{position:absolute;bottom:9px;right:13px;font-size:8px;color:#667b54;background:#f6f8ebc4;padding:3px 6px;border-radius:2px}.hero-site-title{color:#415b3c}.hero h1{color:#48633f}.hero h1 em{color:#6b835d}.hero-description{color:#4e6747;font-size:13px;max-width:440px}.hero .button{background:#748e62;border-color:#748e62;color:#fff}.hero .button:hover{background:#617c50}.profile-card img{object-fit:contain}
@media(min-width:721px) and (max-width:1050px){.hero{padding:29px 31px;min-height:410px}.hero-copy{width:54%}.hero-scene img{object-position:right center}.hero-description{font-size:12px}}
@media(min-width:721px) and (max-width:900px){.hero{min-height:425px}.hero-copy{width:52%}.hero h1{font-size:25px}.hero-site-title{font-size:34px}.hero-description{font-size:11px}}
@media(max-width:720px){.hero{padding:24px 23px 23px;min-height:355px;background:#edf2df}.hero-copy{width:100%;z-index:2}.hero-site-title{font-size:31px;max-width:250px}.hero h1{font-size:23px;max-width:195px}.hero-description{font-size:11px;max-width:205px}.hero-scene img{object-fit:cover;object-position:center center}.hero-scene figcaption{font-size:6px;bottom:5px;right:6px;padding:2px 4px}.hero .button{font-size:10px;padding:12px 14px;gap:20px}}
@media(max-width:360px){.hero{padding-inline:19px;min-height:337px}.hero-site-title{font-size:28px}.hero h1{font-size:21px;max-width:175px}.hero-description{font-size:10px;max-width:185px}.hero-scene img{object-position:58% center}}
.hero:before{content:"";display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f8faedb8 0%,#f8faed66 35%,transparent 60%);opacity:1;pointer-events:none}.hero .button,.button,.filters button[aria-pressed=true]{background:#5f784f;border-color:#5f784f;color:#fff}.hero .button:hover,.button:hover{background:#516941}.profile-card img{width:100%;height:125px;object-fit:cover;object-position:right center;border-radius:5px}.notice-basis,.sidebar-card small,.exam-scope,.official-source,.notice-policy{color:#67785f}
@media(max-width:720px){.hero:before{background:linear-gradient(90deg,#f8faed57 0%,transparent 62%)}.profile-card img{width:100%;height:145px}}
@media(min-width:721px) and (max-width:1050px){.journal-main .article-grid{gap:16px}.journal-main .card-art{padding:18px}.journal-main .art-title{font-size:23px}.journal-main .card-body{padding:19px}.journal-main .card-body h3{font-size:17px}.journal-main .card-body p{font-size:12px}}
@media(min-width:721px) and (max-width:850px){.journal-main .card-art{padding:15px;height:155px}.journal-main .art-title{font-size:20px}.journal-main .art-bottom{margin-top:6px}.journal-main .card-body{padding:16px}.journal-main .card-body h3{font-size:16px}.journal-main .card-body h3 br{display:none}.journal-main .date{display:block;margin:10px 0 0}.journal-main .art-label{font-size:8px}}

/* Readable exam bulletin: Japanese gothic, strong contrast, compact controls. */
.exam-notices{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#253d2b}.notice-label{font-size:14px;font-weight:750;color:#253d2b}.notice-slide{font-size:15px;font-weight:650;line-height:1.8;color:#253d2b}.notice-state{font-size:11px;font-weight:700;color:#36503b;background:#e6efdf}.notice-basis{font-size:11px;color:#4e6450}.notice-controls button{font-size:12px;font-weight:650;color:#304a35}.exam-notices summary{font-size:13px;font-weight:650;color:#304a35}.exam-notices summary>span{font-size:11px;color:#506653;font-weight:500}.notice-policy,.exam-scope,.official-source{color:#506653}.notice-viewport{min-height:32px}.notice-controls{align-items:center}#notice-position{font-size:11px;font-weight:700;white-space:nowrap;color:#3c5741}.exam-item-title h3{font-weight:650}.exam-item dd{color:#304a35}
@media(max-width:720px){.notice-label{font-size:13px}.notice-slide{font-size:14px;line-height:1.75}.notice-viewport{min-height:91px}.notice-basis{font-size:10px}.notice-controls button{font-size:11px}.exam-notices summary>span{font-size:10px;line-height:1.8}.notice-state{font-size:10px}}

/* Preserve existing navigation when adding links. */
.header nav{flex-wrap:wrap;align-items:center;row-gap:6px}.header nav a{white-space:nowrap}.footer-nav{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:620px;line-height:1.8}.footer-nav a{white-space:nowrap}.home .header,.home .header nav{height:auto;min-height:42px}.home .header nav{padding-block:9px;justify-content:center}.home .header:before{height:100%}
@media(max-width:900px){.header{flex-wrap:wrap;gap:15px;padding-block:18px}.header nav{width:100%;margin-left:0;justify-content:flex-start}.header .draft{display:none}}
@media(max-width:720px){.header nav{gap:5px 17px;font-size:11px;line-height:1.8}.home .header,.home .header nav{height:auto;min-height:36px}.home .header nav{padding-block:8px;justify-content:center}.footer-nav{gap:9px 18px;font-size:12px}}
.home .header nav{gap:8px 24px}.home .header nav a{font-size:12px;line-height:1.8;padding:3px 0}
@media(max-width:720px){.home .header nav{gap:4px 18px;padding:8px 12px}.home .header nav a{font-size:12px;line-height:1.8;padding:3px 0}}
.home .header nav{position:static}.home .header{display:flex;align-items:center}
/* Article rows follow the observed kaorunlife list structure. */
.journal-main .article-grid{grid-template-columns:minmax(0,1fr);gap:16px}.journal-main .article-card{display:grid;grid-template-columns:135px minmax(0,1fr) 42px;gap:20px;align-items:center;position:relative;border:1px solid #dce5d7;border-radius:12px;overflow:hidden;background:#fff;min-height:190px;padding-right:22px;box-shadow:none}.journal-main .card-art{width:135px;height:115px;min-height:0;padding:13px 12px;border-radius:0;overflow:hidden}.journal-main .art-label{font-size:8px;padding:3px 5px;line-height:1.5}.journal-main .art-title{font-size:16px;line-height:1.5;margin-top:9px;letter-spacing:0}.journal-main .art-bottom{font-size:6px;margin-top:8px}.journal-main .art-bottom b{font-size:15px}.journal-main .card-body{padding:16px 0;min-width:0}.journal-main .card-body .tag{font-size:10px}.journal-main .card-body h3{font-size:18px;line-height:1.65;margin:10px 0 9px}.journal-main .card-body p{font-size:12px;line-height:1.85;margin:0 0 10px}.journal-main .card-body .date{display:block;float:none;font-size:10px;margin-top:9px}.journal-main .card-body .read{position:absolute;right:20px;top:50%;font-size:10px;border:0;padding:0;margin:0;display:block}.journal-main .card-body .read span{display:none}.journal-main .card-body .read:after{content:' →'}
@media(max-width:1050px) and (min-width:721px){.journal-main .article-card{grid-template-columns:115px minmax(0,1fr);gap:16px;padding-right:16px}.journal-main .card-art{width:115px;height:115px}.journal-main .card-body .read{display:none}.journal-main .card-body h3{font-size:16px}}
@media(max-width:720px){.journal-main .article-grid{grid-template-columns:minmax(0,1fr);gap:14px}.journal-main .article-card{grid-template-columns:105px minmax(0,1fr);gap:12px;padding-right:12px;min-height:180px}.journal-main .card-art{width:105px;height:112px;padding:12px 9px}.journal-main .art-title{font-size:14px}.journal-main .art-label{font-size:7px}.journal-main .card-body{padding:12px 0}.journal-main .card-body h3{font-size:14px;line-height:1.65;margin:6px 0}.journal-main .card-body p{font-size:11px;line-height:1.8;margin-bottom:8px}.journal-main .card-body .tag,.journal-main .card-body .date{font-size:9px}.journal-main .card-body .read{display:none}.journal-main .card-body h3 br{display:none}}
/* Editorial reading contrast and original article illustrations. */
:root{--ink:#243b2c;--muted:#465b48}body{color:#243b2c}.hero-description,.hero-note,.hero-site-title small,.header nav,.brand small,.footer,.footer small,.article-meta,.article-lead,.breadcrumb,.toc,.eyebrow,.section-heading>p,.filters,#article-count,.list-foot,.sidebar-card p,.sidebar-card small,.sidebar-card>a,.editor-note p,.card-body p,.card-body .date,.card-body .read,.notice-basis,.notice-policy,.exam-scope,.official-source,.exam-item dt,.exam-item dd,.exam-notices summary>span{color:#405742!important}.sidebar-card .eyebrow,.art-label,.tag{color:#3f583f}.prose{color:#243b2c;font-size:16px;line-height:2}.prose p,.prose li,.prose dd{color:#2c4232}.prose .small,.prose figcaption,.source-inline,.prose .eyebrow{color:#455c47}.prose a{color:#305b36;text-decoration:underline;text-underline-offset:4px}.prose .related a{display:block;margin:14px 0}.article-illustration{margin:30px 0 40px}.article-illustration img{display:block;width:100%;height:auto;border:1px solid #d8e2cf;border-radius:16px}.article-illustration figcaption{font-size:12px;line-height:1.8;margin-top:10px}.speech{position:relative;margin:28px 0;padding:19px 24px;border-radius:16px;max-width:94%;border:1px solid #cbdac1;background:#f0f5e9}.speech:before{content:'';position:absolute;left:-9px;top:28px;width:16px;height:16px;background:inherit;border-left:1px solid #cbdac1;border-bottom:1px solid #cbdac1;transform:rotate(45deg)}.speech.reader{background:#fff8e9;margin-right:28px;border-color:#deceb1}.speech.reader:before{border-color:#deceb1}.speech.editor{margin-left:auto;background:#e7efdf}.speech.editor:before{left:auto;right:-9px;transform:rotate(225deg)}.speaker{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:#3d553e}.speech p{margin:7px 0 0;line-height:1.9;font-weight:500}.journal-main .article-thumb{display:block;width:135px;height:115px;object-fit:cover;align-self:center;background:#edf2e5}.journal-main .card-body .date{margin-left:0}.takeaway strong{font-size:15px}.prose table{font-size:14px}.prose table caption{color:#354c38}.prose .closing-note{color:#293f2f}.hero-scene figcaption{color:#3f523e;background:#f7f8eddd}
@media(max-width:1050px) and (min-width:721px){.journal-main .article-thumb{width:115px;height:115px}}
@media(max-width:720px){.prose{font-size:15px;line-height:2}.speech{padding:16px 18px;margin-block:24px}.speech p{font-size:14px}.article-illustration{margin:24px 0 32px}.article-illustration figcaption{font-size:11px}.journal-main .article-thumb{width:105px;height:112px}.article-meta{line-height:1.9}.prose table{font-size:12px}}
.prose table th,.prose table td{width:auto}.prose table{table-layout:auto}.article-card[hidden]{display:none!important}
/* Site name and editor name are separate identities. */
.hero-site-title{font-size:clamp(29px,3.2vw,42px);letter-spacing:.035em;line-height:1.4}.brand{font-size:23px}.footer-brand{font-size:24px}
@media(max-width:720px){.hero-site-title{font-size:24px;letter-spacing:.01em;max-width:250px;line-height:1.45}.brand{font-size:22px;white-space:normal}.brand-icon{flex-shrink:0}.footer-brand{font-size:22px}}
.contact-status{padding:18px 22px;border:1px solid #d4c7a8;background:#fff6e5;color:#493f2c;border-radius:10px;font-weight:650;line-height:1.8}.contact-field{margin:26px 0}.contact-field label{display:block;font-size:15px;font-weight:650;margin-bottom:8px}.contact-field label span{font-size:11px;color:#64502b;margin-left:8px}.contact-field input,.contact-field textarea{display:block;width:100%;max-width:100%;border:1px solid #899b83;border-radius:7px;background:#fff;padding:12px 14px;font:inherit;font-size:16px;color:#243b2c}.contact-field textarea{resize:vertical}.contact-field input:focus,.contact-field textarea:focus{outline:3px solid #acc397;outline-offset:2px}.contact-field [aria-invalid=true]{border:2px solid #a34432}.contact-page .field-error{color:#993b2b;margin:5px 0;font-size:13px}.field-help{font-size:12px;color:#405742}.contact-consent label{display:flex;gap:11px;align-items:start;font-size:14px;line-height:1.8}.contact-consent input{width:19px;height:19px;margin-top:3px;flex-shrink:0}.contact-consent{margin:24px 0}.contact-page button:disabled{background:#d8dfd2;color:#3d503e;cursor:not-allowed;border-color:#9daa94;opacity:1}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-result{font-weight:650;line-height:1.9}.contact-page form{margin-bottom:40px}
