/* Shared editorial layout for practical Atmosferi guides. */
/* Editorial extension of the existing Atmosferi service system. */
.guide-hero{padding-block:clamp(64px,8vw,128px)}
.guide-hero h1{max-width:15ch;font-size:clamp(42px,6.3vw,90px);margin:22px 0 28px}
.guide-hero .seo-intro{max-width:57ch}
.guide-hero__meta{display:flex;flex-wrap:wrap;gap:16px 34px;color:#b8b8b8;font-size:13px;margin-top:32px}
.guide-main{display:grid;grid-template-columns:minmax(170px,0.32fr) minmax(0,1fr);gap:clamp(38px,6vw,110px);padding-block:clamp(62px,7vw,110px)}
.guide-index{align-self:start;position:sticky;top:calc(var(--atmos-header-height,88px) + 26px)}
.guide-index .eyebrow{display:block;margin-bottom:24px}
.guide-index a{display:block;font-size:14px;line-height:1.5;padding:11px 0;border-top:1px solid var(--line);max-width:25ch}
.guide-article{min-width:0;max-width:850px}
.guide-article section{padding-bottom:clamp(56px,6vw,85px);margin-bottom:clamp(54px,6vw,85px);border-bottom:1px solid var(--line)}
.guide-article section:last-child{margin-bottom:0;border:0;padding-bottom:0}
.guide-article h2{font-size:clamp(29px,3.3vw,48px);line-height:1.14;max-width:25ch;letter-spacing:-.035em;margin:0 0 24px}
.guide-article h3{font-size:clamp(20px,2vw,26px);line-height:1.25;margin:34px 0 12px}
.guide-article p,.guide-article li{font-size:clamp(16px,1.4vw,18px);line-height:1.75;color:var(--ink-2)}
.guide-article p{margin:0 0 22px}
.guide-article ul,.guide-article ol{padding-left:1.25em;margin:0 0 28px}
.guide-article li{padding-left:7px;margin:8px 0}
.guide-article strong{color:var(--ink)}
.guide-example{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0;margin:34px 0}
.guide-example .eyebrow{display:block;margin-bottom:14px}
.guide-example p:last-child{margin-bottom:0}
.guide-sample{font-family:var(--font-mono);font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 0;margin:18px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.guide-table-wrap{width:100%;overflow-x:auto;margin:28px 0 34px}
.guide-table{width:100%;border-collapse:collapse;min-width:530px;text-align:left}
.guide-table th{font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.guide-table th,.guide-table td{padding:17px 18px 17px 0;border-top:1px solid var(--line);vertical-align:top}
.guide-table td{font-size:15px;line-height:1.6;color:var(--ink-2)}
.guide-table tr:last-child td{border-bottom:1px solid var(--line)}
.guide-checklist{list-style:none;padding:0!important}
.guide-checklist li{padding:15px 0 15px 30px;border-top:1px solid var(--line);position:relative;margin:0}
.guide-checklist li::before{content:"";position:absolute;left:0;top:24px;width:12px;height:12px;border:1px solid var(--ink)}
.guide-related{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.guide-related a{display:block;border-top:1px solid var(--ink);padding-top:18px;font-size:18px;line-height:1.5}
.guide-related a span{display:block;color:var(--muted);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}
@media(max-width:850px){.guide-main{grid-template-columns:1fr;gap:42px}.guide-index{position:static;display:flex;flex-wrap:wrap;gap:0 18px}.guide-index .eyebrow{width:100%;margin-bottom:8px}.guide-index a{max-width:none}.guide-related{grid-template-columns:1fr;gap:20px}}
@media(max-width:520px){.guide-hero h1{font-size:clamp(40px,12vw,58px)}.guide-main{padding-top:44px}.guide-index{display:none}}