/* CITY FILE v3 (12 Oct 2026) - Operation Iron Gate city pages + hub. Printed by includes/pfh-city-file.php.
   Builds on oig/fb-glory.css (.fb2 bands, .fb-btn, .fb-now, .fb-faq). Hero art stays in pfh-city-glory.php.
   Signature: the two-lane referral trace. Motion = transform/opacity only, armed by JS, fails visible. */
.fb2.cf{--cf-ink:#14233F;--cf-deep:#0B1729;--cf-line:#D6D2CA;--cf-body:#4A505B;--cf-dim:#9FB0C8;--cf-go:#3FBF84;--cf-hot:#E07A2F;--cf-soft:#F2B183;--cf-oink:#A9501A;--cf-ease:cubic-bezier(.22,1,.36,1)}
.fb2.cf .fb-mono{display:block}
.fb2.cf a:focus-visible,.fb2.cf input:focus-visible,.fb2.cf summary:focus-visible{outline:3px solid var(--cf-oink);outline-offset:3px}
.fb2--deep.cf a:focus-visible{outline-color:var(--cf-soft)}

/* hero board: two more lines, quieter type so nothing wraps into three lines */
.cf-board .fb-now__line{align-items:baseline}
.cf-board .fb-now__line .fb-mono{flex:none}
.cf-board .fb-now__line a,.cf-board .cf-board__v{font-family:"Anton","Arial Narrow",Impact,sans-serif;font-size:clamp(19px,1.7vw,24px);line-height:1.08;color:#FFFFFF;text-align:right;text-wrap:balance}
.cf-board .fb-now__line .cf-board__v{color:#DCE3EC}

/* ---------- 01 TRACE: one referral, two records (signature) ---------- */
.fb2.cf-tracesec{background:#0E1B30;border-top:1px solid rgba(159,176,200,.14)}
.fb2.cf-tracesec::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(159,176,200,.13) 1px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.cf-trace__lede{margin:0 0 30px;max-width:62ch;font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:#C9D3E1}
.cf-trace__key{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 8px;font:600 12px/1.3 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.cf-key{display:inline-flex;align-items:center;gap:10px}
.cf-key::before{content:"";width:34px;height:3px;border-radius:2px}
.cf-key--a{color:var(--cf-dim)}
.cf-key--a::before{background:repeating-linear-gradient(90deg,#9FB0C8 0 7px,transparent 7px 12px)}
.cf-key--b{color:#BFEBD6}
.cf-key--b::before{background:var(--cf-go);box-shadow:0 0 12px rgba(63,191,132,.7)}
.cf-trace__st{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto auto;border-top:1px solid rgba(159,176,200,.2)}
.cf-st{display:grid;grid-row:span 4;grid-template-rows:subgrid;padding:22px 20px 0 0;min-width:0}
.cf-st__n{font:600 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.16em;color:var(--cf-dim)}
.cf-st__h{margin:10px 0 18px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(24px,2.3vw,36px);line-height:1;color:#FFFFFF;letter-spacing:.005em}
.cf-st__c{position:relative;margin:0;padding:36px 0 24px;font-size:16px;line-height:1.4}
.cf-st__c b{display:block;font-weight:600}
.cf-st__c::before{content:"";position:absolute;left:0;right:-20px;top:11px;height:3px;border-radius:2px;transform-origin:0 50%}
.cf-st:last-child .cf-st__c::before{right:0}
.cf-st__c--a{color:#AEBBD0}
.cf-st__c--a::before{background:rgba(159,176,200,.55)}
.cf-st__c--a.is-gap,.cf-st__c--a.is-unk{color:rgba(174,187,208,.62)}
.cf-st__c--a.is-gap::before,.cf-st__c--a.is-unk::before{background:repeating-linear-gradient(90deg,rgba(159,176,200,.4) 0 7px,transparent 7px 13px)}
.cf-st__c--b{color:#FFFFFF;border-top:1px dashed rgba(159,176,200,.16)}
.cf-st__c--b b{font-size:18px;line-height:1.3}
.cf-st__c--b::before{background:var(--cf-go);box-shadow:0 0 14px rgba(63,191,132,.55)}
.cf-dot{position:absolute;left:0;top:2px;z-index:1;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;box-sizing:border-box}
.cf-dot svg{width:13px;height:13px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cf-st__c--a.is-ok .cf-dot{background:#9FB0C8}
.cf-st__c--a.is-ok .cf-dot svg{stroke:#0E1B30}
.cf-st__c--a.is-gap .cf-dot{border:2px dashed rgba(159,176,200,.6);background:#0E1B30}
.cf-st__c--a.is-unk .cf-dot{border:2px solid var(--cf-hot);background:#0E1B30}
.cf-st__c--b .cf-dot{background:var(--cf-go)}
.cf-st__c--b .cf-dot svg{stroke:#0B1729}
.cf-st__c--a.is-unk b{display:inline-block;margin-top:2px;padding:6px 12px 5px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--cf-soft);border-radius:6px;box-shadow:inset 0 0 0 2px var(--cf-hot);transform:rotate(-4deg)}
.cf-trace__note{margin:22px 0 0;font:600 12px/1.5 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-dim)}
@supports not (grid-template-rows:subgrid){.cf-st{display:block}.cf-st__h{min-height:2.1em}.cf-st__c{min-height:96px}}
/* the orchestrated moment: armed only by JS, only without reduced motion */
.cf-trace.is-armed .cf-st__c::before{transform:scaleX(0)}
.cf-trace.is-armed .cf-dot{transform:scale(.3);opacity:0}
.cf-trace.is-armed.is-on .cf-st__c::before{transform:scaleX(1);transition:transform .55s var(--cf-ease) calc(var(--i) * .32s)}
.cf-trace.is-armed.is-on .cf-dot{transform:none;opacity:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .32s + .15s),opacity .2s calc(var(--i) * .32s + .15s)}
.cf-trace.is-armed .cf-st__c--a.is-unk b{transform:rotate(-4deg) scale(1.35)}
.cf-trace.is-armed.is-on .cf-st__c--a.is-unk b{transform:rotate(-4deg) scale(1);transition:transform .45s cubic-bezier(.34,1.56,.64,1) 2.15s}

/* ---------- 02 SPEC SHEET ---------- */
.cf-spec{margin:0;border-top:2px solid var(--cf-ink);border-bottom:2px solid var(--cf-ink)}
.cf-spec__r{display:grid;grid-template-columns:minmax(200px,.34fr) minmax(0,1fr);gap:8px 40px;padding:24px 0;border-top:1px solid var(--cf-line)}
.cf-spec__r:first-child{border-top:0}
.cf-spec dt{display:flex;align-items:baseline;gap:12px;font:600 12px/1.5 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cf-ink)}
.cf-spec dt::before{content:"";flex:none;width:18px;height:2px;background:var(--cf-hot);transform:translateY(-3px)}
.cf-spec dd{margin:0;max-width:64ch;font-size:clamp(17px,1.35vw,20px);line-height:1.5;color:#2B3343}
.cf-spec dd a{color:var(--cf-ink);font-weight:700}

/* ---------- 03 RULEBOOK ---------- */
.cf-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(159,176,200,.22)}
.cf-rule{position:relative;padding:38px 40px 40px 0;border-bottom:1px solid rgba(159,176,200,.22);overflow:hidden;min-width:0}
.cf-rule:nth-child(2n){padding:38px 0 40px 40px;border-left:1px solid rgba(159,176,200,.22)}
.cf-rule__n{position:absolute;right:20px;top:6px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-size:clamp(96px,9vw,150px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(242,177,131,.38);pointer-events:none}
.cf-rule:nth-child(2n) .cf-rule__n{right:0}
.cf-rule h3{position:relative;margin:0 0 18px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,2.6vw,40px);line-height:1;color:#FFFFFF;max-width:70%}
.cf-rule__x{position:relative;margin:0;max-width:46ch;font-size:17px;line-height:1.55;color:#C9D3E1}
.cf-rule__x .fb-mono{margin-bottom:8px;color:#BFEBD6}

/* ---------- 04 FAILURE POINTS: split exhibit ---------- */
.cf-gap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"main state" "watch state";gap:clamp(24px,3vw,40px) clamp(24px,3vw,56px);align-items:start}
.cf-gap__main{grid-area:main}.cf-gap__state{grid-area:state;position:sticky;top:120px}.cf-gap__watch{grid-area:watch}
.cf-gap__main{padding:4px 0 4px clamp(20px,2.4vw,34px);border-left:6px solid var(--cf-hot)}
.cf-gap__main .fb-mono{color:var(--cf-oink);margin-bottom:16px}
.cf-gap__main h3{margin:0 0 20px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(34px,3.6vw,58px);line-height:.98;color:var(--cf-ink);text-wrap:balance}
.cf-gap__main p{margin:0;max-width:56ch;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:#2B3343}
.cf-gap__state{border-radius:18px;padding:clamp(22px,2.4vw,32px);background:var(--cf-deep);color:#C9D3E1;box-shadow:0 30px 70px -36px rgba(11,23,41,.7)}
.cf-gap__state .fb-mono{color:var(--cf-dim)}
.cf-gap__big{display:block;margin:12px 0 14px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:clamp(84px,9vw,150px);line-height:.85;color:var(--cf-soft)}
.cf-gap__big small{font-size:.42em;color:#FFFFFF;vertical-align:.35em;margin:0 .1em}
.cf-gap__state p{margin:0;font-size:16px;line-height:1.55}
.cf-gap__state a{color:#FFFFFF}
.cf-gap__watch{border-radius:18px;padding:clamp(22px,2.4vw,30px);background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--cf-line)}
.cf-gap__watch .fb-mono{color:var(--cf-oink);margin-bottom:10px}
.cf-gap__watch h3{margin:0 0 10px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(24px,2vw,30px);line-height:1;color:var(--cf-ink)}
.cf-gap__watch p{margin:0;font-size:16px;line-height:1.6;color:var(--cf-body)}

/* ---------- 05 OPEN-LOOP COUNTER (tool) ---------- */
.fb2.cf-toolsec .fb2-h .elementor-heading-title{font-size:clamp(32px,3.7vw,54px);max-width:24ch}
.cf-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px;overflow:hidden;box-shadow:0 44px 90px -44px rgba(11,23,41,.55),inset 0 0 0 1px var(--cf-line);background:#FFFFFF}
.cf-calc__in{display:grid;gap:22px;align-content:start;padding:clamp(24px,3vw,44px)}
.cf-f{display:grid;gap:10px;margin:0}
.cf-f span{font-size:16px;font-weight:700;line-height:1.35;color:var(--cf-ink)}
.cf-f input{width:100%;box-sizing:border-box;height:72px;padding:0 20px;border:2px solid var(--cf-ink);border-radius:12px;background:#FBF8F3;font:700 34px/1 "Space Grotesk","Archivo",system-ui,sans-serif;color:var(--cf-ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.cf-f input::-webkit-outer-spin-button,.cf-f input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cf-f input::placeholder{color:#8A8F99;font-weight:500}
.cf-f input[aria-invalid="true"]{border-color:#B3261E}
.cf-calc__note{margin:0;font-size:15px;line-height:1.5;color:var(--cf-body)}
.cf-calc__out{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(24px,3vw,44px);background:var(--cf-deep);color:#C9D3E1;position:relative}
.cf-calc__out::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cf-hot),var(--cf-go) 60%,transparent)}
.cf-calc__out .fb-mono{color:var(--cf-dim)}
.cf-calc__big{font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:clamp(84px,9vw,140px);line-height:.85;color:#FFFFFF;font-variant-numeric:tabular-nums}
.cf-calc__msg{margin:0;max-width:40ch;min-height:3em;font-size:17px;line-height:1.5;color:#E9EEF5}
.cf-calc__meter{width:100%;height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.cf-calc__meter .cf-calc__fill{display:block;height:100%;background:linear-gradient(90deg,var(--cf-hot),var(--cf-soft));transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--cf-ease)}
.cf-calc__out .fb-btn{margin-top:8px}

/* ---------- 06 THE WAY IN: numbered route ---------- */
.cf-route{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.cf-route__s{position:relative;min-width:0}
.cf-route__n{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--cf-deep);color:#FFFFFF;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-size:28px;line-height:1;margin-bottom:22px;position:relative;z-index:1}
.cf-route__s:not(:last-child)::after{content:"";position:absolute;top:31px;left:76px;right:calc(-1 * clamp(20px,3vw,48px) + 10px);height:2px;background:repeating-linear-gradient(90deg,var(--cf-ink) 0 8px,transparent 8px 14px)}
.cf-route__s .fb-mono{color:var(--cf-oink);margin-bottom:8px}
.cf-route__s h3{margin:0 0 12px;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,2.3vw,34px);line-height:1;color:var(--cf-ink)}
.cf-route__s p{margin:0;font-size:17px;line-height:1.55;color:#3E4552;max-width:38ch}
.cf-route__a{margin-top:16px!important;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.cf-route__a a{font-weight:700;color:var(--cf-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.cf-route__a a::after{content:" \2192"}
.cf-route__carry{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--cf-ink);color:#FFFFFF;font:600 12px/1.3 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.cf-route__carry[hidden]{display:none!important}

/* ---------- 07 FAQ docket ---------- */
.cf-faq summary{grid-template-columns:56px minmax(0,1fr) 34px}
.cf-q{font:600 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:var(--cf-oink)}
.cf-faq details{position:relative}
.cf-faq details[open]::before{content:"";position:absolute;left:-18px;top:22px;bottom:22px;width:4px;border-radius:2px;background:var(--cf-hot)}
.cf-faq .a{padding-left:76px}

/* ---------- 08 SOURCES ledger ---------- */
.cf-src__list{list-style:none;counter-reset:cfs;margin:16px 0 18px;padding:0;border-top:1px solid var(--cf-line)}
.cf-src__list li{counter-increment:cfs;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--cf-line);font-size:16px;line-height:1.5;color:var(--cf-body)}
.cf-src__list li::before{content:counter(cfs,decimal-leading-zero);font:600 12px/1.9 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--cf-oink)}
.cf-src__list a{color:var(--cf-ink);font-weight:600}

/* ---------- responsive ---------- */
@media (max-width:1024px){
 .cf-trace__st{grid-template-columns:repeat(5,minmax(150px,1fr));overflow:visible}
 .cf-st{padding-right:14px}
 .cf-st__c::before{right:-14px}
 .cf-gap{grid-template-columns:1fr;grid-template-areas:"main" "state" "watch"}
 .cf-gap__state{position:static}
}
@media (max-width:900px){
 .cf-trace__key{display:none}
 .cf-trace__st{display:block;border-top:0}
 .cf-st{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;gap:0 16px;padding:18px 0 16px;border-top:1px solid rgba(159,176,200,.2)}
 .cf-st__n,.cf-st__h{grid-column:1 / -1}
 .cf-st__h{margin:8px 0 12px}
 .cf-st__c{padding:30px 0 0;border-top:0}
 .cf-st__c::before{display:none}
 .cf-st__c::after{content:attr(data-label);position:absolute;left:30px;top:4px;font:600 11px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-dim)}
 .cf-st__c--b::after{color:#BFEBD6}
}
@media (max-width:767px){
 .cf-spec__r{grid-template-columns:1fr;padding:20px 0}
 .cf-rules{grid-template-columns:1fr}
 .cf-rule,.cf-rule:nth-child(2n){padding:30px 0 32px;border-left:0}
 .cf-rule__n,.cf-rule:nth-child(2n) .cf-rule__n{right:0;font-size:96px}
 .cf-calc{grid-template-columns:1fr}
 .cf-route{grid-template-columns:1fr;gap:34px}
 .cf-route__s{padding-left:84px}
 .cf-route__n{position:absolute;left:0;top:0;margin:0}
 .cf-route__s:not(:last-child)::after{left:31px;top:72px;bottom:-30px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--cf-ink) 0 8px,transparent 8px 14px)}
 .cf-faq summary{grid-template-columns:44px minmax(0,1fr) 34px;gap:12px}
 .cf-faq .a{padding-left:0}
 .cf-faq details[open]::before{left:-12px}
 .cf-board .fb-now__line{flex-wrap:wrap}
 .cf-board .fb-now__line a,.cf-board .cf-board__v{text-align:left}
}
@media (max-width:420px){
 .cf-st{grid-template-columns:1fr}
 .cf-st__c--b{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.cf-calc__meter .cf-calc__fill{transition:none}}

/* ---------- HUB: the California board (searchable, filterable, sortable table) ---------- */
.cf-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cf-bd__tools{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:16px 20px;margin:0 0 22px}
.cf-bd__tools[hidden]{display:none!important}
.cf-bd__q input,.cf-bd__sort select{width:100%;box-sizing:border-box;height:58px;padding:0 18px;border:2px solid var(--cf-ink);border-radius:12px;background:#FFFFFF;font:600 18px/1 "Space Grotesk","Archivo",system-ui,sans-serif;color:var(--cf-ink)}
.cf-bd__chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}
.fb2 .cf-chip,.fb2 .cf-chip:hover,.fb2 .cf-chip:focus{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px!important;border-radius:999px!important;border:1.5px solid var(--cf-ink)!important;background:#FFFFFF!important;color:var(--cf-ink)!important;font:600 14px/1 "Space Grotesk","Archivo",system-ui,sans-serif!important;letter-spacing:.02em;text-transform:none!important;cursor:pointer;box-shadow:none!important}
.fb2 .cf-chip span{font:600 11px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;opacity:.7}
.fb2 .cf-chip[aria-pressed="true"]{background:var(--cf-ink)!important;color:#FFFFFF!important}
.fb2 .cf-chip:focus-visible{outline:3px solid var(--cf-oink)!important;outline-offset:2px}
.cf-bd__live{grid-column:1 / -1;margin:0;color:var(--cf-oink)}
.cf-bd__pilot{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin:0 0 14px;padding:18px 22px;border-radius:14px;background:var(--cf-deep);color:#C9D3E1}
.cf-bd__pilot .fb-mono{color:var(--cf-soft)}
.cf-bd__pilot p{margin:0;font-size:16px;line-height:1.5}
.cf-bd__pilot b{color:#FFFFFF}
.cf-bd__pilot a{color:#FFFFFF;font-weight:700}
.fb2 .cf-bd__t{width:100%;border-collapse:collapse;margin:0;background:#FFFFFF;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cf-line)}
.fb2 .cf-bd__t th,.fb2 .cf-bd__t td{border:0;background:transparent!important;padding:16px 18px;text-align:left;vertical-align:middle;font-size:16px;line-height:1.35;color:var(--cf-body)}
.fb2 .cf-bd__t thead th{font:600 12px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cf-dim);background:var(--cf-deep)!important;color:#C9D3E1}
.fb2 .cf-bd__t tbody tr{border-top:1px solid var(--cf-line);transition:background-color .15s}
.fb2 .cf-bd__t tbody tr:hover{background:#F7F3EC}
.fb2 .cf-bd__t tbody th a{font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:24px;line-height:1;text-transform:uppercase;color:var(--cf-ink);text-decoration:none} .fb2 .cf-bd__t tbody th .cf-bd__city{font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:24px;line-height:1;text-transform:uppercase;color:var(--cf-ink)}
.fb2 .cf-bd__t tbody th a::after{content:" \2192";font-family:"Space Grotesk","Archivo",system-ui,sans-serif;font-size:16px;color:var(--cf-hot)}
.fb2 .cf-bd__t tbody th a:hover{color:var(--cf-oink)}
.fb2 .cf-bd__t .cf-bd__file{font:600 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--cf-oink);width:64px}
.cf-bd__n b{display:block;font-family:"Anton","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:28px;line-height:1;color:var(--cf-ink);font-variant-numeric:tabular-nums}
.cf-bd__n small{display:block;margin-top:4px;font-size:13px;color:var(--cf-body)}
.cf-bd__empty,.cf-bd__note{margin:16px 0 0;font-size:15px;line-height:1.5;color:var(--cf-body)}
.cf-bd__empty[hidden],tr[data-cf-row][hidden]{display:none!important}
@media (max-width:767px){
 .cf-bd__tools{grid-template-columns:1fr}
 .fb2 .cf-bd__t,.fb2 .cf-bd__t tbody,.fb2 .cf-bd__t tr,.fb2 .cf-bd__t th,.fb2 .cf-bd__t td{display:block;width:auto}
 .fb2 .cf-bd__t thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .fb2 .cf-bd__t tbody tr{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 18px}
 .fb2 .cf-bd__t th,.fb2 .cf-bd__t td{padding:0}
 .fb2 .cf-bd__t .cf-bd__file{grid-row:1;align-self:center;width:auto}
 .fb2 .cf-bd__t tbody th{grid-row:1}
 .fb2 .cf-bd__t td:not(.cf-bd__file){grid-column:1 / -1}
 .fb2 .cf-bd__t td:not(.cf-bd__file)::before{content:attr(data-label);display:block;margin:8px 0 2px;font:600 11px/1.2 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cf-oink)}
}

/* ---------- CF-PHONE 1 (12 Oct 2026, Marco: "fix all 7 phone items") ---------- */
/* 1 counter: the grid column grew to the input's intrinsic width and the card clipped 47px */
.cf-f input{min-width:0}
/* 3 board rows: 44px tap height */
.cf-board .fb-now__line a{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px}
/* 6/7 hub chips + city links: 44px */
.fb2 .cf-chip,.fb2 .cf-chip:hover,.fb2 .cf-chip:focus{min-height:44px}
.fb2 .cf-bd__t tbody th a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:767px){
 .cf-calc{grid-template-columns:minmax(0,1fr)}
 .cf-board .fb-now__line a{justify-content:flex-start}
 /* 6 one-row swipe chips */
 .cf-bd__chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
 .cf-bd__chips::-webkit-scrollbar{display:none}
 .fb2 .cf-chip{flex:none;scroll-snap-align:start}
 /* 5 compact city rows: file | city | count, area underneath; region is in the chips */
 .fb2 .cf-bd__t tbody tr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"f c n" ". a a";gap:0 12px;padding:8px 16px 12px;align-items:center}
 .fb2 .cf-bd__t .cf-bd__file{grid-area:f}
 .fb2 .cf-bd__t tbody th{grid-area:c}
 .fb2 .cf-bd__t tbody th a{font-size:22px}
 .fb2 .cf-bd__t td.cf-bd__n{grid-area:n;text-align:right}
 .fb2 .cf-bd__t td.cf-bd__n b{font-size:24px}
 .fb2 .cf-bd__t td.cf-bd__n small,.fb2 .cf-bd__t td[data-label="Region"]{display:none}
 .fb2 .cf-bd__t td[data-label="Area counted"]{grid-area:a;font-size:13px;line-height:1.35}
 .fb2 .cf-bd__t td:not(.cf-bd__file)::before{content:none}
}
/* 2 trace: keep the two records side by side on phones; label sits above each value */
@media (max-width:900px){
 .cf-st__c{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 0 0}
 .cf-st__c .cf-dot{position:static}
 .cf-st__c::after{position:static;order:-1}
}
@media (max-width:420px){
 .cf-st{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px}
 .cf-st__c--b{margin-top:0}
 .cf-st__c--a b{font-size:15px}
 .cf-st__c--b b{font-size:16px}
 .cf-st__c::after{font-size:10px;letter-spacing:.08em}
 .cf-st__c--a.is-unk b{font-size:20px}
}

/* ---------- CF-FOOD 1 (12 Oct 2026): City file layer for the food finders 2357/2361/2365 (2337 held to 17 Oct) ----------
   Styling only: no copy, title or FAQ changes. Cards become numbered ledger entries; phones get compact rows. */
.fb2-dirsec .fb-grid{counter-reset:cff}
.fb2-dirsec .fb-card{counter-increment:cff;position:relative;border-top:3px solid var(--fb-ink,#14233F)}
.fb2-dirsec .fb-card::after{content:counter(cff,decimal-leading-zero);position:absolute;top:18px;right:18px;font:600 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.14em;color:#A9501A}
.fb2-dirsec .fb-card__when{padding-left:12px;border-left:3px solid #E07A2F}
.fb2-hero .fb-now__line a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:767px){
 .fb2-dirsec .fb-grid{gap:0!important;border-top:2px solid #14233F}
 .fb2-dirsec .fb-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 10px;padding:16px 0 18px;border-radius:0;box-shadow:none;background:transparent;border-top:0;border-bottom:1px solid #D6D2CA}
 .fb2-dirsec .fb-card::after{top:19px;right:0}
 .fb2-dirsec .fb-card .fb-chip{display:none}
 .fb2-dirsec .fb-card__n,.fb2-dirsec .fb-card__when,.fb2-dirsec .fb-card__note{grid-column:1 / -1}
 .fb2-dirsec .fb-card__n{margin:0;padding-right:40px;font-size:17px}
 .fb2-dirsec .fb-card__addr{grid-column:1;grid-row:4;margin:0}
 .fb2-dirsec .fb-card__addr a,.fb2-dirsec .fb-card__tel{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 10px;margin:0;border-radius:10px;box-shadow:inset 0 0 0 1.5px #14233F;font:600 14px/1.2 "Space Grotesk","Archivo",system-ui,sans-serif;color:#14233F;text-align:center;text-decoration:none}
 .fb2-dirsec .fb-card__tel{grid-column:2;grid-row:4;background:#14233F;color:#FFFFFF}
 .fb2-dirsec .fb-card:not(:has(.fb-card__tel)) .fb-card__addr{grid-column:1 / -1}
 .fb2-dirsec .fb-card__note{grid-row:5}
}