/* Standalone interactions, no WordPress frontend styles required. */
.btr-page.btr-conditions-page { padding-top:24px; }
.btr-conditions-page .btr-page-heading { margin-bottom:16px; align-items:center; }
.btr-conditions-page .btr-page-heading h1 { font-size:clamp(1.75rem,3vw,2.5rem); }
.btr-condition-intro { margin-bottom:16px; }
/* The old flex-wrap + 50% flex-basis pushed metrics into clipped columns. */
.btr-condition-content .compact-details .weather-info-group { flex-wrap:nowrap; }
.btr-condition-content .compact-details .weather-info-group .info-box { flex:0 0 auto; min-height:82px; }
@media(min-width:801px) { .btr-condition-content #map { position:sticky; top:24px; } }
.btr-button { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:12px 22px; background:var(--blue); color:white!important; border-radius:4px; font-weight:600; text-decoration:none!important; }
.btr-button:hover { background:#183ab0; }
#country-map { position:relative; isolation:isolate; width:100%; height:clamp(360px,58vw,580px); border:1px solid var(--line); border-radius:8px; background:#eef2f6; }
.btr-map-fallback { padding:24px; color:var(--muted); }
.btr-map-caption { color:var(--muted); font-size:.8125rem; margin:12px 0 0; }
.btr-region-pin { display:grid!important; place-items:center; background:var(--blue); color:white; border:2px solid white; border-radius:50%; font:700 12px/1 var(--font); box-shadow:0 2px 8px #17202b33; }
.btr-region-pin:hover,.btr-region-pin:focus-visible { background:var(--ink); }
.btr-filter { display:flex; flex-direction:column; gap:6px; min-width:min(320px,100%); }
.btr-filter label { font-size:.8125rem; font-weight:600; }
.btr-filter input { min-height:48px; padding:12px; border:1px solid #c9d1da; border-radius:4px; color:var(--ink); background:white; }
.btr-service-panel { max-width:850px; padding:clamp(24px,5vw,64px); background:var(--canvas); border:1px solid var(--line); border-radius:8px; }
.btr-service-panel h2 { font-size:clamp(1.8rem,4vw,3rem); line-height:1.1; letter-spacing:-.045em; margin:0 0 24px; }
.btr-service-panel p { max-width:600px; color:var(--muted); }
.btr-service-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin:28px 0; }
.btr-service-note { font-size:.8125rem; margin-top:24px; }
.btr-guide-intro { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
.btr-guide-intro p { margin:0; color:var(--muted); }
.btr-guide { max-width:1120px; margin:auto; }
.btr-guide-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.btr-guide-controls button { min-height:48px; border:1px solid var(--line); border-radius:4px; background:white; padding:10px 16px; color:var(--ink); }
.btr-guide-controls button:disabled { opacity:.4; cursor:default; }
.btr-guide-slide { margin:0 0 32px; }
.btr-guide-slide img { display:block; width:100%; border:1px solid var(--line); border-radius:6px; }
.btr-guide-slide figcaption { color:var(--muted); font-size:.8125rem; margin-top:10px; }
.btr-reading { overflow-wrap:anywhere; }
.btr-reading pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; }
.btr-home-copy { min-width:0; }
.btr-condition-content .btr-location-empty { color:var(--muted); font-size:.9375rem; margin:0; }
.btr-condition-content .btr-feed-notice { border:1px solid #e2c681; background:#fff8e6; color:#624900; padding:12px 16px; border-radius:4px; margin:12px 0; font-size:.875rem; }
.btr-media-unavailable { display:block; padding:20px; border:1px dashed #c9d1da; background:var(--canvas); color:var(--muted); border-radius:4px; font-size:.875rem; }
.btr-condition-content .switcher-btn:disabled { opacity:.55; cursor:not-allowed; }
.btr-availability-note { color:var(--muted); font-size:.875rem; margin:-6px 0 20px; }
@media(max-width:760px) { .btr-filter{margin-top:20px;} .btr-guide-controls{font-size:.875rem;} .btr-conditions-page .btr-page-heading{align-items:stretch;} .btr-home-intro{grid-template-columns:minmax(0,1fr);} .btr-home-photo{min-width:0;min-height:0;width:100%;aspect-ratio:1.5;} }