/* TASK-264 · Bridgeport override: стили страницы /states/connecticut/bridgeport/. Подключается из cities/overrides/connecticut-bridgeport/_assets.blade.php. Вынесено из inline <style>, чтобы HTML был короче (FCP на мобильном). */
/* BLUF под hero — первый экран: шрифт шаблона грузится асинхронно с display=swap, и подмена перестраивала блок (Lighthouse CLS 0.19–0.51 на десктопе). Тот же файл DM Sans, но font-display:optional — без подмены после отрисовки. */
@font-face{font-family:'BP DM Sans';font-style:normal;font-weight:400 700;font-display:optional;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.bp-top{font-family:'BP DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.bp-top{background:#f7f4ee;padding:22px 0 26px}
.bp-bluf{max-width:860px;margin:0 auto;background:#fff;border-left:4px solid #c8902e;border-radius:10px;padding:18px 20px;box-shadow:0 1px 3px rgba(27,42,74,.08)}
.bp-bluf__lead{font-size:1.06rem;line-height:1.55;color:#1B2A4A;margin:0 0 10px}
.bp-tldr{margin:0 0 10px;padding-left:1.2em;line-height:1.5}
.bp-tldr li{margin:4px 0}
.bp-tldr a{white-space:nowrap}
.bp-bluf__note,.bp-small{font-size:.85rem;color:#5b6676;line-height:1.5}
.bp-p{line-height:1.65;margin:0 0 14px;color:#24324d}
.bp-group-lede{color:#4a5568;margin:-4px 0 12px}
.bp-cards{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px}
.bp-cards>.bp-card{flex:1 1 300px}
.bp-cards>.bp-card:only-child{max-width:460px}
.bp-card{min-width:0;background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:14px 16px}
.bp-card[hidden]{display:none}
.bp-card__name{font-size:1.02rem;margin:0 0 6px;color:#1B2A4A;line-height:1.3}
.bp-card__name small{display:block;font-weight:400;color:#5b6676;font-size:.8rem}
.bp-card__note{font-size:.9rem;margin:0 0 8px;color:#33415c;line-height:1.5}
.bp-card__dl{margin:0;font-size:.85rem;line-height:1.45}
.bp-card__dl>div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:3px 0;border-top:1px dashed #edf0f4}
.bp-card__dl dt{color:#5b6676}
.bp-card__dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.bp-none{color:#5b6676;font-style:italic}
.bp-cred{display:inline-block;margin:0 4px 4px 0;padding:2px 12px;border-radius:999px;background:#eef5ee;color:#24543a;font-size:.78rem;border:1px solid #cfe3d3}
.bp-cred--lic{background:#eef2f9;color:#22406e;border-color:#cdd9ee}
.bp-cred--none{background:#fbf3e6;color:#7a5414;border-color:#efd9b0}
.bp-tool{background:#f2f5f9;border:1px solid #dfe5ee;border-radius:12px;padding:14px 16px;margin:16px 0}
.bp-tool__q{font-weight:700;font-size:1.05rem;margin:0 0 4px;color:#1B2A4A}
.bp-tool__hint{font-size:.85rem;color:#5b6676;margin:0 0 8px}
.bp-tool__set{border:0;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}
.bp-tool__set legend{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#5b6676;margin-bottom:4px;width:100%}
.bp-tool__set label{font-size:.9rem;display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer}
.bp-tool__set input{width:24px;height:24px;margin:0;flex:none;accent-color:#1B2A4A}
.bp-tool__count{margin:6px 0 0;font-weight:600}
.bp-tool__reset{margin-left:8px;border:1px solid #c5ceda;background:#fff;border-radius:6px;padding:4px 12px;min-height:32px;cursor:pointer}
.bp-tool__empty{margin:6px 0 0;color:#7a5414}
.bp-mapwrap{margin:6px 0 20px}
.bp-map{height:360px;border-radius:12px;border:1px solid #dfe5ee;background:#eef1f5}
.bp-map__cap{font-size:.82rem;color:#5b6676;margin:6px 0 0}
.bp-scroll{overflow-x:auto}
.bp-matrix td:not(:first-child),.bp-ocme td:not(:first-child){text-align:right;white-space:nowrap}
.bp-ocme caption,.bp-matrix caption{caption-side:bottom;font-size:.8rem;color:#5b6676;text-align:left;padding-top:8px}
.bp-warn{background:#fff6e5;border:1px solid #f0d49b;border-radius:8px;padding:10px 12px;font-size:.92rem}
.bp-calc{background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.bp-calc__h{font-weight:700;margin:0 0 6px}
.bp-calc__note{font-size:.85rem;color:#5b6676;margin:6px 0 0}
.bh-chip small{color:#4a5568}
#bp-methadone td a{display:inline-block;min-height:24px;line-height:24px}
/* ссылки в тексте — строчные: общее p > a{inline-block} рвёт фразу на телефоне (точка уезжает на новую строку) */
[id^="bp-"] p > a[href],[id^="bp-"] li > a[href],[id^="bp-"] figcaption a[href]{display:inline}
.bp-matrix{display:table !important;width:100%}
.bp-matrix caption,.bp-ocme caption,.bp-otp caption{white-space:normal !important}
.bp-matrix th{white-space:normal !important;width:auto !important}
@media (max-width:640px){
.bp-matrix th,.bp-matrix td{padding:8px 10px !important}
.bp-stack{display:block !important;width:100%;overflow:visible}
.bp-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bp-stack tbody,.bp-stack tr{display:block}
.bp-stack tr{border-bottom:1px solid #e3e7ee;padding:8px 0}
.bp-stack td{display:grid !important;grid-template-columns:44% 1fr;gap:8px;padding:4px 14px !important;text-align:left !important;white-space:normal !important;width:auto !important;border:0 !important}
.bp-stack td::before{content:attr(data-label);color:#5b6676;font-weight:600}
.bp-stack caption{display:block;padding:8px 14px}
}
.bp-fig{margin:8px 0 22px}
.bp-fig img{display:block;width:100%;height:auto;border-radius:8px}
.bp-fig--chart img{max-width:480px;border:1px solid #e3e7ee;background:#fcfcfb}
.bp-fig figcaption{font-size:.82rem;color:#5b6676;line-height:1.45;margin-top:6px;max-width:760px}
.bp-chart{margin:4px 0 16px;max-width:640px}
.bp-fig--photo img{max-width:760px}
.bp-fig--chart img{max-width:420px}.bp-chart figcaption{font-size:.8rem;color:#5b6676;margin-top:4px}
.bp-steps{line-height:1.55;margin:0 0 16px;padding-left:1.3em}
.bp-facts{line-height:1.6;margin:0 0 14px;padding-left:1.2em}
@media (max-width:480px){.bp-card__dl>div{grid-template-columns:84px 1fr}.bp-map{height:300px}}
.bh-pager span{color:#5b6676}
.bp-verify{font-size:.78rem;margin:0 8px 4px 0}
@media (min-width:641px) and (max-width:1000px){.bp-ocme th,.bp-ocme td{padding:6px 5px !important;font-size:.8rem;white-space:normal !important}}
.bp-fresh{font-size:.8rem;color:#5b6676;margin:0 0 8px;letter-spacing:.01em}
.bp-cta{margin:18px 0 6px;padding:16px 18px;border:1px solid #cfe3d3;border-radius:12px;background:#f3f9f5;max-width:760px}
.bp-cta__k{font-weight:700;color:#1B2A4A;margin:0 0 8px}
.bp-cta__props{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0 0 12px;padding:0;font-size:.92rem;color:#24543a}
.bp-cta__props li::before{content:"\2713\00a0";font-weight:700}
.bp-cta__btn{display:inline-block;background:#1B4332;color:#fff !important;font-weight:700;padding:12px 20px;border-radius:10px;text-decoration:none;min-height:44px}
.bp-actions{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;margin:22px 0 4px;padding-top:14px;border-top:1px solid #e3e7ee;font-size:.92rem;color:#3d4756}
.bp-btn{display:inline-block;min-height:36px;padding:6px 14px;border:1px solid #c9d3df;border-radius:8px;background:#fff;color:#1B4332;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.bp-helpful__thanks{color:#24543a}
.bp-matrix th:not(:first-child){width:8em !important;text-align:right}
.bp-ocme caption,.bp-matrix caption{padding:8px 14px 10px}
.bp-calc ul{padding-left:1.25em;margin:0}
.bh-faqwrap .bh-faq__item summary{padding:16px 20px !important}
.bh-faqwrap .bh-faq__answer{padding:0 20px 18px !important}
@media (max-width:640px){.bh-tu-table th{white-space:normal !important}}
/* карточки каталога из общей базы: у этих 12 записей фото нет — nginx отдаёт одну и ту же заглушку _placeholder.svg под именем .webp (TASK-286, Ф-8; design-create «кадр подменён»). Наполнитель на Bridgeport скрыт, текст карточек прежний. Когда №286 даст честную иконку — правило снять. */
#centers .sk-card__img{display:none}