/* Simple article homepage, using the catalog's existing dark theme. */
.landing{max-width:1120px;margin:auto;padding:76px var(--gutter) 64px}
.landing-hero{min-height:calc(78svh - 76px);display:flex;align-items:center;justify-content:center;text-align:center;padding:64px 0 72px;position:relative}
.landing-hero:before{content:'';position:absolute;inset:15% 0 0;background:radial-gradient(ellipse at center,#fb923c0d,transparent 65%);pointer-events:none}
.landing-intro{position:relative;width:100%;max-width:760px;min-width:0}
.landing-intro>.eyebrow{color:var(--gold);letter-spacing:3px}
.landing h1{font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:18px 0;text-wrap:balance}
.landing-intro>p{font-size:16px;line-height:1.7;color:#a5a5a5;margin:0 auto;max-width:560px}
.main-site-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:72px;padding:20px 34px;margin-top:38px;border-radius:16px;border:1px solid #ffbb76;background:linear-gradient(135deg,#ffb05b,#fb923c);box-shadow:0 0 0 7px #fb923c0b,0 16px 45px #fb923c24;color:#17100a;font-size:20px;font-weight:750;line-height:1.4;max-width:100%;transition:transform .2s,box-shadow .2s}
.main-site-button:hover{color:#17100a;transform:translateY(-2px);box-shadow:0 0 0 9px #fb923c14,0 20px 50px #fb923c35}
.main-site-button:focus-visible{outline:3px solid #fff;outline-offset:8px}
.main-site-button>svg{width:22px;height:22px}
.guide-content{max-width:900px;min-width:0;margin:0 auto;padding-top:40px;border-top:1px solid var(--line);color:#bcbcbc;font-size:15px;line-height:1.85;overflow-wrap:break-word}
.guide-content p{margin-bottom:20px;line-height:1.85}
.guide-content h2{font-size:27px;margin:40px 0 18px;line-height:1.25;color:#eee;scroll-margin-top:25px}
.guide-content h3{font-size:19px;margin:25px 0 15px;color:#ddd}
.guide-content strong{color:#e2e2e2}
.guide-content a{color:var(--gold);text-decoration:underline}
.guide-content .table-responsive{overflow:auto;max-width:100%;margin:24px 0;border:1px solid var(--line);border-radius:12px}
.guide-content table{border-collapse:collapse;width:100%;min-width:570px;font-size:13px}
.guide-content td,.guide-content th{border-bottom:1px solid var(--line);padding:15px;text-align:left;vertical-align:top}
.guide-content th{background:#1b1b1b}
.guide-content td p,.guide-content th p{margin:0}
@media(max-width:600px){.landing{padding-top:76px;padding-bottom:32px}.landing-hero{min-height:calc(76svh - 76px);padding:50px 0 60px}.landing h1{letter-spacing:-1px}.landing-intro>p{font-size:14px;max-width:290px}.main-site-button{font-size:17px;min-height:66px;padding:18px 22px;gap:12px;margin-top:32px}.main-site-button>svg{width:19px;height:19px}.guide-content{padding-top:28px;font-size:14px}.guide-content h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.main-site-button{transition:none;transform:none}}
body.reduce-motion .main-site-button{transition:none;transform:none}

/* Readable long-form guide including the supplied article's two comparisons. */
.guide-content ol,.guide-content ul{padding-left:1.5rem;margin:0 0 22px}
.guide-content li{padding-left:.15rem;margin:0 0 9px}
.guide-content .table-responsive:focus-visible{outline:2px solid #b5a4ff;outline-offset:3px}
.guide-content blockquote{border-left:3px solid #8578ed;padding-left:18px}
@media(max-width:600px){.landing{padding-left:16px;padding-right:16px}.landing h1{font-size:clamp(30px,8vw,40px)}.guide-content table{min-width:470px}}