:root{--g50:#f0faf4;--g100:#d6f0e0;--g200:#a8dfc0;--g300:#6cc89a;--g400:#267c52;--g500:#1d7f52;--g600:#166a44;--g700:#115638;--g800:#0d4129;--warm:#9a651f;--warm-bg:#fdf2dc;--blue:#2b5f86;--blue-bg:#e9f3fa;--rose:#a2453f;--rose-bg:#fbeeed;--text:#1a2e23;--sub:#40584b;--muted:#5f7569;--off:#f6faf7;--border:#d8e9de;--radius:16px;--radius-sm:11px;--shadow:0 3px 16px rgba(20,90,56,.07)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden;font-family:"Noto Sans JP",sans-serif;color:var(--text);background:#fff;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:var(--g600);text-underline-offset:.2em}a:focus-visible,summary:focus-visible{outline:3px solid var(--warm);outline-offset:4px}.skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-150%);background:var(--g800);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{transform:none}.wrap{width:min(100%,600px);margin:auto;padding:0 20px}.topnav{padding-top:20px}.back{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--g700);font:700 13px "BIZ UDPGothic","Noto Sans JP",sans-serif;text-decoration:none}.back:hover{background:var(--g50)}
.hero{position:relative;overflow:hidden;padding:40px 0 50px;text-align:center}.hero:before{content:"";position:absolute;inset:-70px -50px -20px;background:radial-gradient(ellipse 70% 48% at 18% 28%,rgba(168,223,192,.36),transparent 70%),radial-gradient(ellipse 58% 56% at 82% 60%,rgba(108,200,154,.2),transparent 72%),radial-gradient(ellipse 80% 40% at 50% 82%,rgba(214,240,224,.45),transparent 62%)}.hero>*{position:relative}.illustration{width:196px;height:150px;margin:0 auto 22px}.badge,.tag{display:inline-block;border-radius:999px;background:var(--g100);color:var(--g700);font-size:11px;font-weight:700}.badge{padding:6px 16px;margin-bottom:18px;letter-spacing:.08em}.hero h1{margin-bottom:14px;color:var(--g700);font:700 clamp(25px,6.6vw,33px)/1.55 "BIZ UDPGothic","Noto Sans JP",sans-serif}.hero p{color:var(--muted);font-family:"BIZ UDPGothic","Noto Sans JP",sans-serif;line-height:1.8}.divider{width:48px;height:3px;margin:26px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--g400),var(--g200))}
.section{padding:42px 0}.label{margin-bottom:8px;color:var(--g400);font-size:11px;font-weight:700;letter-spacing:.15em}.title{margin-bottom:20px;font:700 21px/1.6 "BIZ UDPGothic","Noto Sans JP",sans-serif}.lead,.body{color:var(--sub);font-size:14.5px;line-height:1.95}.lead{margin-bottom:22px}.body+.body{margin-top:14px}.soft{height:1px;background:linear-gradient(90deg,transparent,var(--g100),transparent)}.ref{color:var(--g700);font-size:.78em;font-weight:700;vertical-align:super;line-height:1}.highlight .ref{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.ref-link{display:inline-block;margin:0 .04em;color:inherit;text-decoration:none;border-bottom:1px dotted currentColor;border-radius:2px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.ref-link:hover,.ref-link:focus-visible{background:var(--g50);color:var(--g800);outline:2px solid transparent;transform:translateY(-1px)}.highlight .ref-link:hover,.highlight .ref-link:focus-visible{background:rgba(255,255,255,.2);color:#fff}.refs li{scroll-margin-top:18vh;transition:background-color .35s ease,box-shadow .35s ease,transform .35s ease}.refs li.ref-target{background:var(--g50);box-shadow:0 0 0 7px var(--g50);transform:translateX(2px)}.doi-link{overflow-wrap:anywhere}h3{font:700 16px/1.6 "BIZ UDPGothic","Noto Sans JP",sans-serif}
.note{margin-top:18px;padding:17px 18px;border-left:4px solid var(--warm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--warm-bg);color:#65451f;font-size:13.5px;line-height:1.85}.note strong{display:block;margin-bottom:4px}
.infobox{margin-top:18px;padding:17px 18px;border-left:4px solid var(--blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--blue-bg);color:#22506f;font-size:13.5px;line-height:1.85}
.todo{margin-top:16px;padding:14px 16px;border:1px dashed var(--warm);border-radius:var(--radius-sm);background:#fffdf7;color:#7a5316;font-size:12.5px;line-height:1.8}
.checks{display:grid;gap:12px;list-style:none}.checks li{display:flex;gap:12px;padding:16px 17px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow);font-size:14px;line-height:1.75}.check{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--g100);color:var(--g600);font-weight:700;font-size:13px}
.intro-box{padding:28px 22px;border-radius:var(--radius);background:var(--off)}
.steps{display:grid;gap:14px;margin-top:6px}.step{padding:18px 18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.step-n{display:inline-grid;place-items:center;width:26px;height:26px;margin-bottom:10px;border-radius:50%;background:var(--g600);color:#fff;font:700 13px "BIZ UDPGothic",sans-serif}.step h3{margin-bottom:8px}.step p{color:var(--sub);font-size:13.8px;line-height:1.9}.step svg{display:block;width:100%;height:auto;margin:12px 0 4px}
.compare{display:grid;gap:13px;margin-top:4px}.col{padding:20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--off)}.col h3{margin-bottom:9px;color:var(--g700)}.col p{color:var(--sub);font-size:13.8px}.col ul{margin:10px 0 0;padding-left:1.1em;color:var(--sub);font-size:13.5px;line-height:1.9}
.modes{display:grid;gap:13px}.mode{display:flex;gap:14px;padding:19px 18px;border:1px solid var(--border);border-radius:var(--radius-sm)}.mode-n{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--g50);color:var(--g600);font:700 15px "BIZ UDPGothic",sans-serif}.mode h3{margin-bottom:5px;font-size:15px}.mode p{color:var(--muted);font-size:13.3px;line-height:1.85}
.bars{margin:14px 0 6px}.bar{margin-bottom:12px}.bar b{display:block;margin-bottom:5px;color:var(--sub);font-size:12.5px;font-weight:700}.track{position:relative;height:26px;border-radius:6px;background:#eef3f0;overflow:hidden}.fill{display:block;height:100%;width:var(--w);border-radius:6px;background:var(--g500);transition:width .9s ease}.fill.alt{background:#93aca0}.bar em{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-style:normal}.axis{color:var(--muted);font-size:11.5px}
.ecard{margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.ecard-head{padding:20px 19px 18px}.ecard .tag{padding:3px 10px;margin-bottom:9px;background:var(--g50);font-size:10.5px}.ecard h3{margin-bottom:6px;color:var(--g700)}.scene{margin-bottom:12px;color:var(--muted);font-size:12.5px;line-height:1.75}.headline{padding:14px 15px;border-radius:var(--radius-sm);background:var(--g50);color:var(--text);font-size:14px;line-height:1.85}.headline strong{color:var(--g600)}.caveat{margin-top:11px;color:var(--muted);font-size:11.8px;line-height:1.75}
details{border-top:1px solid var(--border)}summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 19px;color:var(--g700);font:700 13.5px "BIZ UDPGothic","Noto Sans JP",sans-serif;background:var(--off);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"＋ 開く";flex:none;color:var(--muted);font-size:11.5px;font-weight:700}details[open] summary:after{content:"− 閉じる"}details[open] summary{border-bottom:1px solid var(--border)}.detail{padding:18px 19px 22px}.dl{display:grid;gap:9px;margin-bottom:14px}.dl div{display:grid;grid-template-columns:6.6em 1fr;gap:10px;font-size:13px;line-height:1.8}.dl dt{color:var(--g600);font-weight:700}.dl dd{color:var(--sub)}
.symptom-grid{display:grid;gap:10px;margin-top:6px}.symptom-card{padding:15px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.symptom-card h3{margin-bottom:4px;color:var(--g700);font-size:14px}.symptom-card p{color:var(--sub);font-size:13.2px;line-height:1.85}