
.guide-head{border-bottom:1px solid var(--line);background:#211619}
.guide-head .shell{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px}
.guide-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 23px var(--title);letter-spacing:.8px;color:var(--cream)}
.guide-brand img{width:110px;max-height:65px;object-fit:contain}
.guide-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.guide-links a{font:700 13px var(--title);text-decoration:none;color:var(--gold)}
.guide-shell{max-width:1090px;margin:0 auto;padding:30px 22px 65px}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font:700 11px var(--title);letter-spacing:.8px;color:var(--muted);margin-bottom:28px}
.breadcrumb a{color:var(--gold)}
.guide-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch;margin-bottom:24px}
.guide-hero-copy{padding:36px;background:linear-gradient(135deg,#38231f,#201719);border:1px solid #61442f}
.guide-hero h1{font:900 clamp(38px,5vw,64px)/.95 var(--title);margin:10px 0 20px;color:var(--cream)}
.guide-hero p{font-size:14px;line-height:1.7;max-width:620px;color:#d0c2b8}
.guide-hero .primary-btn{display:inline-flex;flex:none;margin:15px 0 0;white-space:normal;max-width:100%}
.guide-example{background:#1b1618;border:1px solid var(--line);padding:28px;display:flex;justify-content:center;flex-direction:column;gap:14px}
.guide-example .chapter{font-size:10px}
.guide-example .sample-clock{font:900 clamp(66px,8vw,116px)/1 var(--title);color:var(--gold)}
.guide-example p{font-size:12px;color:var(--muted);margin:0}
.guide-example .sample-pills{display:flex;gap:8px;flex-wrap:wrap}
.guide-example .sample-pills span{border:1px solid #7a5435;padding:8px 10px;font:800 12px var(--title)}
.guide-panel{padding:25px;margin-top:18px;background:#1b1618;border:1px solid var(--line)}
.guide-panel h2{font:900 clamp(26px,3vw,37px)/1 var(--title);color:var(--cream);margin:0 0 16px}
.guide-panel h2 em{font-style:normal;color:var(--gold)}
.guide-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-example-card{background:#2c211f;border:1px solid #6b4838;padding:20px;min-width:0}
.guide-example-card h3{font:900 24px/1.05 var(--title);color:var(--gold);margin:0 0 11px}
.guide-example-card p{font-size:13px;color:#c8b9ae;line-height:1.7;margin:0}
.guide-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-method article{min-width:0;padding:15px 0;border-top:1px solid #50403b}
.guide-method h3{font:900 22px var(--title);color:var(--gold);margin:0 0 5px}
.guide-method p{font-size:13px;color:#c8b9ae;margin:0;line-height:1.7}
.guide-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.guide-related a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;color:var(--gold);border:1px solid #674835;text-decoration:none;font:800 18px/1.1 var(--title)}
.guide-related a:hover{background:#34251e}
.guide-disclaimer{padding:14px 0;color:#a99c93;font-size:11px;line-height:1.7}
.guide-footer{background:#171214;border-top:1px solid var(--line);padding:19px 0 30px}
.guide-footer .shell{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;color:var(--muted);font-size:11px}
.guide-footer a{color:var(--gold)}
@media(max-width:800px){.guide-hero{grid-template-columns:1fr}.guide-examples,.guide-method,.guide-related{grid-template-columns:1fr 1fr}.guide-hero-copy{padding:25px}.guide-example{padding:20px}}
@media(max-width:540px){.guide-shell{padding:20px 14px 45px}.guide-head .shell{flex-wrap:wrap;padding:10px 0}.guide-links{gap:10px}.guide-brand{font-size:17px}.guide-brand img{width:95px}.guide-examples,.guide-method,.guide-related{grid-template-columns:1fr}.guide-panel{padding:18px}.guide-hero-copy{padding:22px}.guide-hero h1{font-size:40px}}
