.city-nav{border:2px solid #90392f;background:#ead196;color:#602c2a;font-weight:800;padding:8px 12px;box-shadow:2px 2px 0 #90392f}.city-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;border:3px solid #754237;background:#ead4a5;padding:22px 26px;box-shadow:5px 5px 0 #bf976d;margin-bottom:26px}.city-invitation h2{font:700 29px var(--display);margin:5px 0}.city-invitation p{max-width:700px;font-size:14px;line-height:1.55}.city-invitation .primary{min-width:180px;width:auto}.city-board-mode{overflow:auto!important;height:auto!important;min-height:100vh}.city-board-mode .workspace,.city-board-mode .status-bar,.city-board-mode .timeline-bar,.city-board-mode #founding{display:none!important}.city-board-mode .topbar{position:sticky;top:0;z-index:8}.city-board{max-width:1440px;margin:auto;padding:28px 34px 50px}.city-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.city-topline>div{display:flex;gap:8px}.city-hero{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:35px;margin:24px 0}.city-hero h1{font:700 clamp(34px,4.8vw,62px) var(--display);line-height:1.1;color:#76352e;margin:0 0 10px}.city-hero>div>p{line-height:1.7;font-size:15px;max-width:730px}.tycoon-plaque{border:4px double #ac7846;background:#294e45;color:#f6ddb1;box-shadow:5px 5px 0 #ac8c64;padding:17px 22px;display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:10px}.tycoon-plaque>span{grid-row:1/4;font:50px var(--display);color:#ecc65e}.tycoon-plaque small{text-transform:uppercase;letter-spacing:1px;font-size:10px}.tycoon-plaque strong{font:26px var(--display);overflow-wrap:anywhere}.tycoon-plaque p{font-size:11px!important;line-height:1.4!important;margin:3px 0}.city-join{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px;background:#f3e4c7;border:2px solid #ba9b70;margin:20px 0}.city-join h2{font:28px var(--display);margin:0}.city-join p{font-size:14px;line-height:1.6}.city-join .primary{max-width:210px}.city-join input,.deal-field input,.counter-row input{display:block;box-sizing:border-box;width:100%;border:2px solid #9d8063;background:#fff4dd;padding:11px;font:inherit;margin:7px 0}.city-join label{min-width:180px;font-size:12px}.company-strip{display:flex;flex-wrap:wrap;gap:18px 30px;padding:18px 22px;background:#e5cf9f;border:2px solid #b49061;align-items:center}.company-strip>div{display:flex;flex-direction:column;gap:4px}.company-strip small{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#66543f}.company-strip b{font:22px var(--display);overflow-wrap:anywhere}.company-strip .primary{margin-left:auto;width:auto;min-height:40px}.city-tabs{display:flex;gap:4px;margin:24px 0 20px;border-bottom:3px solid #aa7250;overflow-x:auto}.city-tabs button{font-size:14px;font-weight:700;white-space:nowrap;background:#ead7b3;padding:13px 22px;border:2px solid transparent;border-bottom:0}.city-tabs .active{background:#9d352f;color:#fff0d5;border-color:#76352e}.offer-count{background:#ead07b;color:#633831;padding:1px 6px}.shared-map{position:relative;max-height:410px;aspect-ratio:2.85;overflow:hidden;background:#bdc5a0;border:3px solid #81654c;box-shadow:4px 4px 0 #c5a67e}.shared-map>svg{width:100%;height:100%;object-fit:cover;opacity:.83}.shared-map .map-title{position:absolute;left:16px;right:16px;top:12px;z-index:1;display:flex;justify-content:space-between;gap:10px}.shared-map .map-title b{font:24px var(--display)}.shared-map .map-title span{font-size:11px;background:#faebcc;padding:5px}.district-pins{position:absolute;transform:translate(-50%,-50%);background:#f3e3bea8;padding:5px;border:1px solid #b69d72}.district-pins>strong{display:block;font:17px var(--display);margin-bottom:5px;text-shadow:1px 1px #f5e8c8}.district-pins>div{display:grid;grid-template-columns:repeat(3,29px);gap:4px;justify-content:center}.district-pins button{width:29px;height:27px;background:#f9e5b8;border:2px solid #735744;font:15px var(--display);box-shadow:2px 2px 0 #705a4980}.district-pins button.owned{background:#ab4c3b;color:#ffefd3}.district-pins button.mine{background:#325c4f;color:#ffefd3}.district-pins button.selected{outline:3px solid #e6ad42;outline-offset:1px}.shared-map-key{position:absolute;bottom:12px;left:16px;display:flex;gap:16px;background:#f4e5c6;padding:6px 12px;font-size:11px}.city-market-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:24px;align-items:start}.property-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.property-card{padding:0;text-align:left;border:2px solid #baa077;background:#f3e4c8;overflow:hidden;box-shadow:3px 3px 0 #d1b993;min-width:0}.property-card.selected{border-color:#983c31;outline:2px solid #983c31}.property-thumb{position:relative;background:#d5bc91}.property-thumb svg{display:block;width:100%;height:100px;object-fit:cover}.property-thumb>span{position:absolute;right:6px;bottom:6px;background:#395847;color:#fff0d3;padding:3px 7px;font-size:10px}.property-card>div:last-child{padding:13px 14px}.property-card h3{font:22px var(--display);margin:5px 0}.property-card p{font-size:12px;margin:5px 0 13px;overflow-wrap:anywhere}.property-card b{display:block;font:22px var(--display)}.property-card small{font-size:10px;color:#735f4c}.property-detail{position:sticky;top:91px;max-height:calc(100vh - 110px);overflow-y:auto;padding:22px;border:3px solid #956c4b;background:#f7e9cc;box-shadow:5px 5px 0 #c8a67c}.property-detail h2{font:31px var(--display);margin:6px 0 13px}.detail-art>svg{width:100%;height:auto;display:block}.owner-line{font-size:13px;line-height:1.5}.property-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:16px 0;border-block:1px dashed #b69976;margin:15px 0}.property-facts small{font-size:10px;display:block;color:#796246}.property-facts b{display:block;font:22px var(--display);margin-top:4px}.property-detail .tradeoffs{grid-template-columns:1fr;gap:8px;font-size:12px}.property-detail .tradeoffs p{font-size:12px}.property-detail .hint{line-height:1.6;font-size:12px;text-align:left}.property-detail .primary{margin-top:13px;min-height:44px}.deal-field{display:block;font-size:12px;margin:15px 0}.deal-costs{width:100%;border-collapse:collapse;font-size:12px;margin:14px 0}.deal-costs td,.deal-costs th{padding:8px 0;border-bottom:1px dashed #c6ac85}.deal-costs th{text-align:left}.deal-costs td:last-child{text-align:right;white-space:nowrap}.deal-costs .all-in{font-weight:800;color:#763b2a;background:#ecd5a4;font-size:14px}.all-in td,.all-in th{padding:10px 4px}.negotiation-intro h3{font:25px var(--display);margin:22px 0 6px}.negotiation-intro p{font-size:13px;line-height:1.6}.purchase-total{background:#e6d49d;padding:14px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.section-intro{max-width:800px;margin:27px 0}.section-intro h2{font:35px var(--display);margin:0 0 8px;color:#75352e}.section-intro p{font-size:14px;line-height:1.7}.portfolio-grid,.offers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-card,.offer-card{background:#f1e0bc;border:2px solid #a38059;padding:22px;box-shadow:4px 4px 0 #d3b98d;min-width:0}.portfolio-card>.eyebrow{margin-top:18px;display:block}.portfolio-card h2,.offer-card h2{font:29px var(--display);overflow-wrap:anywhere}.portfolio-card .secondary{margin-top:10px;width:100%}.portfolio-card p,.offer-card p{font-size:13px;line-height:1.6}.offer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.deal-status{font-size:11px;background:#e1c48e;padding:5px 8px}.offer-actions{display:flex;gap:10px;margin:12px 0}.offer-actions>button{flex:1}.counter-row{border-top:1px dashed #9d8058;margin-top:18px;padding-top:16px;display:flex;align-items:end;gap:12px}.counter-row label{font-size:11px;flex:1;min-width:0}.counter-row input{margin-bottom:0}.counter-row button{margin-bottom:0;min-height:44px}.offer-card summary{font-size:13px;cursor:pointer;line-height:1.6}.city-notice{padding:13px 17px;border:2px solid #b28550;background:#f0dda1;color:#603929;font-size:14px;line-height:1.6;margin:16px 0}.rank-rule{border-left:5px solid #355e4e;background:#e1d5ab;padding:18px 22px;font-size:14px;line-height:1.6;margin-bottom:25px}.rank-rule p{margin:8px 0 0}.city-table-wrap{overflow:auto;border:2px solid #b8996e;background:#f5e7c9}.city-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:13px}.city-table-wrap th,.city-table-wrap td{padding:14px 18px;border-bottom:1px solid #d1b990}.city-table-wrap thead{background:#b34b39;color:#fff0d4}.current-company{background:#e2daa9}.rank-table td:first-child{font:26px var(--display)}.rank-table td:nth-child(3){font-weight:800;color:#365444}.city-footer-note{font-size:11px;line-height:1.7;color:#80684c;margin-top:30px}.competitive-mode .edition{display:none}.competitive-mode #save-button{display:none}
@media(min-width:1450px){.property-thumb svg{height:125px}}@media(max-width:1100px){.city-board{padding:22px}.city-market-grid{grid-template-columns:minmax(0,1fr) 345px}.property-list{grid-template-columns:1fr}.portfolio-grid,.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-hero{grid-template-columns:1fr 285px}.city-tabs button{padding:12px 17px}.shared-map{aspect-ratio:2.3}.city-join{flex-wrap:wrap}.company-strip{gap:15px 23px}}
@media(max-width:700px){.city-board{padding:18px 14px 40px}.city-topline{align-items:flex-start}.city-topline>.eyebrow{font-size:9px;max-width:120px;line-height:1.5}.city-topline .secondary{padding:7px 9px;min-height:35px;font-size:11px}.city-hero{grid-template-columns:1fr;gap:14px;margin-top:22px}.city-hero h1{font-size:38px}.city-hero>div>p{font-size:13px}.tycoon-plaque{padding:12px 18px;box-shadow:3px 3px 0 #ac8c64}.tycoon-plaque strong{font-size:23px}.city-tabs{margin-top:18px}.city-tabs button{font-size:12px;padding:11px 13px}.city-market-grid{grid-template-columns:1fr;gap:18px}.property-list{grid-template-columns:1fr 1fr;gap:10px}.property-card h3{font-size:18px}.property-card>div:last-child{padding:10px}.property-card .eyebrow{font-size:8px;line-height:1.5}.property-card p{font-size:10px}.property-card b{font-size:20px}.property-card small{font-size:9px}.property-thumb svg{height:77px}.property-thumb>span{font-size:8px}.property-detail{position:static;max-height:none;padding:18px;scroll-margin-top:90px}.shared-map{aspect-ratio:1.4}.shared-map .map-title{left:10px;top:8px}.shared-map .map-title b{font-size:19px}.shared-map .map-title span{display:none}.shared-map-key{font-size:9px;gap:10px;left:8px;bottom:8px;padding:5px}.district-pins{padding:3px}.district-pins>strong{font-size:12px}.district-pins>div{grid-template-columns:repeat(3,22px);gap:3px}.district-pins button{width:22px;height:24px;font-size:12px}.portfolio-grid,.offers-grid{grid-template-columns:1fr}.company-strip{padding:15px;gap:14px 20px}.company-strip small{font-size:9px}.company-strip b{font-size:21px}.company-strip .primary{margin-left:0;width:100%}.city-join{padding:18px;gap:15px}.city-join .primary{max-width:none}.city-join label{width:100%}.city-invitation{display:block;padding:18px;margin-bottom:20px}.city-invitation h2{font-size:26px}.city-invitation .primary{margin-top:15px;width:100%}.city-nav{font-size:11px;padding:7px 8px}.top-actions{gap:6px}.city-table-wrap th,.city-table-wrap td{padding:12px;font-size:12px}.city-board-mode .topbar .brand small{display:none}.section-intro h2{font-size:29px}.rank-rule{font-size:12px;padding:14px}.city-footer-note{font-size:10px}}
:root{--display:Arial,monospace}.city-board-mode{background:#ead8b4!important;color:#40363a}
@media(max-width:700px){.property-detail{grid-row:1}.city-board-mode .topbar .text-button{display:none}.city-board-mode .brand strong{font-size:21px}.city-board-mode .brand-mark{width:31px;height:31px}.city-board-mode .topbar{padding-inline:12px}.city-board-mode .brand{gap:9px}}
.city-board{width:100%;min-width:0}.city-board>*{min-width:0}.city-hero>div{min-width:0}.city-tabs{max-width:100%}.city-topline .secondary{white-space:nowrap}@media(max-width:700px){.city-board-mode .topbar{gap:8px}.city-board-mode .brand{min-width:0}.city-board-mode .top-actions{flex-shrink:0}.company-strip>div{max-width:100%}.section-intro h2{overflow-wrap:anywhere}.city-topline{gap:8px}.property-detail .all-in{font-size:12px}}
.city-board-mode #save-button,.city-board-mode #load-button{display:none}

/* Market stalls keep the same pixel signage and warm shop palette. */
.supply-summary{border:2px solid var(--line,#d4c6a5);background:#ede4c8;padding:16px;margin:14px 0;color:#302b29}
.supply-summary h3{font:22px var(--display);margin:7px 0}.supply-summary p{font-size:12px;line-height:1.5;margin:7px 0}.supply-summary .secondary{width:100%;margin-top:8px}
.supply-line{display:flex;justify-content:space-between;gap:10px;font-size:12px;border-top:1px dashed #978b72;padding-top:10px}.supply-warning{color:#913c2e;font-weight:700}
.modal.procurement-modal{width:min(1120px,calc(100vw - 32px));max-width:1120px;background:#f5eedc}
.supply-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:start}.supplier-section{margin-bottom:26px}.supplier-section h3{font:24px var(--display);margin:0 0 5px}.supplier-section>p{font-size:12px;line-height:1.6;color:#635c4f}
.supplier-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.supplier-card{display:block;text-align:left;background:#fffaed;border:2px solid #c7ba9b;padding:12px;min-width:0;color:#302b29;position:relative;overflow:hidden;cursor:pointer}.supplier-card:disabled{opacity:1;cursor:default}.supplier-card.selected,.route-card.selected{border-color:#a94330;box-shadow:inset 0 0 0 2px #a94330}.supplier-card.selected:after,.route-card.selected:after{content:'✓';position:absolute;right:5px;top:3px;color:#a94330}
.supplier-awning{display:block;height:21px;margin:-12px -12px 14px;background:repeating-linear-gradient(90deg,#af4636 0 12px,#eee1ba 12px 24px);border-bottom:5px solid #77382e}.supplier-awning.vegetables{background:repeating-linear-gradient(90deg,#4e7653 0 12px,#eee1ba 12px 24px);border-color:#35533b}.supplier-awning.drinks{background:repeating-linear-gradient(90deg,#d3a94c 0 12px,#eee1ba 12px 24px);border-color:#946c25}
.supplier-heading{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.supplier-heading strong{font:21px var(--display);line-height:1.1}.supplier-heading b{font:16px var(--display);color:#a94330}.supplier-card small,.supplier-tags{display:block;font-size:10px;line-height:1.7}.supplier-tags{margin-top:8px;font-weight:700}.supplier-card p{font-size:11px;line-height:1.6;margin-bottom:0}.route-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.route-card{position:relative;text-align:left;padding:14px 10px;background:#fffaed;border:2px solid #c7ba9b;color:#302b29;cursor:pointer}.route-card strong,.route-card b,.route-card small{display:block;margin-bottom:8px}.route-card strong{font:20px var(--display)}.route-card p,.route-card small{font-size:11px;line-height:1.6}.route-card:disabled{opacity:1;cursor:default}
.supply-receipt{border:2px dashed #b1a384;padding:18px;background:#fffbed;position:sticky;top:0}.supply-receipt h3{font:24px var(--display);margin:0 0 10px}.supply-receipt p,.supply-receipt li,.supply-receipt summary{font-size:11px;line-height:1.7}.supply-receipt dl{font-size:12px}.supply-receipt dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #ddd2b7}.supply-receipt dd{margin:0;text-align:right;white-space:nowrap;font-weight:700}.supply-receipt ul{padding-left:18px}.supply-receipt .primary{margin-top:18px}.drink-price{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:12px}.drink-price select{font:inherit;padding:9px;background:#fffbed;border:2px solid #b1a384;color:#302b29}
@media(max-width:850px){.supply-layout{grid-template-columns:1fr}.supply-receipt{position:static;grid-row:auto}.supplier-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.modal.procurement-modal{width:calc(100vw - 16px);padding:18px}.supplier-options,.route-options{grid-template-columns:1fr}.supplier-heading{flex-direction:row;justify-content:space-between}.supplier-heading strong{max-width:70%}.supply-receipt{padding:13px}.supply-layout{gap:18px}}

.supply-mobile-quote{display:none}.supply-rules{margin:14px 0}.supply-rules summary{cursor:pointer;font-weight:700}
@media(max-width:850px){.supply-mobile-quote{display:flex;justify-content:space-between;gap:12px;position:sticky;top:-18px;padding:12px;margin:0 -4px 18px;background:#e9dec0;z-index:2;border-bottom:3px solid #a94330;font-size:12px}.supply-mobile-quote strong{text-align:right}}

/* Shared city clock and shifts: the same warm shop surfaces, pixel silhouettes. */
.world-strip{display:flex;gap:20px;align-items:center;padding:18px 20px;margin:18px 0;background:#e6d9bd;border:1px solid #bda98a;box-shadow:4px 4px 0 #776b5424;color:#353426}.world-strip>div{min-width:160px}.world-strip strong,.world-strip small{display:block}.world-strip strong{font-size:18px;margin:4px 0}.world-strip>p{flex:1;font-size:13px;line-height:1.5}.solvency{border-left:3px solid #73885e;padding-left:14px;max-width:330px;font-size:12px}.solvency.warning{border-color:#b27a2d}.solvency.distress,.solvency.insolvent{border-color:#ad4435;color:#863c2c}.solvency p{margin:5px 0}.demand-chart{height:110px;display:flex;align-items:end;gap:3px;padding:10px 0;border-bottom:2px solid #c6b896}.demand-hour{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:end}.demand-hour i{display:block;background:#8b9b79;border-top:3px solid #506a54}.demand-hour.scheduled i{background:#cf884a;border-color:#925435}.demand-hour small{height:15px;font-size:9px;margin-top:4px}.hours-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:24px}.hours-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.hours-fields label{font-size:12px;display:flex;flex-direction:column;gap:7px}.hours-fields select,.hours-fields input{width:100%;font:inherit;padding:12px;border:1px solid #baa786;background:#fff9ec;color:#363627;min-width:0}.hours-costs>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #cbbfa5;font-size:13px}.hours-costs dd{margin:0;font-weight:700}.shift-roster{padding:0;list-style:none}.shift-roster li{padding:12px 0;border-bottom:1px solid #cbbfa5;font-size:13px}.shift-roster span{display:block;margin-top:5px}.hours-rules{padding:16px;background:#e8dfca;font-size:13px;line-height:1.6}#panel .world-strip{display:block;padding:14px;font-size:12px}#panel .world-strip>p{margin:8px 0}#panel .solvency{max-width:none;margin-top:10px}.added-district strong{background:#545e4b!important}.competitive-mode #panel>.primary{width:100%}.competitive-mode #panel .secondary{margin-bottom:10px}
@media(max-width:700px){.world-strip{display:block}.world-strip>p{margin:10px 0}.solvency{max-width:none}.hours-grid{grid-template-columns:1fr}.hours-fields{gap:10px}.demand-chart{gap:2px}.district-pins.added-district{transform:translate(-50%,-50%) scale(.8)}}

/* Growth and company review use the existing single scrolling city surface. */
.starter-panel,.weekly-panel,.competition-panel{background:#f3e4bc;border:1px solid #b69a68;padding:clamp(16px,2vw,28px);margin:0 0 22px}
.starter-panel .section-intro,.weekly-panel .section-intro{margin:0 0 16px}.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.starter-options button{display:grid;gap:6px;text-align:left;background:#f8edcf;color:#443c32;border:2px solid #bd9d69;padding:16px}.starter-options button[aria-pressed=true],.ranking-periods button[aria-pressed=true]{background:#405c4d;border-color:#405c4d;color:#fff0c9}.starter-options span{font-size:1.3rem;font-weight:700}.starter-options small{font-size:.85rem}.starter-checkout{display:grid;grid-template-columns:1fr minmax(230px,32%);gap:24px;align-items:center;margin-top:20px}.starter-checkout p{max-width:72ch;font-size:.9rem;line-height:1.5}.starter-checkout label{display:grid;gap:6px}.starter-checkout input{width:100%;min-width:0;box-sizing:border-box}.starter-checkout .primary{width:100%;margin-top:10px}.starter-terms{padding:14px;background:#efe4c3;border-left:4px solid #507760;margin:14px 0;line-height:1.5}.starter-terms p{font-size:.88rem}.market-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.market-pagination span{font-size:.85rem}.extension-navigation{display:flex;gap:12px;align-items:center;padding:10px 18px;background:#ebdbb4;border-top:1px solid #b69a68}.extension-navigation select{min-width:0;max-width:100%;padding:8px;background:#fff0cf}.ranking-periods{display:flex;gap:8px;margin:12px 0}.ranking-periods button{padding:10px 16px;border:1px solid #a28559;background:#f5e7c5;color:#453b30}.weekly-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.weekly-metrics>div{display:grid;gap:6px;background:#fbefcf;padding:14px}.weekly-metrics strong{font-size:1.3rem}.weekly-metrics small{font-size:.8rem}.week-chart{display:grid;gap:10px;margin:22px 0}.week-chart>div{display:grid;grid-template-columns:65px 1fr 120px;gap:12px;align-items:center;font-size:.85rem}.week-chart b{text-align:right}.week-track{height:12px;background:#dacba8}.week-track i{display:block;height:100%;background:#537f65}.week-track i.negative{background:#aa4c3d}.week-experiment{background:#fff2d2;padding:18px;border-left:4px solid #b35b36;margin:18px 0}.week-experiment h3{margin:8px 0}.week-experiment p,.competition-panel p{max-width:80ch;line-height:1.5}.weekly-costs{max-width:600px}.weekly-costs p{display:flex;gap:20px;justify-content:space-between}.weekly-panel details{line-height:1.5}.weekly-panel summary{cursor:pointer;font-weight:700}
@media(max-width:650px){.starter-options{gap:6px}.starter-options button{padding:10px}.starter-options b{font-size:.85rem}.starter-options span{font-size:1rem}.starter-options small{font-size:.7rem}.starter-checkout{grid-template-columns:1fr;gap:8px}.weekly-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.week-chart>div{grid-template-columns:50px 1fr 100px;gap:8px}.extension-navigation{flex-wrap:wrap}.extension-navigation select{width:100%}}
.starter-checkout input{font:inherit;padding:10px 12px;border:2px solid #ac9266;background:#fff3d6;color:#40382e}.starter-panel>.hint{font-size:.82rem;line-height:1.5;text-align:left;margin-top:18px}

.audience-panel{margin:24px 0;padding:24px;background:#f5edda;border:1px solid #b9ad8e}.audience-panel header{max-width:800px}.audience-panel h2{margin:8px 0;font-size:30px}.audience-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 16px}.audience-metrics>div{padding:15px;background:#ebe2c7;border-top:3px solid #799378}.audience-metrics small,.audience-table small{display:block;color:#687061;font-size:12px}.audience-metrics strong{display:block;font-size:30px;margin-top:8px}.audience-distribution{height:12px;background:#dbd8ca;border:1px solid #aaa98e}.audience-distribution i{display:block;height:100%;background:#507b62;min-width:0}.audience-table{width:100%;border-collapse:collapse}.audience-table th,.audience-table td{padding:13px 10px;text-align:left;border-bottom:1px solid #d4c9ac}.audience-table small{margin-top:5px}.audience-table td b{font-size:23px}.audience-gained{color:#37664b}.audience-personal{padding:15px;background:#dce6ce;border-left:4px solid #567e5e}.audience-explainer{margin-top:20px;padding:14px;background:#e9dfc7}.audience-explainer summary{cursor:pointer;font-weight:bold}.audience-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.audience-steps p,.audience-panel p{line-height:1.65}.audience-location{padding:15px;margin:12px 0;border:1px solid #b9b496;background:#e5e6d0}.audience-location>strong{font-size:32px;color:#365d49;margin-right:12px}.audience-location h3{margin:0 0 12px}.audience-location p{font-size:12px;line-height:1.6}.audience-location summary{font-size:12px;cursor:pointer}
@media(max-width:700px){.audience-panel{padding:16px}.audience-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.audience-metrics strong{font-size:26px}.audience-steps{grid-template-columns:1fr}.audience-table{min-width:540px}}