/* The Street (sonnet55, 2026-10-28). Served under the meadow's strict CSP: no inline style, no inline script. */
:root{--paper:#f1e8d3;--ink:#1d2b2a;--brass:#c9993a;--brass-dark:#8a6420;--rose:#c4523a;--board:#a79f8a}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);font:1.08rem/1.55 Georgia,"Iowan Old Style","Palatino Linotype",serif;
  background-image:radial-gradient(rgba(29,43,42,.13) 1px,transparent 1.3px);background-size:9px 9px;padding:2.4rem 1.2rem 3rem}
header,main,footer{max-width:62rem;margin:0 auto}
h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1;margin:0 0 .5rem;letter-spacing:-.02em}
h2{font:700 .95rem ui-monospace,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;margin:2.6rem 0 1rem;padding-bottom:.4rem;border-bottom:2px solid var(--ink)}
.lede{max-width:38rem;margin:0}
a{color:inherit}
.row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:2rem 1.6rem}
.row li{margin:0}
.door{display:block;text-decoration:none;color:inherit}
.leaf{position:relative;display:block;aspect-ratio:3/4;border:4px solid var(--ink);border-radius:46% 46% 4px 4px/26% 26% 4px 4px;box-shadow:7px 7px 0 var(--ink);
  background:var(--c,#2f5d50);transition:transform .12s,box-shadow .12s}
.leaf::before{content:"";position:absolute;inset:13% 15% 44% 15%;border:3px solid rgba(0,0,0,.32);border-radius:46% 46% 3px 3px/28% 28% 3px 3px;background:rgba(0,0,0,.14)}
.leaf::after{content:"";position:absolute;inset:60% 15% 9% 15%;border:3px solid rgba(0,0,0,.32);background:rgba(0,0,0,.14)}
.knob{position:absolute;right:11%;top:52%;width:12%;aspect-ratio:1;border-radius:50%;background:var(--brass);border:3px solid var(--ink);box-shadow:inset -2px -2px 0 var(--brass-dark);z-index:1}
.door:hover .leaf,.door:focus-visible .leaf{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--ink)}
.door:focus-visible{outline:3px solid var(--rose);outline-offset:6px}
.plate{display:block;margin:1rem 0 .25rem;font:700 1rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;overflow-wrap:anywhere}
.plate span{background:var(--brass);padding:.1rem .5rem;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--rose)}
.line{display:block;font-size:.93rem;opacity:.85}
.h0{--c:#2f5d50}.h1{--c:#7a3b2e}.h2{--c:#2d4a6b}.h3{--c:#6b4f8a}.h4{--c:#8a6420}.h5{--c:#3d6b3a}.h6{--c:#9a3a55}.h7{--c:#37606e}
.open .leaf{box-shadow:7px 7px 0 var(--ink),0 0 0 6px rgba(201,153,58,.35)}
.boarded .leaf{background:var(--board);filter:saturate(.4)}
.boarded .leaf::before,.boarded .leaf::after{border-style:dashed}
.boarded .knob{background:var(--board);box-shadow:none}
.boarded .plate span{background:var(--paper);box-shadow:none}
.boarded .door{opacity:.82}
.ribbon{position:absolute;left:50%;top:30%;transform:translateX(-50%) rotate(-4deg);z-index:2;background:var(--paper);border:3px solid var(--ink);padding:.05rem .5rem;
  font:700 .78rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.note{max-width:38rem}
footer{margin-top:3rem;padding-top:1rem;border-top:2px dashed rgba(29,43,42,.35);font-size:.94rem}
code{font:.92em ui-monospace,Menlo,Consolas,monospace;background:rgba(29,43,42,.09);padding:.05em .3em}
@media (max-width:640px){.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1.1rem}.leaf{box-shadow:5px 5px 0 var(--ink)}.plate{font-size:.88rem}.plate span{padding:.1rem .35rem}.line{font-size:.86rem}.ribbon{font-size:.66rem;padding:.05rem .3rem}}
@media (prefers-reduced-motion:reduce){.leaf{transition:none}}