@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');

:root{color-scheme:light;--bg:#FBFAF6;--surface:#fff;--text:#302F33;--muted:#6F7075;--border:#E9E6E2;--lavender:#397C99;--lavender-light:#EAF6FA;--mauve:#F2B6CB;--pink:#FDF0F5;--danger:#b05d70;--danger-bg:#fff4f5;--point:#397C99;--point-bg:#EAF6FA;--ok:#397A65;--ok-bg:#ECF8F3}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:22px}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
a{color:#397C99;text-underline-offset:3px}
a:hover{color:#285D75}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}
.top{height:48px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--lavender);display:flex;align-items:center;padding:0 20px;font-size:13px;font-weight:700;letter-spacing:.14em}
.shell{display:block;max-width:1220px;margin:0 auto;padding:0 20px 120px}
.side,.mobile-toc{display:none}
main{min-width:0}
.intro{position:relative;padding:58px 0 42px;border-bottom:1px solid var(--border)}
.hero-eyebrow,.eyebrow{display:block;color:var(--lavender);font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.6}
.intro h1{font-size:clamp(34px,8vw,58px);line-height:1.3;letter-spacing:.035em;margin:12px 0 26px;font-weight:700;color:var(--text)}
.intro p{margin:0 0 12px;line-height:1.85}
.intro .hero-copy p:first-child{font-weight:600}
.reassurance{background:var(--lavender-light);border:1px solid #CDE8F1;border-radius:18px;padding:22px 24px;margin:26px 0 24px;max-width:690px}
.reassurance .eyebrow{margin-bottom:8px}
.reassurance p{font-size:17px;font-weight:600;margin:0}
.hero-after{max-width:690px;color:#5C6266}
.quick-start{padding:36px 0 46px}
.quick-start h2,.toc-section h2{font-size:clamp(22px,5vw,28px);line-height:1.4;margin:6px 0 24px}
.quick-grid{display:grid;gap:11px}
.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 22px;display:flex;align-items:center;gap:18px;box-shadow:0 5px 18px rgba(55,43,66,.025)}
.quick-num{font-size:13px;color:var(--lavender);font-weight:700;letter-spacing:.1em}
.quick-card svg{width:24px;height:24px;stroke:var(--lavender);flex:none}
.quick-card strong{font-size:16px;font-weight:600;color:var(--text)}
.toc-section{padding:38px 0 52px;border-top:1px solid var(--border)}
.toc-grid{display:grid;grid-template-columns:1fr;gap:12px}
.toc-group{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 20px 15px;min-width:0}
.toc-group h3{margin:0 0 11px;color:var(--lavender);font-size:12px;font-weight:700;letter-spacing:.12em}
.toc-group h3 span{display:block;color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500;margin-top:3px}
.toc-group a{display:flex;align-items:center;min-height:44px;border-top:1px solid #F2F0ED;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;gap:11px;line-height:1.4}
.toc-group a:hover,.toc-group a.is-active{color:#397C99}
.toc-number{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--lavender);min-width:23px}
.toc-group a svg{width:15px;height:15px;margin-left:auto;stroke:#8ABDD2}
.chapter{position:relative;margin:0;padding:66px 0 12px;border-top:1px solid var(--border);scroll-margin-top:8px}
.chapter-head{display:flex;align-items:flex-start;gap:17px;margin-bottom:27px}
.chapter-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #CDE8F1;border-radius:14px;background:var(--lavender-light);color:var(--lavender);flex:none}
.chapter-icon svg{width:25px;height:25px}
.chapter-head .eyebrow{margin:0 0 6px}
.chapter h2{margin:0;color:var(--text);font-size:clamp(23px,5vw,28px);font-weight:700;line-height:1.45;letter-spacing:.015em}
.chapter-body{max-width:760px}
.chapter-body p{margin:0 0 12px;overflow-wrap:anywhere}
.chapter-body strong{color:#302F33;font-weight:700}
.chapter-body a{font-weight:600}
.minor-heading{font-size:18px;font-weight:600;padding:22px 0 0;color:var(--text)}
.bullet{position:relative;padding-left:1.3em;text-indent:-1.3em;margin-bottom:3px!important}
.check{margin:0!important}
.check label{display:flex;align-items:flex-start;gap:12px;min-height:45px;padding:9px 1px;cursor:pointer;line-height:1.65}
.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--ok);cursor:pointer}
.check input:checked+span{text-decoration:line-through;color:var(--muted)}
.check-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px 18px;margin:13px 0 23px}
.check-list .check:not(:last-child){border-bottom:1px solid #F2F0ED}
.callout{border:1px solid;border-radius:14px;padding:15px 18px;margin:19px 0 22px;max-width:760px}
.callout .eyebrow{font-size:12px;margin-bottom:6px}
.callout p{margin:0}
.callout.point{background:var(--point-bg);border-color:#CDE8F1}
.callout.point .eyebrow{color:var(--point)}
.callout.important{background:var(--danger-bg);border-color:#efced6}
.callout.important .eyebrow{color:#a85469}
.callout.ok{background:var(--ok-bg);border-color:#d9eee4}
.callout.ok .eyebrow{color:var(--ok)}
.media{margin:20px 0 30px;max-width:100%}
.media img,.media video{display:block;width:100%;max-width:100%;height:auto;background:white;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 25px rgba(59,45,70,.07)}
.media.portrait{max-width:430px}.media.small{max-width:300px}.media video{max-width:620px}
.media figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin:11px 2px 0}
.media figcaption .eyebrow{font-size:11px;margin-bottom:3px}
.photo-pair{display:grid;grid-template-columns:1fr;gap:6px;max-width:760px}
.photo-pair .media{margin:12px 0 18px}
.photo-pair img{aspect-ratio:4/4.7;object-fit:cover}
.definition-cards{display:grid;grid-template-columns:1fr;gap:11px;margin:20px 0 27px;max-width:760px}
.definition-card{border-radius:14px;padding:18px 20px;background:var(--lavender-light);border:1px solid #CDE8F1}
.definition-card:nth-child(2){background:var(--pink);border-color:#F2DCE6}
.definition-card .eyebrow{font-size:11px;margin-bottom:6px}
.definition-card strong{font-size:18px;color:var(--text)}
.steps{counter-reset:step;display:grid;gap:0;margin:20px 0 28px;padding:0;list-style:none;max-width:700px}
.steps li{position:relative;display:flex;gap:14px;align-items:flex-start;min-height:62px;padding:0 0 20px}
.steps li:not(:last-child):before{content:"";position:absolute;left:18px;top:35px;bottom:0;width:1px;background:#CDE8F1}
.step-marker{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #BFE2EE;background:var(--lavender-light);color:#397C99;font-size:12px;font-weight:700;flex:none;z-index:1}
.step-text{padding:5px 0 0;font-weight:600;line-height:1.6}
.step-label{display:block;font-size:11px;letter-spacing:.12em;color:var(--lavender);font-weight:700;margin-bottom:2px}
.step-lead{font-size:18px;font-weight:700;margin:30px 0 12px}
.report-step{background:var(--point-bg);border:1px solid #CDE8F1;border-radius:14px;padding:16px 19px;margin:18px 0 20px}
.report-step .eyebrow{margin-bottom:8px}
.report-step p{margin:0 0 5px}
.report-step p:nth-of-type(2){font-weight:700;color:#397C99;font-size:18px}
.send-title{font-size:19px;font-weight:700;margin-top:32px!important}
.send-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:18px 20px;margin:13px 0}
.send-card .send-number{color:var(--lavender);font-size:12px;font-weight:700;letter-spacing:.1em}
.send-card>p:first-of-type{font-weight:700;margin:4px 0 6px}
.send-card>p{margin-bottom:8px}
.send-card .photo-pair{margin-top:12px}
.send-card .media{margin-bottom:0}
.checkout-groups{display:grid;gap:12px;margin:20px 0 28px;max-width:760px}
.checkout-group{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.checkout-group summary{list-style:none;display:flex;align-items:center;gap:11px;min-height:57px;padding:12px 17px;cursor:pointer;font-weight:700}
.checkout-group summary::-webkit-details-marker{display:none}
.checkout-group summary svg{width:20px;height:20px;stroke:var(--lavender);flex:none}
.checkout-group .count{margin-left:auto;color:var(--muted);font-weight:500;font-size:13px}
.checkout-group .chevron{width:16px;height:16px;stroke:var(--muted);transition:transform .2s}
.checkout-group[open] .chevron{transform:rotate(180deg)}
.checkout-group .items{border-top:1px solid var(--border);padding:6px 17px 10px}
.checkout-group .check:not(:last-child){border-bottom:1px solid #F2F0ED}
.handoff-sheet{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0 25px;max-width:760px;box-shadow:0 9px 24px rgba(59,45,70,.04)}
.handoff-sheet>.minor-heading{padding:0 0 12px;margin:0;border-bottom:1px solid var(--border)}
.handoff-block{padding:14px 0;border-bottom:1px solid var(--border)}
.handoff-block:last-of-type{border-bottom:0}
.handoff-block .minor-heading{padding:0;margin-bottom:7px;font-size:17px}
.handoff-block p{margin-bottom:5px}
.handoff-sheet .check label{min-height:36px;padding:4px 0}
.handoff-note{color:var(--muted);font-size:14px;margin:12px 0 0!important}
.completion{background:var(--lavender-light);border:1px solid #CDE8F1;border-radius:18px;padding:28px 23px;margin:54px 0 0;max-width:760px}
.completion h2{font-size:25px;margin:8px 0 14px}
.completion p{margin:0 0 8px}
.copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 10px}
.copy-message{display:inline-block;background:white;border:1px solid #CDE8F1;border-radius:10px;padding:9px 13px;font-weight:700}
.copy-button{border:0;background:#41454b;color:white;font-size:14px;font-weight:700;border-radius:10px;padding:10px 16px;min-height:44px;cursor:pointer}
.copy-button:hover{background:#302F33}
.footer{font-size:13px;color:var(--muted);margin-top:40px}
.mobile-jump{position:fixed;bottom:14px;left:14px;right:14px;z-index:20;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 8px 26px rgba(49,38,62,.17);border:1px solid var(--border);border-radius:14px;padding:7px 8px 7px 15px;max-width:500px;margin:auto}
.mobile-jump .current{min-width:0;flex:1;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-jump .current strong{color:var(--text)}
.mobile-jump button{background:#41454b;color:white;border:0;border-radius:9px;padding:8px 14px;min-height:40px;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap}
@media(min-width:620px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-card{display:block;min-height:132px}.quick-card svg{display:block;margin:10px 0}.toc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.definition-cards,.photo-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:920px){.top{padding-left:max(32px,calc((100vw - 1220px)/2))}.shell{display:grid;grid-template-columns:242px minmax(0,1fr);gap:50px;padding:0 30px 120px}.side{display:block;position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto;padding:37px 0 10px}.side-label{margin:0 0 14px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.16em}.side .nav{display:block}.side-group{margin-bottom:17px}.side-group-title{font-size:11px;color:var(--lavender);font-weight:700;letter-spacing:.12em;margin:0 0 4px}.side .nav a{display:block;padding:5px 9px;border-left:2px solid transparent;text-decoration:none;color:#64676D;font-size:13px;line-height:1.5}.side .nav a:hover,.side .nav a.is-active{border-left-color:var(--lavender);background:var(--lavender-light);color:#397C99;border-radius:0 7px 7px 0}.intro{padding-top:76px}.chapter{padding-top:90px}.chapter-head{margin-bottom:34px}.toc-section{padding-bottom:65px}.mobile-jump{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.checkout-group .chevron{transition:none}}

/* Brand palette: mostly ivory and white, with small functional color accents. */
:root{--blue-light:#EAF6FA;--blue:#A9D9ED;--blue-dark:#397C99;--pink-light:#FDF0F5;--pink:#F2B6CB;--pink-dark:#B95F80;--yellow-light:#FFF8DF;--yellow:#FFE18A;--yellow-dark:#9A7620;--mint-light:#ECF8F3;--mint:#A8E2CC;--mint-dark:#397A65}
body{background:#FBFAF6}
.top{background:#fff;color:var(--blue-dark)}
.intro{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fffdf8 0%,#fff 62%,#fffef8 100%);border-radius:0 0 26px 26px;padding-left:clamp(0px,3vw,28px);padding-right:clamp(0px,3vw,28px)}
.intro>*{position:relative;z-index:1}
.intro h1{color:#302F33;margin-bottom:10px}
.hero-tagline{font-size:clamp(17px,2vw,19px);font-weight:600;color:var(--blue-dark);margin-bottom:28px!important}
.reassurance{background:var(--mint-light);border-color:#D3EDE2}
.reassurance .eyebrow{color:var(--mint-dark)}
.quick-card{background:#fff}
.quick-card:nth-child(2) .quick-num,.quick-card:nth-child(2) svg{color:var(--blue-dark);stroke:var(--blue-dark)}
.quick-card:nth-child(3) .quick-num,.quick-card:nth-child(3) svg{color:var(--pink-dark);stroke:var(--pink-dark)}
.chapter-icon{position:relative;border-color:var(--blue);background:var(--blue-light);color:var(--blue-dark)}
.chapter-icon svg{position:relative;z-index:1}
.chapter-head .eyebrow{color:var(--blue-dark)}
.callout.point{background:var(--blue-light);border-color:#CDE8F1}
.callout.point .eyebrow{color:var(--blue-dark)}
.callout.notice{background:var(--yellow-light);border-color:#F2E6B7}
.callout.notice .eyebrow{color:var(--yellow-dark)}
.callout.important{background:#FFF2F2;border-color:#EDC7CB}
.callout.important .eyebrow{color:#A44050}
.check input{accent-color:var(--mint-dark)}
.check input:checked+span{color:var(--mint-dark)}
.definition-card,.definition-card:nth-child(2){background:#fff;border:1px solid #E9E6E2;border-left:4px solid var(--blue)}
.definition-card:nth-child(2){border-left-color:var(--pink)}
.definition-card:nth-child(2) .eyebrow{color:var(--pink-dark)}
.steps li:not(:last-child):before{background:#CDE8F1}
.step-marker{border-color:var(--blue);background:var(--blue-light);color:var(--blue-dark)}
.report-step{background:var(--pink-light);border-color:#F2DCE6}
.report-step .eyebrow,.report-step p:nth-of-type(2){color:var(--pink-dark)}
.completion{position:relative;overflow:hidden;background:var(--mint-light);border-color:#D3EDE2}
.completion>*{position:relative;z-index:1}
.completion .eyebrow{color:var(--mint-dark)}
.copy-button,.mobile-jump button{background:var(--blue-dark)}
.copy-button:hover,.mobile-jump button:hover{background:#285D75}
@media(max-width:619px){.intro h1{font-size:clamp(28px,7.7vw,31px);letter-spacing:0;text-wrap:balance}.hero-tagline{max-width:260px}}