.detail-page{background:#fff}.detail-header{position:sticky;z-index:100;top:0;display:flex;min-height:72px;padding:8px 18px;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.detail-header .brand{margin-right:auto}.detail-back{padding:9px 14px;border:1px solid #cbd4d6;border-radius:999px;color:var(--navy);font-size:12px;font-weight:700}.detail-hero{position:relative;display:grid;min-height:620px;align-items:end;background:var(--ivory);overflow:hidden}.detail-hero-media{position:absolute;inset:0}.detail-hero-media:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,248,241,.08),rgba(251,248,241,.18) 38%,rgba(251,248,241,.96) 78%);content:""}.detail-hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% center}.detail-hero-copy{position:relative;z-index:1;padding:56px 0}.detail-hero-copy h1{max-width:760px;margin:0;color:var(--navy);font-family:var(--serif);font-size:clamp(23px,7.2vw,48px);font-weight:600;line-height:1.55}.detail-hero-copy p:not(.section-label){max-width:680px;margin:20px 0 0;color:var(--muted)}.detail-lead{max-width:820px;margin:0 auto;color:var(--muted);font-size:17px;text-align:center}.detail-card-grid{display:grid;gap:16px;margin-top:34px}.detail-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.detail-card h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:21px}.detail-card p{margin:10px 0 0;color:var(--muted)}.detail-process{display:grid;max-width:760px;margin:36px auto 0;padding:0;gap:12px;list-style:none}.detail-process li{display:grid;padding:20px;grid-template-columns:46px 1fr;gap:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.detail-process span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:11px;font-weight:700}.detail-process b{color:var(--navy)}.detail-process p{margin:5px 0 0;color:var(--muted);font-size:14px}.detail-methods{display:grid;gap:18px}.detail-method{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}.detail-method figure{margin:0;overflow:hidden;aspect-ratio:4/3}.detail-method figure img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.detail-method-copy{padding:24px}.detail-method h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:25px}.detail-method p{color:var(--muted)}.detail-note{margin-top:28px;padding:20px;border-left:3px solid var(--gold);background:var(--ivory);color:var(--muted)}.detail-targets{display:grid;gap:18px}.detail-targets article{padding:26px;border-radius:20px;background:#fff}.detail-targets h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:23px}.detail-targets ul{margin:16px 0 0;padding-left:1.2em;color:var(--muted)}.detail-targets li+li{margin-top:8px}.detail-values{display:grid;gap:18px}.detail-values article{padding:22px;border:1px solid #ced8ca;border-radius:16px;background:rgba(255,255,255,.75)}.detail-values b{color:var(--navy)}.detail-values p{margin:8px 0 0;color:var(--muted)}.detail-cta{padding:76px 0;background:var(--navy-deep);color:#fff;text-align:center}.detail-cta h2{margin:0;color:#fff;font-family:var(--serif);font-size:clamp(28px,8vw,42px);line-height:1.55}.detail-cta p{max-width:680px;margin:20px auto;color:#dfe7eb}.detail-cta .actions{margin-top:28px;justify-content:center}.detail-cta .button-primary{background:#fff;color:var(--navy)}.detail-cta .button-outline{border-color:#fff;background:transparent;color:#fff}.detail-footer{padding:38px 0 90px;background:#0e2435;color:#dce5e9}.detail-footer .wrap{display:grid;gap:18px}.detail-footer a{font-weight:700}.draft-banner{padding:8px 18px;background:#f5e8c9;color:#664e20;font-size:11px;text-align:center}
.fact-list{display:grid;gap:14px;margin:32px 0 0;padding:0;list-style:none}.fact-list li{position:relative;padding:20px 20px 20px 52px;border:1px solid var(--line);border-radius:16px;background:#fff}.fact-list li:before{position:absolute;top:20px;left:20px;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:700;content:"✓"}.fact-list b{display:block;color:var(--navy)}.fact-list p{margin:5px 0 0;color:var(--muted);font-size:14px}.notice-box{margin-top:28px;padding:24px;border:1px solid #cfdbca;border-radius:18px;background:#f5f8f2}.notice-box h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:22px}.notice-box p{margin:10px 0 0;color:var(--muted)}.notice-box p:only-child{margin:0}.relation-grid{display:grid;gap:18px}.relation-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff}.relation-card h3{margin:0;color:var(--navy);font-family:var(--serif);font-size:23px}.relation-card ul{margin:16px 0 0;padding-left:1.2em;color:var(--muted)}.relation-card li+li{margin-top:8px}.plain-table{width:100%;margin-top:30px;border-collapse:collapse;background:#fff}.plain-table th,.plain-table td{padding:16px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}.plain-table th{width:30%;background:#f3f6f1;color:var(--navy)}.misconceptions{display:grid;gap:12px;margin-top:28px}.misconceptions details{border:1px solid var(--line);border-radius:14px;background:#fff}.misconceptions summary{padding:18px 48px 18px 18px;color:var(--navy);font-weight:700;cursor:pointer}.misconceptions p{margin:0;padding:0 18px 20px;color:var(--muted)}.source-note{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);color:#69767b;font-size:12px}.source-note a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:700px){.detail-header{min-height:82px;padding-inline:34px}.detail-hero{min-height:700px;align-items:center}.detail-hero-media:after{background:linear-gradient(90deg,rgba(251,248,241,.96) 0%,rgba(251,248,241,.82) 42%,rgba(251,248,241,.12) 72%)}.detail-hero-media img{object-position:center}.detail-hero-copy{padding:90px 38% 90px 0}.detail-hero-copy h1{font-size:48px}.detail-card-grid{grid-template-columns:repeat(3,1fr)}.detail-methods,.detail-targets,.relation-grid{grid-template-columns:1fr 1fr}.detail-values{grid-template-columns:repeat(3,1fr)}.fact-list{grid-template-columns:1fr 1fr}.detail-footer{padding-bottom:48px}}

.detail-cta h2{font-size:clamp(26px,7vw,42px)}