/* GaliVue V4.5 — organic guide / resource layer.
   Purpose: useful photographer education that supports the commercial SEO pages
   without turning the public site into a generic blog. */
.guide-main{--guide-ink:#111214;--guide-muted:#68635b;--guide-lime:#c8ff3d;--guide-cream:#f5f2eb;background:var(--guide-cream);color:var(--guide-ink)}
.guide-header{margin-bottom:0}
.guide-hero,.guide-hub-hero{position:relative;overflow:hidden;padding:clamp(72px,9vw,126px) 22px clamp(54px,7vw,94px);border-bottom:1px solid rgba(17,18,20,.06)}
.guide-hero:before,.guide-hub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 82%,rgba(200,255,61,.28),transparent 28%),linear-gradient(180deg,#fbf8f2 0%,#f1ede5 100%)}
.guide-hero:after,.guide-hub-hero:after{content:"";position:absolute;left:50%;top:14%;width:min(820px,92vw);height:min(820px,92vw);transform:translateX(-50%);border-radius:50%;opacity:.42;background:repeating-conic-gradient(from 0deg,rgba(158,224,0,.24) 0 .7deg,transparent .7deg 4deg);mask-image:radial-gradient(circle,#000 0 41%,transparent 72%)}
.guide-hero-inner{position:relative;z-index:2;width:min(1040px,100%);margin:0 auto;text-align:center}
.guide-hero h1,.guide-hub-hero h1{max-width:980px;margin:14px auto 18px;font-size:clamp(3.2rem,7.2vw,7rem);line-height:.91;letter-spacing:-.07em;color:var(--guide-ink)}
.guide-dek{max-width:790px;margin:0 auto;color:var(--guide-muted);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}
.guide-meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;color:#7a756d;font-size:.82rem;font-weight:760}
.guide-intro{width:min(1120px,calc(100% - 40px));margin:-24px auto 0;position:relative;z-index:4;display:grid;grid-template-columns:1.5fr .8fr;gap:16px}
.guide-summary,.guide-toc{border:1px solid rgba(17,18,20,.09);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(17,18,20,.07);padding:26px 28px}
.guide-summary p{margin:8px 0 0;color:var(--guide-muted);font-size:1.08rem;line-height:1.72}
.guide-toc{display:flex;flex-direction:column;gap:8px;align-self:stretch}
.guide-toc b{margin-bottom:4px;font-size:.82rem;text-transform:uppercase;letter-spacing:.09em}
.guide-toc a{color:#4f4a44;text-decoration:none;font-weight:760;line-height:1.35;padding:5px 0}
.guide-toc a:hover{color:#111214}
.guide-body{width:min(1020px,calc(100% - 40px));margin:clamp(52px,7vw,92px) auto}
.guide-section{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid rgba(17,18,20,.09)}
.guide-section:first-child{border-top:1px solid rgba(17,18,20,.09)}
.guide-section-number{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:rgba(200,255,61,.48);font-size:.78rem;font-weight:950;letter-spacing:.03em}
.guide-section h2{margin:0 0 12px;font-size:clamp(2rem,4.1vw,4rem);line-height:.98;letter-spacing:-.055em}
.guide-section p,.guide-section li{color:var(--guide-muted);font-size:1.05rem;line-height:1.78}
.guide-section ul{margin:10px 0 0;padding-left:1.15rem}
.guide-avoid .guide-section-number{background:#111214;color:var(--guide-lime)}
.guide-next{border:1px solid rgba(17,18,20,.09);border-radius:26px;padding:28px;margin-top:32px;background:#fff;box-shadow:0 18px 48px rgba(17,18,20,.04)}
.guide-related,.guide-products,.guide-hub-grid{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(44px,6vw,78px) 0}
.guide-related h2,.guide-products h2{font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:8px 0 26px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.guide-card{display:block;min-height:210px;padding:24px;border:1px solid rgba(17,18,20,.09);border-radius:22px;background:rgba(255,255,255,.92);color:#111214;text-decoration:none;box-shadow:0 15px 44px rgba(17,18,20,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{transform:translateY(-2px);border-color:rgba(158,224,0,.5);box-shadow:0 20px 50px rgba(17,18,20,.07)}
.guide-card-kicker{display:inline-flex;margin-bottom:22px;padding:6px 9px;border-radius:999px;background:#111214;color:var(--guide-lime);font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.guide-card strong{display:block;font-size:clamp(1.45rem,2.3vw,2.35rem);line-height:1.03;letter-spacing:-.045em}
.guide-card p{margin:12px 0 0;color:var(--guide-muted);line-height:1.6}
.guide-card-feature{min-height:250px}
.guide-products{padding-top:18px}
.guide-products .seo-cluster{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-hub-grid{padding-top:clamp(52px,6vw,82px)}
.guide-hub-grid .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-main .final-cta{width:min(1160px,calc(100% - 40px));margin:0 auto}
@media(max-width:820px){
 .guide-hero,.guide-hub-hero{padding-top:62px}
 .guide-hero h1,.guide-hub-hero h1{font-size:clamp(2.75rem,12.5vw,5.3rem)}
 .guide-intro{grid-template-columns:1fr;width:calc(100% - 28px)}
 .guide-body,.guide-related,.guide-products,.guide-hub-grid,.guide-main .final-cta{width:calc(100% - 28px)}
 .guide-section{grid-template-columns:48px 1fr;gap:16px;padding:28px 0}
 .guide-grid,.guide-hub-grid .guide-grid,.guide-products .seo-cluster{grid-template-columns:1fr}
 .guide-card{min-height:0}
}
@media(max-width:520px){
 .guide-section{grid-template-columns:1fr;gap:10px}
 .guide-section-number{width:40px;height:40px}
 .guide-section h2{font-size:clamp(1.9rem,10.8vw,3.1rem)}
 .guide-summary,.guide-toc{padding:22px 20px;border-radius:20px}
 .guide-card{padding:21px;border-radius:19px}
}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none!important}}