/* Exhale guides — shared, self-contained styles for the problem-phrase answer
   pages and the "Guides" band on the sister sites. Prefixed .exg- so it never
   collides with a site's own CSS. Colour comes from --gc, set per product. */
.exg-band{background:#f6f8fc;padding:clamp(56px,7vw,96px) 0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#0d1526}
.exg-band.exg-dark{background:linear-gradient(160deg,#0a1220 0%,#16253f 58%,#0a1220 100%);color:#fff}
.exg-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.exg-kick{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gc,#e10614);margin:0 0 14px}
.exg-kick::before{content:"";width:26px;height:2px;border-radius:2px;background:currentColor}
.exg-band h2{font-size:clamp(1.7rem,3.3vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin:0 0 14px;color:inherit}
.exg-lead{font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.68;max-width:66ch;margin:0;opacity:.8}
.exg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:36px}
.exg-card{--gc:#e10614;display:block;text-decoration:none;color:#0d1526;background:#fff;border:1px solid #e6eaf2;border-radius:20px;padding:24px 24px 22px;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s}
.exg-dark .exg-card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.exg-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px -26px rgba(2,10,28,.42);border-color:color-mix(in srgb,var(--gc) 45%,#e6eaf2);color:inherit;text-decoration:none}
.exg-card .exg-kick{margin-bottom:10px;font-size:.7rem}
.exg-card h3{font-size:1.2rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px;color:inherit}
.exg-card p{margin:0 0 12px;line-height:1.6;font-size:.98rem;opacity:.82}
.exg-card .exg-go{font-weight:800;color:var(--gc)}
.exg-card.exg-ext .exg-go::after{content:" ↗"}
.gc-hr{--gc:#2b6ef0}.gc-ta{--gc:#f07000}.gc-ecs{--gc:#12886a}.gc-kcp{--gc:#7c46e0}.gc-par{--gc:#e10614}
.exg-dark .gc-hr{--gc:#4d8bff}.exg-dark .gc-ta{--gc:#ff9333}.exg-dark .gc-ecs{--gc:#2fbb95}.exg-dark .gc-kcp{--gc:#a97cff}.exg-dark .gc-par{--gc:#ff5563}
/* ---- article pages ---- */
.exg-page{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#0d1526;background:#fff}
.exg-hero{position:relative;padding:clamp(56px,8vw,110px) 0 28px;background:radial-gradient(1100px 520px at 78% -6%,color-mix(in srgb,var(--gc) 13%,transparent),transparent 62%),linear-gradient(180deg,#fff,#f6f8fc)}
.exg-hero .exg-wrap,.exg-sec .exg-wrap,.exg-faq .exg-wrap{max-width:860px}
.exg-crumb{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gc);margin:0 0 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.exg-crumb a{color:inherit;text-decoration:none}.exg-crumb a:hover{text-decoration:underline}
.exg-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:0 0 22px;color:#0d1526}
.exg-answer{margin-top:22px;padding:22px 26px;border-radius:18px;background:#fff;border:1px solid #e6eaf2;border-left:5px solid var(--gc);box-shadow:0 24px 50px -30px rgba(2,10,28,.35)}
.exg-answer .exg-kick{margin-bottom:8px;font-size:.72rem}
.exg-answer p{margin:0;font-size:1.12rem;line-height:1.65;color:#1b2438}
.exg-sec{padding:34px 0 10px}
.exg-sec h2{font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 12px;color:#0d1526}
.exg-body p,.exg-body li{font-size:1.04rem;line-height:1.72;color:#2a3346}
.exg-body p{margin:0 0 16px}.exg-body ul,.exg-body ol{padding-left:1.25rem;margin:0 0 18px}.exg-body li{margin-bottom:8px}
.exg-body li strong{color:#0d1526}.exg-body a{color:var(--gc);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.exg-faq{padding:clamp(40px,6vw,72px) 0}
.exg-faq h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin:0 0 18px}
.exg-faq details{border-bottom:1px solid #e6eaf2;padding:6px 0}
.exg-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-weight:800;font-size:1.08rem;color:#0d1526}
.exg-faq summary::-webkit-details-marker{display:none}
.exg-faq summary::after{content:"+";font-size:1.5rem;font-weight:400;color:var(--gc);transition:transform .25s}
.exg-faq details[open] summary::after{transform:rotate(45deg)}
.exg-faq details p{margin:0 0 16px;line-height:1.7;color:#2a3346}
.exg-cta{padding:clamp(48px,7vw,90px) 0;text-align:center;background:#f6f8fc}
.exg-cta h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin:0 0 12px}
.exg-cta p{max-width:60ch;margin:0 auto 22px;line-height:1.7;color:#2a3346;font-size:1.05rem}
.exg-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:800;background:var(--gc);color:#fff;transition:transform .2s,filter .2s;margin:4px}
.exg-btn:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff;text-decoration:none}
.exg-btn.exg-ghost{background:#fff;color:#0d1526;border:1px solid #d9dfe9}
@media(prefers-reduced-motion:reduce){.exg-card,.exg-btn,.exg-faq summary::after{transition:none}}