.guide-content .byline{font-size:.9rem;color:var(--white-2);margin:.6rem 0 1.5rem}.guide-content h2,.guide-content h3{scroll-margin-top:8rem}.guide-content h2{border-top:1px solid var(--line-dark);padding-top:1.2rem}.guide-content h3{margin-top:3rem}.guide-content p,.guide-content li{max-width:48rem}.guide-content>p:first-of-type:not(.breadcrumbs){font-size:1.2rem}.guide-content a:focus-visible,.guide-content button:focus-visible,.guide-content summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.guide-content .table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line-dark);margin:1.2rem 0 2rem}.guide-content table{margin:0;min-width:720px}.guide-content th{position:sticky;top:0;z-index:1;background:var(--black-2)}.guide-content td:first-child{min-width:8rem}.guide-content code{font-size:.89em}.guide-content .code-block{max-height:38rem;overflow:auto;padding:1.2rem;background:var(--black-2);border:1px solid var(--line-dark);font-size:.82rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.guide-content blockquote{margin:1rem 0;padding:.5rem 1.2rem;border-left:4px solid var(--accent);background:var(--black-2)}
.resource-panel{border:1px solid var(--line-dark);background:linear-gradient(145deg,var(--black-2),transparent);padding:clamp(1rem,3vw,2rem);margin:1.5rem 0 3rem}.resource-panel h2{border:0;padding:0;margin:.2rem 0 .7rem}.eyebrow,.flow-kicker{font:700 .72rem/1.2 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.resource-steps{counter-reset:step;display:grid;gap:.8rem;padding:0;margin:1.4rem 0 0!important}.resource-steps li{counter-increment:step;display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem 1rem;padding:1rem;border:1px solid var(--line-dark);background:var(--black)}.resource-steps li::before{content:counter(step);display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--accent);border-radius:50%;font-weight:800;color:var(--accent)}.resource-copy{display:flex;flex-direction:column;gap:.25rem}.resource-steps span{font-size:.9rem;color:var(--white-2)}.resource-links{grid-column:2;display:flex;flex-flow:row wrap;gap:.55rem}.resource-steps a{padding:.58rem .75rem;border:1px solid var(--line-dark);text-decoration:none;font-size:.82rem;font-weight:750;white-space:nowrap}.resource-steps a:hover,.resource-steps a.primary{border-color:var(--accent);color:var(--accent)}
.guide-diagram,.format-strip{max-width:100%;margin:1.5rem 0 2.5rem;border:1px solid var(--line-dark);background:var(--black-2);padding:clamp(1rem,3vw,1.7rem)}.guide-diagram figcaption,.format-strip figcaption,.screen-example figcaption,.video-lesson figcaption{font-size:.91rem;line-height:1.55;color:var(--white-2);margin-top:.9rem}.guide-diagram figcaption strong,.screen-example figcaption strong,.video-lesson figcaption strong{color:var(--white)}.guide-diagram figcaption span,.screen-example figcaption span,.video-lesson figcaption span{display:block}.flow{display:grid;gap:.75rem}.split-flow{grid-template-columns:1fr 1fr}.lane,.flow-stage{padding:1rem;border:1px solid var(--line-dark);background:var(--black);display:flex;flex-direction:column;gap:.35rem}.lane small,.flow-stage small{color:var(--white-2)}.split-flow>.flow-arrow,.split-flow>.flow-stage{grid-column:1/-1}.flow-arrow{text-align:center;color:var(--accent);font-size:1.35rem}.flow-stage{text-align:center}.flow-stage.decision{border-color:var(--accent)}
.two-lane{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.two-lane section{border:1px solid var(--line-dark);background:var(--black);padding:1rem}.two-lane h3{margin:.35rem 0 1rem}.two-lane ul{padding-left:1.2rem}.lane-vs{align-self:center;color:var(--accent);font:700 .72rem var(--font-mono,monospace);text-transform:uppercase;writing-mode:vertical-rl}.lane-total{border-top:1px solid var(--line-dark);padding-top:.75rem;font-weight:800}
.key-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.7rem;align-items:center}.key-map>div:not(.map-plus){min-width:0;display:flex;flex-direction:column;gap:.4rem;padding:1rem;border:1px solid var(--line-dark);background:var(--black)}.key-map span{font-weight:800}.key-map code{display:block;padding:.24rem .4rem;background:var(--black-2);overflow-wrap:anywhere}.map-plus{color:var(--accent);font-size:1.25rem;font-weight:800}
.gate-flow{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.gate-start{padding:1rem;border:1px solid var(--accent);font-weight:800}.gate-flow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;padding:0;margin:0!important}.gate-flow li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.65rem;border:1px solid var(--line-dark);background:var(--black)}.gate-flow li b{color:var(--accent)}.gate-results{display:grid;gap:.55rem}.gate-results p{display:flex;flex-direction:column;padding:.75rem;margin:0;border:1px solid var(--line-dark);background:var(--black)}.gate-results p:last-child{border-color:#e3906c}.gate-results span{font-size:.8rem;color:var(--white-2)}
.worked-flow{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:.8rem}.worked-flow section{padding:1rem;border:1px solid var(--line-dark);background:var(--black)}.worked-flow p{font-size:.9rem;padding:.55rem;margin:.5rem 0;background:var(--black-2)}.worked-flow .accepted{border-left:3px solid #4cb59f}.worked-flow .held{border-left:3px solid #e3906c}.worked-decision{border-color:var(--accent)!important;display:flex;flex-direction:column;gap:.6rem}.worked-decision p{margin-top:auto}
.format-strip>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.format-strip a,.format-strip .maestro-format{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid var(--line-dark);background:var(--black);text-decoration:none}.format-strip span span{color:var(--white-2);font-size:.88rem}.format-strip .maestro-format{border-color:var(--accent)}
.screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2.5rem}.screen-example{min-width:0;margin:0!important;border:1px solid var(--line-dark);background:var(--black-2);padding:.75rem}.screen-example a{position:relative;display:block;overflow:auto;max-height:34rem;background:#fff}.screen-example img{display:block;width:100%;height:auto;margin:0}.screen-example a>span{position:sticky;left:.5rem;bottom:.5rem;display:inline-block;padding:.35rem .5rem;background:rgba(13,23,31,.92);color:#fff;font-size:.78rem}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.3rem 0 2rem}.download-grid a{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid var(--line-dark);background:var(--black-2);text-decoration:none;font-size:.94rem;line-height:1.45}.download-grid a:hover{border-color:var(--accent)}.download-grid span{font-weight:400;color:var(--white-2)}.full-prompt{max-width:100%;padding:1.2rem;border:1px solid var(--line-dark);background:var(--black-2);margin:1.5rem 0 2.5rem}.full-prompt summary{cursor:pointer;font-weight:700}.full-prompt pre{max-height:38rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;border:1px solid var(--line-dark);font-size:.82rem;line-height:1.55}.full-prompt button{font:inherit;cursor:pointer;padding:.6rem .9rem;border:1px solid var(--accent);background:var(--accent);color:var(--black);font-weight:700}.copy-status{margin-left:.7rem;font-size:.86rem}
.video-lesson{max-width:50rem;margin:1.5rem 0 2.5rem}.video-frame{position:relative;aspect-ratio:16/9;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-lesson figcaption strong,.video-lesson figcaption span{display:block}.video-lesson figcaption a{display:inline-block;margin-top:.45rem;font-size:.88rem}.decision-card{padding:1.2rem;border:1px solid var(--accent);background:var(--black-2);margin:1.3rem 0 2rem}.decision-card p{margin:.6rem 0}.decision-card ol{margin:.6rem 0 0}.guide-content details{scroll-margin-top:8rem}
@media(max-width:900px){.screen-pair,.download-grid,.worked-flow{grid-template-columns:1fr}.two-lane{grid-template-columns:1fr}.lane-vs{writing-mode:horizontal-tb;text-align:center}.key-map{grid-template-columns:1fr}.map-plus{text-align:center}.gate-flow{grid-template-columns:1fr}.gate-flow ol{grid-template-columns:1fr 1fr}.format-strip>div{grid-template-columns:1fr 1fr}.guide-content .table-wrap{overflow:visible;border:0}.guide-content table,.guide-content tbody,.guide-content tr,.guide-content td{display:block;width:100%;min-width:0}.guide-content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.guide-content tr{margin:0 0 1rem;padding:.75rem;border:1px solid var(--line-dark);background:var(--black-2)}.guide-content td{display:grid;grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);gap:.7rem;padding:.5rem 0;border:0;border-bottom:1px solid var(--line-dark)}.guide-content td:last-child{border-bottom:0}.guide-content td::before{content:attr(data-label);font-size:.75rem;line-height:1.3;font-weight:800;text-transform:uppercase;color:var(--white-2)}.guide-content td:first-child{font-size:1rem}.guide-content td:first-child::before{color:var(--accent)}}
@media(max-width:560px){.split-flow,.format-strip>div,.gate-flow ol{grid-template-columns:1fr}.split-flow>.lane{grid-column:1}.resource-steps li{display:flex;flex-direction:column;align-items:flex-start}.resource-steps li::before{flex:none}.resource-links{display:grid;grid-template-columns:1fr;width:100%}.resource-steps a{width:100%;text-align:center}.guide-content td{grid-template-columns:1fr;gap:.15rem}.guide-content .code-block{font-size:.77rem}.screen-example a{max-height:28rem}}