.bsc-observatory{--bso-accent:#00d1b4;--bso-pink:#bd009f;--bso-ink:#141414;background:#f4f1ec;color:var(--bso-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;width:100%;container-type:inline-size}
.bsc-observatory *{box-sizing:border-box}.bsc-observatory h2,.bsc-observatory h3,.bsc-observatory h4,.bsc-observatory p{margin:0}.bsc-observatory h3{font-size:clamp(20px,3cqw,28px);font-weight:850;letter-spacing:-.04em;line-height:1.2;margin:8px 0 20px}.bsc-observatory a{color:inherit;text-decoration:none}.bsc-observatory a:hover{text-decoration:underline}.bsc-observatory :is(button,a,select,summary):focus-visible{outline:3px solid var(--bso-pink);outline-offset:4px}
.bso-hero{background:#141414;color:#fff;padding:clamp(28px,6cqw,70px);border-bottom:7px solid var(--bso-accent);position:relative;overflow:hidden}.bso-hero:after{content:"↗";position:absolute;right:24px;top:-48px;font-size:230px;opacity:.07;pointer-events:none}.bso-kicker{font-size:11px;font-weight:850;letter-spacing:.13em;display:inline-block}.bso-hero .bso-kicker{color:#111;background:var(--bso-accent);padding:6px 10px}.bsc-observatory .bso-hero h2{font-size:clamp(34px,6.7cqw,76px);font-weight:900;letter-spacing:-.065em;line-height:1.02;max-width:780px;margin:26px 0 20px;color:#fff}.bso-hero p{max-width:570px;color:#ddd;font-size:16px}.bso-hero small{display:block;color:#bcbcbc;margin-top:24px;font-size:11px}.bso-body{padding:clamp(16px,3.5cqw,42px)}
.bso-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:32px}.bso-kpis article{background:#fff;padding:22px;border-top:3px solid #141414;min-width:0}.bso-kpis article:first-child{background:var(--bso-accent)}.bso-kpis span,.bso-kpis small{display:block;font-size:12px}.bso-kpis strong{font-size:clamp(26px,4.7cqw,48px);font-weight:900;line-height:1.5;letter-spacing:-.05em;overflow-wrap:anywhere}.bso-kpis small{color:#484848}.bso-kpis--plain article{padding:16px;background:#f4f1ec!important;border:0}.bso-panel{background:#fff;border:1px solid #e4dfd7;padding:clamp(18px,2.5cqw,30px);min-width:0;margin-bottom:24px}.bso-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.bso-periods{display:flex;gap:4px;flex-wrap:wrap}.bsc-observatory button{font:inherit;font-size:12px;font-weight:750;background:#f4f1ec;color:#111;border:0;border-radius:0;padding:10px 15px;cursor:pointer}.bsc-observatory button[aria-pressed=true]{background:#141414;color:#fff}.bso-metric{font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bsc-observatory select{font:inherit;padding:8px;border:1px solid #ccc;background:#fff;color:#111;max-width:100%}.bsc-observatory .bso-history-summary{font-size:13px;margin:20px 0}.bso-chart{display:flex;gap:12px;overflow-x:auto;padding:30px 4px 16px;margin-bottom:16px;border-bottom:1px solid #ddd}.bso-column{flex:1;min-width:42px;text-align:center}.bso-well{height:160px;display:flex;align-items:flex-end;background:repeating-linear-gradient(to top,#eae6e0 0 1px,transparent 1px 40px)}.bso-bar{background:var(--bso-accent);width:100%;min-height:2px;position:relative}.bso-column:last-child .bso-bar{background:var(--bso-pink)}.bso-bar-value{position:absolute;bottom:100%;left:0;width:100%;font-size:11px;font-weight:750;padding-bottom:4px}.bso-column small{display:block;font-size:10px;white-space:nowrap;margin-top:10px}.bso-note{font-size:12px;color:#62605c;margin:12px 0!important}.bso-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.bso-ranking{list-style:none;padding:0;margin:0 0 22px}.bso-ranking li{margin-bottom:14px}.bso-ranking li>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:5px}.bso-ranking span{overflow-wrap:anywhere}.bso-track{height:5px;background:#eeeae4}.bso-track i{display:block;height:100%;background:#141414}.bso-ranking li:first-child i{background:var(--bso-accent)}.bso-grid>.bso-panel:nth-child(even) .bso-ranking li:first-child i{background:var(--bso-pink)}.bsc-observatory details{font-size:12px;border-top:1px solid #e8e4dd;padding-top:14px}.bsc-observatory summary{cursor:pointer;font-weight:750}.bso-scroll{max-height:360px;overflow:auto;margin-top:14px}.bsc-observatory table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.bsc-observatory th,.bsc-observatory td{padding:10px 8px;border-bottom:1px solid #e8e4dd}.bsc-observatory thead{background:#f4f1ec}.bso-latest{margin:36px 0}.bso-beers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bso-beers article{background:#fff;padding:16px;min-width:0}.bso-label{height:170px;display:flex;align-items:center;justify-content:center;background:#ebe7df;margin-bottom:15px;overflow:hidden}.bso-label img{height:100%;width:100%;object-fit:contain}.bso-label span{font-weight:950;line-height:.9;letter-spacing:-.08em;font-size:44px;color:#b6aea0;transform:rotate(-8deg)}.bsc-observatory .bso-beers h4{font-size:17px;line-height:1.2;font-weight:850;overflow-wrap:anywhere}.bso-beers p{font-size:12px;margin:8px 0}.bso-beers small{font-size:11px;color:#666}.bso-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bso-quality>div{font-size:12px}.bso-quality strong{float:right}.bso-quality meter{display:block;width:100%;height:10px;margin:8px 0;accent-color:var(--bso-accent)}.bso-quality small{color:#666}.bso-footer{font-weight:850;font-size:11px;border-top:2px solid #141414;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.bso-footer span{font-weight:400}
@container(max-width:680px){.bso-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bso-grid{grid-template-columns:1fr}.bso-beers{grid-template-columns:repeat(2,minmax(0,1fr))}.bso-quality{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:360px){.bso-beers,.bso-quality{grid-template-columns:1fr}.bso-kpis article{padding:14px}}
@media print{.bso-chart{overflow:visible}.bso-periods,.bso-metric{display:none}.bso-panel{break-inside:avoid}}