/* Public guides only: no portal component overrides. */
.guide-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 40px;padding:0;background:transparent;position:static}
.guide-links a{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #ccd3ca;border-radius:24px;color:#173025;text-decoration:none;font-size:14px;line-height:1.4;background:#f7f5ef}
.guide-links a:hover,.guide-links a:focus-visible{background:#e5ecdf;outline-offset:3px}
.guide-code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:20px;background:#eaf0e6;border:1px solid #ccd3ca;border-radius:8px;font:13px/1.7 monospace;color:#173025;max-width:100%;box-sizing:border-box}
.guide-proof{margin:36px 0}.guide-proof img{display:block;width:100%;height:auto;border:1px solid #ccd3ca;border-radius:8px}.guide-proof figcaption{margin-top:12px;font-size:13px;color:#556259}
.public-guides{max-width:1120px;margin:0 auto;padding:40px 24px}.public-guides h2{font:400 30px/1.2 Georgia,serif}.public-guides .guide-links{margin-bottom:0}
.guide-page h1{overflow-wrap:anywhere}.guide-page p{line-height:1.8}
@media(max-width:600px){.guide-links{gap:8px}.guide-links a{padding:9px 12px}.guide-proof{margin:25px 0}.guide-code{padding:14px}.public-guides{padding:30px 20px}}

/* Real demo imagery stays below the hero; dimensions reserve its layout space. */
.public-guides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:40px;align-items:center}
.public-guides .guide-proof{margin:0}.public-guides .guide-proof a{display:block}.public-guides .guide-proof a:focus-visible{outline:3px solid #173025;outline-offset:4px}
@media(max-width:720px){.public-guides{grid-template-columns:minmax(0,1fr);gap:24px}.public-guides .guide-proof{max-width:420px;width:100%;justify-self:center}}