/* Full-site layer: live coffeepgh.com page structures in the Field Index skin. No circles. */
.site nav{flex-wrap:wrap}
.live{max-width:1520px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.live h1,.live .pagetitle{font:800 clamp(34px,6vw,64px)/1.02 Archivo,sans-serif;letter-spacing:-.02em;margin:24px 0 12px}
.live h2{font:800 clamp(22px,3vw,30px)/1.15 Archivo,sans-serif;margin:0 0 10px}
.live h3{font:700 19px/1.25 Archivo,sans-serif;margin:0 0 6px}
.live .eyebrow,.live .module-kicker,.live .rail-label,.live .neighborhood-label,.live dt,.live .section-count,.live .checked-line,.live .hours-heading,.live .section-heading span{font:600 12px/1.3 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.live .hero{background:var(--ink);color:var(--paper);margin:0 calc(-1*clamp(16px,4vw,48px));padding:28px clamp(16px,4vw,48px) 34px;border-bottom:6px solid var(--accent)}
.live .hero .eyebrow,.live .hero .checked-line{color:var(--accent)}.live .hero a{color:var(--paper)}
.live .hero .intro{max-width:780px;font-size:19px}
.live .update-module,.findshop,.beanfeature,.beanshelf,.live .hours-panel,.live .shop-detail,.live .verification-page,.live section.card{border:2px solid var(--line);background:#fff;padding:20px;margin:22px 0}
.live .update-module{display:grid;gap:12px;border-left:10px solid var(--accent)}
.findshop{background:var(--paper2)}
.findshop .search{display:flex;gap:8px;max-width:760px}.findshop input{flex:1;font:inherit;padding:12px;border:2px solid var(--line);min-height:48px;background:#fff}
.findshop button{min-height:48px;padding:0 18px;font:700 14px "IBM Plex Mono",monospace;text-transform:uppercase;background:var(--ink);color:var(--paper);border:0;cursor:pointer}
.live .neighborhood-rail{margin:22px 0}.live .rail-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.live .rail-links a,.live .quiet-link,.live .button-link,.live .text-link,.live .back-link a,.live .footer-links a,.live a.tag,.nearby-list a,.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.live .rail-links a{padding:0 12px;border:2px solid var(--line);background:var(--paper);text-decoration:none;font:600 14px Archivo,sans-serif}
.live .rail-links a:hover{background:var(--accent)}
.live .section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--line);padding-bottom:6px;margin:30px 0 12px}
.live .shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.live .card{border:2px solid var(--line);background:#fff;padding:16px;display:flex;flex-direction:column;gap:6px}
.live .card h3 a{text-decoration:none;display:inline-flex;min-height:44px;align-items:center}.live .card h3 a:hover{text-decoration:underline}
.live dl,.live .card-details,.live .shop-facts,.live .hours-grid{margin:0}.live dd{margin:0 0 6px}
.live .card-chips span,.live .chip-supported{display:inline-block;border:1px solid var(--line);padding:2px 6px;margin:0 4px 4px 0;font:600 11px "IBM Plex Mono",monospace;text-transform:uppercase}
.live .card-note,.live .card-hours-note,.live .card-meta{font-size:14px;color:var(--muted)}
.live .hours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.live .hours-grid>div{border-top:1px solid var(--soft);padding-top:6px}
.live .shop-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}
@media(max-width:800px){.live .shop-detail{grid-template-columns:1fr}}
.live .button-link{background:var(--ink);color:var(--paper);padding:0 18px;text-decoration:none;font:700 14px "IBM Plex Mono",monospace;text-transform:uppercase;margin-right:12px}
.live .nearby-list,.nearby-list{list-style:none;padding:0;margin:0}.nearby-list li{border-top:1px solid var(--soft)}
.live .verification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.live img{height:auto;max-width:min(100%,560px);border:2px solid var(--line)}
.live table{border-collapse:collapse;width:100%}.live th,.live td{text-align:left;padding:8px;border-bottom:1px solid var(--soft);vertical-align:top}
.live p,.live li{max-width:860px}
.live a,.live .rail-links a{min-height:44px;display:inline-flex;align-items:center}
.live .rail-links a{min-width:44px;justify-content:center}
a,summary,button{min-height:44px}
main a,footer a,.crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;vertical-align:middle}
.navmenu{display:none}
@media(max-width:620px){header.site{flex-wrap:nowrap!important;padding:6px 14px}header.site>nav{display:none!important}.brand .logo{width:40px!important}
.navmenu{display:block;position:relative}.navmenu summary{list-style:none;min-height:44px;min-width:44px;padding:0 14px;display:flex;align-items:center;border:2px solid currentColor;font:700 13px "IBM Plex Mono",monospace;text-transform:uppercase;cursor:pointer}
.navmenu summary::-webkit-details-marker{display:none}
.navmenu nav{position:absolute;right:0;top:50px;z-index:20;background:var(--ink);border:2px solid var(--accent);display:flex;flex-direction:column;min-width:220px;padding:6px}
.navmenu nav a{color:var(--paper);min-height:44px;display:flex;align-items:center;padding:0 12px;text-decoration:none;font:600 14px "IBM Plex Mono",monospace;text-transform:uppercase}
.mock-flag{padding:4px 8px;font-size:10px}.live .hero{padding-top:16px}.live h1{margin-top:12px}}
.bsum{border-top:1px solid var(--soft)}.bsum>summary{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 0;cursor:pointer}
.bsum>summary b{font:700 16px Archivo,sans-serif}.bsum>summary .sz{font:400 13px "IBM Plex Mono",monospace}
.bsum[open]>summary{border-bottom:1px dashed var(--soft)}
.beanshelf{border-left:10px solid var(--accent);background:var(--paper)}
.beanfeature{background:var(--ink);color:var(--paper)}.beanfeature a{color:var(--paper)}.beanfeature .answer{color:var(--paper)}
.beanfeature .ptiles a{color:var(--ink)}
.beanfeature .tierlist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.beanfeature .tierlist li{background:var(--paper);color:var(--ink);padding:8px}
.beanfeature .hint a,.beanfeature .sechead a{display:inline-flex;min-height:44px;align-items:center}
.soldat{margin-top:22px}
[hidden]{display:none!important}