/* Cans.NYC v2 - information utility. NYC wayfinding clarity, no decoration for its own sake. */
:root{
  --ink:#14171a; --ink-soft:#3c434a; --ink-faint:#6b7280;
  --paper:#fafaf7; --card:#ffffff; --line:#e2e4e0; --line-dark:#14171a;
  --green:#0b5a3c; --green-deep:#07452e; --green-wash:#eef4f0;
  --amber:#b45309; --amber-wash:#fdf6ec;
  --mono:ui-monospace,'SF Mono','Cascadia Mono',Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--green-deep)}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}

/* disclosure strip */
.disclosure{background:var(--ink);color:#d7dad4;font-size:12.5px;padding:7px 20px;text-align:center;letter-spacing:.01em}
.disclosure a{color:#9fd4b8}

/* header */
.sitehead{border-bottom:2px solid var(--ink);background:var(--card)}
.sitehead .wrap{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.brand{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand .dot{color:var(--green)}
.siteline{font-size:13px;color:var(--ink-faint);flex:1;min-width:150px}
.mainnav{display:flex;gap:2px;flex-wrap:wrap}
.mainnav a{font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;padding:6px 10px;border-radius:4px}
.mainnav a:hover{background:var(--green-wash);color:var(--green-deep)}
.mainnav a.on{color:var(--green-deep);text-decoration:underline;text-underline-offset:4px}
.searchbox{display:flex;width:100%;max-width:340px;border:1.5px solid var(--ink);border-radius:6px;overflow:hidden;background:var(--card)}
.searchbox input{flex:1;border:0;padding:9px 12px;font-size:14px;font-family:var(--sans);background:transparent;color:var(--ink)}
.searchbox input:focus{outline:none}
.searchbox button{border:0;background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:0 14px;cursor:pointer}

/* eyebrow / section labels */
.eyebrow{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:10px;margin:0 0 10px}
.eyebrow::before{content:"";width:26px;height:3px;background:var(--green)}
.eyebrow.dark{color:var(--ink)} .eyebrow.dark::before{background:var(--ink)}

/* hero */
.hero{padding:44px 0 34px;border-bottom:1px solid var(--line);background:var(--card)}
.hero h1{font-size:clamp(32px,6vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:16ch}
.hero .lede{font-size:clamp(17px,2.6vw,21px);color:var(--ink-soft);max-width:56ch;margin-top:14px}
.verifyline{margin-top:18px;font-size:13px;color:var(--ink-faint);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.verifyline .tick{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green)}

/* live notice */
.notice{border:2px solid var(--ink);border-left:8px solid var(--green);background:var(--card);padding:16px 18px;border-radius:6px;margin:26px 0}
.notice .tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
.notice p{font-size:15.5px;color:var(--ink-soft)}
.notice strong{color:var(--ink)}

/* sections */
section.block{padding:40px 0 8px}
h2.blocktitle{font-size:clamp(24px,4vw,32px);letter-spacing:-.02em;font-weight:800;line-height:1.1;margin-bottom:6px}
.blocksub{color:var(--ink-soft);font-size:15.5px;max-width:60ch;margin-bottom:22px}

/* right-now Q&A grid */
.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.qa{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;display:block;text-decoration:none;color:inherit;transition:border-color .15s, box-shadow .15s}
.qa:hover{border-color:var(--green);box-shadow:0 2px 10px rgba(11,90,60,.08)}
.qa .q{font-weight:700;font-size:16px;letter-spacing:-.01em;margin-bottom:6px}
.qa .a{font-size:14.5px;color:var(--ink-soft)}
.qa .a strong{color:var(--green-deep)}
.qa .more{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-top:12px}

/* what changed */
.changes{list-style:none}
.changes li{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.changes .d{font-family:var(--mono);font-size:12.5px;color:var(--ink-faint);white-space:nowrap;padding-top:2px;min-width:74px}
.changes a{font-weight:600}
.seeall{display:inline-block;margin-top:14px;font-weight:600;font-size:14.5px}

/* property selector */
.selector{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:0}
.selector button{font-family:var(--sans);font-size:15px;font-weight:700;padding:13px 20px;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);border-radius:8px 8px 0 0;border-bottom:0;cursor:pointer;margin-bottom:-1.5px}
.selector button.sel{background:var(--ink);color:#fff}
.panelwrap{border:1.5px solid var(--ink);border-radius:0 8px 8px 8px;background:var(--card);padding:22px;position:relative}
.panel{display:none}
.panel.show{display:block}
.panel h3{font-size:19px;letter-spacing:-.01em;margin-bottom:4px}
.panel .sub{font-size:14px;color:var(--ink-faint);margin-bottom:16px}
.rd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}
.rd{border:1px solid var(--line);border-radius:6px;padding:12px 14px;background:var(--paper)}
.rd .k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}
.rd .v{font-size:14.5px;line-height:1.45}
.panel .do{background:var(--green-wash);border:1px solid #cfe2d6;border-radius:6px;padding:14px 16px;font-size:15px}
.panel .do .k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:4px}
.panel .src{margin-top:14px;font-size:13px;color:var(--ink-faint)}

/* steps guide */
.steps{counter-reset:step;list-style:none}
.steps li{counter-increment:step;position:relative;padding:0 0 22px 58px}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;background:var(--card)}
.steps li:not(:last-child)::after{content:"";position:absolute;left:18px;top:42px;bottom:2px;width:2px;background:var(--line)}
.steps h4{font-size:16.5px;margin-bottom:4px}
.steps p{font-size:14.5px;color:var(--ink-soft)}

/* sponsor module */
.sponsor-mod{margin:44px 0;border:1px solid var(--line);border-left:8px solid var(--ink);background:var(--card);border-radius:6px;padding:22px}
.sponsor-mod .tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}
.sponsor-mod h3{font-size:clamp(20px,3.4vw,26px);letter-spacing:-.02em;font-weight:800;margin-bottom:8px}
.sponsor-mod p{font-size:15.5px;color:var(--ink-soft);max-width:58ch}
.sponsor-mod .btn{display:inline-block;margin-top:14px;background:var(--ink);color:#fff;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:6px;text-decoration:none}
.sponsor-mod .btn:hover{background:var(--green-deep)}

/* email alerts */
.alerts{background:var(--green-wash);border:1px solid #cfe2d6;border-radius:8px;padding:26px;margin:44px 0}
.alerts h3{font-size:clamp(20px,3.4vw,26px);letter-spacing:-.02em;font-weight:800;margin-bottom:6px}
.alerts .sub{font-size:15px;color:var(--ink-soft);max-width:56ch;margin-bottom:16px}
.alertform{display:flex;gap:8px;max-width:460px;flex-wrap:wrap}
.alertform input[type=email]{flex:1;min-width:220px;border:1.5px solid var(--ink);border-radius:6px;padding:12px 14px;font-size:15px;font-family:var(--sans)}
.alertform button{border:1.5px solid var(--ink);background:var(--ink);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:6px;cursor:pointer}
.alertform button:hover{background:var(--green-deep);border-color:var(--green-deep)}
.alertform .fine{width:100%;font-size:13px;color:var(--ink-faint);margin-top:6px}

/* guides list */
.guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.guide{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px;display:block;text-decoration:none;color:inherit}
.guide:hover{border-color:var(--green)}
.guide .t{font-weight:700;font-size:16px;margin-bottom:4px}
.guide .d{font-size:14px;color:var(--ink-soft)}

/* article scaffolding */
.crumbs{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:26px 0 14px}
.crumbs a{color:var(--ink-faint)}
article.post{max-width:720px}
article.post h1{font-size:clamp(28px,5vw,40px);letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.shortanswer{background:var(--green-wash);border-left:5px solid var(--green);padding:14px 18px;border-radius:0 6px 6px 0;font-size:17.5px;line-height:1.5;margin:18px 0 8px}
.shortanswer .k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:4px}
article.post h2{font-size:22px;letter-spacing:-.015em;margin:34px 0 10px}
article.post h3{font-size:17px;margin:24px 0 8px}
article.post p,article.post li{font-size:16.5px;color:var(--ink-soft)}
article.post p strong,article.post li strong{color:var(--ink)}
article.post ul,article.post ol{padding-left:22px;margin:10px 0}
article.post li{margin-bottom:6px}
article.post p{margin-bottom:12px}
table.rules{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
table.rules th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--ink-faint);padding:8px 10px;border-bottom:2px solid var(--ink)}
table.rules td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.srcline{margin-top:36px;border-top:2px solid var(--ink);padding-top:14px;font-size:13.5px;color:var(--ink-faint)}
.srcline .k{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-right:8px}

/* faq */
.faq details{border:1px solid var(--line);border-radius:8px;background:var(--card);margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:16px 18px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--green);font-size:18px}
.faq details[open] summary::after{content:"\2013"}
.faq .a{padding:0 18px 16px;font-size:15px;color:var(--ink-soft)}
.faq .a p{margin-bottom:8px}

/* timeline */
.tl{list-style:none;border-left:2px solid var(--ink);margin:20px 0 0 6px;padding-left:24px}
.tl li{position:relative;padding-bottom:22px}
.tl li::before{content:"";position:absolute;left:-31.5px;top:6px;width:13px;height:13px;border-radius:50%;background:var(--paper);border:3px solid var(--green)}
.tl .date{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);margin-bottom:3px}
.tl p{font-size:15px}

/* news */
.news-item{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:18px;margin-bottom:14px}
.news-item .date{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-deep);margin-bottom:5px}
.news-item h3{font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
.news-item p{font-size:15px;color:var(--ink-soft);margin-bottom:8px}
.news-item .src{font-size:13px;color:var(--ink-faint)}

.updated{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin:4px 0 18px}

/* footer */
.sitefoot{margin-top:60px;border-top:2px solid var(--ink);background:var(--card)}
.sitefoot .wrap{padding-top:30px;padding-bottom:36px}
.footgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px}
.footgrid h5{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.footgrid a{display:block;font-size:14px;color:var(--ink-soft);text-decoration:none;padding:3px 0}
.footgrid a:hover{color:var(--green-deep)}
.footbase{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-faint);line-height:1.6;max-width:80ch}
.footbase .brand2{font-weight:800;color:var(--ink)}

@media (max-width:640px){
  .hero{padding:32px 0 26px}
  section.block{padding:32px 0 4px}
  .selector button{flex:1;padding:12px 10px;font-size:14px}
  .panelwrap{padding:16px}
}

/* MailerLite embed overrides - keep the utility look */
.alerts .ml-form-embedWrapper, .alerts .ml-embedded{background:transparent !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody{padding:0 !important;background:transparent !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4{font-family:var(--sans) !important;font-size:clamp(20px,3.4vw,26px) !important;font-weight:800 !important;letter-spacing:-.02em !important;color:var(--ink) !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p{font-family:var(--sans) !important;font-size:15px !important;color:var(--ink-soft) !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent .form-control{border:1.5px solid var(--ink) !important;border-radius:6px !important;font-family:var(--sans) !important;font-size:15px !important;padding:12px 14px !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody .primary{font-family:var(--sans) !important;background:var(--ink) !important;border-radius:6px !important;font-weight:700 !important;font-size:15px !important}
.alerts .ml-form-embedWrapper .ml-form-embedBody .primary:hover{background:var(--green-deep) !important}
.alerts .ml-form-successBody .ml-form-successContent h4{font-family:var(--sans) !important;color:var(--green-deep) !important;font-weight:800 !important}
.alerts .ml-form-successBody .ml-form-successContent p{font-family:var(--sans) !important;color:var(--ink-soft) !important}