:root{--navy-900: #0b2a5b;--navy-800: #12346e;--blue-700: #1e40af;--blue-600: #1d4ed8;--blue-500: #2563eb;--blue-200: #bfdbfe;--blue-100: #dbeafe;--blue-50: #eff6ff;--sky-300: #7dd3fc;--sky-100: #e0f2fe;--ink: #0f172a;--text: #1e293b;--muted: #475569;--rule: #e2e8f0;--bg: #ffffff;--bg-soft: #f6f9ff;--amber-700: #b45309;--amber-500: #f59e0b;--amber-100: #fef3c7;--amber-50: #fffbeb;--green-600: #15803d;--green-50: #f0fdf4;--red-600: #dc2626;--red-50: #fef2f2;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06);--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--header-h: 68px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;overflow-x:hidden}img,svg{max-width:100%;display:block}.cover-svg{width:100%;height:100%}a{color:var(--blue-600);text-underline-offset:3px}a:hover{color:var(--blue-700)}h1,h2,h3,h4{color:var(--ink);font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(32px,5.5vw,56px)}h2{font-size:clamp(26px,3.6vw,38px)}h3{font-size:clamp(20px,2.4vw,24px)}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--sky-300);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}.section{padding:clamp(48px,8vw,96px) 0}.section-soft{background:var(--bg-soft)}.section-head{max-width:680px;margin-bottom:36px}.section-head p{color:var(--muted);font-size:18px}.eyebrow{display:inline-block;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-600);margin:0 0 12px}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;border:1.5px solid transparent;font:600 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue-600);color:#fff}.btn-primary:hover{background:var(--blue-700);color:#fff}.btn-light{background:#fff;color:var(--navy-900)}.btn-light:hover{background:var(--blue-50);color:var(--navy-900)}.btn-outline{background:transparent;border-color:var(--blue-200);color:var(--blue-700)}.btn-outline:hover{border-color:var(--blue-600);color:var(--blue-700)}.btn-ghost-light{background:transparent;border-color:#fff6;color:#fff}.btn-ghost-light:hover{border-color:#fff;color:#fff}.btn-lg{min-height:54px;padding:14px 28px;font-size:17px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.ruo-bar{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--amber-100);color:#78350f;font-size:13.5px;font-weight:500;padding:8px 16px;text-align:center;border-bottom:1px solid #fde68a}.ruo-bar-badge{flex:none;background:var(--amber-500);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 7px;border-radius:4px}.ruo-notice{display:flex;gap:16px;align-items:flex-start;background:var(--amber-50);border:1.5px solid #fcd34d;border-left:6px solid var(--amber-500);border-radius:var(--radius);padding:20px 22px;margin:32px 0;color:#78350f}.ruo-icon{flex:none;width:34px;height:34px;color:var(--amber-700)}.ruo-notice-title{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px;margin:2px 0 4px;color:#78350f}.ruo-notice-text{margin:0;font-size:15.5px;line-height:1.55}.ruo-notice-compact{padding:14px 16px;margin:20px 0}.ruo-notice-compact .ruo-icon{width:26px;height:26px}.site-header{position:sticky;top:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--rule)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy-900);font-weight:700;font-size:18px;letter-spacing:-.01em;white-space:nowrap}.brand:hover{color:var(--navy-900)}.logo-mark{flex:none}.nav-desktop{display:flex;gap:4px}.nav-desktop a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:15px;font-weight:500}.nav-desktop a:hover{color:var(--navy-900);background:var(--blue-50)}.nav-desktop a.active{color:var(--blue-700);background:var(--blue-50)}.menu-toggle{display:none;width:48px;height:48px;border:0;background:transparent;border-radius:12px;cursor:pointer;padding:12px;flex-direction:column;justify-content:space-between}.menu-toggle span{display:block;height:2px;background:var(--navy-900);border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle{justify-content:center;gap:6px}.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{display:none}.hero{background:radial-gradient(1200px 500px at 85% -10%,#2b5fd6 0%,transparent 60%),linear-gradient(160deg,var(--navy-900),var(--navy-800));color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:clamp(48px,8vw,104px)}.hero h1{color:#fff;margin-bottom:20px}.hero .eyebrow{color:var(--sky-300)}.hero-lead{font-size:clamp(17px,2vw,20px);color:#d6e4ff;max-width:34ch;margin-bottom:28px}.hero-art{width:100%;max-width:460px;justify-self:end}.hero-points{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;padding:0;list-style:none;font-size:14.5px;color:#c7d7f5}.hero-points li:before{content:"✓";color:var(--sky-300);font-weight:700;margin-right:6px}.page-hero{background:linear-gradient(180deg,var(--blue-50),#fff);border-bottom:1px solid var(--rule);padding:clamp(40px,7vw,80px) 0 clamp(32px,5vw,56px)}.page-hero p{font-size:clamp(17px,2vw,19px);color:var(--muted);max-width:60ch;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border:1px solid var(--rule);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.step-num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);font-weight:700;margin-bottom:14px}.card h3{margin-bottom:8px}.card p{color:var(--muted);margin:0;font-size:16px}.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.article-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0f172a0f,0 16px 32px #0f172a1a;color:inherit}.article-card-cover{aspect-ratio:16 / 9;background:var(--blue-50)}.article-card-cover svg{width:100%;height:100%}.article-card-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.article-card h3{font-size:21px;margin-bottom:8px}.article-card p{color:var(--muted);font-size:15.5px;margin:0 0 16px}.article-card .meta{margin-top:auto;font-size:13.5px;color:var(--muted)}.tag{display:inline-block;font-size:12px;font-weight:600;color:var(--blue-700);background:var(--blue-50);border-radius:999px;padding:3px 10px;margin-bottom:10px;align-self:flex-start}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.article-head{padding:clamp(32px,6vw,64px) 0 24px}.article-head .dek{font-size:clamp(18px,2.2vw,21px);color:var(--muted);margin-bottom:16px}.article-meta{font-size:14px;color:var(--muted)}.article-cover{border-radius:var(--radius);overflow:hidden;margin:8px 0;aspect-ratio:16 / 8;background:var(--blue-50)}.article-cover svg{width:100%;height:100%}.article-body{font-size:18px}.article-body h2{font-size:clamp(24px,3vw,30px);margin:44px 0 12px}.article-body ul{padding-left:22px}.article-body li{margin-bottom:8px}.note{font-size:15px;color:var(--muted);border-left:3px solid var(--blue-200);padding:4px 0 4px 16px;margin-top:32px}.key-point{background:var(--blue-50);border-radius:var(--radius);padding:18px 20px;margin:28px 0;border:1px solid var(--blue-100)}.key-point strong{display:block;color:var(--blue-700);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.key-point p{margin:0;color:var(--ink)}.figure{margin:32px 0}.figure-box{background:var(--bg-soft);border:1px solid var(--rule);border-radius:var(--radius);padding:clamp(14px,3vw,28px)}.figure-box ul{padding-left:0}.figure-box li{margin-bottom:0}.figure figcaption{font-size:14.5px;color:var(--muted);margin-top:10px}.toc{display:none}.more-reading{padding-bottom:72px}.ruo-diagram{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ruo-col{border-radius:var(--radius-sm);padding:18px;background:#fff;border:1px solid var(--rule)}.ruo-col h4{font-family:var(--sans);font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.ruo-col ul{list-style:none;margin:0;padding:0;font-size:15.5px}.ruo-col li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--rule)}.ruo-col li:first-child{border-top:0}.ruo-yes h4{color:var(--green-600)}.ruo-no h4{color:var(--red-600)}.mark{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.mark-yes{background:var(--green-600)}.mark-no{background:var(--red-600)}.coa-anatomy{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.coa-doc{position:relative;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:22px;box-shadow:var(--shadow);font-size:13.5px}.coa-doc-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy-900);padding-bottom:10px;margin-bottom:12px}.coa-doc-head strong{font-family:var(--serif);font-size:18px;color:var(--navy-900)}.coa-row{position:relative;display:flex;justify-content:space-between;gap:12px;padding:9px 10px 9px 40px;border-radius:8px;border:1.5px solid transparent;transition:background .15s,border-color .15s}.coa-row span:first-child{color:var(--muted)}.coa-row span:last-child{font-weight:600;color:var(--ink);text-align:right}.coa-row.is-active{background:var(--blue-50);border-color:var(--blue-500)}.coa-pin{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:0;background:var(--blue-600);color:#fff;font:700 12px/24px var(--sans);cursor:pointer;padding:0}.coa-row.is-active .coa-pin{background:var(--navy-900);box-shadow:0 0 0 4px var(--blue-200)}.coa-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.coa-list button{width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}.coa-list button:hover{border-color:var(--blue-200)}.coa-list button.is-active{border-color:var(--blue-600);background:var(--blue-50)}.coa-list .n{flex:none;width:24px;height:24px;border-radius:50%;background:var(--blue-600);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:2px}.coa-list strong{display:block;font-size:15.5px;color:var(--ink)}.coa-list small{display:block;font-size:14.5px;color:var(--muted);line-height:1.5;margin-top:2px}.coa-hint{font-size:13.5px;color:var(--muted);margin-top:10px}.storage-scale{display:grid;gap:12px}.storage-band{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--rule);padding:14px 16px}.storage-temp{font-weight:700;font-size:18px;color:#fff;border-radius:10px;text-align:center;padding:10px 4px}.storage-band strong{display:block;color:var(--ink);font-size:15.5px}.storage-band span{color:var(--muted);font-size:14.5px}.flow{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;margin-top:18px}.flow-step{flex:1 1 140px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:12px;font-size:14.5px;position:relative}.flow-step b{display:block;color:var(--blue-700);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.checklist label{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius-sm);padding:14px 16px;cursor:pointer;font-size:16px;transition:border-color .15s,background .15s}.checklist input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--blue-600);flex:none}.checklist label.is-checked{border-color:var(--blue-600);background:var(--blue-50)}.score{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.score-bar{flex:1 1 200px;height:10px;background:var(--blue-100);border-radius:99px;overflow:hidden}.score-bar span{display:block;height:100%;background:var(--blue-600);border-radius:99px;transition:width .3s}.score-text{font-weight:600;color:var(--ink);font-size:15px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-col{background:#fff;border-radius:var(--radius-sm);border:1px solid var(--rule);padding:18px}.compare-col h4{font-family:var(--sans);font-size:16px;margin-bottom:4px}.compare-q{color:var(--blue-700);font-weight:600;font-size:15px;margin-bottom:10px}.compare-col p{font-size:14.5px;color:var(--muted);margin:10px 0 0}.check{border:1.5px solid var(--blue-200);border-radius:var(--radius);padding:clamp(18px,3vw,28px);margin:48px 0 0;background:#fff}.check-label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-600);margin-bottom:6px}.check h3{font-family:var(--sans);font-size:19px;font-weight:600;margin-bottom:16px}.check-options{display:grid;gap:10px}.check-options button{text-align:left;min-height:52px;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--rule);background:#fff;font:500 16px/1.4 var(--sans);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.check-options button:hover:not([disabled]){border-color:var(--blue-500)}.check-options button.is-right{border-color:var(--green-600);background:var(--green-50)}.check-options button.is-wrong{border-color:var(--red-600);background:var(--red-50)}.check-options button[disabled]{cursor:default}.check-result{margin-top:16px;font-size:16px}.check-result strong{color:var(--ink)}.cta{margin:56px 0}.cta-inner{background:linear-gradient(150deg,var(--navy-900),var(--blue-700));color:#fff;border-radius:calc(var(--radius) + 6px);padding:clamp(28px,5vw,48px)}.cta-label{color:var(--sky-300);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.cta-title{color:#fff;font-size:clamp(24px,3.4vw,34px);margin-bottom:12px}.cta-text{color:#d6e4ff;font-size:17px;max-width:56ch;margin-bottom:24px}.cta .btn-primary{background:#fff;color:var(--navy-900)}.cta .btn-primary:hover{background:var(--blue-50);color:var(--navy-900)}.cta-note{font-size:13.5px;color:#a9c2ee;margin:16px 0 0}.finder{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,64px) 0 80px}.finder-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px}.finder-progress-bar{flex:1;height:8px;background:var(--blue-100);border-radius:99px;overflow:hidden}.finder-progress-bar span{display:block;height:100%;background:var(--blue-600);border-radius:99px;transition:width .3s ease}.finder-progress-text{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}.finder-q{font-size:clamp(24px,4vw,34px);margin-bottom:8px}.finder-sub{color:var(--muted);margin-bottom:24px}.finder-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finder-option{display:flex;gap:14px;align-items:flex-start;text-align:left;min-height:76px;padding:16px 18px;border-radius:var(--radius);border:1.5px solid var(--rule);background:#fff;cursor:pointer;font:inherit;color:inherit;box-shadow:var(--shadow);transition:border-color .15s,background .15s,transform .15s}.finder-option:hover{border-color:var(--blue-500);transform:translateY(-1px)}.finder-option.is-selected{border-color:var(--blue-600);background:var(--blue-50)}.finder-option-icon{flex:none;width:40px;height:40px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center}.finder-option-icon svg{width:22px;height:22px}.finder-option strong{display:block;font-size:16.5px;color:var(--ink);line-height:1.3}.finder-option small{display:block;font-size:14px;color:var(--muted);line-height:1.45;margin-top:3px}.finder-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.link-btn{background:none;border:0;padding:10px 4px;font:600 15px var(--sans);color:var(--muted);cursor:pointer}.link-btn:hover{color:var(--blue-700)}.confirm-box{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;cursor:pointer;font-size:16px}.confirm-box input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--blue-600);flex:none}.confirm-box.is-checked{border-color:var(--blue-600);background:var(--blue-50)}.result-card{border-radius:calc(var(--radius) + 6px);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--rule)}.result-top{background:linear-gradient(150deg,var(--navy-900),var(--blue-700));color:#fff;padding:clamp(24px,5vw,40px)}.result-top h2{color:#fff}.result-top p{color:#d6e4ff;margin-bottom:24px;font-size:17px}.result-top .btn-primary{background:#fff;color:var(--navy-900)}.result-top .btn-primary:hover{background:var(--blue-50);color:var(--navy-900)}.result-bottom{padding:clamp(20px,4vw,32px);background:#fff}.result-bottom h3{font-family:var(--sans);font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.result-links{display:grid;gap:10px}.result-link{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--rule);text-decoration:none;color:var(--ink);font-weight:600;min-height:52px}.result-link:hover{border-color:var(--blue-500);color:var(--blue-700)}.result-link small{display:block;font-weight:400;color:var(--muted);font-size:14px}.summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.summary-chips span{background:#ffffff24;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:4px 12px;font-size:13.5px}.faq-list{display:grid;gap:12px}.faq-item{border:1.5px solid var(--rule);border-radius:var(--radius);background:#fff;overflow:hidden}.faq-item[open]{border-color:var(--blue-200)}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600;color:var(--ink);font-size:17px;min-height:60px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;font-size:20px;font-weight:500;transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-answer{padding:0 20px 20px;color:var(--muted);font-size:16.5px}.faq-answer p:last-child{margin-bottom:0}.faq-group-title{font-family:var(--sans);font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue-600);margin:40px 0 14px}.form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:600;font-size:15px;margin-bottom:6px;color:var(--ink)}.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #cbd5e1;border-radius:var(--radius-sm);font:16px/1.4 var(--sans);color:var(--ink);background:#fff}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 4px var(--blue-100)}.form-msg{border-radius:var(--radius-sm);padding:14px 16px;font-size:15.5px}.form-msg-ok{background:var(--green-50);color:var(--green-600);border:1px solid #bbf7d0}.form-msg-err{background:var(--red-50);color:var(--red-600);border:1px solid #fecaca}.hp{position:absolute;left:-9999px}.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:start}.side-card{background:var(--bg-soft);border:1px solid var(--rule);border-radius:var(--radius);padding:22px;margin-bottom:16px}.side-card h3{font-family:var(--sans);font-size:17px}.side-card p{font-size:15.5px;color:var(--muted)}.side-card p:last-child{margin-bottom:0}.prose{padding-top:clamp(32px,6vw,64px);padding-bottom:80px;font-size:17px}.prose h2{font-size:clamp(22px,3vw,26px);margin:36px 0 10px}.prose ul{padding-left:22px}.placeholder{background:var(--amber-100);padding:1px 6px;border-radius:4px;font-weight:600;color:#78350f}.dl{display:grid;grid-template-columns:200px 1fr;gap:8px 20px;margin:0}.dl dt{font-weight:600;color:var(--ink)}.dl dd{margin:0}.site-footer{background:var(--navy-900);color:#c7d7f5;padding:56px 0 28px;margin-top:0;font-size:15px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer-small{font-size:13.5px;color:#8fa9d8}.brand-footer{color:#fff;margin-bottom:14px}.brand-footer:hover{color:#fff}.footer-text{max-width:46ch;color:#a9c2ee}.footer-head{color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:4px}.footer-links a{color:#c7d7f5;text-decoration:none;display:inline-block;padding:4px 0}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-ruo{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#fde68a}.footer-ruo strong{color:#fcd34d}.footer-bottom{margin-top:16px;font-size:13.5px;color:#8fa9d8}@media (max-width: 1120px){.nav-desktop{display:none}.menu-toggle{display:flex}.nav-mobile{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;height:calc(100vh - var(--header-h));height:calc(100dvh - var(--header-h));background:#fff;padding:12px 24px 32px;gap:2px;overflow-y:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;border-top:1px solid var(--rule)}.nav-mobile.is-open{opacity:1;transform:none;visibility:visible}.nav-mobile a{display:flex;align-items:center;min-height:56px;padding:0 8px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);font-size:19px;font-weight:600}.nav-mobile a.active{color:var(--blue-600)}.nav-mobile-note{margin-top:20px;font-size:14px;color:#78350f;background:var(--amber-100);border-radius:var(--radius-sm);padding:12px 14px}}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:24px}.hero-art{justify-self:center;max-width:360px;order:-1}.grid-3{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:28px}.coa-anatomy,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid>div:first-child{grid-column:1 / -1}}@media (max-width: 640px){body{font-size:16px}.wrap{padding:0 16px}:root{--header-h: 60px}.brand{font-size:16px}.logo-mark{width:28px;height:28px}.ruo-bar{font-size:12.5px;padding:7px 12px}.hero-art{display:none}.hero .btn-row .btn{flex:1 1 100%}.grid-3,.grid-2{grid-template-columns:1fr}.article-body{font-size:17px}.article-cover{aspect-ratio:16 / 10;border-radius:var(--radius-sm)}.ruo-notice{padding:16px;gap:12px}.ruo-diagram,.compare{grid-template-columns:1fr}.storage-band{grid-template-columns:78px 1fr}.finder-options{grid-template-columns:1fr}.finder-nav .btn{flex:1}.cta .btn,.result-top .btn{width:100%}.form-row{grid-template-columns:1fr}.dl{grid-template-columns:1fr;gap:2px}.dl dd{margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.faq-item summary{font-size:16px;padding:16px}.faq-answer{padding:0 16px 16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.header-actions{display:flex;align-items:center;gap:6px}.btn-sub{min-height:42px;padding:8px 16px;font-size:15px}.btn-sub svg{width:18px;height:18px}.dd{position:relative}.dd-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:0;background:transparent;font:500 15px var(--sans);color:var(--muted);cursor:pointer}.nav-highlight{background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:var(--blue-700)!important;font-weight:700!important;box-shadow:inset 0 0 0 1.5px var(--blue-200)}.nav-highlight:hover,.nav-highlight.active{box-shadow:inset 0 0 0 1.5px var(--blue-500)}.spark{color:var(--amber-500);font-size:13px}.dd-caret{width:12px;height:12px;transition:transform .15s}.dd-toggle[aria-expanded=true] .dd-caret{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-6px);width:340px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 20px 48px #0f172a29;padding:8px;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;z-index:60}.dd-menu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.dd-menu.is-open{opacity:1;visibility:visible;transform:translate(-50%)}.dd-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--ink)}.dd-item:hover{background:var(--blue-50);color:var(--ink)}.dd-icon{flex:none;width:36px;height:36px;border-radius:10px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center}.dd-icon svg{width:20px;height:20px}.dd-item strong{display:block;font-size:15px}.dd-item small{display:block;font-size:13px;color:var(--muted);line-height:1.4}.dd-all{display:block;text-align:center;padding:10px;font-size:14px;font-weight:600;text-decoration:none;border-top:1px solid var(--rule);margin-top:4px}.nav-mobile-group{border-bottom:1px solid var(--rule);padding-bottom:8px}.nav-mobile .nav-mobile-quiz{color:var(--blue-700);border-bottom:0}.nav-mobile .nav-mobile-sub{min-height:46px;padding-left:28px;font-size:16.5px;font-weight:500;color:var(--muted);border-bottom:0}.nav-mobile .nav-mobile-cta{margin-top:20px;border-bottom:0;color:#fff;justify-content:center;font-size:16px;text-align:center}.sub{display:grid;gap:14px}.sub-head h3{margin-bottom:4px}.sub-head p{color:var(--muted);margin:0}.sub-row{display:flex;gap:10px}.sub-input{flex:1;min-width:0;min-height:52px;padding:12px 16px;border:1.5px solid #cbd5e1;border-radius:999px;font:16px var(--sans);color:var(--ink);background:#fff}.sub-input:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 4px var(--blue-100)}.sub-btn{min-height:52px;flex:none}.sub-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--muted);cursor:pointer}.sub-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue-600);flex:none}.sub-error{margin:0;color:var(--red-600);font-size:14.5px;font-weight:500}.sub-interests{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-interests legend{font-weight:600;font-size:15px;color:var(--ink);margin-bottom:8px;padding:0}.sub-interests label{display:flex;gap:10px;align-items:center;border:1.5px solid var(--rule);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;font-size:15px;background:#fff}.sub-interests label.is-checked{border-color:var(--blue-600);background:var(--blue-50)}.sub-interests input{width:20px;height:20px;margin:0;accent-color:var(--blue-600);flex:none}.sub-card{background:var(--blue-50);border:1.5px solid var(--blue-200);border-radius:var(--radius);padding:clamp(20px,3vw,28px);margin:40px 0}.sub-full{background:#fff;border:1px solid var(--rule);border-radius:calc(var(--radius) + 6px);padding:clamp(20px,4vw,36px);box-shadow:0 24px 60px #0b2a5b2e;color:var(--text)}.sub-done{text-align:left}.sub-done h3{margin:0}.sub-done p{margin:0;color:var(--muted)}.sub-done .btn{justify-self:start}.sub-done-icon{width:44px;height:44px;border-radius:50%;background:var(--green-600);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}.sub-band{background:linear-gradient(150deg,var(--blue-700),var(--navy-900));color:#fff;padding:clamp(40px,7vw,72px) 0}.sub-band-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.sub-band h2{color:#fff}.sub-band p{color:#d6e4ff}.sub-band .eyebrow{color:var(--sky-300)}.sub-band .sub-consent{color:#c7d7f5}.sub-band .sub-consent a{color:#fff}.sub-band .sub-input{border-color:transparent}.sub-band .sub-btn{background:var(--amber-500);color:var(--navy-900)}.sub-band .sub-btn:hover{background:#fbbf24;color:var(--navy-900)}.sub-band .sub-error{color:#fecaca}.sub-band .sub-done h3{color:#fff}.sub-band .sub-done p{color:#d6e4ff}.sub-band .sub-done .btn{background:#fff;color:var(--navy-900)}.sub-hero{background:radial-gradient(900px 420px at 90% 0%,#2b5fd6 0%,transparent 60%),linear-gradient(160deg,var(--navy-900),var(--navy-800));color:#fff}.sub-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:clamp(40px,7vw,88px)}.sub-hero h1{color:#fff}.sub-hero .eyebrow{color:var(--sky-300)}.sub-lead{color:#d6e4ff;font-size:clamp(17px,2vw,20px);max-width:40ch}.sub-perks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}.sub-perks li{display:flex;gap:14px;align-items:flex-start}.sub-perks .perk-icon{flex:none;width:40px;height:40px;border-radius:12px;background:#ffffff1f;color:var(--sky-300);display:grid;place-items:center}.sub-perks .perk-icon svg{width:20px;height:20px}.sub-perks strong{display:block;color:#fff}.sub-perks span{color:#c7d7f5;font-size:15px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#fff;border:1px solid var(--rule);border-radius:var(--radius);padding:20px;text-align:center;box-shadow:var(--shadow)}.stat b{display:block;font-family:var(--serif);font-size:34px;color:var(--blue-700);line-height:1.1}.stat span{font-size:14.5px;color:var(--muted)}.home-sub{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background:var(--blue-50);border:1.5px solid var(--blue-200);border-radius:calc(var(--radius) + 6px);padding:clamp(22px,4vw,40px)}.home-sub h2{margin-bottom:8px}.home-sub p{color:var(--muted);margin:0}.plinks{margin:48px 0}.plinks-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.plinks-head h2{margin:0;font-size:clamp(22px,3vw,28px)}.plinks-tag{font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--rule);border-radius:999px;padding:2px 10px}.plinks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plink{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1.5px solid var(--rule);background:#fff;text-decoration:none;color:var(--ink);min-height:72px;transition:border-color .15s,transform .15s}.plink:hover{border-color:var(--blue-500);color:var(--ink);transform:translateY(-1px)}.plink-icon{flex:none;width:40px;height:40px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center}.plink-icon svg{width:20px;height:20px}.plink strong{display:block;font-size:15.5px}.plink small{display:block;font-size:13.5px;color:var(--muted)}.plink-arrow{margin-left:auto;color:var(--blue-600);font-weight:700}.plinks-compact .plinks-grid{grid-template-columns:repeat(2,1fr)}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1.5px solid var(--blue-200);border-left:5px solid var(--blue-600);border-radius:var(--radius-sm);padding:16px 18px;margin:32px 0}.inline-cta p{margin:0;font-weight:600;color:var(--ink);font-size:16.5px;flex:1 1 260px}.quiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quiz-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:#fff;border:1.5px solid var(--rule);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.quiz-card:hover{border-color:var(--blue-500);transform:translateY(-2px);color:inherit}.quiz-card .dd-icon{width:48px;height:48px;border-radius:14px}.quiz-card .dd-icon svg{width:24px;height:24px}.quiz-card h3{margin:4px 0 0}.quiz-card p{color:var(--muted);margin:0;font-size:16px}.quiz-card .meta{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:var(--blue-700)}.quiz-card-affiliate{border-color:#fcd34d;background:linear-gradient(180deg,var(--amber-50),#fff)}.quiz-card-affiliate .dd-icon{background:var(--amber-100);color:var(--amber-700)}.score-big{display:flex;align-items:center;gap:20px;margin-bottom:16px;flex-wrap:wrap}.score-ring{width:104px;height:104px;flex:none}.review{display:grid;gap:10px;margin-top:16px}.review-item{border:1px solid var(--rule);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;background:#fff}.review-item b{display:block;color:var(--ink);margin-bottom:2px}.review-ok{border-left:4px solid var(--green-600)}.review-bad{border-left:4px solid var(--red-600)}@media (max-width: 900px){.sub-band-inner,.sub-hero-grid,.home-sub{grid-template-columns:1fr;gap:24px}.plinks-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.btn-sub{min-height:38px;padding:6px 12px;font-size:14px;gap:6px}.btn-sub svg{display:none}.header-actions{gap:0}.brand span{font-size:15px}.sub-row{flex-direction:column}.sub-btn{width:100%}.sub-interests,.plinks-grid,.plinks-compact .plinks-grid,.quiz-grid,.stat-row{grid-template-columns:1fr}.inline-cta .btn{width:100%}}@media (max-width: 420px){.wrap.header-inner{padding:0 12px;gap:8px}.brand{gap:8px}.brand span{font-size:14px;letter-spacing:-.02em}.btn-sub{padding:6px 10px;font-size:13px;min-height:36px}.menu-toggle{width:42px;height:42px;padding:10px}}@media (max-width: 340px){.brand span{display:none}}.sub-inline .sub-consent{font-size:13px}.gflow{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:none}.gflow li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--rule);border-radius:var(--radius-sm);padding:14px 16px;position:relative}.gflow li:not(:last-child):after{content:"";position:absolute;left:31px;bottom:-11px;width:2px;height:10px;background:var(--blue-200)}.gflow-n{flex:none;line-height:1;width:32px;height:32px;border-radius:50%;background:var(--blue-600);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}.gflow strong{display:block;color:var(--ink);font-size:16px}.gflow li>div>span{display:block;color:var(--muted);font-size:15px;line-height:1.5}.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.gcard{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--blue-600);border-radius:var(--radius-sm);padding:16px;display:grid;gap:4px;align-content:start}.gcard strong{color:var(--ink);font-size:16px}.gcard>span:last-child{color:var(--muted);font-size:14.5px;line-height:1.5}.gcard-icon{width:36px;height:36px;border-radius:10px;background:var(--blue-100);color:var(--blue-700);display:grid;place-items:center;margin-bottom:6px}.gcard-icon svg{width:20px;height:20px}.gcard-amber{border-top-color:var(--amber-500)}.gcard-amber .gcard-icon{background:var(--amber-100);color:var(--amber-700)}.gcard-green{border-top-color:var(--green-600)}.gcard-green .gcard-icon{background:var(--green-50);color:var(--green-600)}.gcard-red{border-top-color:var(--red-600)}.gcard-red .gcard-icon{background:var(--red-50);color:var(--red-600)}.gtable{display:grid;border:1px solid var(--rule);border-radius:var(--radius-sm);overflow:hidden;background:#fff;font-size:15px}.gtable-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid var(--rule)}.gtable-row:first-child{border-top:0}.gtable-row span{padding:12px 14px;line-height:1.45}.gtable-row span:first-child{font-weight:600;color:var(--ink)}.gtable-head{background:var(--navy-900)}.gtable-head span{color:#fff!important;font-weight:600;font-size:13.5px;text-transform:uppercase;letter-spacing:.05em}.gbars{display:grid;gap:16px}.gbar-top{display:flex;justify-content:space-between;gap:12px;font-size:15px;margin-bottom:6px;flex-wrap:wrap}.gbar-top strong{color:var(--ink)}.gbar-top span{color:var(--muted)}.gbar-track{height:14px;background:var(--blue-100);border-radius:99px;overflow:hidden}.gbar-track span{display:block;height:100%;border-radius:99px}.seq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:center;padding:8px 0 16px}.seq-bead{width:40px;height:40px;border-radius:50%;background:var(--blue-600);color:#fff;font-weight:700;display:grid;place-items:center;box-shadow:inset 0 -3px #00000026}.seq-cap{font-weight:700;padding:8px 10px;border-radius:10px;font-size:15px}.seq-cap-n{background:var(--amber-100);color:var(--amber-700)}.seq-cap-c{background:var(--green-50);color:var(--green-600)}.seq-legend{display:grid;gap:8px;font-size:15px;color:var(--muted)}.seq-legend strong{color:var(--ink)}.seq-dot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:middle;margin-right:4px}.seq-dot-n{background:var(--amber-500)}.seq-dot-r{background:var(--blue-600)}.seq-dot-c{background:var(--green-600)}@media (max-width: 640px){.gtable-head{display:none}.gtable-row{grid-auto-flow:row;grid-auto-columns:auto;padding:6px 0}.gtable-row span{padding:4px 14px}.gtable-row span:not(:first-child):before{content:attr(data-label) ": ";font-weight:600;color:var(--ink)}.gtable-row span:first-child{font-size:16px;padding-top:8px;color:var(--blue-700)}.seq-bead{width:32px;height:32px;font-size:14px}}@media (max-width: 640px){.hero-grid,.sub-hero-grid{padding-top:40px;padding-bottom:48px}}