.guide-shell{max-width:1120px;margin:auto;padding:clamp(24px,5vw,72px) clamp(20px,4vw,48px)}
.guide-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--rule);padding-bottom:20px;font-size:.95rem}.guide-nav a:first-child{font-weight:600;margin-right:auto;text-decoration:none}.guide-nav a{ text-underline-offset:4px}
.eyebrow{font:500 .75rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.guide-hero{padding:64px 0 40px;border-bottom:1px solid var(--rule)}.guide-hero h1{font:400 clamp(2.6rem,6vw,4.8rem)/1.05 var(--serif);max-width:900px;margin:18px 0 24px;letter-spacing:-.02em}.guide-intro{font-size:1.16rem;max-width:760px;color:var(--ink-2)}
.guide-cta{display:inline-block;background:var(--ink);color:var(--bg);padding:12px 18px;text-decoration:none;margin-top:16px;font-weight:500}.guide-cta:hover{background:var(--accent);color:#fff}
.guide-body{max-width:760px;margin:48px auto}.guide-body h2{font:400 clamp(1.8rem,4vw,2.4rem)/1.2 var(--serif);margin:48px 0 18px}.guide-body p,.guide-body li{line-height:1.8}.guide-body li{margin:10px 0}.guide-body a{overflow-wrap:anywhere;text-underline-offset:3px}
.worked{padding:24px;border-left:3px solid var(--accent);background:var(--surface);margin:24px 0}.worked p{margin:12px 0;overflow-wrap:anywhere}.worked .answer{font-size:1.35rem;font-weight:500;color:var(--accent)}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:32px 0}.guide-item{border-top:1px solid var(--rule);padding:24px 0}.guide-item h2,.guide-item h3{font:400 1.85rem/1.15 var(--serif);margin:12px 0}.guide-item p{color:var(--ink-2)}.guide-item a{text-decoration:none}.guide-item a:hover{text-decoration:underline;text-underline-offset:4px}.guide-note{font-size:.88rem;color:var(--ink-2);border-top:1px solid var(--rule);padding-top:20px}.guide-footer{border-top:1px solid var(--rule);padding-top:28px;display:flex;gap:20px;flex-wrap:wrap;font-size:.9rem}.guide-home{grid-column:1/-1;padding-block:56px}.guide-home h2{font:400 clamp(2.1rem,4vw,3.5rem)/1.1 var(--serif)}
@media(max-width:640px){.guide-grid{grid-template-columns:1fr}.guide-hero{padding-top:36px}.guide-shell{padding-top:20px}.worked{padding:18px}.guide-body{margin-top:32px}.guide-nav{gap:14px}}

/* Guide pages share the Lobby chrome and tokens without changing catalog pages. */
.guide-page .guide-shell{max-width:82rem;padding:0 clamp(1rem,4vw,3rem) 4rem}
.guide-page .guide-hero{padding:clamp(2.5rem,6vw,4.5rem) 0 2.5rem}
.guide-page .guide-hero h1{font-size:clamp(2.8rem,7.2vw,6rem);line-height:.98;margin-top:1.4rem}
.guide-page .guide-nav{display:none}
.guide-page .guide-grid{margin-top:2.5rem;column-gap:3rem}
.guide-page .guide-item{padding:1.5rem 0 2rem}
.guide-page .guide-item h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.guide-page .guide-login{flex:none}
.guide-mobile-nav{display:none;position:relative;font:500 .8rem/1.4 var(--mono)}
.guide-mobile-nav summary{cursor:pointer;padding:.5rem;border:1px solid var(--rule);border-radius:3px}
.guide-mobile-nav nav{position:absolute;right:0;top:calc(100% + 1rem);min-width:180px;padding:1rem;background:var(--surface);border:1px solid var(--rule);box-shadow:0 8px 24px #0002}
.guide-mobile-nav nav a{display:block;padding:.5rem;text-decoration:none}
@media(max-width:960px){.guide-mobile-nav{display:block}.guide-page .top-nav{display:none}.guide-page .brand{margin-right:auto}}
.guide-page .guide-body{max-width:800px}
.guide-page .top a[aria-current=page]{color:var(--ink)}
@media(max-width:640px){.guide-page .top{gap:.75rem}.guide-page .brand{margin-right:auto}.guide-page .brand interaenge-mark{width:34px;height:34px}.guide-page .guide-grid{margin-top:1.5rem}.guide-page .guide-hero h1{font-size:clamp(2.8rem,10vw,4rem)}}

/* alcance 20261103: cartão de vídeo e redes no rodapé curto */
.guide-video{margin:2rem 0}
.guide-video a{display:flex;gap:1rem;align-items:center;padding:.75rem;border:1px solid var(--rule);border-radius:6px;color:var(--ink);text-decoration:none;background:var(--surface)}
.guide-video a:hover{border-color:var(--accent)}
.guide-video img{width:160px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;flex-shrink:0}
.guide-video span{display:flex;flex-direction:column;gap:.25rem;line-height:1.35}
.guide-video strong{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
@media (max-width:480px){.guide-video img{width:110px}}
.guide-footer-redes{display:inline-flex;flex-wrap:wrap;gap:.3rem 1rem}

/* alcance 20261103 v2: redes com ícone abaixo da descrição do rodapé */
.foot-redes-col{display:flex;flex-direction:column;gap:.55rem;margin-top:1.4rem}
.foot-redes-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:0 0 .15rem}
.foot-rede{display:inline-flex;align-items:center;gap:.6rem;width:fit-content;color:var(--ink);text-decoration:none;font-size:.9rem}
.foot-rede svg{opacity:.85;flex-shrink:0}
.foot-rede:hover{color:var(--accent)}

.guide-cta-sec{display:inline-flex;align-items:center;min-height:44px;margin:.6rem 0 0 .7rem;padding:12px 18px;border:1px solid var(--rule);border-radius:8px;color:var(--ink);text-decoration:none;font-weight:500;transition:border-color .15s ease,color .15s ease}.guide-cta-sec:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:560px){.guide-cta-sec{margin-left:0}}