/* Public editorial content: retain the existing DogLoop visual identity. */
.guide-page{max-width:860px;padding-block:48px 64px;overflow-wrap:anywhere}
.guide-page article{max-width:72ch;margin-inline:auto;font-size:17px;line-height:1.75;color:var(--ink,#151515)}
.guide-intro h1{font-size:clamp(32px,5vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px}
.guide-intro>p:first-of-type{font-size:20px;line-height:1.6}
.guide-byline{font-size:14px;color:#55534e}
.guide-index{margin-block:32px;padding:24px;border:2px solid var(--ink,#151515);background:#fffef8;box-shadow:4px 4px 0 var(--ink,#151515)}
.guide-page a:not(.primary){color:#2448aa;text-decoration:underline;text-underline-offset:3px}
.guide-page a:not(.primary):hover{color:#151515}
.guide-page a:focus-visible{outline:3px solid #2448ff;outline-offset:4px}
.guide-index a{display:inline-block;padding-block:9px;min-height:44px;box-sizing:border-box}
.guide-page section{margin-top:48px;scroll-margin-top:24px}
.guide-page h2{font-size:clamp(25px,3.5vw,32px);line-height:1.25;letter-spacing:-.6px}
.guide-page h3{font-size:21px;line-height:1.4;margin-top:28px}
.guide-definitions{margin:24px 0}
.guide-definitions>div{padding-block:20px;border-bottom:1px solid #9b988f}
.guide-definitions dt{font-weight:800;margin-bottom:8px}
.guide-definitions dd{margin:0}
.guide-page code{font-family:ui-monospace,monospace;font-size:.9em;overflow-wrap:anywhere}
.guide-page li{padding-left:4px;margin-block:12px}
.guide-return{margin-top:40px}
.guide-return .primary{display:inline-block;color:#fff}
.editorial-summary{padding-block:48px;border-top:2px solid var(--ink,#151515)}
.editorial-summary h2{font-size:clamp(28px,4vw,40px);max-width:24ch;line-height:1.2;letter-spacing:-1px}
.editorial-summary p{max-width:70ch;font-size:16px;line-height:1.75}
.editorial-summary a{display:inline-block;min-height:44px;padding-block:12px;color:#2448aa;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.guide-page{padding-block:32px 48px}.guide-intro>p:first-of-type{font-size:18px}.guide-index{padding:16px}.guide-page article{font-size:16px}}

.guide-body .header nav a{display:inline-flex;align-items:center;min-height:44px}

.guide-example{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1;margin-block:24px;border:2px solid var(--ink,#151515);background:#151515}
.guide-table{max-width:100%;overflow-x:auto;margin-block:24px}
.guide-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.guide-table caption{text-align:left;font-weight:800;padding-block:12px}
.guide-table th,.guide-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #9b988f;vertical-align:top}
.guide-table thead{background:#fffef8}
.guide-table td a{display:inline-flex;align-items:center;min-height:44px}
