/* ksa_guides.css - the gifting-season guides on ksa.tepee-x.com/guides/ (11 Oct 2026). TePee - X navy / orange, the
   site's own fonts; reading width kept to ~70 characters. */
.gd{background:#fff}
.gd-hero{background:linear-gradient(180deg,#FCF9F4 0%,#F4EDE1 100%);padding:112px 0 34px;border-bottom:1px solid var(--tx-line,#E9E1D3)}
.gd-bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;margin-bottom:10px}
.gd-bc a{color:var(--tx-orange-ink,#A35F18);font-weight:700;text-decoration:none}
.gd-bc a:hover{text-decoration:underline}
.gd-bc span{color:var(--tx-muted,#5C6C78)}
.gd-hero h1{font-size:clamp(1.7rem,1.1rem + 2.4vw,2.6rem);line-height:1.4;color:var(--tx-navy,#04263F);margin:0 0 16px;max-width:30em}
.gd-sum{background:#fff;border:1px solid var(--tx-line,#E9E1D3);border-inline-start:5px solid var(--tx-orange,#D1812E);border-radius:16px;padding:14px 18px;max-width:52rem;box-shadow:0 8px 22px rgba(4,38,63,.05)}
.gd-sum b{display:block;color:var(--tx-orange-ink,#A35F18);font-size:.85rem;margin-bottom:4px}
.gd-sum p{margin:0;font-size:1.02rem;line-height:1.95;color:var(--tx-ink,#14202B)}
.gd-live{margin-top:14px;max-width:52rem;display:grid;gap:8px}
.gd-live[hidden]{display:none}
.gd-live .ol-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--tx-navy,#04263F);color:#fff;border-radius:14px;padding:12px 16px}
.gd-live .ol-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.gd-live .ol-n b{font-size:.98rem}
.gd-live .ol-n span{font-size:.84rem;color:#CFDCE6}
.gd-live .ol-d{display:flex;flex-direction:column;gap:2px;text-align:end}
.gd-live .ol-d strong{color:#F3C99B;font-size:.95rem}
.gd-live .ol-d small{font-size:.78rem;color:#CFDCE6}
.gd-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gd-cta .btn{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.gd-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;padding-top:34px;padding-bottom:40px}
.gd-toc{position:sticky;top:120px;align-self:start;font-size:.88rem;background:var(--tx-cream,#F8F4ED);border-radius:14px;padding:14px 16px}
.gd-toc b{display:block;color:var(--tx-navy,#04263F);margin-bottom:6px}
.gd-toc ol{margin:0;padding-inline-start:18px;display:grid;gap:4px}
.gd-toc a{color:var(--tx-ink,#14202B);text-decoration:none}
.gd-toc a:hover{color:var(--tx-orange-ink,#A35F18);text-decoration:underline}
.gd-body{max-width:46rem;min-width:0}
.gd-sec{margin-bottom:34px;scroll-margin-top:130px}
.gd-sec h2{font-size:1.35rem;color:var(--tx-navy,#04263F);margin:0 0 12px;line-height:1.5}
.gd-sec p,.gd-sec li{font-size:1.02rem;line-height:2;color:var(--tx-ink,#14202B)}
.gd-sec ul,.gd-sec ol{padding-inline-start:22px}
.gd-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gd-idea{border:1px solid var(--tx-line,#E9E1D3);border-radius:16px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:6px}
.gd-idea h3{font-size:1rem;margin:0;color:var(--tx-navy,#04263F);line-height:1.6}
.gd-idea .gd-m{font-size:.8rem;font-weight:700;color:var(--tx-orange-ink,#A35F18)}
.gd-idea p{font-size:.92rem!important;line-height:1.85!important;margin:0;flex:1 1 auto}
.gd-idea .gd-cat{font-size:.85rem;font-weight:700;color:var(--tx-navy,#04263F);text-decoration:none}
.gd-idea .gd-cat:hover{text-decoration:underline}
.gd-note{font-size:.88rem!important;color:var(--tx-muted,#5C6C78)!important;margin-top:12px}
.gd-tl{counter-reset:none}
.gd-tl li{margin-bottom:6px}
.gd-q{border:1px solid var(--tx-line,#E9E1D3);border-radius:12px;padding:10px 14px;margin-bottom:8px;background:#fff}
.gd-q summary{cursor:pointer;font-weight:700;color:var(--tx-navy,#04263F);line-height:1.7;list-style-position:inside}
.gd-q p{margin:8px 0 0;font-size:.98rem!important}
.gd-band{background:var(--tx-navy,#04263F);color:#fff;border-radius:20px;padding:24px 22px;margin-bottom:34px}
.gd-band h2{color:#fff;font-size:1.3rem;margin:0 0 8px}
.gd-band p{color:#CFDCE6;margin:0}
.gd-rels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gd-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
.gd-rel{display:flex;flex-direction:column;gap:6px;border:1px solid var(--tx-line,#E9E1D3);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--tx-ink,#14202B);background:#fff;transition:box-shadow .2s,border-color .2s}
.gd-rel b{color:var(--tx-navy,#04263F);line-height:1.6}
.gd-rel span{font-size:.88rem;line-height:1.8;color:var(--tx-muted,#5C6C78)}
.gd-rel:hover{border-color:var(--tx-orange,#D1812E);box-shadow:0 10px 24px rgba(4,38,63,.08)}
@media(max-width:991.98px){.gd-wrap{grid-template-columns:1fr;gap:18px}.gd-toc{position:static}.gd-rels{grid-template-columns:1fr}.gd-hub{grid-template-columns:1fr}}
@media(max-width:575.98px){.gd-hero{padding:96px 0 26px}.gd-ideas{grid-template-columns:1fr}.gd-cta .btn{flex:1 1 auto;justify-content:center}.gd-band{padding:20px 16px}}
