/* Public guides and the discoverable guide links on the home page. */
.discover-guides{margin:0 0 72px;padding:28px 0 6px;border-top:1px solid rgba(224,184,92,.28)}
.discover-guides .eyebrow{margin:0 0 9px;color:#d4bd87}
.discover-guides h2{max-width:720px;margin:0;color:#f3dca0;font:500 clamp(30px,4vw,43px)/1.13 'Cormorant Garamond',Georgia,serif}
.discover-guides>p:not(.eyebrow){max-width:650px;margin:13px 0 23px;color:#d5cbb4;font-size:16px;line-height:1.7}
.discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.discover-grid a{display:block;min-height:115px;padding:19px 21px;border:1px solid rgba(224,184,92,.28);border-radius:14px;background:rgba(22,18,10,.8);color:#f7eed7;text-decoration:none;transition:background .2s,border-color .2s}
.discover-grid a:hover,.discover-grid a:focus-visible{background:rgba(224,184,92,.1);border-color:#e0b85c}
.discover-grid strong{display:block;font:700 18px/1.35 'DM Sans',Arial,sans-serif}
.discover-grid span{display:block;margin-top:8px;color:#cfc2a3;font-size:14px;line-height:1.55}
.guide-page{background:#090806;color:#f2ede1}
.guide-page .app-shell{max-width:1140px}
.guide-topbar{min-height:82px;height:auto;gap:26px}
.guide-topbar nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.guide-topbar nav a,.guide-footer a,.guide-breadcrumb a{color:#e9d8ac;text-decoration:none;text-underline-offset:4px}
.guide-topbar nav a:hover,.guide-footer a:hover,.guide-breadcrumb a:hover{text-decoration:underline}
.guide-topbar nav a{font-size:14px;font-weight:700}
.guide-content{max-width:780px;margin:0 auto;padding:30px 0 68px}
.guide-breadcrumb{display:flex;gap:10px;color:#b6a984;font-size:13px}
.guide-hero{padding:62px 0 45px;border-bottom:1px solid rgba(224,184,92,.28)}
.guide-hero .eyebrow{color:#d6bf87;margin-bottom:14px}
.guide-hero h1{max-width:740px;margin:0;color:#f3dca0;font:500 clamp(43px,6vw,68px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em}
.guide-hero>p:not(.eyebrow){max-width:680px;margin:22px 0 24px;font-size:19px;line-height:1.65;color:#e1d7c2}
.guide-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border-radius:10px;background:linear-gradient(110deg,#f0d995,#c29432);color:#201704;text-decoration:none;font-weight:800}
.guide-page .guide-action{--text-color:#201704}
.guide-action:hover{filter:brightness(1.1)}
.guide-article section{padding:38px 0 8px;border-bottom:1px solid rgba(224,184,92,.2)}
.guide-article h2,.guide-related h2{margin:0 0 16px;color:#f3dca0;font:500 34px/1.2 'Cormorant Garamond',Georgia,serif}
.guide-article p,.guide-article li{font-size:17px;line-height:1.75;color:#e2d9c7}
.guide-article p{margin:0 0 19px}
.guide-article ol,.guide-article ul{padding-left:25px;margin:0 0 20px}
.guide-article li{padding-left:5px;margin:0 0 10px}
.guide-article strong{color:#f5e6be}
.guide-related{padding:40px 0 0}
.guide-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.guide-related a{display:flex;align-items:center;min-height:68px;padding:13px 17px;border:1px solid rgba(224,184,92,.27);border-radius:10px;color:#e9d8ac;text-decoration:none;font-weight:700}
.guide-related a:hover{background:rgba(224,184,92,.1)}
.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 42px;border-top:1px solid rgba(224,184,92,.28);font-size:13px;color:#bfb297}
.guide-page :is(a,button):focus-visible,.discover-guides a:focus-visible{outline:3px solid #f3dca0;outline-offset:3px}
@media(max-width:700px){
  .guide-page .app-shell{padding:0 18px}
  .guide-topbar{align-items:flex-start;flex-direction:column;gap:14px;padding:17px 0}
  .guide-topbar nav{gap:10px 17px}
  .guide-topbar nav a{font-size:13px}
  .guide-content{padding-top:24px}
  .guide-hero{padding:43px 0 32px}
  .guide-hero>p:not(.eyebrow){font-size:17px}
  .guide-article section{padding-top:32px}
  .guide-article h2,.guide-related h2{font-size:30px}
  .guide-article p,.guide-article li{font-size:16px}
  .guide-related ul,.discover-grid{grid-template-columns:1fr}
  .guide-footer{flex-wrap:wrap;justify-content:flex-start}
  .discover-guides{margin-bottom:34px}
  .discover-grid a{min-height:0}
}
@media(prefers-reduced-motion:reduce){.discover-grid a{transition:none}}
