/* Boroughs & Brood special sections: Playgrounds, the subway with a stroller and the Brood List. Builds on site.css
   (tokens, .bd-* cards, .al-filters, .chip, .tick, .tile, .faq). Loaded only on those pages. */
:root{--sp-brick:#8C3B2E;--sp-slate:#3E4A59;--sp-taxi:#F7B500;--sp-ring:#1A1A1A}
/* shared */
.pg-src{overflow-wrap:anywhere}
.pg-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 14px;color:var(--muted)}
.pg-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:2px solid var(--sp-ring)}
.pg-legend .k-pg,.pg-legend .k-full{background:var(--sp-slate)}.pg-legend .k-spray,.pg-legend .k-part,.pg-legend .k-lesser{background:var(--sp-taxi)}.pg-legend .k-famous{background:var(--sp-brick)}
.pg-jump{margin:0 0 8px}
.pill.pg-spray{background:var(--sp-taxi);color:#1A1A1A}
.pill.bl-lesser{background:var(--sp-taxi);color:#1A1A1A}
.flash{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
/* playgrounds */
.pg-month{margin:22px 0;border-left:10px solid var(--sp-taxi)}
.pg-month p{margin:0 0 8px}.pg-month .eyebrow{margin:0 0 8px}
.pg-picks{margin:10px 0 16px}
.pg-pick h3 a{color:var(--ink);text-decoration:none}.pg-pick h3 a:hover{text-decoration:underline}
.pg-pick>p{margin:0}
.pg-best{display:grid;gap:18px;margin:18px 0}
.pg-best .pg-pick{margin:0}
.pg-mini{height:min(420px,55vh)}
.pg-list{list-style:none;margin:10px 0 0;padding:0;columns:2 420px;column-gap:34px}
.pg-list>li{break-inside:avoid;padding:9px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.45}
.pg-list>li.pg-bh{column-span:all;border-top:0;padding:18px 0 4px}
.pg-list>li.pg-bh h3{font-size:24px;margin:0}
.pg-list strong{font-weight:700}
.pg-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:4px}
.pg-st{font-size:13.5px;color:var(--muted)}
.pg-km{margin-right:8px;font-size:12px}
.pg-spraylist>li{padding:12px 0}
.pg-spraylist h3{font-size:18px}
.pg-sub{list-style:none;margin:4px 0 0;padding:0}.pg-sub li{margin:3px 0;font-size:15px}
.st-list{columns:2 420px}
.st-rules{padding-left:20px;max-width:70ch}.st-rules li{margin:0 0 12px}
.st-table-wrap{overflow-x:auto;margin:12px 0 20px}
.st-table{width:100%;border-collapse:collapse;font-size:15px}
.st-table th,.st-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.st-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.st-table tbody th{font-weight:700}
@media(max-width:700px){.st-table thead{display:none}.st-table,.st-table tbody,.st-table tr,.st-table th,.st-table td{display:block}.st-table tr{border:1px solid var(--line);border-radius:14px;margin:0 0 10px;padding:6px 0}.st-table th,.st-table td{border:0;padding:4px 12px}}
/* the Brood List */
.bl-num{color:var(--muted);font-weight:600}
.bl-card h3 a{color:var(--ink);text-decoration:none}.bl-card h3 a:hover{text-decoration:underline}
.bl-card>p{margin:0}
.bl-tick{background:var(--paper)}
.bl-card.done,.bl-tickbar.done{background:var(--sage);color:var(--sage-ink)}
.bl-card.done .bl-tick,.bl-tickbar.done .bl-tick{background:var(--good);color:#fff;box-shadow:none}
.bl-pass{align-items:flex-start;margin:30px 0}
.bl-pass-main{flex:1 1 420px;min-width:0}
.bl-pass .bd-score{margin:0 0 10px}
.bl-bar{height:12px;border-radius:999px;background:rgba(0,0,0,.1);overflow:hidden;margin:6px 0 12px;max-width:520px}
.bl-bar i{display:block;height:100%;width:0;background:var(--sp-brick);border-radius:999px;transition:width .4s}
.bl-areas{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none}
.bl-areas li{font:600 13px/1.2 var(--sans);background:rgba(255,255,255,.6);border-radius:999px;padding:6px 12px}
.bl-tickbar{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:var(--cream);color:var(--cream-ink);padding:16px 22px;border-radius:var(--radius);margin:18px 0 8px}
.bl-tickbar .eyebrow{margin:0 0 6px;color:inherit;opacity:.8}
.bl-tickline{margin:0;font-size:16px}.bl-tickline a{color:inherit}
.bl-mini-count{font-size:16px}
.bl-main{display:grid;gap:10px 34px;margin:10px 0 20px}
@media(min-width:900px){.bl-main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}
.bl-prose h2{margin-top:28px}
.bl-facts{background:var(--card);border-radius:var(--radius);padding:22px 22px 14px;margin-top:22px}
.bl-facts h2{font-size:22px;margin:0 0 4px}
.bl-facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0;padding:14px 16px;border-radius:var(--r-sm);font-size:15px;background:var(--paper)}
.bl-facts dt{font-weight:700}.bl-facts dd{margin:0}
.bl-mini{height:min(420px,55vh)}
.bl-near .where{margin:2px 0 0}
.bl-km{font-size:12px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .bl-areas li{background:rgba(0,0,0,.25)}:root:not([data-theme="light"]) .bl-filters .chip:not(.on),:root:not([data-theme="light"]) .pg-filters .chip:not(.on){background:var(--paper)}}
/* the printable list */
.pl-sheet{background:#fff;color:#111;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.14);padding:clamp(18px,4vw,40px);max-width:816px;margin:24px auto;font-family:var(--sans)}
.pl-kicker{font:800 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--sp-brick)}
.pl-title{font-size:clamp(34px,6vw,54px);font-style:italic;letter-spacing:-.05em;margin:6px 0 4px;color:#111}
.pl-sub{font-size:18px;margin:0 0 14px}
.pl-name{display:flex;gap:10px;align-items:flex-end;font-weight:700;margin:0 0 18px}.pl-name i,.pl-date i{flex:1;border-bottom:1.5px dotted #777;min-width:80px;height:1.2em;font-style:normal;font-weight:600;font-size:11px}
.pl-cols{columns:2 300px;column-gap:28px}
.pl-group{break-inside:avoid-column;margin:0 0 14px}
.pl-group h2{font-size:18px;margin:0 0 6px;color:#111;border-bottom:2px solid #111;padding-bottom:4px}
.pl-list{list-style:none;margin:0;padding:0}
.pl-row{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;padding:6px 0;border-bottom:1px solid #ddd;break-inside:avoid}
.pl-box{width:18px;height:18px;border:2px solid #111;border-radius:4px;margin-top:2px;display:grid;place-items:center}
.pl-row.done .pl-box{background:#111}
.pl-row.done .pl-box::after{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg) translate(1px,-1px)}
.pl-txt b{display:block;font-size:14.5px;line-height:1.3}
.pl-where{display:block;font-size:12px;color:#555}
.pl-date{grid-column:2;display:flex;gap:6px;align-items:flex-end;font-size:11px;font-weight:700;color:#555}
.pl-foot{font-size:12px;color:#555;margin:14px 0 0;text-align:center}
.pl-tools{margin:18px 0}
@media print{
@page{margin:12mm}
header.site,footer.site,.crumbs,.sec-nav,.pl-screen,.consent,.skip,.signup,.authorbox,.sbar,.sdlg,.bl-tickbar,#bl-map,#pg-map,#pg-mini,#st-map{display:none!important}
html,body{background:#fff!important;color:#000}
.wrap,main{max-width:none!important;padding:0!important;margin:0!important}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.pl-sheet{box-shadow:none;border-radius:0;padding:0;margin:0;max-width:none}
.pl-cols{columns:2}
.pl-row{padding:3px 0}
}