/* FrankonFraud dealer cloning site. Panes alternate navy, gray and white; yellow is the only accent. */
:root{
  --fof-navy:#191938;--fof-navy-deep:#10102A;--fof-yellow:#FEFB72;--fof-gray:#E9E9EF;--fof-gray-deep:#D8D8E2;--fof-gray-ink:#191938;--fof-gray-soft:#4A4A66;
  --fof-page:#FFFFFF;--fof-ink:#191938;--fof-ink-soft:#4A4A66;--fof-rule:#DCDCE6;--fof-panel:#F3F3F8;--fof-link:#2B2B8C;
  --fof-alert:#A11D2B;--fof-alert-bg:#FBE9EB;--fof-off:#5E5E74;--fof-off-bg:#ECECF2;
  --fof-head:"Poppins","Helvetica Neue",Arial,sans-serif;--fof-body:"Tempos Text","Source Serif 4",Georgia,"Times New Roman",serif;--fof-measure:40rem;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--fof-page:#121229;--fof-ink:#ECECF4;--fof-ink-soft:#B4B4CC;--fof-rule:#2E2E52;--fof-panel:#1B1B3A;--fof-link:#FEFB72;--fof-alert:#FF8A94;--fof-alert-bg:#3A1620;--fof-off:#B4B4CC;--fof-off-bg:#24244A;color-scheme:dark}}
:root[data-theme="dark"]{--fof-page:#121229;--fof-ink:#ECECF4;--fof-ink-soft:#B4B4CC;--fof-rule:#2E2E52;--fof-panel:#1B1B3A;--fof-link:#FEFB72;--fof-alert:#FF8A94;--fof-alert-bg:#3A1620;--fof-off:#B4B4CC;--fof-off-bg:#24244A;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--fof-page);color:var(--fof-ink);font-family:var(--fof-body);font-size:1.0625rem;line-height:1.6}
a{color:var(--fof-link);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--fof-yellow);outline-offset:2px}
.fof-wrap{max-width:74rem;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--fof-head);font-weight:700;line-height:1.15;text-wrap:balance;margin:0}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin-bottom:.6rem}
h3{font-size:1.1rem;margin-bottom:.35rem}
p{margin:0 0 1rem}
.fof-lede{font-size:1.15rem;max-width:var(--fof-measure);opacity:.92}
/* masthead */
.fof-masthead{background:var(--fof-navy);color:#FFF;position:sticky;top:0;z-index:5;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.fof-masthead .fof-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding-block:.8rem}
.fof-logo{font-family:var(--fof-head);font-weight:700;font-size:1.35rem;color:#FFF;text-decoration:none;letter-spacing:-.01em}
.fof-logo span{color:var(--fof-yellow)}
.fof-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;font-family:var(--fof-head);font-weight:500;font-size:.95rem}
.fof-nav a{color:#FFF;text-decoration:none;padding-block:.2rem;border-bottom:2px solid transparent}
.fof-nav a:hover,.fof-nav a[aria-current="page"]{border-bottom-color:var(--fof-yellow)}
/* panes */
.pane{padding-block:3.5rem}
@media (max-width:700px){.pane{padding-block:3rem}}
.pane-navy{background:var(--fof-navy);color:#FFF}
.pane-navy h1,.pane-navy h2,.pane-navy h3{color:#FFF}
.pane-gray{background:var(--fof-gray);color:var(--fof-gray-ink)}
.pane-gray h2,.pane-gray h3{color:var(--fof-gray-ink)}
.pane-white{background:#FFFFFF;color:#191938}
.pane-white h2,.pane-white h3{color:#191938}
.pane-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 2rem;margin-bottom:2rem}
.pane-head p{max-width:34rem;margin:0;opacity:.9}
/* hero */
.hero h1{letter-spacing:-.02em;line-height:1.08}
.hero h1 em{font-style:normal;background:var(--fof-yellow);color:var(--fof-navy);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-byline{font-family:var(--fof-head);font-size:.9rem;color:#C9C9DC;margin:1rem 0 0}
.hero-cta{display:inline-block;margin-top:1.25rem;background:var(--fof-yellow);color:var(--fof-navy);font-family:var(--fof-head);font-weight:700;text-decoration:none;padding:.75rem 1.2rem;border-radius:4px}
.hero-cta:hover{filter:brightness(.95)}

.slider{position:relative;margin-top:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden}
.slides{display:grid}
.slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s;padding:1rem}
.slide.is-on{opacity:1;visibility:visible;transition:opacity .8s ease,visibility 0s}
@media (min-width:700px){.slide{padding:1.25rem}}
.shot{margin:0;border-radius:8px;overflow:hidden;background:#0E0E22;box-shadow:0 10px 30px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.shot img{display:block;width:100%;height:420px;object-fit:contain;background:#0E0E22}
@media (max-width:700px){.shot img{height:260px}}
.shot figcaption{font-family:var(--fof-head);font-size:.95rem;color:#FFFFFF;padding:.7rem 1rem;background:#0E0E22;border-top:1px solid rgba(255,255,255,.08)}
.slide-text{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem 2.5rem;margin-top:1.5rem;align-items:start}
@media (max-width:860px){.slide-text{grid-template-columns:1fr}}
.slide .num{font-family:var(--fof-head);font-weight:700;font-size:.85rem;color:var(--fof-yellow);letter-spacing:.02em}
.slide h3{font-size:clamp(1.3rem,2.4vw,1.8rem);color:#FFF;margin:.35rem 0 .6rem}
.slide p{color:#D9D9E8;font-size:1rem;margin:0 0 .8rem}
.slide p:last-child{margin-bottom:0}
.slide q{color:var(--fof-yellow);font-style:italic}
.sfacts{margin:0;display:grid;grid-template-columns:minmax(7rem,max-content) 1fr;border-top:1px solid rgba(255,255,255,.14);font-size:.93rem}
.sfacts dt,.sfacts dd{margin:0;padding:.5rem .4rem .5rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.sfacts dt{font-family:var(--fof-head);font-weight:600;color:#B9B9CC;padding-right:1rem}
.sfacts dd{color:#FFF;min-width:0;overflow-wrap:anywhere}
.slider-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);position:relative}
.dots{display:flex;gap:.5rem}
.dots button{width:2.4rem;height:.4rem;border-radius:999px;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0}
.dots button[aria-current="true"]{background:var(--fof-yellow)}
.slider-bar .ctl{display:flex;flex-wrap:wrap;gap:.4rem}
.slider-bar .ctl button{font:inherit;font-family:var(--fof-head);font-weight:600;font-size:.85rem;background:transparent;color:#FFF;border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:.35rem .7rem;cursor:pointer}
.slider-bar .ctl button:hover{background:rgba(255,255,255,.1)}
.bar{position:absolute;left:0;top:-2px;height:2px;background:var(--fof-yellow);width:0}
.bar.run{animation:bar 5s linear forwards}
.how .bar.run{animation-duration:7s}
.slider.no-fade .slide{transition:none}
@keyframes bar{from{width:0}to{width:100%}}

/* hero */
.hero h1{max-width:none;text-align:center;font-size:clamp(2.2rem,5.2vw,4rem);letter-spacing:-.015em;line-height:1.08;margin:0 auto}
.hero .fof-wrap{text-align:center}
.hero-sub{font-size:1.15rem;color:#E4E4F0;max-width:var(--fof-measure);margin:1rem 0 0}
.hero-fig{max-width:58rem;margin:2rem auto 0}
.hero-fig img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.hero-fig figcaption{font-family:var(--fof-head);font-size:.9rem;color:#B9B9CC;margin-top:.75rem;text-align:left}
.cta-band{background:var(--fof-navy);padding-block:0 2.75rem;margin-top:-.5rem}
.cta-band .fof-wrap{display:flex;justify-content:center}
.cta-band .hero-cta{margin:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:center;margin-top:1.5rem}
.hero-link{color:#FFF;font-family:var(--fof-head);font-weight:600}
/* how it works */
.how-lede{font-size:1.15rem;max-width:var(--fof-measure);color:#E4E4F0;margin-top:1rem}
.how .slide{padding:0}
.how-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:26rem}
@media (max-width:860px){.how-grid{grid-template-columns:1fr;min-height:0}}
.how-grid .shot{border:0;border-radius:0;box-shadow:none;background:#0E0E22;display:flex;align-items:center;justify-content:center}
.how-grid .shot img{width:100%;height:100%;aspect-ratio:5/4;object-fit:cover;background:#0E0E22;padding:0}
@media (max-width:860px){.how-grid .shot img{height:auto}}
.how-text{padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:center}
@media (max-width:700px){.how-text{padding:1.5rem}}
.how-text .num{font-family:var(--fof-head);font-weight:700;font-size:.85rem;color:var(--fof-yellow);letter-spacing:.02em}
.how-text h2{font-size:clamp(1.5rem,2.8vw,2.1rem);color:#FFF;margin:.4rem 0 .8rem}
.how-text p{color:#E4E4F0;font-size:1.08rem;line-height:1.6;margin:0 0 .8rem}
.how-text p:last-child{margin-bottom:0}
.how-text q{color:var(--fof-yellow);font-style:italic}
.how-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem}
.how-steps li{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--fof-head);font-size:.92rem;font-weight:500}
.how-steps li span{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--fof-yellow);color:var(--fof-navy);font-weight:700;display:grid;place-items:center;font-size:.8rem}
.how-steps a{color:inherit;text-decoration:none}
.how-steps a:hover{text-decoration:underline}
/* highlights */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem;margin-top:.5rem}
@media (max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.stats{grid-template-columns:1fr}}
.stat{border-left:4px solid var(--fof-navy);padding:.25rem 0 .25rem 1rem;min-width:0}
.stat strong{display:block;font-family:var(--fof-head);font-weight:700;font-size:clamp(2.1rem,4vw,3rem);line-height:1;color:var(--fof-navy);font-variant-numeric:tabular-nums}
.stat span{display:block;font-family:var(--fof-head);font-weight:500;font-size:.95rem;color:var(--fof-gray-soft);margin-top:.45rem}
.chart-wrap{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;align-items:center}
@media (max-width:860px){.chart-wrap{grid-template-columns:1fr}}
.chart-wrap p{color:var(--fof-gray-soft)}
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart .grid{stroke:rgba(25,25,56,.15);stroke-width:1}
.chart .axis{fill:#4A4A66;font-family:var(--fof-head);font-size:13px}
.chart .line{fill:none;stroke:var(--fof-navy);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1400;stroke-dashoffset:1400}
.chart.on .line{animation:draw 2.2s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.chart .dot{fill:var(--fof-yellow);stroke:var(--fof-navy);stroke-width:2}
.chart .lab{fill:#191938;font-family:var(--fof-head);font-weight:600;font-size:14px}
.chart .area{fill:rgba(25,25,56,.08)}
.chart.on .area{animation:fadein 2.2s ease-out}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.ticker{margin-top:.5rem;border-top:1px solid var(--fof-gray-deep);border-bottom:1px solid var(--fof-gray-deep);overflow:hidden;white-space:nowrap;padding-block:.7rem;font-family:var(--fof-head);font-weight:500;font-size:.95rem;color:var(--fof-gray-ink)}
.ticker-label{font-family:var(--fof-head);font-weight:700;font-size:.85rem;color:var(--fof-gray-ink);margin:2.5rem 0 0}
.ticker div{display:inline-block;animation:tick 420s linear infinite}
.ticker:hover div{animation-play-state:paused}
.ticker a{color:inherit;text-decoration:none}
.ticker a:hover{text-decoration:underline}
.ticker span{display:inline-block;padding-right:3rem}
.ticker span::before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--fof-navy);margin-right:.7rem;vertical-align:middle}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* worst cases */
.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}
.case{background:#FFFFFF;border:1px solid #D8D8E2;box-shadow:0 2px 10px rgba(25,25,56,.06);border-radius:8px;padding:1.3rem;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.case .amt{font-family:var(--fof-head);font-weight:700;font-size:1.9rem;color:#191938;background:var(--fof-yellow);display:inline-block;padding:.1rem .4rem;align-self:start;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.case h3{font-size:1.12rem;color:#191938;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case .src a{color:inherit;text-decoration:underline;text-decoration-color:#B9B9CC;text-underline-offset:2px}
.case .src a:hover{color:#191938}
.case p{font-size:.97rem;color:#4A4A66;margin:0}
.case .src{font-family:var(--fof-head);font-size:.82rem;color:#6B6B88;margin-top:auto;padding-top:.5rem}
/* victims */
.voices{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.25rem}
.voice{background:#FFFFFF;border:1px solid var(--fof-gray-deep);border-radius:8px;padding:1.4rem 1.4rem 1.2rem;position:relative;min-width:0;display:flex;flex-direction:column}
.voice::before{content:"\201C";position:absolute;top:.2rem;left:1rem;font-family:var(--fof-head);font-size:4rem;line-height:1;color:var(--fof-navy);opacity:.25}
.voice blockquote{margin:1.2rem 0 .9rem;font-size:1.02rem;line-height:1.55;color:#191938}
.voice footer{font-family:var(--fof-head);font-size:.85rem;color:#4A4A66;margin-top:auto}
.voice .loss{display:inline-block;background:var(--fof-navy);color:#FFF;font-family:var(--fof-head);font-weight:600;font-size:.85rem;padding:.15rem .55rem;border-radius:999px;margin-right:.5rem}
.pane-gray .fof-note{color:var(--fof-gray-soft)}
/* signs and report */
.signs{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem 2rem}
.signs div{min-width:0;border-top:3px solid var(--fof-yellow);padding-top:.75rem}
.signs h3{font-size:1rem}
.signs p{font-size:.95rem;color:#4A4A66;margin:0}
.report{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem}
.report h3{color:var(--fof-yellow)}
.report p{color:#E4E4F0;font-size:.98rem}
.report a{color:var(--fof-yellow)}
.pane-navy .fof-note{color:#B9B9CC}
.fof-note{font-size:.92rem;color:var(--fof-ink-soft);max-width:var(--fof-measure)}
.sources{font-size:.9rem;color:var(--fof-ink-soft)}
.sources p{margin-bottom:.4rem}
/* footer */
.fof-footer{background:var(--fof-navy);color:#C9C9DC;font-family:var(--fof-head);font-size:.88rem}
.fof-footer .fof-wrap{padding-block:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
.fof-footer a{color:var(--fof-yellow)}
/* directory */
.dir-head{padding-block:2.5rem 1rem}
.dir-head h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.fof-col{max-width:var(--fof-measure)}
.controls{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.75rem;margin:1.25rem 0 .75rem}
@media (max-width:760px){.controls{grid-template-columns:1fr 1fr}.controls .search{grid-column:1/-1}}
.controls label{display:block;font-family:var(--fof-head);font-weight:600;font-size:.85rem;margin-bottom:.3rem;color:var(--fof-ink-soft)}
.controls input,.controls select{width:100%;font:inherit;font-size:1rem;padding:.6rem .7rem;border:1px solid var(--fof-rule);border-radius:4px;background:var(--fof-page);color:var(--fof-ink)}
.count{font-family:var(--fof-head);font-size:.92rem;color:var(--fof-ink-soft);margin:.5rem 0}
.count-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.dl-btn{font-family:var(--fof-head);font-weight:700;font-size:.9rem;background:var(--fof-navy);color:#FFF;border:0;border-radius:4px;padding:.55rem .9rem;cursor:pointer}
.dl-btn:hover{background:var(--fof-navy-deep)}
.dl-btn:disabled{opacity:.5;cursor:default}
.table-box{overflow-x:auto;margin:.5rem 0 1rem;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.7rem .75rem;border-bottom:1px solid var(--fof-rule);vertical-align:top}
th{font-family:var(--fof-head);font-weight:600;font-size:.88rem;color:var(--fof-ink-soft)}
.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;margin-top:1.5rem}
.rcard{border:1px solid var(--fof-rule);border-top:6px solid var(--fof-yellow);border-radius:10px;background:var(--fof-page);padding:1.4rem 1.5rem;box-shadow:0 4px 18px rgba(25,25,56,.06);display:flex;flex-direction:column}
.rcard h2{font-size:1.25rem;margin:0 0 .25rem}
.rcard .who{font-family:var(--fof-head);font-size:.85rem;color:var(--fof-ink-soft);margin:0 0 .75rem}
.rcard p{font-size:.98rem;line-height:1.55;margin:0 0 .6rem}
.rcard .go{margin-top:auto;padding-top:.75rem}
.rcard .go a{display:block;width:100%;text-align:center;background:var(--fof-navy);color:#FFF;font-family:var(--fof-head);font-weight:700;text-decoration:none;padding:.75rem 1rem;border-radius:4px;font-size:.95rem;white-space:nowrap}
.rcard .go a:hover{background:var(--fof-navy-deep)}
.rcard .go span{display:block;text-align:center;font-family:var(--fof-head);font-size:.82rem;color:var(--fof-ink-soft);margin-top:.45rem;overflow-wrap:anywhere}
.first-call{background:var(--fof-yellow);color:var(--fof-navy);border-radius:10px;padding:1.25rem 1.5rem;margin-top:1.5rem;max-width:52rem}
.first-call h2{font-size:1.2rem;margin:0 0 .4rem;color:var(--fof-navy)}
.first-call p{margin:0;font-size:1rem;color:var(--fof-navy)}
.gather{columns:2;column-gap:2.5rem;max-width:52rem;padding-left:1.2rem;margin:.75rem 0 0}
@media (max-width:700px){.gather{columns:1}}
.gather li{break-inside:avoid;margin-bottom:.4rem;font-size:.98rem}
.notice{border:1px solid var(--fof-rule);border-left:6px solid var(--fof-yellow);background:var(--fof-panel);border-radius:8px;padding:1.1rem 1.4rem;margin-top:1.25rem;max-width:52rem}
.notice h2{font-size:1.1rem;margin:0 0 .5rem}
.notice p{margin:0 0 .6rem;font-size:1rem;line-height:1.55}
.notice p:last-child{margin-bottom:0}
.table-box.dir{border:1px solid var(--fof-rule);border-radius:10px;background:var(--fof-page);box-shadow:0 4px 18px rgba(25,25,56,.08);padding:0}
.dir table{border:0;min-width:44rem}
.dir tr>:first-child{border-left:0}.dir tr>:last-child{border-right:0}.dir thead th{border-top:0}.dir tbody tr:last-child td{border-bottom:0}
.dir th,.dir td{border:1px solid var(--fof-rule);padding:.85rem 1rem;vertical-align:middle}
.dir thead th{background:var(--fof-navy);color:#FFF;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;border-color:#2E2E5A;border-bottom:0}
.dir thead th:first-child{border-top-left-radius:9px}.dir thead th:last-child{border-top-right-radius:9px}
.dir tbody tr:nth-child(even){background:var(--fof-panel)}
.dir tbody tr:hover{background:#FFFBD6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dir tbody tr:hover{background:#26264A}}
:root[data-theme="dark"] .dir tbody tr:hover{background:#26264A}
.dir td a{color:var(--fof-link);text-decoration:none;font-size:1rem}
.dir td a::after{content:" \203A";font-weight:700;opacity:.6}
.dir td a:hover{text-decoration:underline}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .dir td a{color:var(--fof-yellow)}}
:root[data-theme="dark"] .dir td a{color:var(--fof-yellow)}
.dir th:nth-child(1){width:30%}.dir th:nth-child(2){width:32%}.dir th:nth-child(3){width:22%}
.dir .pill{font-size:.78rem;padding:.25rem .65rem}
.dir .pill::before{content:'';display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.4rem;background:currentColor;vertical-align:middle;position:relative;top:-1px}
.dir td.addr{font-family:var(--fof-head);font-size:.9rem;color:var(--fof-ink-soft);overflow-wrap:anywhere}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.dir td a{font-family:var(--fof-head);font-weight:600;overflow-wrap:anywhere}
.dir tr[hidden]{display:none}
.pill{display:inline-block;font-family:var(--fof-head);font-weight:600;font-size:.8rem;padding:.15rem .55rem;border-radius:999px;white-space:nowrap}
.pill.is-active{background:var(--fof-alert-bg);color:var(--fof-alert)}
.pill.is-off{background:var(--fof-off-bg);color:var(--fof-off)}
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:1rem 0 2rem;font-family:var(--fof-head);font-weight:600;font-size:.92rem}
.pager button{font:inherit;font-weight:600;background:var(--fof-page);color:var(--fof-ink);border:1px solid var(--fof-rule);border-radius:4px;padding:.45rem .8rem;cursor:pointer;min-width:2.6rem}
.pager button:hover{background:var(--fof-panel)}
.pager button[aria-current="page"]{background:var(--fof-navy);color:#FFF;border-color:var(--fof-navy)}
.pager button:disabled{opacity:.4;cursor:default}
.pager .gap{padding:0 .2rem;color:var(--fof-ink-soft)}
.no-js-note{display:none}
/* record pages */
.detail{padding-block:2rem 3rem}
.back{font-family:var(--fof-head);font-weight:600;font-size:.95rem;text-decoration:none}
.site-h1{font-size:clamp(1.7rem,4vw,2.5rem);margin-top:1.25rem}
.domain{font-family:var(--fof-head);font-weight:500;font-size:1.1rem;color:var(--fof-ink-soft);overflow-wrap:anywhere;margin:.6rem 0 0}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2.5rem;margin-top:2rem}
@media (max-width:860px){.detail-grid{grid-template-columns:1fr}}
.sub{font-size:1.25rem;margin-top:1.5rem}.sub2{font-size:1.25rem;margin-top:2rem}
.facts{margin:0;display:grid;grid-template-columns:minmax(9rem,max-content) 1fr;border-top:1px solid var(--fof-rule)}
.facts dt,.facts dd{margin:0;padding:.65rem .5rem .65rem 0;border-bottom:1px solid var(--fof-rule)}
.facts dt{font-family:var(--fof-head);font-weight:600;font-size:.9rem;color:var(--fof-ink-soft);padding-right:1rem}
.facts dd{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.chips{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{background:var(--fof-panel);border:1px solid var(--fof-rule);border-radius:4px;padding:.3rem .6rem;font-size:.92rem}
.related{list-style:none;padding:0;margin:.5rem 0 0}
.related li{padding:.5rem 0;border-bottom:1px solid var(--fof-rule);font-size:.95rem}
.related a{font-family:var(--fof-head);font-weight:600;overflow-wrap:anywhere}
.related span{display:block;color:var(--fof-ink-soft);font-size:.88rem}
.aside{background:var(--fof-panel);border-radius:8px;padding:1.25rem 1.25rem .5rem;align-self:start}
.aside h2{font-size:1.15rem}.aside p{font-size:.97rem}
.sitepager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;font-family:var(--fof-head);font-weight:600;font-size:.95rem}
.sitepager a{overflow-wrap:anywhere}