:root{--bg:#fff;--surface:#fff;--soft:#f1f4f2;--ink:#18221e;--text:#18221e;--muted:#44534b;--accent:#00644e;--accent-soft:#edf4ef;--line:transparent;--line-strong:transparent;--container:min(100% - 64px,1320px)}
html{scroll-padding-top:32px}body{background:var(--bg);color:var(--ink);font-family:"Noto Sans CJK JP","Noto Sans JP",system-ui,sans-serif;font-size:17px;line-height:1.8}h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--ink);letter-spacing:-.035em;line-height:1.35;text-wrap:balance}h1{font-size:clamp(32px,4vw,56px)}h2{font-size:clamp(28px,3.3vw,44px)}h3{font-size:22px}p{color:var(--ink)}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a,button,summary{touch-action:manipulation}button,input,select{font:inherit}img{object-fit:contain}strong{color:inherit}.muted,.section-support-text,.section-description{color:var(--muted)}
.container{width:var(--container);max-width:none;margin-inline:auto}.site-header{position:relative;background:#fff;border:0;box-shadow:none}.topbar{min-height:100px;padding:22px 0;gap:32px;align-items:center}.brand-wordmark{width:270px;height:auto}.primary-nav{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.primary-nav a{font-size:16px;font-weight:600;white-space:nowrap;padding:10px 0}.primary-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;border:0;border-radius:0;font-size:17px;font-weight:700;text-decoration:none;box-shadow:none;transition:transform .18s ease}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:#064b3d;color:#fff;transform:translateY(-2px)}.button-secondary{background:var(--soft);color:var(--ink)}.button:active,button:active{transform:translateY(1px)}
/* The actual analytical output is the opening illustration. */
.atlas-hero{display:grid;grid-template-columns:42% minmax(0,1fr);gap:0;align-items:center;padding:56px 0 100px;min-height:660px}.hero-text{grid-column:2;padding-left:60px;grid-row:1}.atlas-hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.25;letter-spacing:-.055em;margin:0 0 32px;max-width:none}.atlas-hero .hero-lead{font-size:20px;line-height:1.8;max-width:29em;margin:0 0 30px}.hero-figure{grid-column:1;grid-row:1;margin:0;align-self:center}.hero-figure img{display:block;width:100%;height:auto}.hero-figure figcaption{margin-top:22px;max-width:29em;font-size:16px;line-height:1.8}.hero-figure figcaption a{display:inline;margin-left:.5em;text-decoration:underline}.hero-guide-link{font-size:16px;margin:18px 0 0}.section-block{padding:96px 0}.section-heading{display:grid;grid-template-columns:42% minmax(0,1fr);gap:0;align-items:start;margin-bottom:52px}.section-heading h2{margin:0}.section-heading>p{font-size:18px;max-width:34em;margin:0;padding-left:60px}.chart-section{background:var(--soft)}
.output-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}.output-print{display:block;text-decoration:none;min-width:0}.output-print img{display:block;background:#fff;width:100%;aspect-ratio:5/3;object-fit:contain;transition:transform .3s ease}.output-print:hover img{transform:translateY(-4px)}.output-print h3{font-size:24px;margin:22px 0 4px}.output-print p{font-size:16px;margin:0;color:var(--muted)}.full-index{margin-top:52px}.full-index>summary{font-size:22px;font-weight:600;min-height:48px;padding:12px 0;cursor:pointer;list-style:revert}.chart-index,.report-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;margin-top:30px}.chart-index>details,.report-index>details{background:#fff;padding:16px 20px;min-width:0}.chart-index summary,.report-index summary{font-size:18px;font-weight:600;cursor:pointer;padding:6px 0;line-height:1.6}.entry-links{margin:16px 0 0;padding-left:1.2em;font-size:17px;line-height:1.8}.entry-links li{margin:8px 0}.entry-links a{display:inline-block;padding:5px 0;text-decoration:underline}.editorial-split{display:grid;grid-template-columns:42% minmax(0,1fr)}.editorial-split>div:first-child{padding-right:60px}.editorial-split>div:first-child h2{margin:0 0 28px}.editorial-split>div:first-child p{max-width:27em;margin-bottom:24px}.family-index{padding-left:60px}.family-entry{padding:18px 0}.family-entry summary{cursor:pointer;font-size:24px;font-weight:600;line-height:1.5;min-height:44px}.family-entry summary span{float:right;font-size:16px;font-weight:400;margin-top:6px;color:var(--muted)}.writing-section{background:#e9f1ec}.writing-example{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:24px}.writing-example h3{margin:0 0 22px;font-size:22px}.writing-example p{font-size:19px;line-height:1.95;margin:0}.writing-section>.container>a{display:inline-block;padding:12px 0}.writing-section .report-index{background:none}.library-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.6fr) auto;gap:24px;align-items:end;margin:0 0 48px}.library-controls label{display:block;font-size:17px;margin-bottom:10px;font-weight:600}.library-controls input,.library-controls select{background:var(--soft);border:0;border-radius:0;min-height:54px;width:100%;padding:12px 16px;color:var(--ink)}.library-controls p{margin:0;padding-bottom:13px;white-space:nowrap;font-size:16px}.topic-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 72px}.topic-entry{display:block;text-decoration:none;padding:0;min-width:0;background:none}.topic-entry h3{margin:0 0 12px;font-size:24px}.topic-entry p{margin:0;font-size:17px;line-height:1.8;max-width:36em}.topic-entry:hover h3{text-decoration:underline;text-decoration-thickness:2px}.beginner-section{background:var(--soft)}.beginner-links{display:grid;grid-template-columns:1fr 1fr;gap:32px 36px;padding-left:60px}.beginner-links>a{display:block;text-decoration:none}.beginner-links h3{font-size:23px;margin:0 0 12px}.beginner-links p{margin:0;font-size:17px}.beginner-links a:hover h3{text-decoration:underline}
.site-footer{padding:72px 0 50px;background:#fff;border:0}.footer-title{font-size:clamp(28px,4.2vw,58px);font-weight:700;letter-spacing:-.055em;margin:0 0 36px;line-height:1.3}.footer-bottom{display:grid;grid-template-columns:42% 1fr;gap:0}.footer-bottom>p{font-size:17px;margin:0}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:16px 28px;padding-left:60px}.footer-bottom a{font-size:16px;padding:6px 0}.footer-title:before,.footer-title:after{content:none}
/* Reading pages use an open typesetting area rather than boxes inside boxes. */
.topic-page{padding-top:44px}.topic-shell{grid-template-columns:minmax(0,1fr) 240px;gap:72px}.custom-hero{display:block;grid-template-columns:1fr}.article-header h1{font-size:clamp(30px,3.6vw,48px);max-width:none;margin:18px 0 20px}.article-subtitle{font-family:inherit;font-size:17px;line-height:1.6;max-width:100%;color:var(--muted)}.article-header .lead{font-size:20px;line-height:1.8;max-width:none;margin:28px 0}.article-header .hero-copy>p:not(.lead):not(.article-subtitle){font-size:17px}.article-meta-bar{gap:8px 24px;margin:28px 0;display:flex;flex-wrap:wrap}.article-meta-bar span{background:none;border:0;border-radius:0;padding:0;font-size:14px;color:var(--muted)}.hero-side-card{background:var(--soft);padding:26px 30px;margin-top:32px;border:0;border-radius:0;box-shadow:none}.hero-side-card h2{font-size:22px;margin-bottom:16px}.topic-actions{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.topic-actions .button{font-size:16px}.article-main>.section-stack{margin-top:68px;gap:24px}.article-main h2{font-size:30px;line-height:1.45}.article-main h3{font-size:22px;line-height:1.5}.article-card,.check-card,.alt-card,.reference-card,.notice-card,.related-topic-card,.aside-card,.guide-card,.guide-promo-card,.policy-card,.lesson-card,.note-box,.summary-chip,.figure-card,.figure-panel,.hero-note,.template-card{border:0;border-radius:0;box-shadow:none;background:none;padding:0}.two-col,.check-grid,.alt-grid,.reference-grid,.related-grid,.mistake-grid,.figure-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.article-card>p:last-child{margin-bottom:0}.reference-card,.alt-card{height:auto}.related-topic-card{padding:18px 0}.related-topic-card:hover{transform:none;background:none;box-shadow:none}.reference-group-label,.meta-badge,.tag,.code-label{font-family:inherit;background:none;border:0;border-radius:0;padding:0;color:var(--ink);font-size:16px;text-transform:none;letter-spacing:0}.tag-row,.meta-row{gap:8px 20px;margin-bottom:14px}.reference-group-label{font-weight:600;margin-bottom:14px}.reference-card h3{margin-top:12px}.summary-grid{gap:24px}.summary-chip strong{font-size:26px}.breadcrumb{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:32px}.sticky-box{position:sticky;top:24px}.aside-card{margin:0 0 38px}.jump-link{background:none;border:0;border-radius:0;padding:6px 0;font-size:16px;font-weight:400}.jump-link:hover{background:none;text-decoration:underline}.quick-defs div,.related-item{border:0;padding:12px 0}.quick-defs dt{font-size:16px;color:var(--ink)}.quick-defs dd{font-size:16px;color:var(--muted)}.code-panel{background:#eff2f0;border:0;border-radius:0;box-shadow:none;margin:18px 0}.code-head{background:transparent;border:0;padding:18px 22px;gap:16px;display:flex;align-items:center;justify-content:space-between}.code-head strong{font-family:inherit;font-size:16px}.copy-button{background:#dce6df;color:var(--ink);border:0;border-radius:0;min-height:44px;padding:8px 16px;box-shadow:none}.copy-status{font-size:14px;color:#8b2f20}.code-panel pre{background:transparent;padding:0 22px 24px;color:var(--ink);font-size:15px;line-height:1.75}.inline-code{background:#f1f4f2;color:inherit;border:0}.table-wrap{padding:0;background:none;border:0}.data-table,.result-table{font-size:16px}.data-table th,.data-table td,.result-table th,.result-table td{border:0;padding:12px;background:none}.data-table th,.result-table th{background:#e9efeb}.data-table tbody tr:nth-child(even),.result-table tbody tr:nth-child(even){background:#f5f7f5}.figure-panel,.figure-image-wrap{padding:0;background:none;border:0}.figure-panel img,.figure-image-wrap img,.example-figure img{width:100%;height:auto}.figure-caption,.caption-box,figcaption{border:0;background:none;font-size:16px;line-height:1.8;padding:16px 0}.rule{display:none}.section-intro-block{gap:12px}.section-intro-block p{margin:0}.reference-list a{color:inherit;text-decoration:underline}.reference-list a:after{content:none}.bullet-list{line-height:1.9}.bullet-list li+li{margin-top:8px}.editorial-note-card{background:#f1f4f2;padding:26px 30px}.lesson-grid,.guide-grid{gap:32px}.step-badge{background:none;border:0;border-radius:0}.section-soft{background:#f1f4f2}
@media(min-width:980px){.output-print:first-child{grid-column:1/-1;display:grid;grid-template-columns:58% 1fr;column-gap:60px;align-items:start}.output-print:first-child img{grid-row:1/4;aspect-ratio:5/2}.output-print:first-child h3{margin-top:50px}.output-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.output-print:last-child{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;column-gap:60px}.output-print:last-child img{grid-row:1/4}.output-print:last-child h3{margin-top:70px}}
@media(max-width:1050px){.primary-nav{gap:12px 20px}.topbar{flex-wrap:wrap}.atlas-hero{padding-top:32px;min-height:580px}.hero-text{padding-left:36px}.atlas-hero h1{font-size:44px}.section-heading>p,.family-index,.beginner-links,.footer-bottom nav{padding-left:36px}.topic-shell{grid-template-columns:minmax(0,1fr) 190px;gap:40px}.topic-index{gap:36px 40px}.beginner-links{grid-template-columns:1fr}.writing-example{gap:36px}.section-block{padding:76px 0}}
@media(max-width:760px){:root{--container:calc(100% - 40px)}body{font-size:17px}.topbar{padding:20px 0;gap:14px;min-height:0}.brand-wordmark{width:235px}.primary-nav{gap:4px 18px}.primary-nav a{font-size:14px;padding:7px 0}.atlas-hero{display:flex;flex-direction:column;padding:36px 0 60px;min-height:0;align-items:stretch}.hero-text{padding:0;order:0}.atlas-hero h1{font-size:40px;line-height:1.3;margin-bottom:26px}.atlas-hero .hero-lead{font-size:18px;line-height:1.8;margin-bottom:24px}.atlas-hero .button{width:auto}.hero-guide-link{margin-top:16px}.hero-figure{margin:36px 0 0;order:1}.hero-figure img{width:100%}.hero-figure figcaption{font-size:15px;margin-top:12px}.section-block{padding:60px 0}.section-heading,.editorial-split{display:block}.section-heading h2,.editorial-split h2{font-size:30px}.section-heading>p{padding:0;margin-top:22px;font-size:17px}.section-heading{margin-bottom:32px}.editorial-split>div:first-child{padding:0}.family-index{padding:20px 0 0}.family-entry summary{font-size:22px}.output-gallery{display:block}.output-print+.output-print{margin-top:38px}.output-print h3{font-size:22px;margin-top:16px}.output-print p{font-size:16px}.output-print img{aspect-ratio:auto}.full-index{margin-top:36px}.full-index>summary{font-size:20px}.chart-index,.report-index{grid-template-columns:1fr;gap:12px}.writing-example{grid-template-columns:1fr;gap:30px}.writing-example p{font-size:17px}.writing-example h3{font-size:21px;margin-bottom:14px}.library-controls{grid-template-columns:1fr;gap:16px;margin-bottom:36px}.library-controls p{padding:0}.topic-index{grid-template-columns:1fr;gap:34px}.topic-entry h3{font-size:23px}.topic-entry p{font-size:17px}.beginner-links{padding:32px 0 0;grid-template-columns:1fr;gap:28px}.footer-title{font-size:28px;margin-bottom:28px}.footer-bottom{display:block}.footer-bottom nav{padding:24px 0 0;gap:12px 22px}.footer-bottom a{font-size:15px}.site-footer{padding:48px 0}.topic-shell{display:block}.topic-shell>aside{position:static;margin-top:60px}.sticky-box{position:static}.topic-page{padding-top:24px}.article-header h1{font-size:30px}.article-header .lead{font-size:18px}.article-main h2{font-size:27px}.article-main h3{font-size:21px}.article-main>.section-stack{margin-top:48px}.two-col,.check-grid,.alt-grid,.reference-grid,.related-grid,.mistake-grid,.figure-reading-grid,.summary-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hero-side-card{padding:24px 20px}.hero-side-card h2{font-size:22px}.topic-actions .button{width:100%}.editorial-note-card{padding:24px 20px}.code-head{padding:16px;flex-wrap:wrap}.code-panel pre{padding:0 16px 20px}.breadcrumb{margin-bottom:24px}.article-meta-bar{gap:8px}.article-meta-bar span{font-size:14px;width:100%}.figure-reading-grid{grid-template-columns:1fr}.lesson-grid,.guide-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){[data-enter].is-entering{animation:editorial-enter .65s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--enter-delay,0ms)}@keyframes editorial-enter{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Explicit collapsed state also prevents text-range geometry from treating closed detail content as visible. */
details:not([open]) > :not(summary){display:none}
@media(min-width:1051px){.atlas-hero h1{font-size:clamp(64px,6vw,86px)}}
.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.roadmap-card{background:none;border:0;padding:0}.mini-info-card{background:none;border:0;box-shadow:none}.custom-hero{padding:0}.hero-side-card h2{margin-top:0}
@media(max-width:760px){.roadmap-grid{grid-template-columns:1fr}.brand-lockup{align-self:flex-start}.topbar{align-items:flex-start}}

.result-label{display:block;font-size:17px;font-weight:400;line-height:1.8;color:var(--ink)}

/* v27: reading, navigation and input states */
:root{--focus:#00644e;--control-bg:#e4ece7;--reading-width:74ch}
button,summary,select{cursor:pointer}button:disabled{cursor:default}
:is(a,button,input,select,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}
main:focus:not(:focus-visible),section[tabindex="-1"]:focus{outline:0}
.article-main{min-width:0}.article-main p{max-width:var(--reading-width);overflow-wrap:break-word}
.article-main>.section-stack{scroll-margin-top:28px}.article-main .section-intro-block{margin-bottom:8px}
.article-main .article-header h1{letter-spacing:-.025em}.article-main .two-col{column-gap:40px}
.article-main :is(.bullet-list,.checklist){padding-left:1.4em}
.primary-nav a,.footer-bottom a,.jump-link{min-height:44px;display:inline-flex;align-items:center}
.jump-list{gap:4px}.jump-list .jump-link{display:flex;padding:8px 12px;margin-left:-12px;line-height:1.55}
.jump-list a[aria-current="location"]{background:var(--accent-soft);font-weight:700;text-decoration:underline;text-decoration-thickness:2px}
.sticky-box{max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-gutter:stable;padding:4px 12px}
.library-controls{grid-template-columns:minmax(0,1fr) minmax(200px,.6fr);gap:16px 24px}
.library-controls input,.library-controls select{background:var(--control-bg);font-size:17px;min-height:54px}
.library-controls p{padding:0;white-space:normal;align-self:center}
.search-reset{justify-self:end;background:var(--accent);color:#fff;border:0;min-height:44px;padding:10px 18px;font:inherit}
.search-reset:hover:not(:disabled){background:#064b3d}.search-reset:disabled{background:var(--soft);color:var(--muted)}
.search-empty{grid-column:1/-1;padding:28px;background:var(--soft)}.search-empty h3{margin:0 0 12px}.search-empty p{margin:0}
.reading-contents{display:none;margin:28px 0;background:var(--soft);padding:12px 20px}
.reading-contents summary{font-weight:700;min-height:44px;padding:8px 0;font-size:17px}
.reading-contents nav{margin:12px 0}.reading-contents .jump-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.copy-button:focus-visible{outline-offset:4px}.copy-button.is-copied{background:var(--accent);color:white}
.code-panel pre,.table-wrap{overscroll-behavior-inline:contain}.code-panel pre:focus-visible,.table-wrap:focus-visible{outline-offset:0}
.button,.button-primary:hover,.output-print:hover img{transform:none;transition:background-color .18s ease,color .18s ease}
@media(max-width:1050px){.topic-shell{display:block}.topic-shell>aside{margin-top:60px}.sticky-box{position:static;max-height:none;overflow:visible;padding:0}.reading-contents{display:block}.topic-shell>aside .aside-card:first-child{display:none}.article-main{max-width:850px;margin-inline:auto}}
@media(max-width:760px){.library-controls{grid-template-columns:1fr}.search-reset{justify-self:start}.primary-nav a{font-size:15px;padding:10px 2px}.primary-nav{gap:4px 16px}.reading-contents .jump-list{grid-template-columns:1fr}.article-main p{line-height:1.9}.article-subtitle{overflow-wrap:anywhere}.code-panel pre{font-size:14px}.full-index summary,.chart-index summary,.report-index summary{min-height:44px}.topic-shell>aside{margin-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.copy-status.copy-success{color:var(--accent)}
.article-main :not(pre)>code,.article-main .inline-code{white-space:normal;overflow-wrap:anywhere;word-break:normal}