/* Guides directory only; article pages and the homepage remain unchanged. */
.guides-discovery{--ink:#14231d;--muted:#53645c;--green:#08784f;--line:#dfe7df;background:#f8f7f1;color:var(--ink)}
.guides-discovery .wrap{width:min(1320px,calc(100% - 56px));max-width:none}
.guides-discovery .site-intro{padding:42px 0 46px;background:linear-gradient(90deg,#031d17f2,#05271edf 55%,#062c20c7),url('/assets/home-cinematic-workspace.webp') center 48%/cover no-repeat;color:#fff}
.guides-discovery .site-intro .eyebrow{color:#8ce6b7;font-size:11px;letter-spacing:.17em;margin-bottom:14px}
.guides-discovery .site-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.045em;max-width:760px}
.guides-discovery .site-intro h1 em{color:#88e1ba}
.guides-discovery .site-intro p:last-child{color:#d5e5d9;font-size:16px;line-height:1.6;margin-top:16px;max-width:710px}
.guides-discovery .guides-hub{padding:26px 0 40px}
.guides-discovery .guide-categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.guides-discovery .guide-categories a{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;min-height:44px;padding:9px 14px;border:1px solid #bcd5c5;border-radius:9px;background:#fff;color:#174d36;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}
.guides-discovery .guide-categories a:hover{background:#eaf4ed;border-color:#78b592}
.guides-discovery .guide-categories span{display:grid;place-items:center;min-width:23px;min-height:23px;padding:2px 5px;border-radius:6px;background:#eaf4ed;color:#0c5a3d;font-size:11px}
.guides-discovery .guides-group{padding:22px;margin-bottom:24px;border:1px solid #407456;border-radius:22px;background:radial-gradient(ellipse at 90% 0,#3e77584d,transparent 55%),linear-gradient(135deg,#12392a,#20503a);box-shadow:0 16px 35px #12372913;scroll-margin-top:105px}
.guides-discovery .guides-group:last-child{margin-bottom:0}
.guides-discovery .guide-group-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px;min-width:0}
.guides-discovery .guide-group-heading img{width:112px;height:74px;object-fit:cover;border-radius:10px;border:1px solid #93b99d;flex:none}
.guides-discovery .guide-group-heading>div{min-width:0}
.guides-discovery .guide-group-kicker{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;color:#9ce3b8;margin-bottom:6px}
.guides-discovery .guide-group-heading h2{margin:0;color:#fff;font-size:clamp(22px,2.3vw,30px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.guides-discovery .guide-group-heading p{margin:6px 0 0;color:#d4e7d9;font-size:13px}
.guides-discovery .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.guides-discovery .guide-card{min-width:0;min-height:0;display:flex;flex-direction:column;padding:22px;border:1px solid #b9d0be;border-radius:14px;background:#fffef9;box-shadow:0 6px 18px #061e2126;transition:transform .2s,border-color .2s,box-shadow .2s}
.guides-discovery .guide-card:hover{transform:translateY(-3px);border-color:#75bd97;box-shadow:0 10px 22px #061e213b}
.guides-discovery .guide-card .tag{align-self:flex-start;padding:5px 7px;background:#ecf7ef;border:1px solid #e2f0e6;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.05em;color:#176548;overflow-wrap:anywhere;max-width:100%}
.guides-discovery .guide-card h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:14px 0 9px;overflow-wrap:anywhere}
.guides-discovery .guide-card h3 a{color:#153b2b;font-weight:700}
.guides-discovery .guide-card h3 a:hover{color:#08774e}
.guides-discovery .guide-card p{font-size:14px;line-height:1.55;margin:0 0 20px;color:#607165}
.guides-discovery .guide-card .guide-read{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;gap:14px;min-height:44px;margin-top:auto;padding:10px 15px;border:1px solid #c7ddce;border-radius:9px;background:#eaf4ed;color:#0c5a3d;font-size:13px;font-weight:700;transition:background .2s,color .2s}
.guides-discovery .guide-card .guide-read:hover{background:#0d6545;color:#fff}
.guides-discovery a:focus-visible{outline:3px solid #19845c;outline-offset:4px}
.guides-discovery .guide-categories a:focus-visible{outline-color:#19845c}
@media(max-width:1000px){.guides-discovery .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .guides-discovery .wrap{width:calc(100% - 32px)}
 .guides-discovery .site-intro{padding:30px 0 32px}
 .guides-discovery .site-intro p:last-child{font-size:15px}
 .guides-discovery .guides-hub{padding:20px 0 30px}
 .guides-discovery .guide-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
 .guides-discovery .guide-categories a{min-width:0;font-size:12px;gap:7px;padding:9px 10px}
 .guides-discovery .guide-categories span{flex:none}
 .guides-discovery .guides-group{padding:14px;border-radius:18px;margin-bottom:18px}
 .guides-discovery .guide-group-heading{gap:12px;margin-bottom:16px}
 .guides-discovery .guide-group-heading img{width:68px;height:68px}
 .guides-discovery .guide-group-heading h2{font-size:21px}
 .guides-discovery .guide-group-heading p{font-size:12px}
 .guides-discovery .guide-grid{grid-template-columns:1fr;gap:12px}
 .guides-discovery .guide-card{padding:19px;border-radius:12px}
 .guides-discovery .guide-card h3{font-size:19px}
 .guides-discovery .guide-card p{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){.guides-discovery .guide-card,.guides-discovery a{transition:none}.guides-discovery .guide-card:hover{transform:none}}