/* DrKing decision tools: restrained editorial layout, shared site chrome. */
*,*::before,*::after { box-sizing:border-box; }
body { margin:0; }
.decision-guide { background:#f7f5f2; color:#1c1814; }
.decision-guide *, .decision-guide *::before, .decision-guide *::after { box-sizing:border-box; }
.guide-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.breadcrumbs { display:flex; gap:10px; align-items:center; font-size:12px; letter-spacing:.03em; color:#5d635f; padding:16px 0; }
.breadcrumbs a { color:inherit; text-underline-offset:3px; }
.guide-hero { background:#e9eade; border-block:1px solid #d5d8c9; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr); gap:clamp(30px,6vw,90px); align-items:end; padding-block:clamp(56px,9vw,118px); }
.guide-eyebrow,.index,.side-label { text-transform:uppercase; letter-spacing:.14em; font:600 11px/1.4 var(--site-sans,Arial,sans-serif); color:#0d5c5c; }
.decision-guide h1,.decision-guide h2,.decision-guide h3 { letter-spacing:-.035em; }
.decision-guide h1 { max-width:780px; font-size:clamp(46px,6.4vw,88px); line-height:.99; margin:24px 0 30px; font-weight:500; }
.decision-guide h1 em,.decision-guide h2 em { color:#0d5c5c; font-weight:400; }
.hero-lede { max-width:690px; font-size:clamp(17px,1.6vw,21px); line-height:1.55; color:#39403c; }
.guide-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin-top:34px; }
.guide-button { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; padding:17px 22px; border-radius:4px; color:#fff; background:#0d5c5c; font-size:14px; font-weight:600; line-height:1.3; text-decoration:none; }
.guide-button:hover,.guide-button:focus-visible { background:#083d3d; }
.guide-secondary { color:#0d5c5c; font-weight:600; font-size:14px; text-underline-offset:5px; }
.hero-small { font-size:12px; color:#52605a; margin:28px 0 0; }
.hero-aside { position:relative; padding:30px; border:1px solid #8faaa0; background:#f7f5f2; box-shadow:10px 10px 0 #d8e2d7; }
.hero-aside h2 { max-width:250px; font-size:clamp(25px,2.5vw,36px); font-weight:500; line-height:1.13; margin:35px 0 16px; }
.hero-aside p { color:#4d5550; line-height:1.6; font-size:14px; }
.hero-aside a { color:#0d5c5c; font-size:13px; font-weight:600; }
.side-glyph { position:absolute; right:28px; top:23px; font-size:32px; color:#0d5c5c; }
.guide-main { padding-bottom:72px; }
.guide-section { padding:clamp(54px,8vw,100px) 0; border-bottom:1px solid #d7d8cf; }
.guide-section.soft { background:#efefe9; box-shadow:0 0 0 100vmax #efefe9; clip-path:inset(0 -100vmax); }
.section-lead { display:grid; grid-template-columns:190px minmax(0,1fr); column-gap:45px; }
.section-lead .index { padding-top:12px; }
.section-lead h2 { font-size:clamp(33px,4.1vw,57px); line-height:1.07; font-weight:500; max-width:760px; margin:0; }
.section-lead p { grid-column:2; font-size:17px; line-height:1.65; color:#4b514d; max-width:735px; margin:20px 0 32px; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:10px 0 22px; }
.panel { background:#fff; border:1px solid #d8ddd6; padding:26px 29px; }
.panel.accent { background:#e3eae3; }
.panel h3,.decision-grid h3 { font-size:23px; font-weight:500; margin:0 0 16px; }
.panel li { padding:5px 0; line-height:1.52; }
.panel ul { margin:0; padding-left:20px; }
.note { padding:19px 22px; background:#e7efe9; border-left:3px solid #0d5c5c; color:#344d45; font-size:14px; line-height:1.6; }
.table-scroll { overflow-x:auto; border:1px solid #d9ddd6; background:white; margin:14px 0 20px; }
.decision-guide table { width:100%; min-width:670px; border-collapse:collapse; text-align:left; font-size:14px; line-height:1.5; }
.decision-guide caption { text-align:left; font-weight:600; padding:15px 19px; color:#0d5c5c; }
.decision-guide th { background:#e4ede6; color:#17483e; font-size:12px; text-transform:uppercase; letter-spacing:.07em; }
.decision-guide td,.decision-guide th { padding:15px 18px; vertical-align:top; border-bottom:1px solid #e1e4de; }
.decision-guide td:first-child { font-weight:600; }
.decision-guide tr:last-child td { border-bottom:0; }
.decision-guide table a { color:#0d5c5c; }
.worksheet { background:#fff; border:1px solid #d9ddd6; padding:25px 30px; margin:22px 0; }
.field { display:flex; flex-wrap:wrap; gap:10px; padding:13px 0; border-bottom:1px solid #e5e6df; font-size:14px; font-weight:600; }
.field:last-child { border:0; }
.field span { flex:1; min-width:100px; border-bottom:1px dashed #8eaaa0; }
.decision-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:26px; }
.decision-grid p { color:#49534d; line-height:1.6; margin:0; }
.link-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }
.link-row a { display:flex; justify-content:space-between; gap:20px; padding:20px; background:#fff; border:1px solid #d7ddd4; color:#0d5c5c; font-weight:600; line-height:1.4; text-decoration:none; }
.link-row a:hover,.link-row a:focus-visible { border-color:#0d5c5c; text-decoration:underline; }
.guide-cta { margin-top:62px; padding:clamp(30px,5vw,55px); background:#0d4848; color:#fff; display:flex; justify-content:space-between; align-items:end; gap:30px; }
.guide-cta .index { color:#aed5c9; }
.guide-cta h2 { font-size:clamp(30px,3.5vw,48px); font-weight:500; line-height:1.09; margin:14px 0; }
.guide-cta p { color:#d4e5df; line-height:1.55; max-width:650px; margin:0; }
.guide-button.light { background:#f3f5ef; color:#0d4848; white-space:nowrap; }
.guide-button.light:hover,.guide-button.light:focus-visible { background:#dcece3; }
@media(max-width:780px) { .guide-wrap{width:calc(100% - 36px)} .hero-grid,.split,.decision-grid{grid-template-columns:1fr} .hero-aside{max-width:460px} .section-lead{display:block} .section-lead .index{display:block;margin-bottom:17px} .section-lead p{margin-bottom:25px} .link-row{grid-template-columns:1fr} .guide-cta{display:block} .guide-cta .guide-button{margin-top:25px;white-space:normal} }
@media print { .site-header,.mobile-nav,.site-footer,.breadcrumbs,.guide-actions,.guide-cta,.link-row,.hero-aside { display:none!important; } body { padding:0!important; } .guide-wrap{width:100%} .guide-hero{background:#fff;padding:0} .hero-grid{display:block;padding:10px 0} .decision-guide h1{font-size:32px;margin:5px 0}.hero-lede{font-size:12px}.guide-section{padding:18px 0;break-inside:avoid}.section-lead h2{font-size:23px}.section-lead p{font-size:12px;margin:6px 0}.panel,.worksheet,.table-scroll{break-inside:avoid} .decision-guide table{font-size:11px;min-width:0} .decision-guide td,.decision-guide th{padding:6px} }