/* Guides article layout. Loaded after the app stylesheet. */
.guide-main{padding:96px 20px 64px}
.guide{max-width:720px;margin:0 auto;font-size:18px;line-height:1.7;color:#e6e9ee}
.guide p,.guide li{color:#dfe3ea}
.guide .crumb{font-size:15px;margin:0 0 18px}
.guide .crumb a{color:var(--gold,#d4a017);text-decoration:none}
.guide .crumb a:hover{text-decoration:underline}
.guide .kicker{margin:0 0 8px}
.guide h1{font-size:clamp(30px,5vw,44px);line-height:1.2;margin:0 0 22px;color:var(--paper,#f4efe4)}
.guide h2{font-size:clamp(22px,3vw,27px);line-height:1.3;margin:42px 0 12px;color:var(--paper,#f4efe4)}
.guide p{margin:0 0 18px}
.guide ul,.guide ol{margin:0 0 22px;padding-left:1.3em}
.guide li{margin:0 0 10px;padding-left:4px}
.guide li::marker{color:var(--gold,#d4a017)}
.guide a{color:var(--gold,#d4a017)}
.guide-hero{display:block;width:100%;height:auto;max-height:220px;border-radius:18px;margin:0 0 28px}
.guide .callout{display:flex;gap:18px;align-items:flex-start;margin:44px 0 10px;padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--gold,#d4a017)}
.guide .callout h2{margin:0 0 8px;font-size:22px}
.guide .callout img{flex:0 0 auto;border-radius:14px}
.guide .callout p:last-child{margin:0}
.guide-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.guide-wide{max-width:1100px}
.guide-grid li{margin:0;padding:0}
.guide-card{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);text-decoration:none;transition:border-color .2s,transform .2s}
.guide-card:hover{border-color:var(--gold,#d4a017);transform:translateY(-2px)}
.guide-card img{display:block;width:100%;height:auto}
.guide-card .body{padding:16px 18px 20px}
.guide-card .tag{display:inline-block;font-size:13px;letter-spacing:.04em;padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);color:#dfe3ea;margin:0 0 10px}
.guide-card h2{font-size:19px;margin:0 0 8px;line-height:1.35}
.guide-card p{font-size:16px;line-height:1.55;margin:0;color:#c9ced8}
@media (max-width:600px){.guide-main{padding:84px 16px 48px}.guide{font-size:17px}.guide .callout{flex-direction:column;padding:18px}}
/* Featured guide block (monthly). */
.featured{margin:28px 0 8px}
.featured-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(212,160,23,.45);text-decoration:none;transition:border-color .2s,transform .2s}
.featured-card:hover{border-color:var(--gold,#d4a017);transform:translateY(-2px)}
.featured-card img{display:block;width:100%;height:auto}
.featured-card .body{padding:22px 26px}
.featured-card h2{font-size:clamp(22px,3vw,28px);line-height:1.3;margin:0 0 10px;color:var(--paper,#f4efe4)}
.featured-card p{font-size:17px;line-height:1.6;margin:0 0 14px;color:#c9ced8}
.featured-card .more{color:var(--gold,#d4a017);font-weight:600}
.guide .hub-heading{margin:44px 0 0}
@media (max-width:760px){.featured-card{grid-template-columns:1fr}}