@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.table{display:table}}:root{--paper:#f7f2e8;--ink:#17231e;--muted:#5f6c64;--red:#b6412b;--red-dark:#833020;--green:#173f35;--line:#d8d2c4;--white:#fffdf8;--gold:#d9a441;--shadow:0 18px 60px #2327201a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{z-index:100;background:#fff;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f2e8f5;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-family:Georgia,serif;font-size:1.35rem;font-weight:700;display:flex}.brand small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:Segoe UI,sans-serif;font-size:.62rem;font-weight:600;display:block}.brand-mark{border:1px solid var(--red);width:42px;height:42px;color:var(--red);border-radius:50%;place-items:center;font-family:serif;display:grid}.site-header nav{gap:1.8rem;font-size:.88rem;font-weight:700;display:flex}.site-header nav a{border-bottom:2px solid #0000;padding:.5rem 0}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--red);border-color:var(--red)}main{min-height:70vh}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 18%,#d9a44133,#0000 22%),linear-gradient(135deg,#f9f5ec 0%,#f1e9da 100%);padding:clamp(4rem,10vw,8rem) clamp(1.3rem,10vw,10rem) clamp(3.5rem,8vw,6rem);position:relative;overflow:hidden}.page-hero:after{content:"日本";color:#b6412b0b;pointer-events:none;font-family:Georgia,serif;font-size:clamp(8rem,22vw,20rem);font-weight:700;line-height:1;position:absolute;bottom:-4rem;right:5vw}.eyebrow{color:var(--red);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .8rem;font-size:.74rem;font-weight:800}.page-hero h1{letter-spacing:-.045em;max-width:900px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,6.7rem);font-weight:500;line-height:.98}.lede{color:#46544c;max-width:720px;margin:1.6rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem)}.hero-actions{z-index:2;flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex;position:relative}.button{border:1px solid var(--green);letter-spacing:.02em;justify-content:center;align-items:center;min-height:50px;padding:.75rem 1.25rem;font-size:.87rem;font-weight:800;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#0d2f27}.button.secondary{background:0 0}.button.secondary:hover{background:#173f3514}.button.light{color:#fff;border-color:#ffffff8c}.button.light:hover{color:var(--green);background:#fff}.updated{color:var(--muted);margin:1.4rem 0 0;font-size:.78rem}.promise-strip{border-bottom:1px solid var(--line);background:var(--white);justify-content:center;gap:0;display:flex}.promise-strip span{border-right:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;padding:1.1rem 2.5rem;font-size:.74rem;font-weight:800}.promise-strip span:last-child{border-right:0}.section{max-width:1240px;margin:0 auto;padding:clamp(4rem,8vw,7rem) clamp(1.3rem,5vw,4rem)}.section.paper{background:var(--white);border-block:1px solid var(--line);max-width:none;padding-left:max(1.3rem,50vw - 620px + 4rem);padding-right:max(1.3rem,50vw - 620px + 4rem)}.section-heading{align-items:flex-start;gap:1.4rem;margin-bottom:2.4rem;display:flex}.section-heading .step{border-top:2px solid var(--red);min-width:54px;color:var(--red);text-transform:uppercase;margin:.2rem 0 0;padding-top:.45rem;font-size:.72rem;font-weight:800}.section-heading h2,.japanese-feature h2,.next-panel h2,.editorial-note h2{letter-spacing:-.03em;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.08}.print-button{color:var(--muted);background:0 0;border:0;margin-left:auto;font-size:.75rem}.checklist{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.checklist li{border-bottom:1px solid var(--line);align-items:flex-start;gap:1rem;padding:1rem;display:flex}.checklist li:nth-child(odd){border-right:1px solid var(--line)}.checklist span{color:var(--red);font:700 .72rem Georgia,serif}.checklist p{margin:0}.guide-grid,.book-grid,.related-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.guide-grid article,.related-grid article{background:var(--paper);padding:1.8rem}.guide-grid h3,.related-grid h3{margin:.2rem 0 .7rem;font-family:Georgia,serif;font-size:1.35rem}.guide-grid p,.related-grid p{color:var(--muted);margin:0;font-size:.94rem}.official{background:var(--green);color:#fff;max-width:none;padding-left:max(1.3rem,50vw - 620px + 4rem);padding-right:max(1.3rem,50vw - 620px + 4rem)}.official .eyebrow,.official .step{color:#f3c66e}.official .step{border-color:#f3c66e}.link-list{border-top:1px solid #ffffff40;grid-template-columns:1fr 1fr;display:grid}.link-list a{border-bottom:1px solid #ffffff40;justify-content:space-between;gap:1rem;padding:1.3rem;display:flex}.link-list a:nth-child(odd){border-right:1px solid #ffffff40}.link-list a:hover{background:#ffffff14}.link-list span{flex-direction:column;display:flex}.link-list small{color:#c9d8d3;margin-top:.3rem}.section-intro{max-width:680px;color:var(--muted);margin:-1.4rem 0 2rem}.related-grid{grid-template-columns:repeat(3,1fr)}.dot{background:var(--red);border-radius:50%;width:9px;height:9px;margin-bottom:1.4rem;display:block}.next-panel{background:var(--red);color:#fff;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1120px;margin:1rem auto 7rem;padding:3rem clamp(1.5rem,5vw,4rem);display:flex}.next-panel .eyebrow{color:#ffd6a1}.next-panel p{max-width:640px}.book-grid{grid-template-columns:repeat(3,1fr)}.book-grid>a{background:var(--white);flex-direction:column;min-height:280px;padding:2.2rem;display:flex}.book-grid>a:hover{background:#f0e7d8}.book-grid span{color:var(--red);font-size:.75rem;font-weight:800}.book-grid h3{margin:2.5rem 0 .6rem;font-family:Georgia,serif;font-size:1.8rem}.book-grid p{color:var(--muted)}.book-grid b{margin-top:auto;font-size:.82rem}.japanese-feature{background:var(--green);color:#fff;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(2rem,6vw,6rem);max-width:1120px;margin:1rem auto 7rem;padding:clamp(2rem,6vw,5rem);display:grid}.jp-sample{background:var(--white);color:var(--ink);box-shadow:var(--shadow);padding:2rem;transform:rotate(-2deg)}.jp-sample small{font-family:serif;font-size:2.7rem;display:block}.jp-sample strong{color:var(--red);margin-top:.6rem;display:block}.jp-sample p{margin:.2rem 0 0}.japanese-feature .eyebrow{color:#f3c66e}.text-link{border-bottom:1px solid;margin-top:1rem;font-weight:800;display:inline-block}.editorial-note{text-align:center;max-width:900px;margin:0 auto 7rem;padding:0 1.3rem}.editorial-note blockquote{margin:1rem 0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);line-height:1.08}.editorial-note>p:last-child{max-width:650px;color:var(--muted);margin:auto}.emergency-badge{border-left:4px solid var(--red);background:#fff7ed;margin-top:1.8rem;padding:.7rem 1rem;font-size:.9rem;display:inline-flex}.usage-note{background:#fff7ed;border:1px solid #e4c9ab;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.2rem 1.4rem;display:flex}.usage-note strong{min-width:220px}.usage-note p{color:var(--muted);margin:0}.phrase-controls{gap:1.2rem;display:grid}.phrase-controls label span{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800;display:block}.phrase-controls input{border:1px solid var(--line);background:var(--white);width:100%;margin-top:.5rem;padding:1rem 1.1rem;font-size:1rem}.phrase-controls input:focus{outline:2px solid var(--red);outline-offset:2px}.category-row{flex-wrap:wrap;gap:.5rem;display:flex}.category-row button{border:1px solid var(--line);cursor:pointer;background:0 0;padding:.5rem .8rem}.category-row button.active{background:var(--green);color:#fff;border-color:var(--green)}.result-count{color:var(--muted);margin:1.3rem 0;font-size:.8rem}.phrase-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.phrase-card{background:var(--white);border:1px solid var(--line);flex-direction:column;min-height:275px;padding:1.4rem;display:flex}.phrase-card>span{color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:800}.phrase-card>p{color:var(--muted);margin:1rem 0 .25rem;font-size:.88rem}.phrase-card h2{margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.85rem;line-height:1.25}.phrase-card>strong{color:var(--red);margin-top:.4rem;font-size:.86rem}.phrase-card>small{color:var(--muted);margin-top:.7rem}.phrase-card>div{gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.phrase-card button{border:1px solid var(--green);cursor:pointer;background:0 0;flex:1;padding:.55rem;font-size:.76rem;font-weight:800}.phrase-card button:hover{background:var(--green);color:#fff}.show-overlay{z-index:90;background:#0c1914e6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.show-overlay>div{background:var(--white);text-align:center;width:min(900px,100%);box-shadow:var(--shadow);padding:clamp(2rem,8vw,6rem);position:relative}.show-overlay .close{cursor:pointer;background:0 0;border:0;font-size:2rem;position:absolute;top:1rem;right:1rem}.show-overlay p{color:var(--muted);font-size:1.2rem}.show-overlay h2{margin:1rem 0;font-family:Yu Mincho,serif;font-size:clamp(3rem,10vw,7rem);line-height:1.1}.show-overlay strong{color:var(--red);font-size:1.4rem}.show-overlay small{margin-top:1rem;display:block}.prose{max-width:850px}.prose h2{margin:2.5rem 0 .6rem;font-family:Georgia,serif;font-size:2rem}.prose p{color:#46544c;font-size:1.05rem}.status-box{border-left:5px solid var(--red);background:var(--white);padding:1.5rem}.status-box p{margin:.3rem 0 0}.fine-print{color:#9fb0a8;max-width:500px;font-size:.74rem}footer{color:#fff;background:#102e27;grid-template-columns:1fr 1fr;gap:2rem;padding:3.5rem clamp(1.3rem,5vw,5rem);display:grid}footer p{margin:.3rem 0}.footer-links{justify-content:flex-end;gap:1.4rem;font-size:.8rem;display:flex}.fine-print{grid-column:1/-1}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mobile-japanese{display:none}.print-button{border:1px solid var(--green);color:var(--green);cursor:pointer;background:0 0;margin-left:auto;padding:.55rem .85rem;font-size:.75rem;font-weight:800}.print-button:hover,.print-button:focus-visible{background:var(--green);color:#fff}.age-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.age-grid article{background:var(--white);padding:1.7rem}.age-grid span{color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.age-grid h3,.question-grid h3{margin:1rem 0 .5rem;font-family:Georgia,serif;font-size:1.3rem}.age-grid p,.question-grid p{color:var(--muted);margin:0;font-size:.92rem}.parent-questions{background:#efe5d5;max-width:none;padding-left:max(1.3rem,50vw - 620px + 4rem);padding-right:max(1.3rem,50vw - 620px + 4rem)}.question-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.question-grid article{background:var(--white);border-top:3px solid var(--red);padding:1.5rem}.offline-note{background:var(--green);color:#fff;align-items:flex-start;gap:1.5rem;max-width:1120px;margin:0 auto 6rem;padding:1.4rem 1.6rem;display:flex}.offline-note strong{min-width:180px}.offline-note p{color:#d6e2de;margin:0}.notes-preview{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.notes-preview a{background:var(--white);min-height:230px;padding:1.4rem}.notes-preview a:hover,.notes-grid a:hover{background:#f0e7d8}.notes-preview span,.notes-grid span{color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.notes-preview h3{margin:1.2rem 0 .6rem;font-family:Georgia,serif;font-size:1.25rem;line-height:1.15}.notes-preview p,.notes-grid p{color:var(--muted);font-size:.88rem}.notes-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.notes-grid a{background:var(--white);border:1px solid var(--line);flex-direction:column;min-height:285px;padding:2rem;display:flex}.notes-grid h2{margin:1.6rem 0 .5rem;font-family:Georgia,serif;font-size:1.8rem;line-height:1.1}.notes-grid b{margin-top:auto;font-size:.8rem}.note-article{max-width:1000px}.note-article>section{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:1.5rem;padding:2.4rem 0;display:grid}.note-number{color:var(--red);border-top:2px solid var(--red);padding-top:.6rem;font:700 .8rem Georgia,serif}.note-article h2{margin:0 0 1rem;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08}.note-article p{color:#46544c;font-size:1.04rem}.note-article ul{background:var(--white);border-left:4px solid var(--red);margin:1.2rem 0 0;padding:1.2rem 1.2rem 1.2rem 2.5rem}.note-article li+li{margin-top:.4rem}.note-sources{margin-top:1rem}.note-takeaway{text-align:center;max-width:900px;margin:6rem auto;padding:0 1.3rem}.note-takeaway blockquote{margin:1rem 0 2rem;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.15}.note-takeaway>div{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}@media (max-width:1050px){.notes-preview{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.site-header{align-items:flex-start;height:auto;min-height:78px;padding-top:1rem;padding-bottom:1rem}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:.7rem}.site-header nav a{font-size:.74rem}.brand small{display:none}.promise-strip{justify-content:flex-start;overflow-x:auto}.promise-strip span{white-space:nowrap;padding:1rem 1.3rem}.checklist,.link-list{grid-template-columns:1fr}.checklist li:nth-child(odd),.link-list a:nth-child(odd){border-right:0}.guide-grid,.book-grid,.related-grid,.phrase-grid{grid-template-columns:1fr 1fr}.japanese-feature{grid-template-columns:1fr}.next-panel{flex-direction:column;align-items:flex-start;margin-inline:1.3rem}.usage-note{display:block}.usage-note p{margin-top:.5rem}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap;justify-content:flex-start}.fine-print{grid-column:1}.age-grid,.question-grid{grid-template-columns:1fr 1fr}.mobile-japanese{z-index:70;background:var(--red);color:#fff;border-radius:999px;align-items:center;gap:.45rem;padding:.72rem .9rem;font-family:Georgia,serif;font-weight:700;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 28px #23272047}.mobile-japanese span{font-family:Segoe UI,sans-serif;font-size:.7rem}.offline-note{margin-inline:1.3rem}.notes-preview{grid-template-columns:1fr 1fr}}@media (max-width:560px){.site-header{position:static}.site-header nav{grid-template-columns:1fr 1fr;display:grid}.page-hero{padding-top:3rem}.page-hero h1{font-size:3.3rem}.guide-grid,.book-grid,.related-grid,.phrase-grid,.age-grid,.question-grid,.notes-preview,.notes-grid{grid-template-columns:1fr}.section-heading{gap:.8rem}.print-button{align-self:flex-start;margin-left:0}.phrase-card{min-height:240px}.show-overlay h2{font-size:3.2rem}.offline-note{display:block}.offline-note p{margin-top:.4rem}.note-article>section{grid-template-columns:1fr;gap:.8rem}}@media print{.site-header,footer,.hero-actions,.official,.next-panel,.phrase-controls,.phrase-card button,.emergency-badge,.mobile-japanese,.print-button,.offline-note{display:none!important}body{color:#000;background:#fff}.page-hero{background:#fff;padding:1rem 0}.page-hero:after{display:none}.page-hero h1{font-size:30pt}.section,.section.paper{padding:1rem 0}.checklist{grid-template-columns:1fr}.checklist li:nth-child(odd){border-right:0}.phrase-grid{grid-template-columns:1fr 1fr}.phrase-card{break-inside:avoid;min-height:0;padding:.7rem}.phrase-card h2{font-size:16pt}.phrase-card>div{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}