/* Guides library: shares ConsCalc's visitor palette; no article or calculator overrides. */
.guides-page{--guides-grid-line:#a3b0c714;flex:1;padding-bottom:58px;min-width:0}
[data-theme=light] .guides-page{--guides-grid-line:#556b8917}
.guides-page h1,.guides-page h2,.guides-page p{margin:0}
.guides-page svg{display:block;flex:none}
.guides-hero{position:relative;text-align:center;padding:27px 0 0;isolation:isolate}
.guides-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--guides-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--guides-grid-line) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 55%,#000,transparent 70%)}
.guides-hero .content-breadcrumb{justify-content:center;gap:8px;font-size:11px;margin-bottom:25px}
.guides-hero .content-breadcrumb a{color:var(--accent)}

.guides-page .guides-hero h1{font-size:clamp(28px,3.4vw,40px);letter-spacing:-1.35px;line-height:1.2;margin:13px auto 15px;max-width:850px;font-weight:600;text-wrap:balance}
.guides-page .guides-lead{max-width:650px;margin:auto;color:var(--muted);font-size:13px;line-height:1.85;text-wrap:pretty}
.guides-hero-art{display:block;width:min(540px,100%);height:152px;object-fit:contain;margin:9px auto 4px}
.guides-layout{border-top:1px solid var(--border);padding-top:26px}
.guides-library{min-width:0}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
.guide-card:hover{border-color:var(--ui-accent-line,#76514d);box-shadow:0 8px 25px var(--ui-panel-shadow,#0002)}
.guide-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--ui-results,#20252c);overflow:hidden;border-bottom:1px solid var(--border)}
.guide-card-image>img{display:block;width:100%;height:100%;object-fit:contain}
.guide-card-image .guide-card-placeholder{padding:20px}
.guide-card-body{display:flex;flex-direction:column;flex:1;padding:21px 22px 17px}
.guides-page .guide-card h2{font-size:18px;line-height:1.45;letter-spacing:-.4px;font-weight:600;margin:0 0 10px;text-wrap:pretty}
.guide-card h2 a:hover{color:var(--accent)}
.guides-page .guide-card-body>p{font-size:12px;line-height:1.85;color:var(--muted);margin-bottom:20px;max-width:700px}
.guide-card-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:14px;border-top:1px solid var(--border);margin-top:auto;font-size:11px}
.guide-card-date{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}
.guide-card-date svg{opacity:.8}
.guide-card-read{display:inline-flex;align-items:center;gap:12px;color:var(--accent);font-weight:500;min-height:30px}
.guide-card-read svg{transition:transform .18s ease}.guide-card-read:hover svg{transform:translateX(3px)}
.guides-page .pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:11px;color:var(--muted)}
.guides-page .pagination a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--accent)}
.guides-page .pagination a[rel=prev] svg{transform:rotate(180deg)}
.guides-empty{padding:30px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:13px}
@media(max-width:1050px){.guides-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-card-body{padding:17px 16px}.guides-page .guide-card h2{font-size:16px}}
@media(max-width:800px){.guides-hero-art{height:130px}}
@media(max-width:540px){.guides-page{padding-bottom:36px}.guides-hero{padding-top:23px}.guides-hero .content-breadcrumb{margin-bottom:20px}.guides-page .guides-hero h1{font-size:29px;letter-spacing:-.9px;max-width:350px}.guides-page .guides-lead{font-size:12px;line-height:1.8}.guides-hero-art{height:110px;margin-top:6px}.guides-grid{grid-template-columns:minmax(0,1fr)}.guide-card-body{padding:17px}.guide-card{border-radius:12px}.guides-page .guide-card-body>p{font-size:11px}.guide-card-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){.guides-page *{transition:none!important}}


@media(max-width:540px){.guides-page .guide-card h2{font-size:18px}}

@media(max-width:767px){.guides-grid{grid-template-columns:minmax(0,1fr)}.guides-layout{padding-top:20px}}