/* Civic design tokens. Build step 1, 19 October 2026.

   Values are the approved prototype set (REPORTS/ux/2026-10-19-prototypes, app.css), kept as
   decided on 19 Oct 10:39: Zilla Slab + IBM Plex Sans, body 15, headings 32/24, regular
   density, radius 12, brick red.

   ONLY tokens the live stylesheet does not already define are declared here. --ground, --ink,
   --ink2, --muted, --line, --line2, --surface and --shadow are site.css's and keep their
   live values, so loading this file changes nothing that is already drawn. The live site is
   light unless the reader picks dark in the header; the prototypes also followed the
   operating system's preference, and that is deliberately not carried over. */
:root{
  --brand-l:#C1352B; --brand-dk:#E86B52; --brand:var(--brand-l); --on-brand:#fff;
  --soft:color-mix(in srgb, var(--brand) 10%, var(--surface));
  --asoft:color-mix(in srgb, var(--accent) 12%, var(--surface));
  --good:#1E7A4C;
  --hot:#C1352B; --warm:#8A6410; --calm:#0E5F4E;
  --font-d:'Zilla Slab', Georgia, serif; --font-b:'IBM Plex Sans', system-ui, sans-serif;
  --fs-civic:15px; --h1-civic:32px; --h2-civic:24px;
  --r:12px; --rs:8px; --cardborder:1px solid var(--line);
}
:root[data-theme="dark"]{
  --brand:var(--brand-dk); --on-brand:#111; --good:#6FCF97;
  --hot:#F27A5D; --warm:#D6A854; --calm:#4FBFA0;
}

/* sections.css, gated by html.cv-sections */
:where(html.cv-sections) .rl{position:relative}
:where(html.cv-sections) .rlt{display:grid;grid-auto-flow:column;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:thin}
:where(html.cv-sections) .rlt>*{scroll-snap-align:start;min-width:0}
:where(html.cv-sections) .rl.r2 .rlt{grid-auto-columns:calc((100% - 12px)/2)}
:where(html.cv-sections) .rl.r3 .rlt{grid-auto-columns:calc((100% - 24px)/3)}
:where(html.cv-sections) .rl.r4 .rlt{grid-auto-columns:calc((100% - 36px)/4)}
:where(html.cv-sections) .rl.r5 .rlt{grid-auto-columns:calc((100% - 48px)/5)}
:where(html.cv-sections) .rl.r6 .rlt{grid-auto-columns:calc((100% - 60px)/6)}
:where(html.cv-sections) .rl.r8 .rlt{grid-auto-columns:calc((100% - 84px)/8)}
:where(html.cv-sections) .rla{position:absolute;top:calc(50% - 22px);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--ink)}
:where(html.cv-sections) .rla.l{left:-14px}
:where(html.cv-sections) .rla.l .ico{transform:rotate(180deg)}
:where(html.cv-sections) .rla.r{right:-14px}
:where(html.cv-sections) .rla .ico{width:16px;height:16px}
@media (max-width:900px){:where(html.cv-sections) .rl.r4 .rlt,:where(html.cv-sections) .rl.r3 .rlt{grid-auto-columns:calc((100% - 12px)/2)}:where(html.cv-sections) .rl.r5 .rlt,:where(html.cv-sections) .rl.r6 .rlt{grid-auto-columns:calc((100% - 24px)/3)}:where(html.cv-sections) .rl.r8 .rlt{grid-auto-columns:calc((100% - 36px)/4)}}
@media (max-width:560px){:where(html.cv-sections) .rl.r4 .rlt,:where(html.cv-sections) .rl.r3 .rlt,:where(html.cv-sections) .rl.r2 .rlt{grid-auto-columns:88%}:where(html.cv-sections) .rla{display:none}}
:where(html.cv-sections) .band{margin:0}
:where(html.cv-sections) .band.sand,:where(html.cv-sections) .band.soft,:where(html.cv-sections) .band.sky{padding:24px 0 14px;border-radius:var(--r);margin:0 -4px;border-left:0}
:where(html.cv-sections) .band.sand{background:#fbf4e4}
:where(html.cv-sections) .band.soft{background:var(--soft)}
:where(html.cv-sections) .band.sky{background:#eef3f8}
:where(html.cv-sections) .band.sand .wrap,:where(html.cv-sections) .band.soft .wrap,:where(html.cv-sections) .band.sky .wrap{padding:0 20px}

:root:where(.cv-sections)[data-theme=dark] .band.sand{background:#2a2518}
:root:where(.cv-sections)[data-theme=dark] .band.sky{background:#17222a}
:where(html.cv-sections) body.airy main .wrap>.sec,:where(html.cv-sections) body.airy main>.sec>.wrap,:where(html.cv-sections) body.airy .sec{padding:44px 0 36px;border-top:1px solid var(--line);margin-top:0}
:where(html.cv-sections) body.airy .sec:first-of-type,:where(html.cv-sections) body.airy .sec.noline{border-top:0}
:where(html.cv-sections) body.airy .sh{margin-bottom:18px}
:where(html.cv-sections) body.airy .sh h2{font-size:26px}
:where(html.cv-sections) body.airy .sec>.band.sand,:where(html.cv-sections) body.airy .sec>.band.soft,:where(html.cv-sections) body.airy .sec>.band.sky{margin-top:-8px}
:where(html.cv-sections) .shc{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:var(--cardborder);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);position:relative;min-height:150px}
:where(html.cv-sections) .shc .lgo{width:56px;height:56px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid var(--line);padding:4px;flex:none}
:where(html.cv-sections) .shc .tyic{width:56px;height:56px;border-radius:50%;background:var(--ground);display:flex;align-items:center;justify-content:center;flex:none}
:where(html.cv-sections) .shc .tyic .ico{width:22px;height:22px;color:var(--muted)}
:where(html.cv-sections) .shc .shb{display:flex;flex-direction:column;gap:3px;min-width:0}
:where(html.cv-sections) .shc .shk{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);display:inline-flex;gap:4px;align-items:center}
:where(html.cv-sections) .shc .shk .ico{width:13px;height:13px}
:where(html.cv-sections) .shc b{font-family:var(--slab);font-size:17px;line-height:1.2}
:where(html.cv-sections) .shc small{color:var(--ink2);font-size:13px}
:where(html.cv-sections) .shc .shp{font-weight:700;margin-top:4px}
:where(html.cv-sections) .shc .shp i{font-style:normal;font-weight:700;margin-left:8px}
:where(html.cv-sections) .shc .shh{font-weight:600;font-size:13.5px;margin-top:4px}
:where(html.cv-sections) .shc .cdn{position:absolute;top:12px;right:12px}
:where(html.cv-sections) .shc:hover{border-color:var(--brand)}
:where(html.cv-sections) .rl .sc{margin-bottom:0;grid-template-columns:90px 1fr;grid-auto-rows:auto}
:where(html.cv-sections) .rl .sc>*:last-child{grid-column:1/-1}
/* search-ui.css, gated by html.cv-search */
:where(html.cv-search) .sb{background:var(--surface);border:var(--cardborder);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
:where(html.cv-search) .sb .tabs2{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto}
:where(html.cv-search) .sb .tabs2 button{border:0;background:transparent;padding:14px 18px;font:inherit;font-weight:700;color:var(--ink2);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;display:inline-flex;gap:6px;align-items:center}
:where(html.cv-search) .sb .tabs2 button .ico{width:16px;height:16px}
:where(html.cv-search) .sb .tabs2 button.on{color:var(--brand);border-bottom-color:var(--brand)}
:where(html.cv-search) .sb .tabs2 .sp{flex:1}
:where(html.cv-search) .sb .tabs2 .al{color:var(--ink);font-weight:700;border:0;padding:14px 18px;display:inline-flex;align-items:center;gap:6px;background:transparent;box-shadow:none;border-radius:0}
:where(html.cv-search) .sb .tabs2 .al .badge{margin-left:6px}
:where(html.cv-search) .sb .row{display:grid;grid-template-columns:170px 1fr auto;align-items:stretch}
:where(html.cv-search) .sb .row>*{min-width:0}
:where(html.cv-search) .sb select,:where(html.cv-search) .sb input{border:0;font:inherit;font-size:15px;padding:16px 14px;background:transparent;width:100%;color:var(--ink)}
:where(html.cv-search) .sb .sel{border-right:1px solid var(--line);position:relative}
:where(html.cv-search) .sb .kw{display:flex;align-items:center;gap:8px;padding-left:12px}
:where(html.cv-search) .sb .kw .ico{width:18px;height:18px;color:var(--muted);flex:none}
:where(html.cv-search) .sb .kw .chip2{background:var(--soft);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
:where(html.cv-search) .sb .kw .chip2 i{font-style:normal;opacity:.6}
:where(html.cv-search) .sb .go{padding:8px 10px;display:flex;align-items:center}
:where(html.cv-search) .sb .go .btn{height:100%}
@media (max-width:700px){:where(html.cv-search) .sb .row{grid-template-columns:1fr}:where(html.cv-search) .sb .sel{border-right:0;border-bottom:1px solid var(--line)}}
:where(html.cv-search) .sb .tabs2 button .tn{font-size:10.5px;font-weight:700;color:var(--muted);background:var(--soft);border-radius:999px;padding:1px 6px}
:where(html.cv-search) .sb .tabs2 button .tn.hot{color:var(--brand)}
:where(html.cv-search) .sb .tabs2 button.dimtab{color:var(--muted)}
:where(html.cv-search) .und2{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
:where(html.cv-search) .undl{font-weight:700;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-right:4px}
:where(html.cv-search) .und2 .chip2.cx{display:inline-flex;align-items:center;gap:5px;background:var(--soft);border-radius:999px;padding:4px 6px 4px 10px;font-weight:700;color:var(--ink)}
:where(html.cv-search) .und2 .chip2 i{font-style:normal;opacity:.6;font-weight:500}
:where(html.cv-search) .und2 .cx button{border:0;background:transparent;color:var(--brand);font-size:15px;line-height:1;cursor:pointer;padding:0 4px}
:where(html.cv-search) .und2 .ign{border:1px dashed var(--line);border-radius:999px;padding:3px 10px;font-size:12.5px}
:where(html.cv-search) .undclr{margin-left:auto;border:0;background:transparent;color:var(--brand);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
:where(html.cv-search) .top .bellbtn{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink);padding:8px 10px;border-radius:10px}
:where(html.cv-search) .top .bellbtn .ico{width:20px;height:20px}
:where(html.cv-search) .top .bellbtn .badge{font-size:10.5px}
:where(html.cv-search) .top .bellbtn:hover{background:var(--soft)}
:where(html.cv-search) .sb .kw{position:relative}
:where(html.cv-search) .sb .kw .qclr{border:0;background:transparent;font-size:18px;color:var(--muted);cursor:pointer;padding:0 8px}
:where(html.cv-search) .und2.drop{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}
:where(html.cv-search) .sb{position:relative}
:where(html.cv-search) .undrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
:where(html.cv-search) .undact{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line2);padding-top:8px;font-size:13px;color:var(--ink2)}
:where(html.cv-search) .undact .undclr{margin:0}
:where(html.cv-search) .top .dockbar{display:none}
:where(html.cv-search) .top.docked .nav{display:none}
:where(html.cv-search) .top.docked .dockbar{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:360px;margin:0 12px;position:relative}
:where(html.cv-search) .top.docked .sp,:where(html.cv-search) .top.docked .thm,:where(html.cv-search) .top.docked>.wrap>.btn.pri{display:none}
:where(html.cv-search) .dockbar .dkw{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 14px;min-width:0;background:var(--ground)}
:where(html.cv-search) .dockbar .dkw input{border:0;background:transparent;font:inherit;font-size:14.5px;flex:1;min-width:0;color:var(--ink)}
:where(html.cv-search) .dockbar .dkw .ico{width:17px;height:17px;color:var(--muted)}
:where(html.cv-search) .dockbar .dkw .qclr{border:0;background:transparent;font-size:18px;color:var(--muted);cursor:pointer}
:where(html.cv-search) .dockbar .und2.drop.dk{top:calc(100% + 8px);border-top:1px solid var(--line);border-radius:var(--r)}
@media (max-width:900px){:where(html.cv-search) .top.docked .dockbar{display:none}:where(html.cv-search) .top.docked .nav{display:flex}}
:where(html.cv-search) .dockbar .dkw input:focus,:where(html.cv-search) .sb .kw input:focus{outline:none}
:where(html.cv-search) .tpanel{border-top:1px solid var(--line);padding:12px 14px 14px;background:var(--surface)}
:where(html.cv-search) .tph{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
:where(html.cv-search) .tph b{font-size:13.5px}
:where(html.cv-search) .tph .lnk{border:0;background:transparent;color:var(--brand);font:inherit;font-size:13px;font-weight:700;cursor:pointer;margin-left:12px}
:where(html.cv-search) .tpg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 16px;margin-bottom:10px}
@media (max-width:800px){:where(html.cv-search) .tpg{grid-template-columns:1fr 1fr}}
:where(html.cv-search) .tpg label{display:flex;align-items:center;gap:8px;font-size:14px}
:where(html.cv-search) .tpg label.dim{color:var(--muted)}
:where(html.cv-search) .tpg label small{color:var(--muted);font-size:12px;margin-left:2px;white-space:nowrap}
:where(html.cv-search) .tpg input{width:16px;height:16px;accent-color:var(--brand)}
:where(html.cv-search) .tpl{grid-column:1/-1;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:2px}
:where(html.cv-search) .tpa{display:flex;justify-content:flex-end;border-top:1px solid var(--line2);padding-top:10px}
:where(html.cv-search) .sugg{display:flex;flex-direction:column;margin:-4px -8px 6px}
:where(html.cv-search) .sugg button{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:7px 10px;font:inherit;cursor:pointer;border-radius:8px;color:var(--ink)}
:where(html.cv-search) .sugg button:hover{background:var(--soft)}
:where(html.cv-search) .sugg button .ico{width:16px;height:16px;color:var(--muted)}
:where(html.cv-search) .sugg button b{font-size:14px}
:where(html.cv-search) .sugg button small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-weight:800}
:where(html.cv-search) .sb select:focus,:where(html.cv-search) .sb input:focus,:where(html.cv-search) .ssel:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:1px}
:where(html.cv-search) .sb .kw input:focus{outline:none}
:where(html.cv-search) .sb#bar1{overflow:visible}
:where(html.cv-search) .sb#bar1 .tabs2{border-radius:var(--r) var(--r) 0 0;overflow:hidden}
:where(html.cv-search) .sb#bar1 .tpanel{border-radius:0 0 var(--r) var(--r)}
:where(html.cv-search) .sfind{display:flex;align-items:center;gap:8px;position:relative}
:where(html.cv-search) .sfind .sfin{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--surface);min-width:0}
:where(html.cv-search) .sfind .sfin:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
:where(html.cv-search) .sfind .sfin .ico{width:18px;height:18px;color:var(--muted);flex:none}
:where(html.cv-search) .sfind .sfin input{border:0;background:transparent;font:inherit;font-size:15px;flex:1;min-width:0;color:var(--ink);outline:0}
:where(html.cv-search) .sfind .btn{min-height:48px;border-radius:10px;white-space:nowrap}
:where(html.cv-search) .sfind.sm .sfin{min-height:34px;padding:0 10px;border-radius:8px;background:var(--ground)}
:where(html.cv-search) .sfind.sm .sfin input{font-size:13px}
:where(html.cv-search) .sfind.sm .sfin .ico{width:14px;height:14px}
:where(html.cv-search) .sfind .ssug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:30;padding:6px}
:where(html.cv-search) .sfind .ssug[hidden]{display:none}
:where(html.cv-search) .sfind .ssug button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;border:0;background:transparent;font:inherit;font-size:14px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--ink);text-align:left}
:where(html.cv-search) .sfind .ssug button:hover{background:var(--ground)}
:where(html.cv-search) .sfind .ssug button b{color:var(--brand)}
:where(html.cv-search) .sfind .ssug button i{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
:where(html.cv-search) .top.docked .dockbar .dkw{border-radius:10px;min-height:42px;padding:0 12px}
:where(html.cv-search) .top.docked .dockbar .dsel select{min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--ground);font:inherit;font-size:14px;padding:0 10px;color:var(--ink)}
:where(html.cv-search) .top.docked .dockbar .btn{min-height:42px;border-radius:10px}
:where(html.cv-search) .sb .tabs2 button.on{background:transparent}
:where(html.cv-search) .sb .kw .chip2.lock{background:var(--soft);color:var(--ink)}
:where(html.cv-search) .sb .kw .chip2.lock a{color:inherit;text-decoration:none;opacity:.6;margin-left:2px}
:where(html.cv-search) .sb .tabs2 .al{display:none}
:where(html.cv-search) .sbwrap{position:relative}
/* mobile.css, gated by html.cv-mobile */
@media (max-width:760px){:root:where(.cv-mobile){--tabh:60px}html:where(.cv-mobile){-webkit-text-size-adjust:100%}:where(html.cv-mobile) body{padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px))}:where(html.cv-mobile) .wrap{padding-left:16px;padding-right:16px}:where(html.cv-mobile) input,:where(html.cv-mobile) select,:where(html.cv-mobile) textarea{font-size:16px !important}:where(html.cv-mobile) .btn,:where(html.cv-mobile) .fop,:where(html.cv-mobile) .chip2,:where(html.cv-mobile) .tabs2 button,:where(html.cv-mobile) .pills2 a,:where(html.cv-mobile) .recent a{min-height:40px}:where(html.cv-mobile) .btn.sm{min-height:36px}:where(html.cv-mobile) header.top .wrap{height:56px;gap:6px}:where(html.cv-mobile) header.top .brand .bmark{width:30px;height:33px}:where(html.cv-mobile) header.top .brand .blines b{font-size:10.5px}:where(html.cv-mobile) header.top .brand .bword i{font-size:8px}:where(html.cv-mobile) header.top .nav,:where(html.cv-mobile) header.top .thm,:where(html.cv-mobile) header.top>.wrap>.btn.pri,:where(html.cv-mobile) header.top .dockbar,:where(html.cv-mobile) header.top .signin{display:none !important}:where(html.cv-mobile) header.top .bellbtn,:where(html.cv-mobile) header.top .wishbtn{padding:0;width:40px;height:40px;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--surface);gap:0;font-size:0}:where(html.cv-mobile) header.top .bellbtn .ico,:where(html.cv-mobile) header.top .wishbtn .ico{width:20px;height:20px}:where(html.cv-mobile) header.top .bellbtn .badge,:where(html.cv-mobile) header.top .wishbtn .badge{position:absolute;top:-4px;right:-4px;font-size:9px;padding:1px 5px;min-width:0}:where(html.cv-mobile) header.top .bellbtn,:where(html.cv-mobile) header.top .wishbtn{position:relative}:where(html.cv-mobile) header.top .sp{flex:1}:where(html.cv-mobile) header.top .mob-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}:where(html.cv-mobile) header.top .mob-menu .ico{width:20px;height:20px}:where(html.cv-mobile) header.top .mob-pill{display:none;flex:1;align-items:center;gap:8px;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--ground);padding:0 10px;color:var(--ink2);font-size:14px;cursor:pointer}:where(html.cv-mobile) header.top .mob-pill .ico{width:16px;height:16px;flex:none;color:var(--muted)}:where(html.cv-mobile) header.top .mob-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(html.cv-mobile) header.top.docked .mob-pill{display:inline-flex}:where(html.cv-mobile) header.top.docked .brand .bword{display:none}:where(html.cv-mobile) #subnav{top:56px}:where(html.cv-mobile) .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabh) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line)}:where(html.cv-mobile) .tabbar a,:where(html.cv-mobile) .tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:11px;font-weight:600;color:var(--ink2);text-decoration:none;background:transparent;border:0;cursor:pointer;position:relative}:where(html.cv-mobile) .tabbar .ico{width:22px;height:22px}:where(html.cv-mobile) .tabbar .on{color:var(--brand)}:where(html.cv-mobile) .tabbar .n{position:absolute;top:6px;left:calc(50% + 6px);background:var(--brand);color:#fff;font-size:9px;font-weight:700;border-radius:999px;padding:1px 5px;line-height:1.3}:where(html.cv-mobile) .sheet{position:fixed;inset:0;z-index:60;display:none}:where(html.cv-mobile) .sheet.open{display:block}:where(html.cv-mobile) .sheet .scrim{position:absolute;inset:0;background:rgba(0,0,0,.45)}:where(html.cv-mobile) .sheet .pane{position:absolute;left:0;right:0;bottom:0;max-height:92vh;background:var(--surface);border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.2);animation:sheetup .22s ease-out}@keyframes sheetup{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}:where(html.cv-mobile) .sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:10px auto 0}:where(html.cv-mobile) .sheet .shh{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 8px;border-bottom:1px solid var(--line)}:where(html.cv-mobile) .sheet .shh b{font-family:var(--slab);font-size:18px}:where(html.cv-mobile) .sheet .shh button{border:0;background:transparent;font:inherit;font-weight:700;color:var(--brand);cursor:pointer;padding:6px 4px}:where(html.cv-mobile) .sheet .shb{overflow-y:auto;padding:12px 16px 16px;-webkit-overflow-scrolling:touch}:where(html.cv-mobile) .sheet .shf{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:10px}:where(html.cv-mobile) .sheet .shf .btn{flex:1;justify-content:center;min-height:46px}:where(html.cv-mobile) .sheet .side{position:static;border:0;padding:0;box-shadow:none;background:transparent}:where(html.cv-mobile) .sheet .side h3{display:none}:where(html.cv-mobile) .mmenu a,:where(html.cv-mobile) .mmenu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;text-align:left;cursor:pointer}:where(html.cv-mobile) .mmenu .mgrp{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:16px 0 4px}:where(html.cv-mobile) .mmenu .mgrp:first-child{margin-top:0}:where(html.cv-mobile) .mmenu .sub{display:none;padding:0 0 6px 10px}:where(html.cv-mobile) .mmenu .sub a{font-weight:500;font-size:15px;padding:10px 0;color:var(--ink2)}:where(html.cv-mobile) .mmenu details[open] .sub{display:block}:where(html.cv-mobile) .mmenu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:16px;cursor:pointer}:where(html.cv-mobile) .mmenu summary::-webkit-details-marker{display:none}:where(html.cv-mobile) .mmenu .ico{width:18px;height:18px;color:var(--muted)}:where(html.cv-mobile) .mmenu .mrow{display:flex;gap:10px;margin:14px 0 4px}:where(html.cv-mobile) .mmenu .mrow .btn{flex:1;justify-content:center}:where(html.cv-mobile) .hero0,:where(html.cv-mobile) .hp2,:where(html.cv-mobile) .chero{overflow:hidden}:where(html.cv-mobile) .sb .tabs2,:where(html.cv-mobile) .sb#bar1 .tabs2{overflow-x:auto !important;overflow-y:hidden;scrollbar-width:none}:where(html.cv-mobile) .sb .tabs2::-webkit-scrollbar{display:none}:where(html.cv-mobile) .sb .tabs2 button{padding:12px 14px;font-size:14px}:where(html.cv-mobile) .sb .row{grid-template-columns:1fr}:where(html.cv-mobile) .sb .sel{border-right:0;border-bottom:1px solid var(--line)}:where(html.cv-mobile) .sb .kw{flex-wrap:wrap;gap:6px;padding:8px 10px}:where(html.cv-mobile) .sb .kw input{min-width:100%;padding:8px 2px}:where(html.cv-mobile) .sb .kw .chip2{font-size:12px;padding:3px 8px}:where(html.cv-mobile) .sb .go{padding:8px 10px 10px}:where(html.cv-mobile) .sb .go .btn{width:100%;justify-content:center;min-height:46px}:where(html.cv-mobile) .recent{margin-top:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}:where(html.cv-mobile) .recent a{white-space:nowrap}:where(html.cv-mobile) .tpanel .tpg{grid-template-columns:1fr 1fr;gap:10px 12px}:where(html.cv-mobile) .tpanel .tpa .btn{width:100%;justify-content:center;min-height:46px}:where(html.cv-mobile) .und2.drop{position:static;border-top:1px solid var(--line);box-shadow:none;border-radius:0}:where(html.cv-mobile) .overlap{margin-top:-12px}:where(html.cv-mobile) .l1{grid-template-columns:1fr;gap:12px}:where(html.cv-mobile) .l1>.side{display:none}:where(html.cv-mobile) .lhead{position:sticky;top:56px;z-index:20;background:var(--ground);padding:8px 0;margin:0 -16px 8px;padding-inline:16px}:where(html.cv-mobile) .lhead h2{font-size:17px}:where(html.cv-mobile) .lhead h2 small{font-size:12px}:where(html.cv-mobile) .lctl{width:100%;display:flex;gap:8px;align-items:center}:where(html.cv-mobile) .lctl .vt2{display:none}:where(html.cv-mobile) .lctl label{flex:1;display:flex;align-items:center;gap:6px;white-space:nowrap}:where(html.cv-mobile) .lctl select{width:100%;flex:1}:where(html.cv-mobile) .mob-filters{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-weight:700;font-size:14px;color:var(--ink);cursor:pointer;white-space:nowrap}:where(html.cv-mobile) .mob-filters .ico{width:16px;height:16px}:where(html.cv-mobile) .mob-filters .n{background:var(--brand);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}:where(html.cv-mobile) .li{grid-template-columns:1fr;margin-bottom:12px}:where(html.cv-mobile) .li .lim{aspect-ratio:16/9;min-height:0}:where(html.cv-mobile) .li .lb{padding:12px 14px 14px}:where(html.cv-mobile) .li h3{font-size:16px}:where(html.cv-mobile) .facts3{grid-template-columns:1fr 1fr;gap:8px}:where(html.cv-mobile) .facts3 span:first-child{grid-column:1/-1}:where(html.cv-mobile) .facts3 b{font-size:16px}:where(html.cv-mobile) .facts3 span:first-child b{font-size:20px}:where(html.cv-mobile) .li .lf{flex-direction:column;align-items:stretch}:where(html.cv-mobile) .li .lf .btn{justify-content:center;min-height:44px}:where(html.cv-mobile) .li .lf>span{text-align:center}:where(html.cv-mobile) .feats{gap:6px}:where(html.cv-mobile) .tsw,:where(html.cv-mobile) .rt.st{display:none}:where(html.cv-mobile) .ovt{overflow-x:auto;-webkit-overflow-scrolling:touch}:where(html.cv-mobile) h1{font-size:26px !important;line-height:1.15}:where(html.cv-mobile) .sh h2{font-size:21px !important}:where(html.cv-mobile) .cstatic{font-size:14.5px}:where(html.cv-mobile) .badge{white-space:nowrap}:where(html.cv-mobile) .sh>div{min-width:0;max-width:100%}:where(html.cv-mobile) .sh h2{overflow-wrap:anywhere}:where(html.cv-mobile) .cstatic.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}:where(html.cv-mobile) .cstatic.clamp.open{display:block;-webkit-line-clamp:unset}:where(html.cv-mobile) .mob-more{border:0;background:transparent;color:var(--brand);font:inherit;font-weight:700;padding:4px 0 10px;cursor:pointer}:where(html.cv-mobile) .chero,:where(html.cv-mobile) .hero0 .in{gap:12px}:where(html.cv-mobile) .cthumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}:where(html.cv-mobile) .cthumbs button{flex:none;width:64px;height:48px}:where(html.cv-mobile) .cfacts{grid-template-columns:1fr 1fr;gap:8px}:where(html.cv-mobile) .cf{padding:10px}:where(html.cv-mobile) .cf b{font-size:13.5px}:where(html.cv-mobile) .cf i{font-size:11px}:where(html.cv-mobile) .actas{display:flex;gap:8px}:where(html.cv-mobile) .actas .btn{flex:1;justify-content:center;min-height:46px;padding-inline:8px;font-size:14px}:where(html.cv-mobile) .hstats{gap:16px}:where(html.cv-mobile) .hstats b{font-size:26px}:where(html.cv-mobile) .hp2 .in,:where(html.cv-mobile) .hero0 .in{padding:18px 16px}:where(html.cv-mobile) .hero0 h1{font-size:24px !important}:where(html.cv-mobile) .trust{flex-direction:column;gap:6px;align-items:flex-start;font-size:13px}:where(html.cv-mobile) .sh{flex-direction:column;align-items:flex-start;gap:8px}:where(html.cv-mobile) .sh .btn{align-self:flex-start}:where(html.cv-mobile) body.airy .sec{padding:28px 0 24px}:where(html.cv-mobile) .band.sand,:where(html.cv-mobile) .band.soft,:where(html.cv-mobile) .band.sky{margin:0 -16px;border-radius:0;padding:18px 0 10px;overflow:hidden}:where(html.cv-mobile) .band .wrap{padding:0 16px !important;max-width:none;width:auto}:where(html.cv-mobile) .rl{overflow:hidden;margin-inline:-16px;padding-inline:16px}:where(html.cv-mobile) .rlt{margin-inline:0;padding-inline:0}:where(html.cv-mobile) .rl .rla{display:none}:where(html.cv-mobile) .rl.r2 .rlt,:where(html.cv-mobile) .rl.r3 .rlt,:where(html.cv-mobile) .rl.r4 .rlt{grid-auto-columns:84%}:where(html.cv-mobile) .rl.r5 .rlt,:where(html.cv-mobile) .rl.r6 .rlt{grid-auto-columns:44%}:where(html.cv-mobile) .rl.r8 .rlt{grid-auto-columns:30%}:where(html.cv-mobile) .mob-cta{position:fixed;left:0;right:0;bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px));z-index:44;display:none;gap:8px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06)}:where(html.cv-mobile) .mob-cta.show{display:flex}:where(html.cv-mobile) .mob-cta .btn{flex:1;justify-content:center;min-height:46px}:where(html.cv-mobile) .mob-cta .btn.ghost,:where(html.cv-mobile) .mob-cta .btn:not(.pri){flex:0 0 46px;padding:0;width:46px}:where(html.cv-mobile) .mob-cta .btn:not(.pri) .ico{width:20px;height:20px}:where(html.cv-mobile) .ah{display:block}:where(html.cv-mobile) .ah .alogo{width:72px;height:72px;margin:0 0 10px}:where(html.cv-mobile) .ah .alogo img{width:100%;height:100%;object-fit:contain}:where(html.cv-mobile) .ahero .kick{font-size:11px}:where(html.cv-mobile) .rt{font-size:13px}:where(html.cv-mobile) .rt th,:where(html.cv-mobile) .rt td{padding:8px 8px}:where(html.cv-mobile) .logos{grid-template-columns:repeat(3,1fr) !important}:where(html.cv-mobile) .tt4,:where(html.cv-mobile) .cities8,:where(html.cv-mobile) .tiles2,:where(html.cv-mobile) .gtiles,:where(html.cv-mobile) .cats,:where(html.cv-mobile) .minis{grid-template-columns:1fr 1fr !important}:where(html.cv-mobile) .types{grid-template-columns:1fr !important}:where(html.cv-mobile) .sheet .tpanel .tph span{display:none}:where(html.cv-mobile) .sheet .tpanel{border-top:0;padding:0}:where(html.cv-mobile) .states{grid-template-columns:1fr !important}:where(html.cv-mobile) .sth2{flex-wrap:wrap;gap:6px}:where(html.cv-mobile) .faq details summary{font-size:15px}:where(html.cv-mobile) .alerts{grid-template-columns:1fr;padding:22px 18px;gap:16px}:where(html.cv-mobile) .alerts h2{font-size:22px}:where(html.cv-mobile) #dfab{display:none !important}:where(html.cv-mobile) .pills2 a{font-size:13px}:where(html.cv-mobile) .vwstage{height:320px}:where(html.cv-mobile) .mgrid,:where(html.cv-mobile) .towng,:where(html.cv-mobile) .ecols,:where(html.cv-mobile) .footalert{grid-template-columns:1fr}:where(html.cv-mobile) .sitefoot .footcols{display:block}:where(html.cv-mobile) .sitefoot .footcols>div{border-bottom:1px solid var(--line);padding:4px 0}:where(html.cv-mobile) .sitefoot .footcols>div b{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer;font-size:13px}:where(html.cv-mobile) .sitefoot .footcols>div:not(.open) a{display:none}:where(html.cv-mobile) .sitefoot .footcols>div a{padding:6px 0 6px 8px}:where(html.cv-mobile) .footbar{flex-direction:column;align-items:flex-start}:where(html.cv-mobile) .credit{font-size:12px}}
@media (min-width:761px){:where(html.cv-mobile) .tabbar,:where(html.cv-mobile) .sheet,:where(html.cv-mobile) .mob-cta,:where(html.cv-mobile) .mob-menu,:where(html.cv-mobile) .mob-pill,:where(html.cv-mobile) .mob-filters,:where(html.cv-mobile) .mob-more{display:none !important}}
/* chips.css, gated by html.cv-chips */
:where(html.cv-chips) .term{border-bottom:1px dotted var(--brand);cursor:help;color:inherit;text-decoration:none}
:where(html.cv-chips) .term:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}
:where(html.cv-chips) .termtip{position:fixed;z-index:1100;background:var(--ink);color:var(--ground);border-radius:8px;padding:8px 10px;font:400 12.5px/1.45 var(--font-b);max-width:290px;box-shadow:0 10px 30px rgba(10,20,15,.25);opacity:0;pointer-events:none;transition:opacity .12s}
:where(html.cv-chips) .termtip.on{opacity:1;pointer-events:auto}
:where(html.cv-chips) .termtip b{font-weight:700}
:where(html.cv-chips) .termtip a{color:#F0A35A;margin-left:4px;text-decoration:none;font-weight:600}
:root:where(.cv-chips)[data-theme=dark] .termtip{background:#E7EDE9;color:#16201C}

:where(html.cv-chips) .termsheet{position:fixed;inset:0;z-index:1150;display:none}
:where(html.cv-chips) .termsheet.open{display:block}
:where(html.cv-chips) .termsheet .scrim{position:absolute;inset:0;background:rgba(10,20,15,.45)}
:where(html.cv-chips) .termsheet .pane{position:absolute;left:0;right:0;bottom:0;background:var(--surface);color:var(--ink);border-radius:18px 18px 0 0;padding:14px 18px max(18px,env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(0,0,0,.08)}
:where(html.cv-chips) .termsheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}
:where(html.cv-chips) .termsheet h4{font:700 18px var(--font-d);margin:0 0 6px}
:where(html.cv-chips) .termsheet p{margin:0 0 12px;font-size:14px;color:var(--ink2)}
:where(html.cv-chips) .termsheet .btn{margin-right:8px}
:where(html.cv-chips) .elig{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 2px}
:where(html.cv-chips) .elig span{border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:12px;background:var(--ground);color:var(--ink2);line-height:1.4}
:where(html.cv-chips) .elig span.ok{border-color:var(--good,#1E7A4C);color:var(--good,#1E7A4C)}
:where(html.cv-chips) .elig span.gp{border:0}
/* alert.css, gated by html.cv-alert */
:where(html.cv-alert) .alx{position:fixed;inset:0;z-index:1200;display:none}
:where(html.cv-alert) .alx.open{display:block}
:where(html.cv-alert) .alx-scrim{position:absolute;inset:0;background:rgba(10,20,15,.45);backdrop-filter:blur(2px)}
:where(html.cv-alert) .alx.sD .alx-scrim{background:transparent;backdrop-filter:none}
:where(html.cv-alert) .alx-pane{position:absolute;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(10,20,15,.28);padding:22px 22px 18px;width:min(440px,calc(100% - 32px));max-height:calc(100vh - 32px);overflow:auto}
:where(html.cv-alert) .alx.sA .alx-pane{left:50%;top:50%;transform:translate(-50%,-50%);border-radius:16px;animation:alxin .18s ease-out}
:where(html.cv-alert) .alx.sB .alx-pane{left:0;right:0;bottom:0;width:auto;border-radius:18px 18px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom,0px));animation:alxup .22s ease-out;max-height:92vh}
:where(html.cv-alert) .alx.sC .alx-pane{top:0;right:0;bottom:0;width:min(420px,100%);max-height:none;border-radius:0;border-width:0 0 0 1px;animation:alxleft .22s ease-out;padding-top:28px}
:where(html.cv-alert) .alx.sD .alx-pane{border-radius:14px;width:380px;box-shadow:0 14px 40px rgba(10,20,15,.22);animation:alxin .14s ease-out}
:where(html.cv-alert) .alx-grab{display:none;width:40px;height:4px;border-radius:2px;background:var(--line);margin:-8px auto 12px}
:where(html.cv-alert) .alx.sB .alx-grab{display:block}
:where(html.cv-alert) .alx-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
:where(html.cv-alert) .alx-x .ico{width:14px;height:14px;transform:rotate(45deg)}
:where(html.cv-alert) .alx-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;padding-right:36px}
:where(html.cv-alert) .alx-ic{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
:where(html.cv-alert) .alx-ic .ico{width:20px;height:20px}
:where(html.cv-alert) .alx-head h2{font:700 20px/1.2 var(--font-d);margin:0 0 4px}
:where(html.cv-alert) .alx-head p{margin:0;font-size:13.5px;color:var(--ink2)}
:where(html.cv-alert) .alx-form label{display:block;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}
:where(html.cv-alert) .alx-row{display:flex;gap:8px;align-items:stretch;margin-bottom:12px}
:where(html.cv-alert) .alx-row.err input{border-color:var(--brand)}
:where(html.cv-alert) .alx-cc{display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--ground);font-weight:600;font-size:14px}
:where(html.cv-alert) .alx-row input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:500 16px var(--font-b);background:var(--surface);color:var(--ink)}
:where(html.cv-alert) .alx-row input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
:where(html.cv-alert) .alx-opts{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:10px 12px;background:var(--ground);border-radius:10px}
:where(html.cv-alert) .alx-opts label{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:500;color:var(--ink);margin:0}
:where(html.cv-alert) .alx-opts input{accent-color:var(--brand);width:16px;height:16px}
:where(html.cv-alert) .alx-go{width:100%;justify-content:center;padding:12px 14px;font-size:15px}
:where(html.cv-alert) .alx-fine{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.45}
:where(html.cv-alert) .alx-fine a{color:var(--brand)}
:where(html.cv-alert) .alx-ok{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
:where(html.cv-alert) .alx-ok b{display:block;font-size:13.5px;margin-bottom:8px}
@keyframes alxin{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes alxup{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@keyframes alxleft{from{transform:translateX(24px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){:where(html.cv-alert) .alx-pane{animation:none !important}}
/* foot.css, gated by html.cv-foot */
:where(html.cv-foot) .sitefoot{border-top:1px solid var(--line);background:var(--surface);padding:26px 0 30px}
:where(html.cv-foot) .footcols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 26px}
:where(html.cv-foot) .footcols div{display:flex;flex-direction:column;gap:7px}
:where(html.cv-foot) .footcols b{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
:where(html.cv-foot) .footcols a{font-size:13.5px;color:var(--ink2);text-decoration:none}
:where(html.cv-foot) .footcols a:hover{color:var(--brand)}
:where(html.cv-foot) .footupd{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:18px 0 14px;font-size:13.5px}
:where(html.cv-foot) .footupd a{color:var(--ink);text-decoration:none;display:flex;gap:10px}
:where(html.cv-foot) .footupd time{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}
:where(html.cv-foot) .footupd em{font-style:normal;color:var(--brand);font-weight:700}
:where(html.cv-foot) .footbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
:where(html.cv-foot) .footbrand{display:flex;align-items:center;gap:12px;margin:0;flex-wrap:wrap}
:where(html.cv-foot) .footbrand span{color:var(--ink2);font-size:13.5px}
:where(html.cv-foot) .footbrand .bmark{width:26px;height:29px}
:where(html.cv-foot) .footbrand .blines b{font-size:11px;line-height:1.05}
:where(html.cv-foot) .footsoc{display:flex;gap:8px;align-items:center;font-size:13px}
:where(html.cv-foot) .footsoc span{color:var(--ink2)}
:where(html.cv-foot) .footsoc a{border:1px solid var(--line);border-radius:999px;padding:5px 11px;color:var(--ink2);text-decoration:none}
:where(html.cv-foot) .footalert{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center;background:var(--soft);border-radius:var(--r);padding:18px 20px;margin-bottom:22px}
:where(html.cv-foot) .footalert b{font-family:var(--slab);font-size:19px;display:block}
:where(html.cv-foot) .footalert span{color:var(--ink2);font-size:13.5px}
:where(html.cv-foot) .footalert .sfind{margin:0}
@media (max-width:760px){:where(html.cv-foot) .footalert{grid-template-columns:1fr}}
:where(html.cv-foot) .sitefoot.compact .footrow{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13.5px;margin-bottom:18px}
:where(html.cv-foot) .footrow span{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}
:where(html.cv-foot) .footrow b{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
:where(html.cv-foot) .footrow a{color:var(--ink2);text-decoration:none}
:where(html.cv-foot) .footcredit{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.45}
:where(html.cv-foot) .footalert form{display:flex;gap:8px}
:where(html.cv-foot) .footalert .sfin{flex:1}
@media (max-width:760px){:where(html.cv-foot) .footcols{grid-template-columns:1fr 1fr}:where(html.cv-foot) .footalert{grid-template-columns:1fr}:where(html.cv-foot) .footbar{flex-direction:column;align-items:flex-start}}
:where(html.cv-foot) .footalert>*{min-width:0}
:where(html.cv-foot) .footalert .sfind{flex-wrap:wrap}
:where(html.cv-foot) .footalert .sfin{min-width:0;flex:1 1 180px}
:where(html.cv-foot) .footalert .sfin input{min-width:0;width:100%}
:where(html.cv-foot) .footalert b{overflow-wrap:anywhere}
@media (min-width:761px){:where(html.cv-foot) .footalert{grid-template-columns:1.2fr 1fr}}
/* Design step 2 (19 Oct 2026): header H2, footer F2 and the alert dialog, ported to the site's
   own markup. Values are the approved prototype's (REPORTS/ux/2026-10-19-prototypes: app.css
   .top/.nav/.btn, search-ui.css .bellbtn, sreview/hf.html .nav.mega/.mmg/.signin, mobile.css
   header.top, alert.css). Everything is scoped to .cvh (the header), .cvf (the footer) or
   .alx (the dialog), so nothing else on a page can pick these rules up. */

/* ---------- header H2 ---------- */
.sitehead.cvh{display:block;padding:0;gap:0;flex-wrap:nowrap;position:sticky;top:0;z-index:90;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.cvh .cvh-in{max-width:1240px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:28px;height:68px}
.cvh .meganav{display:flex;align-items:center;gap:16px;flex:none}
.cvh .cvh-a{font-size:14px;font-weight:500;color:var(--ink2);white-space:nowrap;padding:8px 0;line-height:1;text-decoration:none}
.cvh .cvh-a:hover{color:var(--brand);text-decoration:none}
.cvh .mmbtn{font-size:14px;font-weight:600;color:var(--ink2);padding:8px 0;gap:4px;border-radius:0;
  border-bottom:0;white-space:nowrap}
.cvh .mmbtn:hover,.cvh .megamenu.open .mmbtn{color:var(--brand)}
.cvh .mmbtn svg{width:14px;height:14px}
.cvh .cvh-sp{flex:1}
.cvh .headright{display:flex;align-items:center;gap:10px}
.cvh .themesw{border-radius:99px;padding:3px;background:var(--surface2)}
.cvh .themesw button{width:32px;height:30px;border-radius:99px}
.cvh .themesw button[aria-pressed="true"]{color:var(--brand);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.cvh .ico,.cvf .ico,.alx .ico,.cvmenu .ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.cvh .bellbtn{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--ink);
  padding:8px 10px;border-radius:10px;text-decoration:none;position:relative;white-space:nowrap}
.cvh .bellbtn:hover{background:var(--soft);text-decoration:none}
.cvh .badge{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:4px 9px;
  border-radius:99px;background:var(--surface);color:var(--hot);box-shadow:0 1px 3px rgba(0,0,0,.15);
  white-space:nowrap;line-height:1.2}
.cvbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--rs);
  padding:11px 18px;font:600 15px/1.2 "IBM Plex Sans",system-ui,sans-serif;border:1px solid var(--line);
  background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:transform .12s,background .12s}
.cvbtn:hover{text-decoration:none;transform:translateY(-1px)}
.cvbtn.pri{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.cvbtn.pri:hover{color:var(--on-brand)}
.cvbtn.ghost{background:transparent}
.cvbtn .ico{width:18px;height:18px}
.cvh .ibtn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0;position:relative}
.cvh .ibtn .ico{width:20px;height:20px}
/* By type: the approved taxonomy grid, under the masthead like the other two menus */
.cvh .mmtax .mmg{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;padding:18px 16px 20px}
.cvh .mmtax .mmg>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.cvh .mmtax .mmg b{font-size:15px;margin-bottom:4px;color:var(--ink)}
.cvh .mmtax .mmg a{color:var(--ink2);font-size:14px;text-decoration:none;display:flex;justify-content:space-between;gap:8px}
.cvh .mmtax .mmg a:hover{color:var(--brand)}
.cvh .mmtax .mmg a i{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}
.cvh .mmtax .mmg a.all{color:var(--brand);font-weight:700;margin-top:4px}
.cvh .mmtax .mmq .chips{display:flex;flex-wrap:wrap;gap:6px}
.cvh .mmtax .mmq .chips a{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12.5px;
  font-weight:600;color:var(--ink)}
@media (max-width:1100px){
  .cvh .meganav{display:none}
  .cvh .cvh-menu{display:inline-flex}
}
@media (max-width:760px){
  .cvh .cvh-in{height:56px;gap:6px;padding:0 16px}
  .cvh .brand .bmark{width:30px;height:33px}
  .cvh .bword b{font-size:10.5px}
  .cvh .bword i{font-size:8px}
  .cvh .themesw,.cvh .signin,.cvh .cvh-go{display:none}
  .cvh .bellbtn{padding:0;width:40px;height:40px;justify-content:center;border:1px solid var(--line);
    background:var(--surface);gap:0;font-size:0}
  .cvh .bellbtn .bl{display:none}
  .cvh .bellbtn .badge{position:absolute;top:-6px;right:-8px;font-size:9px;padding:2px 5px;line-height:1.1}
  .cvh .cvh-isearch{display:inline-flex}
}
/* The bar is wider than the prototype's 1240 wrap once the theme switch, Alerts, Sign in and
   Search all sit in it (measured: 37px over at every width). The Search button repeats the
   Search link at the start of the nav, so it shows only where the wrap is widened to hold it,
   and the bell drops its word between 1101 and 1279. Nothing in the bar overflows at any width. */
@media (min-width:761px){.cvh .cvh-in{gap:18px}}
@media (min-width:1400px){.cvh .cvh-in{max-width:1320px}}
@media (min-width:761px) and (max-width:1399px){.cvh .cvh-go{display:none}}
@media (min-width:1101px) and (max-width:1279px){.cvh .bellbtn .bl{display:none}.cvh .cvh-in{gap:14px}}
/* the phone menu, a sheet like the prototype's menu sheet (mobile.css .sheet/.mmenu) */
.cvmenu{position:fixed;inset:0;z-index:300}
.cvmenu[hidden]{display:none}
.cvmenu-scrim{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.cvmenu-pane{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:var(--surface);
  color:var(--ink);border-radius:18px 18px 0 0;padding:6px 16px max(16px,env(safe-area-inset-bottom,0px));
  box-shadow:0 -10px 40px rgba(0,0,0,.2)}
@media (min-width:761px){.cvmenu-pane{left:auto;top:0;bottom:0;width:380px;max-height:none;border-radius:0}}
.cvmenu-h{display:flex;justify-content:space-between;align-items:center;padding:10px 0 8px;border-bottom:1px solid var(--line)}
.cvmenu-h b{font-size:18px}
.cvmenu-x{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:6px;display:flex}
.cvmenu-row,.cvmenu summary{display:flex;align-items:center;gap:10px;width:100%;padding:13px 0;border-bottom:1px solid var(--line);
  font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.cvmenu-row:hover{text-decoration:none;color:var(--brand)}
.cvmenu summary{justify-content:space-between}
.cvmenu summary::-webkit-details-marker{display:none}
.cvmenu summary .ico{width:18px;height:18px;color:var(--muted);transition:transform .15s}
.cvmenu details[open] summary .ico{transform:rotate(90deg)}
.cvmenu-row .ico{width:18px;height:18px;color:var(--muted)}
.cvmenu-sub{display:flex;flex-direction:column;padding:0 0 6px 10px}
.cvmenu-sub a{font-weight:500;font-size:15px;padding:10px 0;color:var(--ink2);text-decoration:none}
.cvmenu-theme{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-weight:600}
.cvmenu .themesw{display:flex}

/* ---------- footer F2 ---------- */
.sitefoot.cvf .wrap.footwrap{max-width:1240px;margin:0 auto;padding:0 20px}
.cvf .footalert[hidden]{display:none}
.cvf .footalert b{font-size:19px}
.cvf .footalert .sfind{display:flex;gap:8px;align-items:stretch}
.cvf .footalert .sfin{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);padding:0 12px}
.cvf .footalert .sfin .ico{width:18px;height:18px;color:var(--muted)}
.cvf .footalert .sfin input{border:0;background:transparent;font:inherit;font-size:16px;padding:11px 0;color:var(--ink);outline:none}
.cvf .footalert .sfin:focus-within{border-color:var(--brand)}
.cvf .footbrand .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--red)}
.cvf .footbrand .bword{display:flex;align-items:stretch;gap:3px;font-family:"IBM Plex Sans",system-ui,sans-serif;
  color:var(--red);text-transform:uppercase}
.cvf .footbrand .blines{display:flex;flex-direction:column;justify-content:center}
.cvf .footbrand .bword b{display:block;font-weight:800;line-height:1.05}
.cvf .footbrand .bword i{font-style:normal;font-size:8px;font-weight:700;text-transform:lowercase;
  writing-mode:vertical-rl;opacity:.9;display:flex;align-items:center}
@media (max-width:760px){.cvf .footalert .sfind{flex-wrap:wrap}.cvf .footalert .cvbtn{flex:1 1 auto}}

/* ---------- the alert dialog (A centred, B sheet on phones) holding the live sign-up ---------- */
.alx .alx-x .ico{transform:none}
.alx .signup{background:none;border:0;padding:0;margin:0;box-shadow:none;display:block}
.alx .signup .su-copy{display:none}
.alx .su-form{gap:10px}
.alx .su-row{border-radius:10px}
.alx .su-go{width:100%;border-radius:var(--rs);padding:12px 14px;font-size:15px;background:var(--brand)}
.alx .su-fine{font-size:12px;color:var(--muted);line-height:1.45}
body.alx-on{overflow:hidden}

/* The search module and the search page views (design step 4). Not gated: scoped to the
   step 4 markup (.sb, .cvdock, .sp4). search-ui.css (gated cv-search) carries the prototype's
   own bar rules; these are the live site's additions and fixes. */
.sb [hidden],.sb .tpanel[hidden],.sb .tpg[hidden],.und2[hidden],.cvdock[hidden]{display:none!important}
.sb{margin:16px 0 20px;text-align:left;color:var(--ink)}
.sb .tabs2 button{font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:15px}
.sb .go .cvbtn{height:100%;min-height:46px;padding:0 22px}
.sb .kw input{min-width:0}
.sb .kw .chip2.lock i{font-style:normal;opacity:.6;font-weight:500}
.sb .tpanel .cvbtn{min-height:38px;padding:8px 16px}
.sb .tpg label{cursor:pointer}
.hero-sb{position:relative;max-width:940px;margin:0 auto;z-index:5}
.hero-sb .sb{margin:0}
@media (max-width:700px){.sb .tabs2 button{padding:12px 13px;font-size:14px}
  .sb .go{padding:8px 10px 10px}.sb .go .cvbtn{width:100%}.sb .kw{flex-wrap:wrap;padding:6px 10px}
  .sb .kw input{flex:1 1 160px;padding:10px 4px}}
/* the docked copy in the header, once the full bar has scrolled away */
.cvh .cvdock{display:none;align-items:center;gap:8px;flex:1 1 auto;min-width:0;max-width:560px}
.cvh .cvdock .dkw{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;
  min-height:42px;padding:0 12px;background:var(--ground);min-width:0}
.cvh .cvdock .dkw .ico{width:17px;height:17px;color:var(--muted);flex:none}
.cvh .cvdock input{border:0;background:transparent;font:inherit;font-size:14.5px;flex:1;min-width:0;color:var(--ink);outline:0}
.cvh .cvdock .cvbtn{min-height:42px;padding:0 16px}
@media (min-width:1101px){.cvh.sbdocked .meganav{display:none}.cvh.sbdocked .cvdock{display:flex}}
/* ---------- the search page (app.html, .sp4*) ---------- */
.sp4h{margin:4px 0 14px}
.sp4h h1{font-family:"Zilla Slab",Georgia,serif;font-size:30px;line-height:1.15;margin:6px 0 12px;color:var(--ink)}
.sp4h .sb{margin:0}
.sp4try{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;font-size:13px;color:var(--muted)}
.sp4try button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;
  font:inherit;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}
.sp4try button:hover{border-color:var(--brand);color:var(--brand)}
.sp4ign{font-size:13px;color:var(--muted);margin:8px 0 0}
.sp4bar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:12px 0 6px}
.sp4bar .fbar{flex:1 1 260px;margin:0}
.sp4v{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--surface)}
.sp4v span{font-size:12px;color:var(--muted);padding:0 6px}
.sp4v button{border:0;background:transparent;border-radius:8px;padding:7px 12px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.sp4v button[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.sp4t{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:8px}
.sp4t table.t3{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.sp4t th,.sp4t td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line2)}
.sp4t thead th{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--ground)}
.sp4t thead .u{display:block;font-weight:500;text-transform:none;letter-spacing:0}
.sp4t .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sp4t tr.schrow th{background:var(--soft);border-top:2px solid var(--line);font-size:14px;color:var(--ink);font-weight:600}
.sp4t tr.schrow th a{font-family:"Zilla Slab",Georgia,serif;font-size:16px;font-weight:700;color:var(--ink);text-decoration:none}
.sp4t tr.schrow th a:hover{color:var(--brand)}
.sp4t tr.schrow th span{display:block;font-weight:500;font-size:12.5px;color:var(--ink2);margin-top:2px}
.sp4t tr.schrow .goc{text-align:right;white-space:nowrap;vertical-align:middle}
.sp4t td b{font-weight:700}
.sp4t td small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.sp4t .cdn{display:inline-block;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;
  background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}
.sp4t .cdn.warn{background:color-mix(in srgb,#b8621b 14%,transparent);color:#8a4f12}
.sp4t .cdn.calm{background:var(--ground);color:var(--ink2)}
.sp4t tr.morerow td,.sp4t tr.norow td{font-size:13px;color:var(--ink2);background:var(--surface)}
.sp4t tr.morerow a{color:var(--brand);font-weight:600}
.cvbtn.sm{padding:7px 12px;font-size:13px}
.frfind input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;
  margin:2px 0 8px;background:var(--surface);color:var(--ink)}
.sp4sheet .body .frail{position:static;width:auto;max-height:none;border:0;box-shadow:none;top:auto}
@media (max-width:700px){.sp4h h1{font-size:24px}}
.sb .ico,.cvdock .ico{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.list>.sp4t,.list>.sp4t~*{grid-column:1/-1}
/* the search page's own app bar title repeats the h1, so the list drops it; the scheme and
   account screens keep it for their back arrow */
body.p-list .appbar{display:none}
/* Combined is a primary view now, so its table shows on a phone too, scrolling sideways in
   its own box rather than being hidden behind the card list the scheme screens use */
@media (max-width:700px){
  body.p-list .fmain .tblwrap,body.p-list .screen>.list .tblwrap,body.p-list .sec .tblwrap{display:block;overflow-x:auto}
  .sp4t{border-radius:10px}
  .sp4t table.t3{min-width:0}
  .sp4t table,.sp4t tbody,.sp4t tr,.sp4t td,.sp4t th{display:block}
  .sp4t thead{display:none}
  .sp4t tr.schrow{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:10px 12px;border-top:2px solid var(--line)}
  .sp4t tr.schrow th{padding:0;border:0;background:none}
  .sp4t tr.schrow th[colspan]{grid-column:1/-1}
  .sp4t tr.schrow .goc{text-align:right}
  .sp4t tbody tr:not(.schrow):not(.morerow):not(.norow){display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 12px;border-bottom:1px solid var(--line2)}
  .sp4t tbody tr:not(.schrow) td{padding:0;border:0;text-align:left}
  .sp4t tbody tr:not(.schrow) td:first-child{grid-column:1/-1}
  .sp4t tbody tr:not(.schrow) td:empty{display:none}
  .sp4t td[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.03em}
  .sp4t tr.morerow td,.sp4t tr.norow td{padding:10px 12px}
}
.sp4t tr.schrow th a.cvbtn{font:600 13px/1.2 "IBM Plex Sans",system-ui,sans-serif;color:var(--on-brand);padding:8px 12px;white-space:nowrap}
.sp4t tr.schrow th a.cvbtn:hover{color:var(--on-brand)}
@media (max-width:700px){.sp4t tr.schrow{background:var(--soft)}}
/* the rail inside the phone sheet: the desktop rail's own rules, which app-web.css keeps
   inside its wide-screen query */
.sp4sheet .fr-head{display:none}
.sp4sheet .frs{border-bottom:1px solid var(--line2)}
.sp4sheet .frs-h{display:flex;align-items:center;gap:7px;width:100%;text-align:left;cursor:pointer;background:none;border:none;
  font:inherit;font-size:14px;font-weight:600;color:var(--ink);padding:14px 16px}
.sp4sheet .frs-h .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.sp4sheet .frs-h .chev{width:15px;height:15px;margin-left:auto;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round}
.sp4sheet .frs.open .frs-h .chev{transform:rotate(180deg)}
.sp4sheet .frs-b{padding:0 16px 12px}
.sp4sheet .frail .opt.lvl1{padding-left:18px}
.sp4sheet .frail .opt.lvl2{padding-left:36px}
/* the suggestions hang below the bar, so the bar does not clip (the prototype's #bar1 rule) */
.sb.sbwrap{overflow:visible}
.sb.sbwrap .tabs2{border-radius:var(--r) var(--r) 0 0}
.sb.sbwrap .tpanel{border-radius:0 0 var(--r) var(--r)}
/* a bottom sheet is pinned to the bottom of the screen, wherever the results are scrolled */
.sheet.sp4sheet{position:fixed!important;left:0;right:0;bottom:0;top:auto!important;max-height:88vh;z-index:400;
  border-radius:16px 16px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.28)}
/* Phone gutter on the search page (UX check on build-04): 16 px either side, as on every other page. */
@media (max-width:860px){body.p-list .screen{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}}

/* Design step 5: the type x state and type x city templates (card ux-20261019-build-05).
   The rules below the line are the prototype's own (upflats.tgz: index.html, flats-ghaziabad.html,
   plots-meerut.html, city-ghaziabad.html; upfinal.tgz index.html), read from the rendered pages with only the rules that match something in
   <main> kept, and scoped to :where(body.cv5 main#top), which adds no specificity, so they win and lose against each other exactly as in the prototype and touch nothing outside these pages. The search
   bar is styled by sbar.css and the rails and bands by sections.css (gate cv-sections), so their
   prototype copies are left out. Tokens: the site's own (tokens.css) where it defines one; the
   prototype's spacing and heading sizes below. */
body.cv5{--sec:64px;--h1:32px;--h2:24px;--accent-l:#0E5F4E;--ground-l:#F3F5F1}
@media (max-width:600px){body.cv5{--sec:44px}}
body.cv5 main#top{display:block;padding:0;max-width:none}
/* qa-20261020-ux-01: a 1fr track takes its minimum from its longest word, so a long authority name
   in "Who sells here" widened the grid past a phone screen (Yamuna Expressway at 555px). The
   card may shrink to its track (min-width 0) and the name wraps inside it. */
body.cv5 main#top .hw{min-width:0;overflow-wrap:anywhere}
/* the picture slot when the authority published no picture: say so, never a stock photo */
body.cv5 main#top .li .lim.ni{display:flex;align-items:center;justify-content:center;background:var(--surface2,var(--ground))}
body.cv5 main#top .li .noimg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px;text-align:center}
body.cv5 main#top .li .noimg .tyic.big{width:56px;height:56px;border-radius:14px}
body.cv5 main#top .li .noimg .tyic.big .ico{width:28px;height:28px}
body.cv5 main#top .li .noimg .imgnote{font-size:12px;color:var(--muted);max-width:180px}
body.cv5 main#top .li .specs .abk{font-weight:500;color:var(--muted);font-size:12px}
body.cv5 main#top .side .fop.zero{opacity:.5}
/* app.css's .band is a one-line notice (flex); the section bands are blocks, or a rail with one card
   shrinks to that card's width */
body.cv5 main#top .band.sand,body.cv5 main#top .band.soft{display:block}
body.cv5 main#top .tlnone{padding:18px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface)}
body.cv5 main#top .tlnone a{color:var(--brand);font-weight:600}
body.cv5 main#top [data-tlmore]{margin-top:4px}
body.cv5 main#top .shc .cdn[hidden],body.cv5 main#top .cdn[hidden]{display:none}
body.cv5 main#top .shc .elig{padding:10px 12px;gap:6px;margin-top:6px;border-radius:10px;font-size:12.5px}
body.cv5 main#top .shc .elig span{border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:var(--surface)}
body.cv5 main#top .shc .elig span.ok{border-color:var(--calm);color:var(--calm)}
body.cv5 main#top .shc .elig span.gp{border-style:dashed}
/* on a phone the filters fold under their heading; the heading opens them */
@media (max-width:900px){
  body.cv5 main#top .side{position:static}
  body.cv5 main#top .side:not(.open) .grp{display:none}
  body.cv5 main#top .side h3{cursor:pointer}
  body.cv5 main#top .side:not(.open) h3::after{content:"Show";font:600 12.5px var(--font-b);color:var(--brand)}
}
/* a phone card with no picture: the note sits in one line above the text, not in a 16:9 box */
@media (max-width:700px){
  body.cv5 main#top .li .lim.ni{aspect-ratio:auto;min-height:0;padding:10px 16px 0;justify-content:flex-start;background:none}
  body.cv5 main#top .li .lim.ni img.lgo{position:static;width:30px;height:30px;margin-left:auto}
  body.cv5 main#top .li .noimg{flex-direction:row;padding:0;gap:10px;text-align:left}
  body.cv5 main#top .li .noimg .tyic.big{width:34px;height:34px;border-radius:9px}
  body.cv5 main#top .li .noimg .tyic.big .ico{width:18px;height:18px}
  body.cv5 main#top .li .noimg .imgnote{max-width:none}
  body.cv5 main#top .li .prx{text-align:left}
}
/* step 5c additions: what the prototype draws from a stock photograph is drawn without one */
body.cv5 main#top .hp2.nophoto{background:linear-gradient(135deg,#1d2a25,#2f3d36);min-height:0}
body.cv5 main#top .hp2.nophoto .ovl{display:none}
body.cv5 main#top .hp2.nophoto .in{position:relative}
body.cv5 main#top .chero.nogal{grid-template-columns:1fr}
body.cv5 main#top .wherer.nomap{grid-template-columns:1fr}
body.cv5 main#top .tyimg-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface2,var(--ground))}
body.cv5 main#top .tyimg-none .imgnote{position:static;background:none;color:var(--muted);font-size:12px}
body.cv5 main#top .sbwrap5{margin-top:18px}
@media (max-width:700px){
  body.cv5 main#top .tyimg-none{min-height:0;height:auto;aspect-ratio:auto;flex-direction:row;justify-content:flex-start;padding:10px 16px 0;background:none}
  body.cv5 main#top .tyimg-none .tyic{width:34px;height:34px}
}
/* site.css colours every .btn white-on-red; the prototype's plain button is ink on white */
body.cv5 main#top .btn:not(.pri):not(.ghost){color:var(--ink)}
body.cv5 main#top .li .noimg .imgnote{position:static;background:none;color:var(--muted);padding:0;letter-spacing:0}
body.cv5 main#top section.faqs{padding:0}
body.cv5 main#top section[data-apcol]{padding:36px 0 0;border-top:1px solid var(--line)}
body.cv5 main#top section[data-apcol] h2{font-size:24px;margin:0 0 10px}
body.cv5 main#top section[data-apcol] .cta a{display:inline-flex;border:1px solid var(--line);border-radius:var(--rs);padding:8px 14px;font-weight:600;background:var(--surface)}
body.cv5 main#top .typerow a small{color:var(--muted);font-weight:500;margin-left:4px}
body.cv5 main#top .resrow[hidden],body.cv5 main#top .ty[hidden]{display:none}
body.cv5 main#top .wmap figure{margin:0}
body.cv5 main#top .wmap img{width:100%;height:auto;border-radius:var(--r)}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5 main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5 main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5 main#top) h1, :where(body.cv5 main#top) h2, :where(body.cv5 main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5 main#top) img{max-width: 100%; display: block;}
:where(body.cv5 main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5 main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5 main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5 main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5 main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5 main#top) .btn.ghost{background: transparent;}
:where(body.cv5 main#top) .sec{padding-top: var(--sec);}
:where(body.cv5 main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5 main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5 main#top) .imgnote{position: absolute; z-index: 1;}
:where(body.cv5 main#top) .cimg .imgnote, :where(body.cv5 main#top) .imgnote{position: absolute; right: 8px; bottom: 6px; font-size: 10px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 1px 6px; border-radius: 4px; letter-spacing: 0.02em;}
:where(body.cv5 main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5 main#top) .badge.hot{color: var(--hot);}
:where(body.cv5 main#top) .badge.warm{color: var(--warm);}
:where(body.cv5 main#top) .badge.calm{color: var(--calm);}
:where(body.cv5 main#top) .badge .dot{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
:where(body.cv5 main#top) .cauth{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted);}
:where(body.cv5 main#top) .cauth img{width: 22px; height: 22px; object-fit: contain; border-radius: 4px; background: rgb(255, 255, 255);}
:where(body.cv5 main#top) .how{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap);}
:where(body.cv5 main#top) .hw{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--shadow); text-align: left;}
:where(body.cv5 main#top) .hw .ic{width: 52px; height: 52px; border-radius: 14px; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center;}
:where(body.cv5 main#top) .hw .ic .ico{width: 28px; height: 28px;}
:where(body.cv5 main#top) .hw h3{font-size: 20px;}
:where(body.cv5 main#top) .hw p{margin: 0px; color: var(--ink2); font-size: 14.5px;}
:where(body.cv5 main#top) .hw .n{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--muted); padding-top: 10px; border-top: 1px solid var(--line2);}
:where(body.cv5 main#top) .opts{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .tiles, :where(body.cv5 main#top) .how, :where(body.cv5 main#top) .guides{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5 main#top) .tiles, :where(body.cv5 main#top) .how, :where(body.cv5 main#top) .guides{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .crumbs{display: flex; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 28px;}
:where(body.cv5 main#top) .crumbs b{font-weight: 600;}
:where(body.cv5 main#top) .actas{display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap;}
:where(body.cv5 main#top) #subnav{position: sticky; top: 68px; z-index: 30; background: color-mix(in srgb,var(--ground) 94%,transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-top: 28px;}
:where(body.cv5 main#top) #subnav .wrap{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5 main#top) #subnav a{padding: 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); white-space: nowrap; border-bottom: 2px solid transparent;}
:where(body.cv5 main#top) #subnav a.on, :where(body.cv5 main#top) #subnav a:hover{color: var(--ink); border-bottom-color: var(--brand);}
:where(body.cv5 main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5 main#top) .types{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap);}
:where(body.cv5 main#top) .ty{display: grid; grid-template-columns: 200px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); transition: transform 0.15s;}
:where(body.cv5 main#top) .ty:hover{transform: translateY(-2px);}
:where(body.cv5 main#top) .tyimg{position: relative; overflow: hidden; background: rgb(255, 255, 255); border-right: 1px solid var(--line2);}
:where(body.cv5 main#top) .tyimg img{width: 100%; height: 100%; min-height: 170px; object-fit: cover;}
:where(body.cv5 main#top) .tyb{padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5 main#top) .tyh{display: flex; align-items: baseline; gap: 10px;}
:where(body.cv5 main#top) .tyh h3{font-size: 22px;}
:where(body.cv5 main#top) .tyh span{font-size: 13px; color: var(--muted);}
:where(body.cv5 main#top) .kv3{display: grid; grid-template-columns: 1.1fr 1fr 0.8fr; gap: 8px;}
:where(body.cv5 main#top) .kv3 i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5 main#top) .kv3 b{font-size: 16px;}
:where(body.cv5 main#top) .tyf{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink2); padding-top: 10px; border-top: 1px solid var(--line2);}
:where(body.cv5 main#top) .tyf span{display: flex; align-items: center; gap: 6px;}
:where(body.cv5 main#top) .tyf .ico{width: 16px; height: 16px;}
:where(body.cv5 main#top) h3.sub{font-size: 18px; margin: 32px 0px 14px;}
:where(body.cv5 main#top) .pills{display: flex; flex-wrap: wrap; gap: 8px;}
:where(body.cv5 main#top) .links{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
:where(body.cv5 main#top) .links a{display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--line); border-radius: var(--rs); background: var(--surface); font-size: 14px; font-weight: 500;}
:where(body.cv5 main#top) .links .ico{width: 16px; height: 16px;}
:where(body.cv5 main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5 main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5 main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5 main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5 main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5 main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .grid.g3, :where(body.cv5 main#top) .types, :where(body.cv5 main#top) .cols2, :where(body.cv5 main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5 main#top) #subnav{top: 68px;}
}
@media (max-width: 600px){
  :where(body.cv5 main#top) .ty, :where(body.cv5 main#top) .col, :where(body.cv5 main#top) .past{grid-template-columns: 1fr;}
  :where(body.cv5 main#top) .tyimg img, :where(body.cv5 main#top) .col img{min-height: 0px; aspect-ratio: 16 / 9;}
}
:where(body.cv5 main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
:where(body.cv5 main#top) .elig{background: var(--asoft); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
:where(body.cv5 main#top) .cnt{color: var(--muted); font-size: 14px;}
:where(body.cv5 main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5 main#top) .fl{display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; border-bottom: 1px dashed var(--line2); padding-bottom: 4px;}
:where(body.cv5 main#top) .gt{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5 main#top) .gt:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .gt b{font: 700 19px var(--font-d);}
:where(body.cv5 main#top) .gt span{margin-top: auto; display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 14px; color: var(--brand);}
:where(body.cv5 main#top) .gt span .ico{width: 16px; height: 16px;}
:where(body.cv5 main#top) .crumbs{flex-wrap: wrap; row-gap: 2px;}
:where(body.cv5 main#top) .crumbs a, :where(body.cv5 main#top) .crumbs b{white-space: nowrap;}
:where(body.cv5 main#top) .h2ic{width: 24px; height: 24px; color: var(--brand); vertical-align: -4px; margin-right: 9px;}
:where(body.cv5 main#top) button[data-lb], :where(body.cv5 main#top) .gi, :where(body.cv5 main#top) .smain, :where(body.cv5 main#top) .c4img, :where(body.cv5 main#top) .lcimg, :where(body.cv5 main#top) .tyimg, :where(body.cv5 main#top) [data-lb]{cursor: pointer;}
@media (max-width: 760px){
  :where(body.cv5 main#top) .pill, :where(body.cv5 main#top) .chip, :where(body.cv5 main#top) .tab, :where(body.cv5 main#top) .btn.sm, :where(body.cv5 main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
  :where(body.cv5 main#top) .cmeta, :where(body.cv5 main#top) .cauth, :where(body.cv5 main#top) .cstats i, :where(body.cv5 main#top) .f6 i, :where(body.cv5 main#top) .astats span, :where(body.cv5 main#top) .src, :where(body.cv5 main#top) .fine, :where(body.cv5 main#top) .muted.sm{font-size: 13px;}
  :where(body.cv5 main#top) .imgnote{font-size: 11px; padding: 2px 7px;}
}
:where(body.cv5 main#top) .sec > p, :where(body.cv5 main#top) .ov p, :where(body.cv5 main#top) .prose p, :where(body.cv5 main#top) .gtext p, :where(body.cv5 main#top) .about p, :where(body.cv5 main#top) .legal p, :where(body.cv5 main#top) .faq p, :where(body.cv5 main#top) .steps p, :where(body.cv5 main#top) .elig p{max-width: 72ch;}
:where(body.cv5 main#top) .pr a, :where(body.cv5 main#top) .prn a, :where(body.cv5 main#top) .crumbs a, :where(body.cv5 main#top) .protolinks a, :where(body.cv5 main#top) .more, :where(body.cv5 main#top) footer .cols a, :where(body.cv5 main#top) .links a, :where(body.cv5 main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5 main#top) .badge.live{background: var(--asoft); color: var(--accent);}
:where(body.cv5 main#top) .badge.warm{background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm);}
:where(body.cv5 main#top) .hw ul{margin: 0px; padding-left: 16px; font-size: 14px; color: var(--ink2); display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5 main#top) .hw .n{flex-wrap: wrap; gap: 6px;}
:where(body.cv5 main#top) .tyimg img{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5 main#top) .ty .tyf{flex-wrap: wrap; gap: 6px;}
:where(body.cv5 main#top) .ty .tyf span{min-width: 0px; overflow-wrap: anywhere;}
:where(body.cv5 main#top) .eligl{margin: 0px; padding-left: 18px; font-size: 14px; color: var(--ink2); display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5 main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm); border: 1px dashed var(--warm); vertical-align: middle;}
:where(body.cv5 main#top) .hw .n a{display: inline-flex; align-items: center; gap: 4px; font-weight: 600;}
:where(body.cv5 main#top) .upd{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5 main#top) .upd a{display: grid; grid-template-columns: 110px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; font-size: 14.5px;}
:where(body.cv5 main#top) .upd time{font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5 main#top) .upd .ico{width: 16px; height: 16px; color: var(--muted);}
@media (max-width: 640px){
  :where(body.cv5 main#top) .upd a{grid-template-columns: 1fr auto;}
  :where(body.cv5 main#top) .upd time{grid-column: 1 / -1;}
}
:where(body.cv5 main#top) .pic{border: 0px; background: none; padding: 0px 4px; color: var(--muted); cursor: zoom-in; vertical-align: middle;}
:where(body.cv5 main#top) h3.sub .cnt{font-style: normal; font-size: 12px; color: var(--muted); margin-left: 8px; font-weight: 600;}
:where(body.cv5 main#top) .tyh{flex-wrap: wrap; align-items: center; gap: 8px;}
:where(body.cv5 main#top) .tyic{width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--asoft); color: var(--accent); flex: 0 0 auto;}
:where(body.cv5 main#top) .tyic .ico{width: 18px; height: 18px;}
:where(body.cv5 main#top) .tyloc{display: flex; gap: 6px; align-items: flex-start; font-size: 14.5px; font-weight: 600; color: var(--ink);}
:where(body.cv5 main#top) .tyloc .ico{width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--brand);}
:where(body.cv5 main#top) .tyf{border-top: 0px; padding-top: 4px;}
:where(body.cv5 main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5 main#top) .reslist{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5 main#top) .resrow{display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 18px; box-shadow: var(--shadow);}
:where(body.cv5 main#top) .resrow .ic{width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--soft); color: var(--brand);}
:where(body.cv5 main#top) .resrow.awaited .ic{background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm);}
:where(body.cv5 main#top) .resh{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
:where(body.cv5 main#top) .resh h3{font-size: 16px; margin: 0px;}
:where(body.cv5 main#top) .resb p{margin: 4px 0px 2px; font-size: 14px; color: var(--ink2);}
:where(body.cv5 main#top) .resb small{font-size: 12.5px; color: var(--muted);}
:where(body.cv5 main#top) .plangrp{margin-bottom: 6px;}
@media (max-width: 640px){
  :where(body.cv5 main#top) .resrow{grid-template-columns: 40px 1fr;}
  :where(body.cv5 main#top) .resrow .btn{grid-column: 2;}
}
:where(body.cv5 main#top) .chero{display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: start; padding: 22px 0px 8px;}
:where(body.cv5 main#top) .cgal{position: relative;}
:where(body.cv5 main#top) .cmain{position: relative; border: 0px; padding: 0px; border-radius: var(--r); overflow: hidden; cursor: zoom-in; width: 100%; aspect-ratio: 4 / 3; background: rgb(255, 255, 255);}
:where(body.cv5 main#top) .cmain img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5 main#top) .cmain .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 12px; font-size: 12.5px; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); text-align: left;}
:where(body.cv5 main#top) .cthumbs{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;}
:where(body.cv5 main#top) .cthumbs button{border: 2px solid transparent; padding: 0px; border-radius: 8px; overflow: hidden; width: 72px; height: 54px; background: rgb(255, 255, 255); cursor: pointer;}
:where(body.cv5 main#top) .cthumbs button.on{border-color: var(--brand);}
:where(body.cv5 main#top) .cthumbs img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5 main#top) .cinfo h1{font-size: var(--h1); line-height: 1.1; margin: 6px 0px 10px;}
:where(body.cv5 main#top) .cinfo .cauth{margin-bottom: 4px;}
:where(body.cv5 main#top) .cinfo .cauth img{width: 28px; height: 28px;}
:where(body.cv5 main#top) .cfacts{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0px;}
:where(body.cv5 main#top) .cf{display: flex; gap: 10px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 10px 12px;}
:where(body.cv5 main#top) .cf .ic{width: 34px; height: 34px; border-radius: 9px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5 main#top) .cf i{display: block; font-style: normal; font-size: 11.5px; color: var(--muted);}
:where(body.cv5 main#top) .cf b{font-size: 15px;}
:where(body.cv5 main#top) .cstatic{font-size: 15px; color: var(--ink2); margin: 0px 0px 12px;}
:where(body.cv5 main#top) .sloc2{display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: var(--muted); margin-bottom: 10px;}
:where(body.cv5 main#top) .sloc2 a{font-weight: 600; color: var(--brand);}
:where(body.cv5 main#top) .wherer{display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--gap);}
:where(body.cv5 main#top) .wmap{border: 0px; padding: 0px; border-radius: var(--r); overflow: hidden; cursor: zoom-in; background: rgb(255, 255, 255); position: relative; min-height: 300px;}
:where(body.cv5 main#top) .wmap img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5 main#top) .wmap .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 12px; font-size: 12.5px; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); text-align: left;}
:where(body.cv5 main#top) .wtxt{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5 main#top) .mv{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px;}
:where(body.cv5 main#top) .mv b{font: 700 22px var(--font-d);}
:where(body.cv5 main#top) .mv span{display: block; font-size: 12.5px; color: var(--ink2);}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .chero{grid-template-columns: 1fr;}
}
@media (max-width: 640px){
  :where(body.cv5 main#top) .wherer{grid-template-columns: 1fr;}
  :where(body.cv5 main#top) .cfacts{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) h3.sub .ico{width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; color: var(--brand);}
:where(body.cv5 main#top) .pairs{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
:where(body.cv5 main#top) .pair{background: var(--surface); border: var(--cardborder); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden;}
:where(body.cv5 main#top) .pairh{display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; padding: 10px 14px; border-bottom: 1px solid var(--line2);}
:where(body.cv5 main#top) .pairh b{font-size: 14.5px;}
:where(body.cv5 main#top) .pairimgs{display: grid; grid-template-columns: 1fr 1fr;}
:where(body.cv5 main#top) .pairimgs button{border: 0px; padding: 0px; background: rgb(255, 255, 255); cursor: zoom-in; text-align: left; display: flex; flex-direction: column;}
:where(body.cv5 main#top) .pairimgs button + button{border-left: 1px solid var(--line2);}
:where(body.cv5 main#top) .pairimgs img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block;}
:where(body.cv5 main#top) .pairimgs button:first-child img{object-fit: contain;}
:where(body.cv5 main#top) .pairimgs span{display: block; padding: 8px 10px; font-size: 12.5px; color: var(--muted);}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .cinfo{min-width: 0px;}
}
@media (max-width: 640px){
  :where(body.cv5 main#top) .pairs{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .band{display: flex; align-items: center; gap: 10px; margin: 18px 0px 12px; padding: 10px 14px; border-radius: 12px; background: var(--soft); border-left: 4px solid var(--brand);}
:where(body.cv5 main#top) .band h3{font-size: 19px; margin: 0px; flex: 1 1 0%;}
:where(body.cv5 main#top) .band .tyic{background: var(--surface);}
@media (max-width: 700px){
  :where(body.cv5 main#top) .band{flex-wrap: wrap;}
  :where(body.cv5 main#top) .band h3{flex: 1 1 calc(100% - 50px); font-size: 17px;}
  :where(body.cv5 main#top) .band .badge{margin-left: 50px;}
}
:where(body.cv5 main#top) .typerow{display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0px 14px;}
:where(body.cv5 main#top) .typerow a{font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--ink);}
:where(body.cv5 main#top) .typerow a:hover{border-color: var(--brand); color: var(--brand);}
:where(body.cv5 main#top) .pairimgs.three{grid-template-columns: 1fr 1fr 1fr;}
@media (max-width: 640px){
  :where(body.cv5 main#top) .pairimgs.three{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .vids{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;}
:where(body.cv5 main#top) .vid{background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden;}
:where(body.cv5 main#top) .vid b{display: block; padding: 10px 12px; font-size: 14px;}
:where(body.cv5 main#top) .vposter{position: relative; aspect-ratio: 16 / 9; background: rgb(0, 0, 0);}
:where(body.cv5 main#top) .vposter img{width: 100%; height: 100%; object-fit: cover; opacity: 0.75; display: block;}
:where(body.cv5 main#top) .vposter .play{position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; margin: -26px 0px 0px -26px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center;}
:where(body.cv5 main#top) .vposter .play svg{width: 24px; height: 24px;}
:where(body.cv5 main#top) .vposter .vsoon{position: absolute; right: 10px; top: 10px;}
@media (max-width: 800px){
  :where(body.cv5 main#top) .vids{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .elset{width: 100%; border-collapse: collapse; font-size: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
:where(body.cv5 main#top) .elset th, :where(body.cv5 main#top) .elset td{padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--line2);}
:where(body.cv5 main#top) .elset th{font-size: 12px; color: var(--muted); background: var(--soft);}
:where(body.cv5 main#top) .elset td.n, :where(body.cv5 main#top) .elset th.n{text-align: right; white-space: nowrap;}
:where(body.cv5 main#top) .elset tr:last-child td{border-bottom: 0px;}
:where(body.cv5 main#top) .elset tr.me td{background: var(--asoft); font-weight: 700;}
:where(body.cv5 main#top) .vposter.play-ok{cursor: pointer;}
:where(body.cv5 main#top) .vposter.play-ok img{opacity: 1;}
:where(body.cv5 main#top) .tyimg-none{display: flex; align-items: center; justify-content: center; background: var(--soft); min-height: 160px;}
:where(body.cv5 main#top) .legend{display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; margin: 0px; padding: 0px; list-style: none;}
:where(body.cv5 main#top) .legend li{display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px;}
:where(body.cv5 main#top) .legend .no{flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 1px;}
:where(body.cv5 main#top) .legend b{display: block;}
:where(body.cv5 main#top) .legend small{color: var(--muted);}
:where(body.cv5 main#top) .cal{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5 main#top) .cal a{display: grid; grid-template-columns: 120px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 16px; color: inherit;}
:where(body.cv5 main#top) .cal a:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .cal .d{font-weight: 700;}
:where(body.cv5 main#top) .cal .d small{display: block; font-weight: 500; color: var(--muted); font-size: 12px;}
:where(body.cv5 main#top) .cal .t b{display: block;}
:where(body.cv5 main#top) .cal .t span{font-size: 13.5px; color: var(--ink2);}
@media (max-width: 640px){
  :where(body.cv5 main#top) .cal a{grid-template-columns: 1fr; gap: 6px;}
  :where(body.cv5 main#top) .legend{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .abt{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
:where(body.cv5 main#top) .abt div{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px;}
:where(body.cv5 main#top) .abt i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5 main#top) .abt b{font-size: 18px; display: block;}
:where(body.cv5 main#top) .abt small{color: var(--muted); font-size: 12px;}
@media (max-width: 800px){
  :where(body.cv5 main#top) .abt{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) .docs2{display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5 main#top) .docs2 a{display: flex; gap: 10px; align-items: center; padding: 10px 14px; background: var(--surface); border: var(--cardborder); border-radius: 10px; font-size: 14px; color: inherit;}
:where(body.cv5 main#top) .docs2 a span{flex: 1 1 0%;}
:where(body.cv5 main#top) .docs2 a small{color: var(--muted);}
:where(body.cv5 main#top) #auth .how, :where(body.cv5 main#top) #how .how{grid-template-columns: repeat(4, 1fr);}
@media (max-width: 1000px){
  :where(body.cv5 main#top) #auth .how, :where(body.cv5 main#top) #how .how{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px){
  :where(body.cv5 main#top) #auth .how, :where(body.cv5 main#top) #how .how{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .bandnote{margin: -4px 0px 12px; font-size: 14px; color: var(--ink2);}
:where(body.cv5 main#top) .gtiles{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
@media (max-width: 900px){
  :where(body.cv5 main#top) .gtiles{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 520px){
  :where(body.cv5 main#top) .gtiles{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) .gt{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px; color: inherit; min-width: 0px; display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5 main#top) .gt .tyic{width: 32px; height: 32px;}
:where(body.cv5 main#top) .gt b{font-size: 14px;}
:where(body.cv5 main#top) .gt small{font-size: 12px; color: var(--muted);}
:where(body.cv5 main#top) .gt:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .tl{position: relative; padding-left: 26px;}
:where(body.cv5 main#top) .tl::before{content: ""; position: absolute; left: 9px; top: 8px; bottom: 8px; width: 2px; background: var(--line);}
:where(body.cv5 main#top) .tl a{position: relative; display: grid; grid-template-columns: 90px minmax(0px, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; margin-bottom: 6px; background: var(--surface); border: var(--cardborder); border-radius: 10px; color: inherit; min-width: 0px;}
:where(body.cv5 main#top) .tl a::before{content: ""; position: absolute; left: -22px; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--brand); transform: translateY(-50%); border: 2px solid rgb(255, 255, 255);}
:where(body.cv5 main#top) .tl .d{font-weight: 700;}
:where(body.cv5 main#top) .tl .d small{display: block; font-weight: 500; color: var(--muted); font-size: 12px;}
:where(body.cv5 main#top) .tl b{display: block; font-size: 14.5px;}
:where(body.cv5 main#top) .tl span.s{font-size: 12.5px; color: var(--muted);}
@media (max-width: 640px){
  :where(body.cv5 main#top) .tl a{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .steps3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden;}
:where(body.cv5 main#top) .steps3 > div{padding: 16px 18px; border-right: 1px solid var(--line2); min-width: 0px;}
:where(body.cv5 main#top) .steps3 > div:last-child{border-right: 0px;}
:where(body.cv5 main#top) .steps3 h3{margin: 0px 0px 4px; font-size: 16px;}
@media (max-width: 800px){
  :where(body.cv5 main#top) .steps3{grid-template-columns: 1fr;}
  :where(body.cv5 main#top) .steps3 > div{border-right: 0px; border-bottom: 1px solid var(--line2);}
}
:where(body.cv5 main#top) .regmap{display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px;}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .regmap{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px){
  :where(body.cv5 main#top) .regmap{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) .rm{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 12px; color: inherit; min-width: 0px;}
:where(body.cv5 main#top) .rm svg{width: 100%; height: auto; display: block;}
:where(body.cv5 main#top) .rm b{display: block; font-size: 14.5px; margin-top: 8px;}
:where(body.cv5 main#top) .rm:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .cdn, :where(body.cv5 main#top) .ty .tyf .cdn, :where(body.cv5 main#top) .tl .cdn, :where(body.cv5 main#top) .mv span.cdn, :where(body.cv5 main#top) .mini .mv .cdn{display: inline-flex; align-items: center; gap: 6px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 800; font-size: 12.5px; padding: 3px 9px; border-radius: 999px; white-space: nowrap;}
:where(body.cv5 main#top) .cdn.calm, :where(body.cv5 main#top) .ty .tyf .cdn.calm, :where(body.cv5 main#top) .tl .cdn.calm, :where(body.cv5 main#top) .mv span.cdn.calm{background: var(--soft); color: var(--ink2);}
:where(body.cv5 main#top) .cdn.warn, :where(body.cv5 main#top) .ty .tyf .cdn.warn, :where(body.cv5 main#top) .tl .cdn.warn, :where(body.cv5 main#top) .mv span.cdn.warn{background: rgb(253, 232, 229); color: rgb(138, 29, 20); border: 1px solid rgb(233, 180, 173);}
:where(body.cv5 main#top) .rm2 b{display: block; font-size: 15px; margin: 0px 0px 8px;}
:where(body.cv5 main#top) .rm2 .typerow{margin: 8px 0px 0px;}
:where(body.cv5 main#top) .rm2 .typerow a{font-size: 12.5px; padding: 5px 10px;}
:where(body.cv5 main#top) .cats{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5 main#top) .ctcd{background: var(--surface); border: var(--cardborder); border-radius: var(--r); min-width: 0px;}
:where(body.cv5 main#top) .cthd{width: 100%; display: grid; grid-template-columns: 44px 1fr auto auto 28px; transition: background 0.15s; border-radius: var(--r); gap: 14px; align-items: center; padding: 14px 16px; background: none; border: 0px; font: inherit; color: inherit; text-align: left; cursor: pointer;}
:where(body.cv5 main#top) .ctnm b{display: block; font-size: 17px;}
:where(body.cv5 main#top) .ctnm small{color: var(--muted); font-size: 12.5px;}
:where(body.cv5 main#top) .ctcd .chev{width: 28px; height: 28px; border-radius: 50%; background: var(--soft); display: flex; align-items: center; justify-content: center; transition: transform 0.2s;}
:where(body.cv5 main#top) .ctcd.open .chev{transform: rotate(90deg);}
:where(body.cv5 main#top) .ctbd{display: none; padding: 0px 16px 14px; border-top: 1px solid var(--line2);}
:where(body.cv5 main#top) .ctcd.open .ctbd{display: block;}
:where(body.cv5 main#top) .sub{padding: 12px 0px; border-bottom: 1px dashed var(--line2);}
:where(body.cv5 main#top) .sub:last-child{border-bottom: 0px;}
:where(body.cv5 main#top) .subh{display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin-bottom: 8px;}
:where(body.cv5 main#top) .subh b{font-size: 15px;}
:where(body.cv5 main#top) .subh span{font-size: 12.5px; color: var(--muted);}
:where(body.cv5 main#top) .sub .typerow{margin: 0px;}
:where(body.cv5 main#top) .sub .typerow a{font-size: 12.5px; padding: 5px 10px;}
@media (max-width: 640px){
  :where(body.cv5 main#top) .cthd{grid-template-columns: 1fr 28px;}
  :where(body.cv5 main#top) .ctlg, :where(body.cv5 main#top) .cthd .badge{display: none;}
}
:where(body.cv5 main#top) .cthd .tyic{width: 44px; height: 44px;}
:where(body.cv5 main#top) .cthd:hover{background: var(--soft);}
:where(body.cv5 main#top) .cthd:hover .ctnm b{color: var(--brand);}
:where(body.cv5 main#top) .ctcd:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .minis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px;}
@media (max-width: 900px){
  :where(body.cv5 main#top) .minis{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
  :where(body.cv5 main#top) .minis{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .mini{display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto; gap: 6px 10px; background: var(--ground); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; color: inherit; min-width: 0px;}
:where(body.cv5 main#top) .mini img{width: 40px; height: 40px; object-fit: contain; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 8px; grid-row: 1 / 3;}
:where(body.cv5 main#top) .mini .tyic{width: 40px; height: 40px; grid-row: 1 / 3;}
:where(body.cv5 main#top) .mini .mn b{display: block; font-size: 13.5px; line-height: 1.3;}
:where(body.cv5 main#top) .mini .mn small{color: var(--muted); font-size: 12px;}
:where(body.cv5 main#top) .mini .mv{display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap;}
:where(body.cv5 main#top) .mini .mv b{font-size: 13.5px;}
:where(body.cv5 main#top) .mini .mv small{font-size: 11.5px; color: var(--muted);}
:where(body.cv5 main#top) .mini .cdn{font-size: 11px; padding: 2px 8px;}
:where(body.cv5 main#top) .mini:hover{border-color: var(--brand);}
@media (max-width: 640px){
  :where(body.cv5 main#top) .cthd{grid-template-columns: 44px 1fr 28px;}
}
:where(body.cv5 main#top) .logos{display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;}
:where(body.cv5 main#top) .lgx{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; background: var(--ground); border: 1px solid var(--line); border-radius: 10px; padding: 10px 6px; color: inherit;}
:where(body.cv5 main#top) .lgx img{width: 40px; height: 40px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 8px;}
:where(body.cv5 main#top) .lgx .tyic{width: 40px; height: 40px;}
:where(body.cv5 main#top) .lgx b{font-size: 12.5px;}
:where(body.cv5 main#top) .lgx small{font-size: 11px; color: var(--muted);}
:where(body.cv5 main#top) .lgx:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .fbar{display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px;}
:where(body.cv5 main#top) .fbar label{display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); font-weight: 600;}
:where(body.cv5 main#top) .fbar select{padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--ground); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; color: var(--ink);}
@media (max-width: 1000px){
  :where(body.cv5 main#top) .fbar{grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5 main#top) .fbar{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) .fcount{display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: center; margin: 12px 0px;}
:where(body.cv5 main#top) .fcount .typerow{grid-column: 1 / -1;}
:where(body.cv5 main#top) .fcount b{font-size: 16px;}
:where(body.cv5 main#top) .cal{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5 main#top) .cal a{display: grid; grid-template-columns: 110px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 16px; color: inherit;}
:where(body.cv5 main#top) .cal .d{font-weight: 700;}
:where(body.cv5 main#top) .cal .d small{display: block; font-weight: 500; color: var(--muted); font-size: 12px;}
:where(body.cv5 main#top) .cal .t b{display: block;}
:where(body.cv5 main#top) .cal .t span{font-size: 13.5px; color: var(--ink2);}
@media (max-width: 640px){
  :where(body.cv5 main#top) .cal a{grid-template-columns: 1fr; gap: 6px;}
}
:where(body.cv5 main#top) .statehero > div, :where(body.cv5 main#top) .rbx, :where(body.cv5 main#top) .reg, :where(body.cv5 main#top) .regk > div, :where(body.cv5 main#top) .fbar label, :where(body.cv5 main#top) .fcount, :where(body.cv5 main#top) .cal a, :where(body.cv5 main#top) .cal .t, :where(body.cv5 main#top) .tyt, :where(body.cv5 main#top) .lgx{min-width: 0px;}
:where(body.cv5 main#top) .fbar select{width: 100%; min-width: 0px;}
:where(body.cv5 main#top) .fcount .typerow{min-width: 0px; flex: 1 1 0%;}
:where(body.cv5 main#top) .hp2{position: relative; border-radius: var(--r); overflow: hidden; min-height: 340px; display: flex; align-items: flex-end; color: rgb(255, 255, 255);}
:where(body.cv5 main#top) .hp2 > img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5 main#top) .hp2 .ovl{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(20, 16, 12, 0.96) 0px, rgba(20, 16, 12, 0.88) 45%, rgba(20, 16, 12, 0.62) 100%), linear-gradient(rgba(20, 16, 12, 0.15) 0px, rgba(20, 16, 12, 0.55) 100%);}
:where(body.cv5 main#top) .hp2 .in{position: relative; padding: 36px 32px 28px; max-width: 720px;}
:where(body.cv5 main#top) .hp2 h1{color: rgb(255, 255, 255);}
:where(body.cv5 main#top) .hp2 p{color: rgb(243, 237, 228);}
:where(body.cv5 main#top) .hp2 .btns{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px;}
:where(body.cv5 main#top) .hp2 .btn.ghost{color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);}
:where(body.cv5 main#top) .hp2 .crumbs a, :where(body.cv5 main#top) .hp2 .crumbs b, :where(body.cv5 main#top) .hp2 .crumbs span{color: rgb(255, 255, 255);}
:where(body.cv5 main#top) .hp2 .crumbs{margin-bottom: 10px;}
:where(body.cv5 main#top) .hp2 .cap{position: absolute; right: 12px; bottom: 10px; font-size: 11.5px; opacity: 0.8;}
:where(body.cv5 main#top) .hlogos{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; align-items: center;}
:where(body.cv5 main#top) .hlogos img{width: 36px; height: 36px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 8px; border: 1px solid var(--line); padding: 2px;}
:where(body.cv5 main#top) .hlogos small{color: var(--muted); font-size: 12.5px;}
:where(body.cv5 main#top) .hp2 .hlogos small{color: rgb(232, 224, 212);}
@media (max-width: 900px){
  :where(body.cv5 main#top) .hp2 .in{padding: 24px 18px;}
}
:where(body.cv5 main#top) .rt{width: 100%; border-collapse: collapse; font-size: 13.5px;}
:where(body.cv5 main#top) .rt th{text-align: left; font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); padding: 8px 10px; border-bottom: 2px solid var(--line);}
:where(body.cv5 main#top) .rt td{padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top;}
:where(body.cv5 main#top) .steps3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
@media (max-width: 860px){
  :where(body.cv5 main#top) .steps3{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .st3{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5 main#top) .st3 .num{display: inline-flex; width: 30px; height: 30px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); align-items: center; justify-content: center; font-weight: 800; margin-bottom: 8px;}
:where(body.cv5 main#top) .st3 h3{margin: 0px 0px 6px; font-size: 17px;}
:where(body.cv5 main#top) .st3 ul{margin: 0px; padding-left: 18px; font-size: 13.5px; color: var(--ink2);}
:where(body.cv5 main#top) .st3 li{margin: 3px 0px;}
:where(body.cv5 main#top) .ovt{overflow-x: auto;}
:where(body.cv5 main#top) .ovt table{min-width: 640px;}
:where(body.cv5 main#top) .recent{display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: var(--muted);}
:where(body.cv5 main#top) .recent a{border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; color: var(--ink2); font-weight: 600; background: var(--surface);}
:where(body.cv5 main#top) .l1{display: grid; grid-template-columns: 260px 1fr; gap: 18px; align-items: start;}
@media (max-width: 900px){
  :where(body.cv5 main#top) .l1{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .side{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px; position: sticky; top: 70px;}
:where(body.cv5 main#top) .side h3{font-size: 14px; margin: 0px 0px 8px; display: flex; justify-content: space-between; align-items: center;}
:where(body.cv5 main#top) .side h3 small{font-weight: 600; color: var(--brand); cursor: pointer;}
:where(body.cv5 main#top) .side .grp{border-top: 1px solid var(--line); padding: 10px 0px;}
:where(body.cv5 main#top) .side .grp:first-of-type{border-top: 0px; padding-top: 0px;}
:where(body.cv5 main#top) .side .grp b{display: block; font-family: var(--slab); font-size: 15px; color: var(--brand); margin-bottom: 7px;}
:where(body.cv5 main#top) .side .opts{display: flex; flex-wrap: wrap; gap: 6px;}
:where(body.cv5 main#top) .side .fop{border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; font-size: 12.5px; font-weight: 600; background: var(--ground); cursor: pointer; font-family: inherit; color: var(--ink);}
:where(body.cv5 main#top) .side .fop.on{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5 main#top) .side .fop small{opacity: 0.7; margin-left: 4px; font-weight: 500;}
:where(body.cv5 main#top) .side .rng{display: flex; gap: 6px; align-items: center; font-size: 12.5px;}
:where(body.cv5 main#top) .side .rngv{display: flex; justify-content: space-between; font-size: 12.5px; color: var(--ink2);}
:where(body.cv5 main#top) .lhead{display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px;}
:where(body.cv5 main#top) .lhead h2{font-size: 20px; margin: 0px;}
:where(body.cv5 main#top) .lhead h2 small{display: block; font-size: 13px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5 main#top) .lhead select{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--ink);}
:where(body.cv5 main#top) .li{display: grid; grid-template-columns: 230px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; margin-bottom: 12px; box-shadow: var(--shadow);}
:where(body.cv5 main#top) .li:hover{border-color: var(--brand);}
@media (max-width: 700px){
  :where(body.cv5 main#top) .li{grid-template-columns: 1fr;}
  :where(body.cv5 main#top) .li .lim{aspect-ratio: 16 / 9;}
}
:where(body.cv5 main#top) .li .lim{position: relative; background: var(--soft); min-height: 170px;}
:where(body.cv5 main#top) .li .lim img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5 main#top) .li .lim .tg{position: absolute; left: 8px; top: 8px; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); font-size: 10.5px; padding: 2px 7px; border-radius: 4px;}
:where(body.cv5 main#top) .li .lim img.lgo{position: absolute; inset: auto 8px 8px auto; width: 36px; height: 36px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 8px; padding: 2px;}
:where(body.cv5 main#top) .li .lb{padding: 12px 16px; min-width: 0px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5 main#top) .li .lt{display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; flex-wrap: wrap;}
:where(body.cv5 main#top) .li h3{margin: 0px; font-size: 17px; line-height: 1.3;}
:where(body.cv5 main#top) .li h3 small{display: block; font-size: 13px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5 main#top) .li .prx{text-align: right;}
:where(body.cv5 main#top) .li .prx b{font-size: 20px; font-family: var(--slab); display: block;}
:where(body.cv5 main#top) .li .prx small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5 main#top) .li .specs{display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--ink2);}
:where(body.cv5 main#top) .li .specs span b{color: var(--ink); display: block; font-size: 13.5px;}
:where(body.cv5 main#top) .li .pills{display: flex; gap: 6px; flex-wrap: wrap;}
:where(body.cv5 main#top) .li .pills span{background: var(--soft); border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 600;}
:where(body.cv5 main#top) .li .lf{display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: auto; padding-top: 6px; border-top: 1px solid var(--line2); font-size: 12.5px; color: var(--ink2);}
:where(body.cv5 main#top) .li .lf .btn{padding: 7px 12px; font-size: 13px;}
:where(body.cv5 main#top) .pills2{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;}
:where(body.cv5 main#top) .pills2 a{border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--ink);}
:where(body.cv5 main#top) .side .ssel{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; padding: 7px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--ground); color: var(--ink); width: 100%; min-width: 0px;}
:where(body.cv5 main#top) .nolive{background: var(--surface); border: 2px solid var(--brand); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5 main#top) .nolive .eh{display: flex; gap: 12px; align-items: flex-start;}
:where(body.cv5 main#top) .nolive .eh .tyic{width: 44px; height: 44px; flex: 0 0 auto;}
:where(body.cv5 main#top) .nolive .eh b{display: block; font-size: 19px; font-family: var(--slab);}
:where(body.cv5 main#top) .nolive .eh small{color: var(--ink2); font-size: 13px;}
:where(body.cv5 main#top) .ecols{display: grid; grid-template-columns: 1.2fr 1fr; gap: 14px; margin-top: 14px;}
@media (max-width: 800px){
  :where(body.cv5 main#top) .ecols{grid-template-columns: 1fr;}
}
:where(body.cv5 main#top) .nolive .el{display: block; font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin-bottom: 6px;}
:where(body.cv5 main#top) .nolive .nb{display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; margin-bottom: 6px; color: inherit; background: var(--ground);}
:where(body.cv5 main#top) .nolive .nb b{font-size: 13.5px;}
:where(body.cv5 main#top) .nolive .nb small{grid-column: 1; color: var(--ink2); font-size: 12px;}
:where(body.cv5 main#top) .nolive .nb .cdn{grid-row: 1 / 3;}
:where(body.cv5 main#top) .nolive .nb:hover{border-color: var(--brand);}
:where(body.cv5 main#top) .ealert{background: rgb(22, 32, 28); color: rgb(255, 255, 255); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5 main#top) .ealert b{font-size: 16px;}
:where(body.cv5 main#top) .ealert span{font-size: 13px; opacity: 0.85;}
:where(body.cv5 main#top) .ealert small{font-size: 12px; opacity: 0.7;}
:where(body.cv5 main#top) .ealert .btn{align-self: flex-start; margin: 4px 0px;}
:where(body.cv5 main#top) .nolive .nb b{grid-area: 1 / 1;}
:where(body.cv5 main#top) .nolive .nb small{grid-area: 2 / 1;}
:where(body.cv5 main#top) .nolive .nb .cdn{grid-area: 1 / 2 / 3; justify-self: end;}
:where(body.cv5 main#top) .undl{font-weight: 700; color: var(--muted); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; margin-right: 4px;}
:where(body.cv5 main#top) .undclr{margin-left: auto; border: 0px; background: transparent; color: var(--brand); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 700; cursor: pointer;}
:where(body.cv5 main#top) .lctl{display: flex; gap: 12px; align-items: center; flex-wrap: wrap;}
:where(body.cv5 main#top) .vt2{display: inline-flex; border: 1px solid var(--line); border-radius: 999px; padding: 3px; background: var(--surface);}
:where(body.cv5 main#top) .vt2 button{border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 700; padding: 6px 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; color: var(--ink2); cursor: pointer;}
:where(body.cv5 main#top) .vt2 button .ico{width: 14px; height: 14px;}
:where(body.cv5 main#top) .vt2 button.on{background: rgb(22, 32, 28); color: rgb(255, 255, 255);}
:where(body.cv5 main#top) .undrow{display: flex; gap: 6px; flex-wrap: wrap; align-items: center;}
:where(body.cv5 main#top) .undact{display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line2); padding-top: 8px; font-size: 13px; color: var(--ink2);}
:where(body.cv5 main#top) .undact .undclr{margin: 0px;}
:where(body.cv5 main#top) .side .lq2{display: flex; align-items: center; gap: 6px; border: 1px solid var(--line2); border-radius: 8px; padding: 5px 9px; background: var(--ground); margin-bottom: 6px;}
:where(body.cv5 main#top) .side .lq2 .ico{width: 14px; height: 14px; color: var(--muted);}
:where(body.cv5 main#top) .side .lq2 input{border: 0px; background: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; flex: 1 1 0%; min-width: 0px; color: var(--ink);}
:where(body.cv5 main#top) .li2 .lim{position: relative;}
:where(body.cv5 main#top) .li2 .pic{border: 0px; padding: 0px; background: transparent; cursor: zoom-in; display: block; width: 100%; height: 100%;}
:where(body.cv5 main#top) .li2 .pic img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5 main#top) .li2 .pic.hid{display: none;}
:where(body.cv5 main#top) .li2 .pn{position: absolute; left: 8px; bottom: 8px; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); font-size: 11.5px; padding: 2px 7px; border-radius: 4px; display: inline-flex; gap: 4px; align-items: center;}
:where(body.cv5 main#top) .li2 .pn .ico{width: 12px; height: 12px;}
:where(body.cv5 main#top) .li2 .wish{position: absolute; right: 8px; top: 8px; width: 34px; height: 34px; border-radius: 50%; border: 0px; background: rgba(255, 255, 255, 0.92); display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgb(22, 32, 28);}
:where(body.cv5 main#top) .li2 .wish .ico{width: 18px; height: 18px;}
:where(body.cv5 main#top) .li2 .lt{display: flex; justify-content: space-between; gap: 10px; align-items: flex-start;}
:where(body.cv5 main#top) .li2 .lt h3{margin: 0px; font-size: 16.5px; line-height: 1.3;}
:where(body.cv5 main#top) .li2 .lt h3 small{display: block; font-size: 12.5px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5 main#top) .li2 .lt h3 small a{color: inherit;}
:where(body.cv5 main#top) .facts3{display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 10px; margin: 10px 0px 8px; padding: 10px 0px; border-top: 1px solid var(--line2); border-bottom: 1px solid var(--line2);}
:where(body.cv5 main#top) .facts3 span{display: flex; flex-direction: column; gap: 2px; min-width: 0px;}
:where(body.cv5 main#top) .facts3 b{font-size: 17px; font-family: var(--slab); line-height: 1.15;}
:where(body.cv5 main#top) .facts3 span:first-child b{font-size: 20px;}
:where(body.cv5 main#top) .facts3 small{font-size: 12px; color: var(--ink2);}
@media (max-width: 560px){
  :where(body.cv5 main#top) .facts3{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5 main#top) .feats{display: flex; flex-wrap: wrap; gap: 6px; align-items: center;}
:where(body.cv5 main#top) .feats .fl{display: contents;}
:where(body.cv5 main#top) .feats .fl.hid{display: none;}
:where(body.cv5 main#top) .feats .fl span{background: var(--soft); border-radius: 999px; padding: 3px 10px; font-size: 12.5px; font-weight: 600;}
:where(body.cv5 main#top) .feats .morex{border: 1px dashed var(--line); background: transparent; border-radius: 999px; padding: 3px 10px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; font-weight: 700; color: var(--brand); cursor: pointer;}
:where(body.cv5 main#top) .li2 .lf{margin-top: 10px;}
:where(body.cv5 main#top) .tpl{grid-column: 1 / -1; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); font-weight: 700; margin-top: 2px;}
:where(body.cv5 main#top) .side .tpl{display: block; margin: 6px 0px 4px;}
:where(body.cv5 main#top) .ssel:focus{outline: 2px solid color-mix(in srgb,var(--brand) 35%,transparent); outline-offset: 1px;}

/* Design step 5d: the authority hub and authority x city pages (card ux-20261019-build-05). The
   rules below the line are the prototype's own (gdahub4.tgz: index.html and
   authority-upavp-ghaziabad.html), read from the rendered pages, kept where they match something
   in <main>, and scoped to :where(body.cv5a main#top), which adds no specificity. The authority
   prototype carries its own inline styles, different from the place pages', so it has its own
   body class rather than sharing body.cv5. */
body.cv5a{--sec:64px;--h1:32px;--h2:24px;--accent-l:#0E5F4E;--ground-l:#F3F5F1}
@media (max-width:600px){body.cv5a{--sec:44px}}
body.cv5a main#top{display:block;padding:0;max-width:none}
body.cv5a main#top .btn:not(.pri):not(.ghost):not(.glass){color:var(--ink)}
body.cv5a main#top .card[hidden]{display:none}
body.cv5a main#top .grid .card>.cb{padding:16px 18px}
body.cv5a main#top .nolv .btn{margin-top:10px}
body.cv5a main#top .cloc small{color:var(--muted);font-size:12px;align-self:center}
body.cv5a main#top .tyimg.noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
body.cv5a main#top .tyimg.noimg .imgnote{position:static;background:none;color:var(--muted);padding:0}
body.cv5a main#top .ctaband{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--asoft)}
body.cv5a main#top .ctaband span{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14px}
body.cv5a main#top .ctaband .ico{width:16px;height:16px}
/* the hub's researched blocks keep their own markup; each sits in a section of its own */
body.cv5a main#top section.legacy{padding:36px 0 28px;border-top:1px solid var(--line)}
body.cv5a main#top section.legacy>h2{font-size:24px;margin:0 0 12px}
body.cv5a main#top section.legacy h3{margin:14px 0 6px}
body.cv5a main#top section.legacy p{max-width:80ch}
body.cv5a main#top section.legacy a{color:var(--brand)}
body.cv5a main#top section.faqs{padding:0}
body.cv5a main#top section[data-apcol],body.cv5a main#top section[data-authsch]{padding:36px 0 0;border-top:1px solid var(--line)}
body.cv5a main#top section[data-apcol] .cta a,body.cv5a main#top section[data-authsch] .cta a{display:inline-flex;border:1px solid var(--line);border-radius:var(--rs);padding:8px 14px;font-weight:600;background:var(--surface)}
body.cv5a main#top .tabs [hidden]{display:none}
body.cv5a main#top .ty[hidden]{display:none}
body.cv5a main#top .logonote{margin:24px 0}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5a main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5a main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5a main#top) h1, :where(body.cv5a main#top) h2, :where(body.cv5a main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5a main#top) img{max-width: 100%; display: block;}
:where(body.cv5a main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5a main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5a main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5a main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5a main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5a main#top) .eyebrow{font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.9;}
:where(body.cv5a main#top) .sec{padding-top: var(--sec);}
:where(body.cv5a main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5a main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5a main#top) .sh p{margin: 6px 0px 0px; color: var(--muted); font-size: 15px; max-width: 70ch;}
:where(body.cv5a main#top) .tabs{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
:where(body.cv5a main#top) .tab{padding: 8px 14px; border-radius: 99px; border: 1px solid var(--line); background: var(--surface); font-size: 14px; font-weight: 500; color: var(--ink2);}
:where(body.cv5a main#top) .tab.on{background: var(--ink); border-color: var(--ink); color: var(--surface);}
:where(body.cv5a main#top) .tab i{font-style: normal; opacity: 0.7; margin-left: 4px;}
:where(body.cv5a main#top) .grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: var(--gap);}
:where(body.cv5a main#top) .card{display: flex; flex-direction: column; background: var(--surface); border-radius: var(--r); overflow: hidden; border: var(--cardborder); box-shadow: var(--shadow); transition: transform 0.15s, box-shadow 0.15s; min-width: 0px;}
:where(body.cv5a main#top) .card:hover{transform: translateY(-3px);}
:where(body.cv5a main#top) .cimg{position: relative; aspect-ratio: 16 / 10; background: var(--soft); overflow: hidden;}
:where(body.cv5a main#top) .cimg img.ph{width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5a main#top) .cimg img.dr{width: 100%; height: 100%; object-fit: cover; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .cimg .tagrow{position: absolute; left: 10px; right: 10px; top: 10px; display: flex; gap: 6px; justify-content: space-between; align-items: flex-start;}
:where(body.cv5a main#top) .imgnote{position: absolute; z-index: 1;}
:where(body.cv5a main#top) .cimg .imgnote, :where(body.cv5a main#top) .imgnote{position: absolute; right: 8px; bottom: 6px; font-size: 10px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 1px 6px; border-radius: 4px; letter-spacing: 0.02em;}
:where(body.cv5a main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5a main#top) .badge.hot{color: var(--hot);}
:where(body.cv5a main#top) .badge.calm{color: var(--calm);}
:where(body.cv5a main#top) .badge .dot{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
:where(body.cv5a main#top) .cb{padding: var(--pad); display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%;}
:where(body.cv5a main#top) .cauth{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted);}
:where(body.cv5a main#top) .cauth img{width: 22px; height: 22px; object-fit: contain; border-radius: 4px; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .cb h3{font-size: var(--h3); font-weight: 700; line-height: 1.28; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
:where(body.cv5a main#top) .cstats{display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line2);}
:where(body.cv5a main#top) .cstats i{display: block; font-style: normal; font-size: 11.5px; color: var(--muted);}
:where(body.cv5a main#top) .cstats b{font-size: 15.5px; font-weight: 700;}
:where(body.cv5a main#top) .ahero{position: relative; color: rgb(255, 255, 255); overflow: hidden;}
:where(body.cv5a main#top) .ahero .bg{position: absolute; inset: 0px; background-size: cover; background-position: center 40%;}
:where(body.cv5a main#top) .ahero .bg::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg,rgba(8,14,12,.86),rgba(8,14,12,.55) 60%,rgba(8,14,12,.35)),linear-gradient(0deg,color-mix(in srgb,var(--brand) 35%,transparent),transparent 60%);}
:where(body.cv5a main#top) .ahero .wrap{position: relative; padding-block: 22px 96px;}
:where(body.cv5a main#top) .crumbs{display: flex; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 28px;}
:where(body.cv5a main#top) .crumbs b{font-weight: 600;}
:where(body.cv5a main#top) .ah{display: flex; gap: 28px; align-items: flex-start;}
:where(body.cv5a main#top) .alogo{width: 112px; height: 112px; border-radius: 24px; background: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px;}
:where(body.cv5a main#top) .alogo img{width: 84px; height: 84px; object-fit: contain;}
:where(body.cv5a main#top) .at{display: flex; flex-direction: column; gap: 10px; max-width: 760px;}
:where(body.cv5a main#top) .at h1{font-size: var(--h1);}
:where(body.cv5a main#top) .at p{margin: 0px; font-size: 17px; opacity: 0.92; max-width: 62ch;}
:where(body.cv5a main#top) .actas{display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap;}
:where(body.cv5a main#top) .btn.glass{background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.35); color: rgb(255, 255, 255); backdrop-filter: blur(6px);}
:where(body.cv5a main#top) .astats{position: relative; z-index: 3; margin-top: -58px; background: var(--surface); border: 1px solid var(--line); border-radius: calc(var(--r) + 4px); box-shadow: rgba(10, 20, 15, 0.14) 0px 18px 44px; display: grid; grid-template-columns: repeat(5, 1fr);}
:where(body.cv5a main#top) .astats .st{display: flex; gap: 12px; align-items: center; padding: 20px 22px; border-right: 1px solid var(--line2);}
:where(body.cv5a main#top) .astats .st:last-child{border-right: 0px;}
:where(body.cv5a main#top) .astats .ic{width: 42px; height: 42px; border-radius: 12px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5a main#top) .astats b{display: block; font: 700 22px var(--font-d);}
:where(body.cv5a main#top) .astats span{font-size: 13px; color: var(--muted);}
:where(body.cv5a main#top) #subnav{position: sticky; top: 68px; z-index: 30; background: color-mix(in srgb,var(--ground) 94%,transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-top: 28px;}
:where(body.cv5a main#top) #subnav .wrap{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5a main#top) #subnav a{padding: 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); white-space: nowrap; border-bottom: 2px solid transparent;}
:where(body.cv5a main#top) #subnav a.on, :where(body.cv5a main#top) #subnav a:hover{color: var(--ink); border-bottom-color: var(--brand);}
:where(body.cv5a main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5a main#top) .grid.g3{grid-template-columns: repeat(3, 1fr);}
:where(body.cv5a main#top) .types{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap);}
:where(body.cv5a main#top) .ty{display: grid; grid-template-columns: 200px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); transition: transform 0.15s;}
:where(body.cv5a main#top) .ty:hover{transform: translateY(-2px);}
:where(body.cv5a main#top) .tyimg{position: relative; overflow: hidden; background: rgb(255, 255, 255); border-right: 1px solid var(--line2);}
:where(body.cv5a main#top) .tyimg img{width: 100%; height: 100%; min-height: 170px; object-fit: cover;}
:where(body.cv5a main#top) .tyb{padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5a main#top) .tyh{display: flex; align-items: baseline; gap: 10px;}
:where(body.cv5a main#top) .tyh h3{font-size: 22px;}
:where(body.cv5a main#top) .tyh span{font-size: 13px; color: var(--muted);}
:where(body.cv5a main#top) .kv3{display: grid; grid-template-columns: 1.1fr 1fr 0.8fr; gap: 8px;}
:where(body.cv5a main#top) .kv3 i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5a main#top) .kv3 b{font-size: 16px;}
:where(body.cv5a main#top) .tyf{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink2); padding-top: 10px; border-top: 1px solid var(--line2);}
:where(body.cv5a main#top) .tyf span{display: flex; align-items: center; gap: 6px;}
:where(body.cv5a main#top) .tyf .ico{width: 16px; height: 16px;}
:where(body.cv5a main#top) .cols2{display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap);}
:where(body.cv5a main#top) .col{display: grid; grid-template-columns: 220px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .colb{padding: 20px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start;}
:where(body.cv5a main#top) .colb h3{font-size: 24px;}
:where(body.cv5a main#top) h3.sub{font-size: 18px; margin: 32px 0px 14px;}
:where(body.cv5a main#top) .pills{display: flex; flex-wrap: wrap; gap: 8px;}
:where(body.cv5a main#top) .pill{padding: 7px 12px; border-radius: 99px; background: var(--surface); border: 1px solid var(--line); font-size: 14px; color: var(--ink2);}
:where(body.cv5a main#top) .gal{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
:where(body.cv5a main#top) .gi{padding: 0px; border: var(--cardborder); border-radius: var(--r); overflow: hidden; background: var(--surface); text-align: left; box-shadow: var(--shadow); cursor: zoom-in;}
:where(body.cv5a main#top) .gi img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .gi span{display: block; padding: 10px 12px; font-size: 13px; color: var(--ink2); line-height: 1.35;}
:where(body.cv5a main#top) .past{display: grid; grid-template-columns: 220px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .pimg{position: relative; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .pimg img{width: 100%; height: 100%; object-fit: cover; object-position: center top;}
:where(body.cv5a main#top) .pb{padding: 22px 24px; display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5a main#top) .ph{display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap;}
:where(body.cv5a main#top) .ph h3{font-size: 21px;}
:where(body.cv5a main#top) .ph .badge{box-shadow: none; background: var(--line2); color: var(--ink2);}
:where(body.cv5a main#top) .pd{margin: 0px; color: var(--muted); font-size: 14px;}
:where(body.cv5a main#top) .res{display: flex; gap: 36px; flex-wrap: wrap;}
:where(body.cv5a main#top) .res b{display: block; font: 700 26px var(--font-d);}
:where(body.cv5a main#top) .res span{font-size: 13px; color: var(--muted);}
:where(body.cv5a main#top) .contact{display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: var(--gap);}
:where(body.cv5a main#top) .cc{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 20px; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .cc .ic{width: 44px; height: 44px; border-radius: 12px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5a main#top) .cc i{display: block; font-style: normal; font-size: 12.5px; color: var(--muted);}
:where(body.cv5a main#top) .cc b{font-size: 16px; word-break: break-word;}
:where(body.cv5a main#top) .links{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
:where(body.cv5a main#top) .links a{display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--line); border-radius: var(--rs); background: var(--surface); font-size: 14px; font-weight: 500;}
:where(body.cv5a main#top) .links .ico{width: 16px; height: 16px;}
:where(body.cv5a main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5a main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5a main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5a main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5a main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5a main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
:where(body.cv5a main#top) .src{font-size: 13px; color: var(--muted); margin-top: 14px;}
@media (max-width: 1000px){
  :where(body.cv5a main#top) .astats{grid-template-columns: repeat(2, 1fr);}
  :where(body.cv5a main#top) .astats .st{border-right: 0px; border-bottom: 1px solid var(--line2);}
  :where(body.cv5a main#top) .grid.g3, :where(body.cv5a main#top) .types, :where(body.cv5a main#top) .cols2, :where(body.cv5a main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .gal{grid-template-columns: repeat(2, 1fr);}
  :where(body.cv5a main#top) #subnav{top: 68px;}
}
@media (max-width: 600px){
  :where(body.cv5a main#top) .ah{flex-direction: column; gap: 16px;}
  :where(body.cv5a main#top) .alogo{width: 80px; height: 80px; border-radius: 18px;}
  :where(body.cv5a main#top) .alogo img{width: 60px; height: 60px;}
  :where(body.cv5a main#top) .ty, :where(body.cv5a main#top) .col, :where(body.cv5a main#top) .past{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .tyimg img, :where(body.cv5a main#top) .col img{min-height: 0px; aspect-ratio: 16 / 9;}
  :where(body.cv5a main#top) .pimg img{aspect-ratio: 16 / 9;}
}
:where(body.cv5a main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
:where(body.cv5a main#top) .sfine{margin: 0px; font-size: 12.5px; color: var(--muted);}
:where(body.cv5a main#top) .steps2{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5a main#top) .steps2 li{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5a main#top) .steps2 .sn{width: 28px; height: 28px; border-radius: 50%; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 auto;}
:where(body.cv5a main#top) .steps2 p{margin: 2px 0px 0px; color: var(--ink2);}
:where(body.cv5a main#top) .elig{background: var(--asoft); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
:where(body.cv5a main#top) .cnt{color: var(--muted); font-size: 14px;}
:where(body.cv5a main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5a main#top) .off{display: flex; gap: 12px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px;}
@media (max-width: 600px){
  :where(body.cv5a main#top) .ahero .at h1, :where(body.cv5a main#top) .hero h1{font-size: clamp(26px, 7vw, 34px);}
  :where(body.cv5a main#top) .astats{grid-template-columns: repeat(2, 1fr);}
  :where(body.cv5a main#top) .astats .st{padding: 10px; gap: 8px;}
  :where(body.cv5a main#top) .astats .st b{font-size: 18px;}
  :where(body.cv5a main#top) .astats .st span{font-size: 11.5px;}
  :where(body.cv5a main#top) .astats .st .ic{width: 30px; height: 30px;}
  :where(body.cv5a main#top) .ahero .ah{display: flex; flex-direction: column; align-items: flex-start;}
  :where(body.cv5a main#top) .ahero .at{min-width: 0px; width: 100%; max-width: 100%;}
  :where(body.cv5a main#top) .ahero .alogo{width: 56px; height: 56px;}
  :where(body.cv5a main#top) .sec .grid.g3{grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -20px; padding: 0px 20px 8px; scrollbar-width: none;}
  :where(body.cv5a main#top) .sec .grid.g3 > *{scroll-snap-align: start;}
}
:where(body.cv5a main#top) .calc{display: grid; grid-template-columns: 1fr 1.4fr; gap: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: calc(var(--r) + 4px); padding: 28px; box-shadow: var(--shadow);}
@media (max-width: 1000px){
  :where(body.cv5a main#top) .calc, :where(body.cv5a main#top) .soon2, :where(body.cv5a main#top) .twocol, :where(body.cv5a main#top) .art, :where(body.cv5a main#top) .acct{grid-template-columns: 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5a main#top) .calc{padding: 20px;}
}
:where(body.cv5a main#top) .crumbs{flex-wrap: wrap; row-gap: 2px;}
:where(body.cv5a main#top) .crumbs a, :where(body.cv5a main#top) .crumbs b{white-space: nowrap;}
:where(body.cv5a main#top) .h2ic{width: 24px; height: 24px; color: var(--brand); vertical-align: -4px; margin-right: 9px;}
:where(body.cv5a main#top) button[data-lb], :where(body.cv5a main#top) .gi, :where(body.cv5a main#top) .smain, :where(body.cv5a main#top) .c4img, :where(body.cv5a main#top) .lcimg, :where(body.cv5a main#top) .tyimg, :where(body.cv5a main#top) [data-lb]{cursor: pointer;}
:where(body.cv5a main#top) .pill, :where(body.cv5a main#top) .chip, :where(body.cv5a main#top) .tab{min-height: 32px; box-sizing: border-box;}
:where(body.cv5a main#top) .pill{padding: 7px 12px;}
@media (max-width: 760px){
  :where(body.cv5a main#top) .pill, :where(body.cv5a main#top) .chip, :where(body.cv5a main#top) .tab, :where(body.cv5a main#top) .btn.sm, :where(body.cv5a main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
  :where(body.cv5a main#top) .cmeta, :where(body.cv5a main#top) .cauth, :where(body.cv5a main#top) .cstats i, :where(body.cv5a main#top) .f6 i, :where(body.cv5a main#top) .astats span, :where(body.cv5a main#top) .src, :where(body.cv5a main#top) .fine, :where(body.cv5a main#top) .muted.sm{font-size: 13px;}
  :where(body.cv5a main#top) .imgnote{font-size: 11px; padding: 2px 7px;}
}
:where(body.cv5a main#top) .sec > p, :where(body.cv5a main#top) .ov p, :where(body.cv5a main#top) .prose p, :where(body.cv5a main#top) .gtext p, :where(body.cv5a main#top) .about p, :where(body.cv5a main#top) .legal p, :where(body.cv5a main#top) .faq p, :where(body.cv5a main#top) .steps p, :where(body.cv5a main#top) .elig p{max-width: 72ch;}
:where(body.cv5a main#top) .pr a, :where(body.cv5a main#top) .prn a, :where(body.cv5a main#top) .crumbs a, :where(body.cv5a main#top) .protolinks a, :where(body.cv5a main#top) .more, :where(body.cv5a main#top) footer .cols a, :where(body.cv5a main#top) .links a, :where(body.cv5a main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5a main#top) .src{display: block; font-size: 12px; color: var(--muted); margin-top: 6px;}
:where(body.cv5a main#top) .badge.live{background: var(--asoft); color: var(--accent);}
:where(body.cv5a main#top) .badge.off{background: color-mix(in srgb,var(--muted) 14%,var(--surface)); color: var(--muted);}
:where(body.cv5a main#top) .cimg img.ph{background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .cimg img.dr{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .cstats b{overflow-wrap: anywhere;}
:where(body.cv5a main#top) .cb .cnote{font-size: 13px; color: var(--ink2); margin: 0px;}
:where(body.cv5a main#top) .tyimg img{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .ty .tyf{flex-wrap: wrap; gap: 6px;}
:where(body.cv5a main#top) .gal .gi img{background: rgb(255, 255, 255); object-fit: contain;}
:where(body.cv5a main#top) .past .pimg img{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5a main#top) .past .pb .pd{margin: 4px 0px;}
:where(body.cv5a main#top) .eligl{margin: 0px; padding-left: 18px; font-size: 14px; color: var(--ink2); display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5a main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm); border: 1px dashed var(--warm); vertical-align: middle;}
:where(body.cv5a main#top) .upd{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5a main#top) .upd a{display: grid; grid-template-columns: 110px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; font-size: 14.5px;}
:where(body.cv5a main#top) .upd time{font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5a main#top) .upd .ico{width: 16px; height: 16px; color: var(--muted);}
@media (max-width: 640px){
  :where(body.cv5a main#top) .upd a{grid-template-columns: 1fr auto;}
  :where(body.cv5a main#top) .upd time{grid-column: 1 / -1;}
  :where(body.cv5a main#top) .sec .grid.g3{grid-template-columns: 1fr; grid-auto-flow: row; grid-auto-columns: auto; overflow: visible; margin-inline: 0px; padding: 0px;}
}
:where(body.cv5a main#top) h3.sub .cnt{font-style: normal; font-size: 12px; color: var(--muted); margin-left: 8px; font-weight: 600;}
:where(body.cv5a main#top) button.pill{cursor: pointer; font: inherit;}
:where(body.cv5a main#top) .helpstrip{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 20px; padding: 12px 16px; border-radius: 12px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); font-size: 14px;}
:where(body.cv5a main#top) .helpstrip b{font-size: 15px;}
:where(body.cv5a main#top) .helpstrip a{margin-left: auto; font-weight: 600; display: inline-flex; gap: 4px; align-items: center;}
:where(body.cv5a main#top) #ticker{background: var(--surface); border-bottom: 1px solid var(--line);}
:where(body.cv5a main#top) .steps2 small a{display: inline-flex; gap: 4px; align-items: center; font-weight: 600;}
:where(body.cv5a main#top) .calc{display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--gap); background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .calcf{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
:where(body.cv5a main#top) .calcf label{display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5a main#top) .calcf input, :where(body.cv5a main#top) .calcf select{padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--ground); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; color: var(--ink);}
:where(body.cv5a main#top) .calcr{display: flex; flex-direction: column; gap: 10px; justify-content: center;}
:where(body.cv5a main#top) .calcr i{display: block; font-style: normal; font-size: 12.5px; color: var(--muted);}
:where(body.cv5a main#top) .calcr b{font: 700 22px var(--font-d);}
:where(body.cv5a main#top) .calcr .tot{border-top: 1px solid var(--line2); padding-top: 10px;}
:where(body.cv5a main#top) .calcr .tot b{color: var(--brand); font-size: 26px;}
:where(body.cv5a main#top) .gi small{display: block; padding: 0px 12px 10px; font-size: 11.5px; color: var(--muted);}
:where(body.cv5a main#top) .coldir{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
:where(body.cv5a main#top) .cd{display: flex; flex-direction: column; gap: 6px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px; box-shadow: var(--shadow); color: inherit;}
:where(body.cv5a main#top) .cd:hover{transform: translateY(-2px);}
:where(body.cv5a main#top) .cdh{display: flex; justify-content: space-between; gap: 8px; align-items: flex-start;}
:where(body.cv5a main#top) .cd h3{font-size: 17px; margin: 0px;}
:where(body.cv5a main#top) .cd p{margin: 0px; font-size: 13.5px; color: var(--ink2);}
:where(body.cv5a main#top) .cd .cdw{display: flex; gap: 4px; align-items: center; color: var(--muted); font-size: 12.5px;}
:where(body.cv5a main#top) .cd .cdw .ico{width: 13px; height: 13px;}
:where(body.cv5a main#top) .cd .cdl{margin-top: auto; padding-top: 8px; font-size: 13px; font-weight: 600; color: var(--brand); display: inline-flex; gap: 4px; align-items: center;}
@media (max-width: 1000px){
  :where(body.cv5a main#top) .coldir{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 700px){
  :where(body.cv5a main#top) .coldir{grid-template-columns: 1fr 1fr;}
  :where(body.cv5a main#top) .calc{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .helpstrip a{margin-left: 0px;}
}
@media (max-width: 480px){
  :where(body.cv5a main#top) .coldir{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .calcf{grid-template-columns: 1fr;}
}
:where(body.cv5a main#top) .tyh{flex-wrap: wrap; align-items: center; gap: 8px;}
:where(body.cv5a main#top) .tyic{width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--asoft); color: var(--accent); flex: 0 0 auto;}
:where(body.cv5a main#top) .tyic.a888{background: var(--soft); color: var(--brand);}
:where(body.cv5a main#top) .tyic .ico{width: 18px; height: 18px;}
:where(body.cv5a main#top) .tyloc{display: flex; gap: 6px; align-items: flex-start; font-size: 14.5px; font-weight: 600; color: var(--ink);}
:where(body.cv5a main#top) .tyloc .ico{width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--brand);}
:where(body.cv5a main#top) .tyf{border-top: 0px; padding-top: 4px;}
:where(body.cv5a main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5a main#top) .tabs .ico{width: 14px; height: 14px; vertical-align: -2px; margin-right: 4px;}
:where(body.cv5a main#top) .paypanel{display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap);}
:where(body.cv5a main#top) .paycol{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .paych{display: flex; gap: 10px; align-items: center; margin-bottom: 10px;}
:where(body.cv5a main#top) .paych h3{font-size: 19px; margin: 0px;}
:where(body.cv5a main#top) .pplinks{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px;}
:where(body.cv5a main#top) .dead{font-size: 12.5px; color: var(--muted); text-decoration: line-through;}
:where(body.cv5a main#top) .ppd{margin: 0px; display: grid; grid-template-columns: 150px 1fr; gap: 8px 12px; font-size: 14px;}
:where(body.cv5a main#top) .ppd dt{color: var(--muted); font-weight: 600; font-size: 13px;}
:where(body.cv5a main#top) .ppd dd{margin: 0px; color: var(--ink2);}
:where(body.cv5a main#top) .reslist{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5a main#top) .resrow{display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 18px; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .resrow .ic{width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--soft); color: var(--brand);}
:where(body.cv5a main#top) .resrow.awaited .ic{background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm);}
:where(body.cv5a main#top) .resrow.cancelled .ic{background: var(--line2); color: var(--muted);}
:where(body.cv5a main#top) .resh{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
:where(body.cv5a main#top) .resh h3{font-size: 16px; margin: 0px;}
:where(body.cv5a main#top) .resb p{margin: 4px 0px 2px; font-size: 14px; color: var(--ink2);}
:where(body.cv5a main#top) .resb small{font-size: 12.5px; color: var(--muted);}
:where(body.cv5a main#top) .gal.six{grid-template-columns: repeat(6, 1fr);}
:where(body.cv5a main#top) .gal.six .gi img{aspect-ratio: 1 / 1;}
:where(body.cv5a main#top) .gal.six .gi span{font-size: 12px; padding: 8px 10px 2px;}
:where(body.cv5a main#top) .gal.six .gi small{padding: 0px 10px 8px;}
:where(body.cv5a main#top) .plangrp{margin-bottom: 6px;}
:where(body.cv5a main#top) .astrip{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 16px 0px 0px; padding: 12px 16px; border-radius: 12px; background: var(--asoft); border: 1px solid color-mix(in srgb,var(--accent) 30%,var(--line));}
:where(body.cv5a main#top) .astrip .ico{width: 18px; height: 18px; color: var(--accent);}
:where(body.cv5a main#top) .astrip b{font-size: 14px; flex: 1 1 0%; min-width: 200px;}
:where(body.cv5a main#top) .astrip input{padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; width: 170px;}
:where(body.cv5a main#top) .astrip .ok{font-size: 12.5px; color: var(--muted);}
@media (max-width: 900px){
  :where(body.cv5a main#top) .paypanel{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .gal.six{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px){
  :where(body.cv5a main#top) .resrow{grid-template-columns: 40px 1fr;}
  :where(body.cv5a main#top) .resrow .btn{grid-column: 2;}
  :where(body.cv5a main#top) .ppd{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .ppd dt{margin-top: 4px;}
  :where(body.cv5a main#top) .gal.six{grid-template-columns: 1fr 1fr;}
  :where(body.cv5a main#top) .astrip input{width: 100%;}
}
:where(body.cv5a main#top) .cloc{display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 14px;}
:where(body.cv5a main#top) .cloc .ico{width: 16px; height: 16px; color: var(--brand);}
:where(body.cv5a main#top) .cloc b{font-weight: 700; color: var(--ink); background: var(--soft); padding: 2px 8px; border-radius: 6px;}
:where(body.cv5a main#top) .cloc em{font-style: normal; color: var(--muted); font-size: 12.5px;}
:where(body.cv5a main#top) #ticker{background: color-mix(in srgb,var(--warm) 12%,var(--surface)); border-top: 1px solid color-mix(in srgb,var(--warm) 40%,var(--line)); border-bottom: 1px solid color-mix(in srgb,var(--warm) 40%,var(--line));}
:where(body.cv5a main#top) .newsband{margin-top: 18px; background: color-mix(in srgb,var(--warm) 10%,var(--surface)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--warm); border-radius: var(--r); padding: 14px 18px;}
:where(body.cv5a main#top) .nbh{display: flex; align-items: center; gap: 8px; margin-bottom: 10px;}
:where(body.cv5a main#top) .nbh h3{font-size: 16px; margin: 0px; color: var(--warm);}
:where(body.cv5a main#top) .nbh .ico{width: 18px; height: 18px; color: var(--warm);}
:where(body.cv5a main#top) .nbh a{margin-left: auto; font-size: 13px; font-weight: 600; display: inline-flex; gap: 4px; align-items: center;}
:where(body.cv5a main#top) .nbl{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
:where(body.cv5a main#top) .nbi{display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; line-height: 1.35; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px;}
:where(body.cv5a main#top) .nbi time{font-size: 12px; font-weight: 700; color: var(--warm);}
@media (max-width: 900px){
  :where(body.cv5a main#top) .nbl{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px){
  :where(body.cv5a main#top) .nbl{grid-template-columns: 1fr;}
}
:where(body.cv5a main#top) .more-t{display: none;}
:where(body.cv5a main#top) .more-t .ico{width: 14px; height: 14px;}
:where(body.cv5a main#top) .colmap{display: block; width: 100%; border: var(--cardborder); padding: 0px; border-radius: var(--r); overflow: hidden; cursor: zoom-in; background: rgb(255, 255, 255); position: relative; margin-bottom: 16px; box-shadow: var(--shadow);}
:where(body.cv5a main#top) .colmap img{width: 100%; display: block;}
:where(body.cv5a main#top) .colmap .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 12px; font-size: 12.5px; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); text-align: left;}
:where(body.cv5a main#top) .cc b.sel{overflow-wrap: anywhere; font-size: 15px;}
:where(body.cv5a main#top) .contact{grid-template-columns: repeat(4, 1fr);}
:where(body.cv5a main#top) .offl{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 14px;}
:where(body.cv5a main#top) .offl div{background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 10px 14px; font-size: 13.5px;}
:where(body.cv5a main#top) .offl b{display: block; font-size: 14px;}
:where(body.cv5a main#top) .offl i{font-style: normal; color: var(--muted); font-size: 12.5px; display: block;}
:where(body.cv5a main#top) .offl span{color: var(--ink2);}
@media (max-width: 900px){
  :where(body.cv5a main#top) .contact{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px){
  :where(body.cv5a main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5a main#top) .ahero .bg{background-position: center center;}
}
:where(body.cv5a main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 2px 9px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm);}
:where(body.cv5a main#top) .sfine{font-size: 13px;}
:where(body.cv5a main#top) .tyimg.noimg{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--ground); min-height: 150px;}
:where(body.cv5a main#top) .tyic.big{width: 56px; height: 56px; border-radius: 50%;}
:where(body.cv5a main#top) .tyic.big .ico{width: 24px; height: 24px;}
:where(body.cv5a main#top) .tyimg.noimg .imgnote{position: static; font-size: 12px; color: var(--muted); background: none;}

/* Design step 4b: the home page (card ux-20261019-build-04b). The rules below the line are the
   prototype's own (REPORTS/ux/2026-10-19-prototypes/site.tgz, home-final.html), read from the
   rendered page, kept where they match something in <main>, and scoped to
   :where(body.cv5h main#top), which adds no specificity. The search bar is styled by sbar.css and
   the rails and bands by sections.css (gate cv-sections), so their prototype copies are left out.
   The prototype's stock photographs are not used (the authority's picture or none). */
body.cv5h{--sec:64px;--h1:38px;--h2:26px;--accent-l:#0E5F4E;--ground-l:#F3F5F1}
@media (max-width:600px){body.cv5h{--sec:44px;--h1:28px}}
body.cv5h main#top{display:block;padding:0;max-width:none}
body.cv5h main#top .btn:not(.pri):not(.ghost):not(.glass){color:var(--ink)}
body.cv5h main#top .band.sand,body.cv5h main#top .band.soft,body.cv5h main#top .band.sky{display:block}
body.cv5h main#top .cdn[hidden]{display:none}
/* the hero is drawn: the red wash over a plain ground, no photograph */
body.cv5h main#top .hero0{background:#8f2a22}
body.cv5h main#top .hero0 .hstats{display:flex;gap:28px;flex-wrap:wrap}
/* a card or tile with no authority picture says so */
body.cv5h main#top .shc .shim.noimg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface2,var(--ground));min-height:160px}
body.cv5h main#top .shc .shim.noimg .imgnote{font-size:12px;color:var(--muted);max-width:200px;text-align:center}
body.cv5h main#top .shc .shim.noimg .shtop{position:absolute;top:10px;left:10px}
body.cv5h main#top .tiles6 a.noimg{background:linear-gradient(135deg,#1f3a33,#16201c)}
body.cv5h main#top .tiles6 a.noimg .tt6{background:none}
body.cv5h main#top .shc .elig{padding:10px 12px;gap:6px;margin-top:6px;border-radius:10px;font-size:12.5px}
body.cv5h main#top .shc .elig span{border:1px solid var(--line);border-radius:6px;padding:1px 7px;background:var(--surface)}
body.cv5h main#top .shc .elig span.ok{border-color:var(--calm);color:var(--calm)}
body.cv5h main#top .shc .elig span.gp{border-style:dashed}
/* the questions use buttons, not spans */
body.cv5h main#top .wiz h2{font-size:30px;margin:0 0 4px;text-align:center}
body.cv5h main#top .wiz .chips button{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13.5px;font-weight:600;background:var(--ground);cursor:pointer}
body.cv5h main#top .wiz .chips button.on{background:var(--brand);color:#fff;border-color:var(--brand)}
body.cv5h main#top .wiz .res .btn[hidden]{display:none}
body.cv5h main#top .more{margin:12px 0 0;font-weight:600}
body.cv5h main#top .more a{color:var(--brand);display:inline-flex;gap:6px;align-items:center}
body.cv5h main#top .more .ico{width:16px;height:16px}
body.cv5h main#top .shx{display:flex;justify-content:flex-end;margin:0 0 10px}
body.cv5h main#top .auw[hidden]{display:none}
body.cv5h main#top .sfind{display:flex;gap:8px}
body.cv5h main#top .sfind .sfin{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--rs);background:var(--surface);padding:0 12px}
body.cv5h main#top .sfind .sfin input{border:0;outline:0;background:none;flex:1;min-width:0;padding:11px 0;font:inherit;color:var(--ink)}
body.cv5h main#top .sfind .sfin .ico{width:16px;height:16px;color:var(--muted)}
body.cv5h main#top .sfind.sm .sfin input{padding:7px 0;font-size:13px}
body.cv5h main#top .bandnote a{color:var(--brand)}
@media (max-width:600px){
  body.cv5h main#top .hero0 h1{font-size:30px}
  body.cv5h main#top .sh{flex-wrap:wrap;gap:10px}
}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5h main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5h main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5h main#top) h1, :where(body.cv5h main#top) h2, :where(body.cv5h main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5h main#top) img{max-width: 100%; display: block;}
:where(body.cv5h main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5h main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5h main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5h main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5h main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5h main#top) .btn.ghost{background: transparent;}
:where(body.cv5h main#top) .eyebrow{font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.9;}
:where(body.cv5h main#top) .hstats{display: flex; gap: 28px; margin-top: 10px; flex-wrap: wrap;}
:where(body.cv5h main#top) .hstats b{display: block; font: 700 26px var(--font-d);}
:where(body.cv5h main#top) .hstats span{font-size: 13px; opacity: 0.85;}
:where(body.cv5h main#top) .trust{display: flex; gap: 26px; justify-content: center; flex-wrap: wrap; padding: 18px 0px 0px; font-size: 14px; color: var(--muted);}
:where(body.cv5h main#top) .trust span{display: flex; gap: 8px; align-items: center;}
:where(body.cv5h main#top) .trust .ico{width: 18px; height: 18px; color: var(--accent);}
:where(body.cv5h main#top) .sec{padding-top: var(--sec);}
:where(body.cv5h main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5h main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5h main#top) .sh p{margin: 6px 0px 0px; color: var(--muted); font-size: 15px; max-width: 70ch;}
:where(body.cv5h main#top) .shelf{display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3*var(--gap))/4); gap: var(--gap); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: thin;}
:where(body.cv5h main#top) .shelf > *{scroll-snap-align: start;}
:where(body.cv5h main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5h main#top) .badge.hot{color: var(--hot);}
:where(body.cv5h main#top) .alerts{display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; background: var(--ink); color: var(--surface); border-radius: calc(var(--r) + 6px); padding: 44px; overflow: hidden; position: relative;}
:where(body.cv5h main#top) .alerts h2{font-size: calc(var(--h2) + 4px); color: inherit;}
:where(body.cv5h main#top) .alerts p{opacity: 0.8; margin: 10px 0px 0px;}
:where(body.cv5h main#top) .alerts .btn{grid-column: 1 / -1; background: rgb(37, 211, 102); border-color: rgb(37, 211, 102); color: rgb(6, 43, 20);}
:where(body.cv5h main#top) .opts{display: grid; grid-template-columns: 1fr 1fr; gap: 8px;}
@media (max-width: 1000px){
  :where(body.cv5h main#top) .shelf{grid-auto-columns: calc((100% - var(--gap))/2.2);}
  :where(body.cv5h main#top) .alerts{grid-template-columns: 1fr; padding: 28px;}
}
@media (max-width: 600px){
  :where(body.cv5h main#top) .shelf{grid-auto-columns: 82%;}
  :where(body.cv5h main#top) .hstats{gap: 18px;}
}
:where(body.cv5h main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5h main#top) .col{display: grid; grid-template-columns: 220px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow);}
:where(body.cv5h main#top) .res{display: flex; gap: 36px; flex-wrap: wrap;}
:where(body.cv5h main#top) .res b{display: block; font: 700 26px var(--font-d);}
:where(body.cv5h main#top) .bar{height: 10px; border-radius: 99px; background: var(--line2); overflow: hidden;}
:where(body.cv5h main#top) .cc{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 20px; box-shadow: var(--shadow);}
:where(body.cv5h main#top) .cc b{font-size: 16px; word-break: break-word;}
:where(body.cv5h main#top) .links{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
:where(body.cv5h main#top) .links a{display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--line); border-radius: var(--rs); background: var(--surface); font-size: 14px; font-weight: 500;}
:where(body.cv5h main#top) .links .ico{width: 16px; height: 16px;}
:where(body.cv5h main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5h main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5h main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5h main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5h main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5h main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
@media (max-width: 600px){
  :where(body.cv5h main#top) .ty, :where(body.cv5h main#top) .col, :where(body.cv5h main#top) .past{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
:where(body.cv5h main#top) .tl2{position: relative; display: grid; grid-template-columns: repeat(4, 1fr);}
:where(body.cv5h main#top) .tl2::before{content: ""; position: absolute; left: 12.5%; right: 12.5%; top: 7px; height: 2px; background: var(--line);}
:where(body.cv5h main#top) .elig{background: var(--asoft); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
:where(body.cv5h main#top) .lead{font-size: 17px; line-height: 1.6; color: var(--ink2); margin: 0px; max-width: 62ch;}
:where(body.cv5h main#top) .cnt{color: var(--muted); font-size: 14px;}
:where(body.cv5h main#top) .chips{display: flex; flex-wrap: wrap; gap: 8px;}
:where(body.cv5h main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5h main#top) .lgrid{display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--gap);}
:where(body.cv5h main#top) .off{display: flex; gap: 12px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px;}
:where(body.cv5h main#top) .off b{display: block; font-size: 14.5px; margin-bottom: 4px;}
:where(body.cv5h main#top) .pin{cursor: pointer;}
:where(body.cv5h main#top) .fld{display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--ink2);}
:where(body.cv5h main#top) .fld input, :where(body.cv5h main#top) .fld select{font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 500; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface2); color: var(--ink);}
:where(body.cv5h main#top) .al{display: flex; gap: 14px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px;}
:where(body.cv5h main#top) .al span{font-size: 13px; color: var(--muted);}
:where(body.cv5h main#top) .alerts{background: rgb(19, 32, 27); color: rgb(243, 245, 241);}
:where(body.cv5h main#top) .h2ic{width: 24px; height: 24px; color: var(--brand); vertical-align: -4px; margin-right: 9px;}
@media (max-width: 760px){
  :where(body.cv5h main#top) .pill, :where(body.cv5h main#top) .chip, :where(body.cv5h main#top) .tab, :where(body.cv5h main#top) .btn.sm, :where(body.cv5h main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
}
:where(body.cv5h main#top) .sec > p, :where(body.cv5h main#top) .ov p, :where(body.cv5h main#top) .prose p, :where(body.cv5h main#top) .gtext p, :where(body.cv5h main#top) .about p, :where(body.cv5h main#top) .legal p, :where(body.cv5h main#top) .faq p, :where(body.cv5h main#top) .steps p, :where(body.cv5h main#top) .elig p{max-width: 72ch;}
:where(body.cv5h main#top) .pr a, :where(body.cv5h main#top) .prn a, :where(body.cv5h main#top) .crumbs a, :where(body.cv5h main#top) .protolinks a, :where(body.cv5h main#top) .more, :where(body.cv5h main#top) footer .cols a, :where(body.cv5h main#top) .links a, :where(body.cv5h main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5h main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm); border: 1px dashed var(--warm); vertical-align: middle;}
:where(body.cv5h main#top) .tyic{width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--asoft); color: var(--accent); flex: 0 0 auto;}
:where(body.cv5h main#top) .tyic .ico{width: 18px; height: 18px;}
:where(body.cv5h main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5h main#top) .cstatic{font-size: 15px; color: var(--ink2); margin: 0px 0px 12px;}
:where(body.cv5h main#top) .dt{position: relative; display: flex; flex-direction: column; gap: 3px; padding: 12px; min-height: 118px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); box-shadow: var(--shadow); color: inherit; overflow: hidden; justify-content: flex-end;}
:where(body.cv5h main#top) .dt:hover{transform: translateY(-2px);}
:where(body.cv5h main#top) .band{display: flex; align-items: center; gap: 10px; margin: 18px 0px 12px; padding: 10px 14px; border-radius: 12px; background: var(--soft); border-left: 4px solid var(--brand);}
:where(body.cv5h main#top) .band .tyic{background: var(--surface);}
@media (max-width: 700px){
  :where(body.cv5h main#top) .band{flex-wrap: wrap;}
}
:where(body.cv5h main#top) .bandnote{margin: -4px 0px 12px; font-size: 14px; color: var(--ink2);}
:where(body.cv5h main#top) .ribbon{display: flex; gap: 0px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .ribbon{flex-direction: column;}
}
:where(body.cv5h main#top) .cdn, :where(body.cv5h main#top) .ty .tyf .cdn, :where(body.cv5h main#top) .tl .cdn, :where(body.cv5h main#top) .mv span.cdn, :where(body.cv5h main#top) .mini .mv .cdn{display: inline-flex; align-items: center; gap: 6px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 800; font-size: 12.5px; padding: 3px 9px; border-radius: 999px; white-space: nowrap;}
:where(body.cv5h main#top) .cdn.calm, :where(body.cv5h main#top) .ty .tyf .cdn.calm, :where(body.cv5h main#top) .tl .cdn.calm, :where(body.cv5h main#top) .mv span.cdn.calm{background: var(--soft); color: var(--ink2);}
:where(body.cv5h main#top) .cdn.warn, :where(body.cv5h main#top) .ty .tyf .cdn.warn, :where(body.cv5h main#top) .tl .cdn.warn, :where(body.cv5h main#top) .mv span.cdn.warn{background: rgb(253, 232, 229); color: rgb(138, 29, 20); border: 1px solid rgb(233, 180, 173);}
:where(body.cv5h main#top) .hero2 .wrap{padding-top: 0px;}
:where(body.cv5h main#top) .rt{width: 100%; border-collapse: collapse; font-size: 13.5px;}
:where(body.cv5h main#top) .rt th{text-align: left; font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); padding: 8px 10px; border-bottom: 2px solid var(--line);}
:where(body.cv5h main#top) .rt td{padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top;}
:where(body.cv5h main#top) .rt td.r, :where(body.cv5h main#top) .rt th.r{text-align: right; white-space: nowrap;}
:where(body.cv5h main#top) .ovt{overflow-x: auto;}
:where(body.cv5h main#top) .ovt table{min-width: 640px;}
:where(body.cv5h main#top) .olab{display: flex; align-items: center; gap: 10px; margin: 34px 0px 10px;}
:where(body.cv5h main#top) .olab b{background: rgb(22, 32, 28); color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.04em; padding: 4px 10px; border-radius: 999px;}
:where(body.cv5h main#top) .olab span{font-size: 13.5px; color: var(--ink2);}
:where(body.cv5h main#top) .recent{display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 10px; font-size: 13px; color: var(--muted);}
:where(body.cv5h main#top) .recent a{border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; color: var(--ink2); font-weight: 600; background: var(--surface);}
:where(body.cv5h main#top) .sb3{position: relative;}
:where(body.cv5h main#top) .sb3 .box{display: flex; align-items: center; gap: 10px; background: var(--surface); border: 2px solid var(--ink); border-radius: 999px; padding: 6px 8px 6px 18px; box-shadow: var(--shadow);}
:where(body.cv5h main#top) .sb3 .box .ico{width: 20px; height: 20px; color: var(--muted);}
:where(body.cv5h main#top) .sb3 input{border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; flex: 1 1 0%; background: transparent; min-width: 0px; color: var(--ink);}
:where(body.cv5h main#top) .sb3 .sug{margin-top: 8px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden;}
:where(body.cv5h main#top) .sb3 .sug a{display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; align-items: center; padding: 10px 14px; border-bottom: 1px solid var(--line2); color: inherit;}
:where(body.cv5h main#top) .sb3 .sug a:hover{background: var(--soft);}
:where(body.cv5h main#top) .sb3 .sug .tyic{width: 34px; height: 34px;}
:where(body.cv5h main#top) .sb3 .sug b{display: block; font-size: 14.5px;}
:where(body.cv5h main#top) .sb3 .sug small{color: var(--muted); font-size: 12.5px;}
:where(body.cv5h main#top) .sb3 .sug .k{font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--brand); font-weight: 800;}
:where(body.cv5h main#top) .sb3 .sug .hd{padding: 8px 14px; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); font-weight: 800; background: var(--ground);}
:where(body.cv5h main#top) .l1{display: grid; grid-template-columns: 260px 1fr; gap: 18px; align-items: start;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .l1{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .side{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px; position: sticky; top: 70px;}
:where(body.cv5h main#top) .side h3{font-size: 14px; margin: 0px 0px 8px; display: flex; justify-content: space-between; align-items: center;}
:where(body.cv5h main#top) .side .grp{border-top: 1px solid var(--line); padding: 10px 0px;}
:where(body.cv5h main#top) .side .grp:first-of-type{border-top: 0px; padding-top: 0px;}
:where(body.cv5h main#top) .side .grp b{display: block; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px;}
:where(body.cv5h main#top) .side .opts{display: flex; flex-wrap: wrap; gap: 6px;}
:where(body.cv5h main#top) .side .fop{border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; font-size: 12.5px; font-weight: 600; background: var(--ground); cursor: pointer; font-family: inherit; color: var(--ink);}
:where(body.cv5h main#top) .side .fop.on{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5h main#top) .side .fop small{opacity: 0.7; margin-left: 4px; font-weight: 500;}
:where(body.cv5h main#top) .side .rng{display: flex; gap: 6px; align-items: center; font-size: 12.5px;}
:where(body.cv5h main#top) .lhead{display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px;}
:where(body.cv5h main#top) .lhead h2{font-size: 20px; margin: 0px;}
:where(body.cv5h main#top) .lhead h2 small{display: block; font-size: 13px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5h main#top) .li{display: grid; grid-template-columns: 230px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; margin-bottom: 12px; box-shadow: var(--shadow);}
:where(body.cv5h main#top) .li:hover{border-color: var(--brand);}
@media (max-width: 700px){
  :where(body.cv5h main#top) .li{grid-template-columns: 1fr;}
  :where(body.cv5h main#top) .li .lim{aspect-ratio: 16 / 9;}
}
:where(body.cv5h main#top) .li .lim{position: relative; background: var(--soft); min-height: 170px;}
:where(body.cv5h main#top) .li .lim img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5h main#top) .li .lim .tg{position: absolute; left: 8px; top: 8px; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); font-size: 10.5px; padding: 2px 7px; border-radius: 4px;}
:where(body.cv5h main#top) .li .lb{padding: 12px 16px; min-width: 0px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5h main#top) .li .lt{display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; flex-wrap: wrap;}
:where(body.cv5h main#top) .li h3{margin: 0px; font-size: 17px; line-height: 1.3;}
:where(body.cv5h main#top) .li h3 small{display: block; font-size: 13px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5h main#top) .li .prx{text-align: right;}
:where(body.cv5h main#top) .li .prx b{font-size: 20px; font-family: var(--slab); display: block;}
:where(body.cv5h main#top) .li .specs{display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--ink2);}
:where(body.cv5h main#top) .li .specs span b{color: var(--ink); display: block; font-size: 13.5px;}
:where(body.cv5h main#top) .strip{display: flex; gap: 8px; flex-wrap: wrap; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 10px 12px; position: sticky; top: 64px; z-index: 5;}
:where(body.cv5h main#top) .strip select{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--ground); color: var(--ink);}
:where(body.cv5h main#top) .strip .fop{border: 1px solid var(--line); border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600; background: var(--ground); cursor: pointer; font-family: inherit; color: var(--ink);}
:where(body.cv5h main#top) .strip .fop.on{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5h main#top) .strip .cnt{margin-left: auto; font-size: 13px; color: var(--ink2); font-weight: 700;}
:where(body.cv5h main#top) .tt{width: 100%; border-collapse: collapse; font-size: 13.5px;}
:where(body.cv5h main#top) .tt th{background: var(--surface); text-align: left; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); padding: 9px 8px; border-bottom: 2px solid var(--line); cursor: pointer; white-space: nowrap; z-index: 2;}
:where(body.cv5h main#top) .tt th.on{color: var(--brand);}
:where(body.cv5h main#top) .tt td{padding: 9px 8px; border-bottom: 1px solid var(--line2); vertical-align: middle;}
:where(body.cv5h main#top) .tt td.r, :where(body.cv5h main#top) .tt th.r{text-align: right; white-space: nowrap;}
:where(body.cv5h main#top) .tt tr:hover td{background: var(--ground);}
:where(body.cv5h main#top) .tt td b{font-weight: 700;}
:where(body.cv5h main#top) .tt .cdn{font-size: 11px; padding: 2px 8px;}
:where(body.cv5h main#top) .ovt2{overflow-x: auto; border: var(--cardborder); border-radius: var(--r); background: var(--surface);}
:where(body.cv5h main#top) .ovt2 table{min-width: 900px;}
:where(body.cv5h main#top) .pills2{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;}
:where(body.cv5h main#top) .pills2 a{border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--ink);}
:where(body.cv5h main#top) .side .ssel{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; padding: 7px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--ground); color: var(--ink); width: 100%; min-width: 0px;}
:where(body.cv5h main#top) .side .lq{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--ground); color: var(--ink); width: 100%; margin-bottom: 6px;}
:where(body.cv5h main#top) .shb{padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5h main#top) .shb b{font-size: 13.5px; line-height: 1.3;}
:where(body.cv5h main#top) .shn{font-size: 12px; color: var(--ink2); margin: 0px; line-height: 1.45;}
:where(body.cv5h main#top) .terms{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .terms{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
  :where(body.cv5h main#top) .terms{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .terms a{display: block; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; color: inherit; min-width: 0px;}
:where(body.cv5h main#top) .terms a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .terms a b{display: block; font-size: 14.5px; margin-bottom: 3px;}
:where(body.cv5h main#top) .terms a small{color: var(--ink2); font-size: 12.5px; line-height: 1.4; display: block;}
:where(body.cv5h main#top) .optw{margin: 34px 0px 10px;}
:where(body.cv5h main#top) .optw .olab{margin: 0px 0px 10px;}
:where(body.cv5h main#top) .mock{border: 1px dashed var(--line); border-radius: var(--r); overflow: hidden; background: var(--ground);}
:where(body.cv5h main#top) .mock .wrap{padding-left: 20px; padding-right: 20px;}
:where(body.cv5h main#top) .hband{position: relative; background: rgb(22, 32, 28); color: rgb(255, 255, 255); padding: 36px 0px 44px; overflow: hidden;}
:where(body.cv5h main#top) .hband img.bg{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0.3;}
:where(body.cv5h main#top) .hband::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(22, 32, 28, 0.85) 0px, rgba(22, 32, 28, 0.55) 60%, rgba(22, 32, 28, 0.2) 100%);}
:where(body.cv5h main#top) .hband .in{z-index: 1;}
:where(body.cv5h main#top) .hband .in{position: relative;}
:where(body.cv5h main#top) .hband h1{color: rgb(255, 255, 255); font-size: 36px; margin: 0px 0px 6px;}
:where(body.cv5h main#top) .hband p{color: rgb(239, 233, 224); max-width: 640px; margin: 0px 0px 16px;}
:where(body.cv5h main#top) .hband .sb{color: var(--ink);}
:where(body.cv5h main#top) .kpirow{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: -26px; position: relative;}
@media (max-width: 700px){
  :where(body.cv5h main#top) .kpirow{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .kpirow div{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; box-shadow: var(--shadow);}
:where(body.cv5h main#top) .kpirow b{display: block; font-size: 22px; font-family: var(--slab);}
:where(body.cv5h main#top) .kpirow small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5h main#top) .rail{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 10px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory;}
:where(body.cv5h main#top) .rail > *{scroll-snap-align: start;}
:where(body.cv5h main#top) .rc{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0px; color: inherit;}
:where(body.cv5h main#top) .rc b{font-size: 14px; line-height: 1.3;}
:where(body.cv5h main#top) .rc small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5h main#top) .rc .cdn{align-self: flex-start; margin-top: 4px;}
:where(body.cv5h main#top) .rc:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .tt4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 700px){
  :where(body.cv5h main#top) .tt4{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .tt4 a{display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; color: inherit;}
:where(body.cv5h main#top) .tt4 a .tyic{width: 36px; height: 36px; margin-bottom: 4px;}
:where(body.cv5h main#top) .tt4 a b{font-size: 15px;}
:where(body.cv5h main#top) .tt4 a small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5h main#top) .tt4 a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .dl{display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: start; padding: 24px 0px;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .dl{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .dl h1{font-size: 34px; margin: 0px 0px 8px;}
:where(body.cv5h main#top) .dl .today{font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--brand); font-weight: 800;}
:where(body.cv5h main#top) .tl2{display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5h main#top) .tl2 a{display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 10px 12px; color: inherit;}
:where(body.cv5h main#top) .tl2 a .d{font-family: var(--slab); font-size: 18px; line-height: 1.1;}
:where(body.cv5h main#top) .tl2 a .d small{display: block; font-size: 11px; color: var(--muted); font-family: var(--sans);}
:where(body.cv5h main#top) .tl2 a b{font-size: 14px; display: block;}
:where(body.cv5h main#top) .tl2 a small{color: var(--ink2); font-size: 12px;}
:where(body.cv5h main#top) .tl2 a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .wk2{display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 12px;}
:where(body.cv5h main#top) .wk2 div{background: var(--surface); border: var(--cardborder); border-radius: 10px; padding: 8px 6px; text-align: center; min-width: 0px;}
:where(body.cv5h main#top) .wk2 div small{display: block; font-size: 11px; color: var(--muted);}
:where(body.cv5h main#top) .wk2 div b{display: block; font-size: 18px; font-family: var(--slab);}
:where(body.cv5h main#top) .wk2 div.hot{border-color: var(--brand); background: var(--soft);}
:where(body.cv5h main#top) .wiz{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 22px 24px; max-width: 860px; margin: 20px auto;}
:where(body.cv5h main#top) .wiz h1{font-size: 30px; margin: 0px 0px 4px; text-align: center;}
:where(body.cv5h main#top) .wiz p.l{text-align: center; color: var(--ink2); margin: 0px 0px 16px;}
:where(body.cv5h main#top) .wiz .q{display: flex; align-items: center; gap: 10px; margin: 14px 0px 8px;}
:where(body.cv5h main#top) .wiz .q i{display: inline-flex; width: 26px; height: 26px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); font-style: normal; font-weight: 800; align-items: center; justify-content: center; font-size: 13px;}
:where(body.cv5h main#top) .wiz .q b{font-size: 15px;}
:where(body.cv5h main#top) .wiz .chips{display: flex; flex-wrap: wrap; gap: 6px;}
:where(body.cv5h main#top) .wiz .chips span{border: 1px solid var(--line); border-radius: 999px; padding: 7px 12px; font-size: 13.5px; font-weight: 600; background: var(--ground);}
:where(body.cv5h main#top) .wiz .chips span.on{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5h main#top) .wiz .chips span small{opacity: 0.7; margin-left: 4px; font-weight: 500;}
:where(body.cv5h main#top) .wiz .res{margin-top: 16px; background: rgb(22, 32, 28); color: rgb(255, 255, 255); border-radius: 12px; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;}
:where(body.cv5h main#top) .wiz .res b{font-size: 18px; display: block;}
:where(body.cv5h main#top) .wiz .res small{opacity: 0.8;}
:where(body.cv5h main#top) .smap{display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .smap{grid-template-columns: repeat(3, 1fr);}
}
:where(body.cv5h main#top) .smap a{display: flex; flex-direction: column; gap: 2px; background: var(--surface); border: var(--cardborder); border-radius: 10px; padding: 10px 12px; color: inherit; min-width: 0px;}
:where(body.cv5h main#top) .smap a b{font-size: 14px;}
:where(body.cv5h main#top) .smap a small{font-size: 12px; color: var(--ink2);}
:where(body.cv5h main#top) .smap a.hot{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5h main#top) .smap a.hot small{color: rgb(253, 232, 229);}
:where(body.cv5h main#top) .smap a.warm{background: var(--soft);}
:where(body.cv5h main#top) .smap a.none{opacity: 0.6;}
:where(body.cv5h main#top) .wall{display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .wall{grid-template-columns: repeat(4, 1fr);}
}
:where(body.cv5h main#top) .wall a{display: flex; flex-direction: column; align-items: center; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: 10px; padding: 10px 6px; color: inherit; text-align: center; min-width: 0px;}
:where(body.cv5h main#top) .wall a img, :where(body.cv5h main#top) .wall a .tyic{width: 40px; height: 40px; object-fit: contain;}
:where(body.cv5h main#top) .wall a b{font-size: 11.5px; line-height: 1.2;}
:where(body.cv5h main#top) .wall a small{font-size: 10.5px; color: var(--brand); font-weight: 700;}
:where(body.cv5h main#top) .wall a.off small{color: var(--muted); font-weight: 500;}
:where(body.cv5h main#top) .bull{border-top: 3px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 14px 0px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap;}
:where(body.cv5h main#top) .bull .mast{font-family: var(--slab); font-size: 28px; letter-spacing: 0.01em;}
:where(body.cv5h main#top) .bull .dt{font-size: 13px; color: var(--ink2);}
:where(body.cv5h main#top) .news{display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 18px; padding: 16px 0px;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .news{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .news h2{font-size: 22px; line-height: 1.25; margin: 0px 0px 6px;}
:where(body.cv5h main#top) .news .lead{font-size: 14.5px; color: var(--ink2);}
:where(body.cv5h main#top) .news .col h3{font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--brand); margin: 0px 0px 8px; border-bottom: 1px solid var(--line); padding-bottom: 4px;}
:where(body.cv5h main#top) .news .col a{display: block; padding: 6px 0px; border-bottom: 1px solid var(--line2); color: inherit; font-size: 13.5px;}
:where(body.cv5h main#top) .news .col a small{display: block; color: var(--muted); font-size: 12px;}
:where(body.cv5h main#top) .mini2{padding: 48px 0px 30px; text-align: center;}
:where(body.cv5h main#top) .mini2 h1{font-size: 40px; margin: 0px 0px 8px;}
:where(body.cv5h main#top) .mini2 p{color: var(--ink2); margin: 0px auto 18px; max-width: 560px;}
:where(body.cv5h main#top) .mini2 .sb3{max-width: 720px; margin: 0px auto;}
:where(body.cv5h main#top) .mini2 .two{display: flex; gap: 10px; justify-content: center; margin-top: 14px; flex-wrap: wrap;}
:where(body.cv5h main#top) .photo{position: relative; min-height: 380px; display: flex; align-items: center; overflow: hidden;}
:where(body.cv5h main#top) .photo img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5h main#top) .photo .ov2{position: absolute; inset: 0px; background: linear-gradient(rgba(20, 16, 12, 0.35), rgba(20, 16, 12, 0.75));}
:where(body.cv5h main#top) .photo .in{position: relative; width: 100%;}
:where(body.cv5h main#top) .photo h1{color: rgb(255, 255, 255); font-size: 38px; margin: 0px 0px 6px; text-align: center;}
:where(body.cv5h main#top) .photo p{color: rgb(239, 233, 224); text-align: center; margin: 0px auto 16px; max-width: 620px;}
:where(body.cv5h main#top) .photo .sb3{max-width: 760px; margin: 0px auto;}
:where(body.cv5h main#top) .photo .cap{position: absolute; right: 12px; bottom: 8px; color: rgb(255, 255, 255); font-size: 11px; opacity: 0.8;}
:where(body.cv5h main#top) .bud{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 700px){
  :where(body.cv5h main#top) .bud{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .bud a{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; color: inherit; display: flex; flex-direction: column; gap: 3px;}
:where(body.cv5h main#top) .bud a b{font-size: 20px; font-family: var(--slab);}
:where(body.cv5h main#top) .bud a small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5h main#top) .bud a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .split{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start;}
@media (max-width: 900px){
  :where(body.cv5h main#top) .split{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .mapbox{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 10px; position: sticky; top: 70px;}
:where(body.cv5h main#top) .mapbox svg{width: 100%; height: auto; display: block;}
:where(body.cv5h main#top) .mapbox .pin{fill: var(--brand); stroke: rgb(255, 255, 255); stroke-width: 2;}
:where(body.cv5h main#top) .mapbox .mk{display: flex; gap: 12px; font-size: 12px; color: var(--ink2); margin-top: 6px; justify-content: center;}
:where(body.cv5h main#top) .intent{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .intent{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .intent a{display: flex; flex-direction: column; gap: 6px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px; color: inherit;}
:where(body.cv5h main#top) .intent a .tyic{width: 40px; height: 40px;}
:where(body.cv5h main#top) .intent a b{font-size: 16px;}
:where(body.cv5h main#top) .intent a small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5h main#top) .intent a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .parse{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px;}
:where(body.cv5h main#top) .parse .box{display: flex; align-items: center; gap: 8px; border: 2px solid var(--ink); background: var(--surface); color: var(--ink); border-radius: 999px; padding: 8px 8px 8px 16px;}
:where(body.cv5h main#top) .parse .box input{border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 16px; flex: 1 1 0%; background: transparent; min-width: 0px;}
:where(body.cv5h main#top) .parse .und{display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; align-items: center; font-size: 13px; color: var(--ink2);}
:where(body.cv5h main#top) .parse .und .chip2{background: var(--soft); border-radius: 999px; padding: 4px 10px; font-weight: 700; color: var(--ink); display: inline-flex; gap: 6px;}
:where(body.cv5h main#top) .parse .und .chip2 i{font-style: normal; opacity: 0.6;}
:where(body.cv5h main#top) .parse .und .no{border: 1px dashed var(--line); border-radius: 999px; padding: 4px 10px;}
:where(body.cv5h main#top) .tt{font-size: 13px;}
:where(body.cv5h main#top) .dl{grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr);}
:where(body.cv5h main#top) .dl > div{min-width: 0px;}
:where(body.cv5h main#top) .tl2 a{min-width: 0px;}
:where(body.cv5h main#top) .tl2 a > span{min-width: 0px;}
:where(body.cv5h main#top) .wk2 > div{min-width: 0px;}
:where(body.cv5h main#top) .news > div{min-width: 0px;}
:where(body.cv5h main#top) .split > div{min-width: 0px;}
:where(body.cv5h main#top) .hero0{position: relative; min-height: 360px; display: flex; align-items: flex-end; overflow: hidden; color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .hero0.tall{min-height: 460px; align-items: center;}
:where(body.cv5h main#top) .hero0 > img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5h main#top) .hero0 .ovl{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(22, 32, 28, 0.92) 0px, rgba(22, 32, 28, 0.7) 50%, rgba(22, 32, 28, 0.35) 100%), linear-gradient(rgba(22, 32, 28, 0.1) 0px, rgba(22, 32, 28, 0.6) 100%);}
:where(body.cv5h main#top) .hero0 .wrap{position: relative; width: 100%; padding-top: 34px; padding-bottom: 56px;}
:where(body.cv5h main#top) .hero0 .in{max-width: 720px;}
:where(body.cv5h main#top) .hero0 .eyebrow{display: block; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(243, 207, 201); font-weight: 800; margin-bottom: 10px;}
:where(body.cv5h main#top) .hero0 h1{color: rgb(255, 255, 255); font-size: 38px; line-height: 1.12; margin: 0px 0px 10px;}
:where(body.cv5h main#top) .hero0 p{color: rgb(239, 233, 224); font-size: 16px; margin: 0px 0px 16px; max-width: 600px;}
:where(body.cv5h main#top) .hero0 .cap{position: absolute; right: 12px; bottom: 10px; font-size: 11.5px; opacity: 0.8;}
:where(body.cv5h main#top) .hstats{display: flex; gap: 28px; flex-wrap: wrap;}
:where(body.cv5h main#top) .hstats div b{display: block; font-family: var(--slab); font-size: 28px; line-height: 1.1;}
:where(body.cv5h main#top) .hstats div span{font-size: 12.5px; color: rgb(232, 224, 212);}
:where(body.cv5h main#top) .overlap{margin-top: -40px; position: relative; z-index: 1;}
:where(body.cv5h main#top) .overlap .sb{box-shadow: var(--shadow);}
:where(body.cv5h main#top) .trust{display: flex; gap: 22px; flex-wrap: wrap; justify-content: center; font-size: 12.5px; color: var(--ink2); padding: 12px 0px 18px;}
:where(body.cv5h main#top) .trust span{display: inline-flex; align-items: center; gap: 6px;}
:where(body.cv5h main#top) .trust .ico{width: 15px; height: 15px; color: rgb(31, 122, 77);}
:where(body.cv5h main#top) .row3{display: flex; gap: 10px; align-items: flex-end; padding: 12px 14px; flex-wrap: wrap;}
:where(body.cv5h main#top) .row3 .fld{display: flex; flex-direction: column; gap: 3px; min-width: 160px;}
:where(body.cv5h main#top) .row3 .fld.grow{flex: 1 1 0%; min-width: 220px;}
:where(body.cv5h main#top) .row3 .fld label{font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); font-weight: 700;}
:where(body.cv5h main#top) .row3 .fld select, :where(body.cv5h main#top) .row3 .fld input{font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; border: 1px solid var(--line); border-radius: 10px; padding: 9px 10px; background: var(--ground); color: var(--ink); min-width: 0px;}
:where(body.cv5h main#top) .row3 .go .btn{padding: 10px 22px;}
:where(body.cv5h main#top) .row3 .kwin{display: flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 10px; padding: 5px 10px; background: var(--ground); flex-wrap: wrap;}
:where(body.cv5h main#top) .row3 .kwin input{border: 0px; background: transparent; padding: 4px 2px; flex: 1 1 0%; min-width: 100px;}
:where(body.cv5h main#top) .row3 .kwin .ico{width: 16px; height: 16px; color: var(--muted);}
:where(body.cv5h main#top) .und{display: flex; gap: 6px; flex-wrap: wrap; align-items: center; font-size: 13px; color: var(--ink2); padding: 0px 14px 12px;}
:where(body.cv5h main#top) .und .chip2{background: var(--soft); border-radius: 999px; padding: 3px 10px; font-weight: 700; color: var(--ink);}
:where(body.cv5h main#top) .und a{margin-left: auto; font-weight: 700; color: var(--brand); display: inline-flex; gap: 4px; align-items: center;}
:where(body.cv5h main#top) .tabs3{display: flex; gap: 6px; margin: 0px 0px 12px; flex-wrap: wrap;}
:where(body.cv5h main#top) .tabs3 button{border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 700; background: var(--surface); color: var(--ink); cursor: pointer;}
:where(body.cv5h main#top) .tabs3 button i{font-style: normal; opacity: 0.6; margin-left: 5px; font-weight: 600;}
:where(body.cv5h main#top) .tabs3 button.on{background: rgb(22, 32, 28); color: rgb(255, 255, 255); border-color: rgb(22, 32, 28);}
:where(body.cv5h main#top) .tabs3 button.on i{opacity: 0.8;}
:where(body.cv5h main#top) .shelf{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
@media (max-width: 1000px){
  :where(body.cv5h main#top) .shelf{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px){
  :where(body.cv5h main#top) .shelf{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .shc{display: flex; flex-direction: column; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; color: inherit; min-width: 0px;}
:where(body.cv5h main#top) .shc:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .shim{position: relative; display: block; aspect-ratio: 16 / 10; background: rgb(255, 255, 255); overflow: hidden;}
:where(body.cv5h main#top) .shim img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5h main#top) .shtop{position: absolute; left: 8px; top: 8px;}
:where(body.cv5h main#top) .phcap{position: absolute; right: 6px; bottom: 6px; font-size: 10px; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); padding: 1px 6px; border-radius: 4px;}
:where(body.cv5h main#top) .shb{display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px;}
:where(body.cv5h main#top) .shau{display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink2);}
:where(body.cv5h main#top) .shau img{width: 20px; height: 20px; object-fit: contain;}
:where(body.cv5h main#top) .shb > b{font-size: 14.5px; line-height: 1.3;}
:where(body.cv5h main#top) .shb > small{display: flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .shb > small .ico{width: 13px; height: 13px;}
:where(body.cv5h main#top) .shn{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; border-top: 1px solid var(--line); padding-top: 8px; margin-top: 4px;}
:where(body.cv5h main#top) .shn i{display: block; font-style: normal; font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em;}
:where(body.cv5h main#top) .shn b{font-size: 14px; font-family: var(--slab);}
:where(body.cv5h main#top) .tiles6{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .tiles6{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .tiles6 a{position: relative; display: block; aspect-ratio: 16 / 9; border-radius: var(--r); overflow: hidden; color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .tiles6 a img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5h main#top) .tiles6 .tt6{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 40px 14px 12px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));}
:where(body.cv5h main#top) .tiles6 .tt6 .ico{width: 18px; height: 18px;}
:where(body.cv5h main#top) .tiles6 h3{margin: 2px 0px 0px; font-size: 17px; color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .tiles6 .tt6 > span{font-size: 12px; color: rgb(239, 233, 224);}
:where(body.cv5h main#top) .tiles6 .phcap{bottom: auto; top: 8px;}
:where(body.cv5h main#top) .how3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .how3{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .how3 a{display: flex; flex-direction: column; gap: 6px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px; color: inherit;}
:where(body.cv5h main#top) .how3 a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .how3 h3{margin: 4px 0px 0px; font-size: 17px;}
:where(body.cv5h main#top) .how3 p{margin: 0px; font-size: 13.5px; color: var(--ink2); line-height: 1.5;}
:where(body.cv5h main#top) .how3 .n{display: flex; align-items: center; gap: 6px; font-size: 13px; margin-top: auto; padding-top: 6px; color: var(--brand); font-weight: 700;}
:where(body.cv5h main#top) .cities8{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .cities8{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .cities8 a{position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: rgb(22, 32, 28); color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .cities8 a img{width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85;}
:where(body.cv5h main#top) .cities8 .pat{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(45deg, rgb(29, 42, 37) 0px, rgb(29, 42, 37) 10px, rgb(22, 32, 28) 10px, rgb(22, 32, 28) 20px);}
:where(body.cv5h main#top) .cities8 .pat .ico{width: 34px; height: 34px; opacity: 0.5;}
:where(body.cv5h main#top) .cities8 .ctx{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 24px 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));}
:where(body.cv5h main#top) .cities8 .ctx b{display: block; font-size: 16px;}
:where(body.cv5h main#top) .cities8 .ctx span{font-size: 12px; color: rgb(239, 233, 224);}
:where(body.cv5h main#top) .steps4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .steps4{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .steps4 a{display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; color: inherit;}
:where(body.cv5h main#top) .steps4 a i{display: inline-flex; width: 26px; height: 26px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); font-style: normal; font-weight: 800; align-items: center; justify-content: center; font-size: 13px;}
:where(body.cv5h main#top) .steps4 a b{font-size: 14.5px;}
:where(body.cv5h main#top) .steps4 a small{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .plans4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .plans4{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .plans4 a{display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; color: inherit;}
:where(body.cv5h main#top) .plans4 .pim{display: block; height: 170px; flex: 0 0 auto; background: rgb(255, 255, 255); border-bottom: 1px solid var(--line);}
:where(body.cv5h main#top) .plans4 .pim img{width: 100%; height: 100%; object-fit: contain; display: block;}
:where(body.cv5h main#top) .plans4 b{font-size: 13.5px; padding: 8px 12px 0px;}
:where(body.cv5h main#top) .plans4 small{font-size: 12px; color: var(--ink2); padding: 0px 12px 10px;}
:where(body.cv5h main#top) .wk2 .wkl{display: block; font-size: 10.5px; color: var(--brand); font-weight: 700; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:where(body.cv5h main#top) .wk2.onphoto div{background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .wk2.onphoto div small{color: rgb(232, 224, 212);}
:where(body.cv5h main#top) .wk2.onphoto div.hot{background: var(--brand); border-color: var(--brand);}
:where(body.cv5h main#top) .dl.onphoto{padding: 0px;}
:where(body.cv5h main#top) .dl.onphoto .in{max-width: none;}
:where(body.cv5h main#top) .tl2.onphoto{background: rgba(255, 255, 255, 0.1); border-radius: var(--r); padding: 12px;}
:where(body.cv5h main#top) .tl2.onphoto .tlh{font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(243, 207, 201); font-weight: 800; margin-bottom: 4px;}
:where(body.cv5h main#top) .tl2.onphoto a{background: var(--surface); color: var(--ink);}
:where(body.cv5h main#top) .tl2.onphoto a small{color: var(--ink2);}
:where(body.cv5h main#top) .tl2.onphoto .btn.ghost{color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); margin-top: 6px;}
:where(body.cv5h main#top) .verdict{display: flex; gap: 10px; align-items: flex-start; margin: 8px 0px 0px; padding: 8px 12px; border-radius: 10px; font-size: 13px; background: var(--surface); border: var(--cardborder);}
:where(body.cv5h main#top) .verdict b{flex: 0 0 auto; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; color: rgb(255, 255, 255); background: rgb(31, 122, 77);}
:where(body.cv5h main#top) .verdict.new b{background: rgb(31, 78, 121);}
:where(body.cv5h main#top) .verdict.drop b{background: var(--brand);}
:where(body.cv5h main#top) .verdict.change b{background: rgb(138, 90, 0);}
:where(body.cv5h main#top) .olab .org{font-style: normal; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; margin-right: 4px; background: var(--soft); color: var(--brand);}
:where(body.cv5h main#top) .olab .org.old{background: rgb(230, 238, 247); color: rgb(31, 78, 121);}
:where(body.cv5h main#top) .order{list-style: none; padding: 0px; margin: 0px; counter-reset: o 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px;}
@media (max-width: 700px){
  :where(body.cv5h main#top) .order{grid-template-columns: 1fr;}
}
:where(body.cv5h main#top) .order li{counter-increment: o 1; padding: 7px 0px 7px 30px; position: relative; border-bottom: 1px solid var(--line2); font-size: 14px;}
:where(body.cv5h main#top) .order li::before{content: counter(o); position: absolute; left: 0px; top: 7px; font-family: var(--slab); font-weight: 700; color: var(--brand);}
:where(body.cv5h main#top) .order li b{margin-right: 8px;}
:where(body.cv5h main#top) .order li span{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .alerts .aform{display: flex; gap: 8px; flex-wrap: wrap;}
:where(body.cv5h main#top) .alerts .aform input{flex: 1 1 0%; min-width: 180px; font: inherit; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line);}
:where(body.cv5h main#top) .mock .hero0 .wrap, :where(body.cv5h main#top) .mock .trust{padding-left: 20px; padding-right: 20px;}
:where(body.cv5h main#top) .dl.onphoto .tabs2{flex-wrap: wrap;}
:where(body.cv5h main#top) .tl2.onphoto .btn.ghost{background: transparent; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .rl{position: relative;}
:where(body.cv5h main#top) .rlt{display: grid; grid-auto-flow: column; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 8px; scrollbar-width: thin;}
:where(body.cv5h main#top) .rlt > *{scroll-snap-align: start; min-width: 0px;}
:where(body.cv5h main#top) .rl.r4 .rlt{grid-auto-columns: calc(25% - 9px);}
:where(body.cv5h main#top) .rl.r3 .rlt{grid-auto-columns: calc(33.3333% - 8px);}
:where(body.cv5h main#top) .rl.r2 .rlt{grid-auto-columns: calc(50% - 6px);}
:where(body.cv5h main#top) .rl.r8 .rlt{grid-auto-columns: calc(12.5% - 10.5px);}
@media (max-width: 900px){
  :where(body.cv5h main#top) .rl.r4 .rlt, :where(body.cv5h main#top) .rl.r3 .rlt{grid-auto-columns: calc(50% - 6px);}
  :where(body.cv5h main#top) .rl.r8 .rlt{grid-auto-columns: calc(25% - 9px);}
}
@media (max-width: 560px){
  :where(body.cv5h main#top) .rl.r4 .rlt, :where(body.cv5h main#top) .rl.r3 .rlt, :where(body.cv5h main#top) .rl.r2 .rlt{grid-auto-columns: 88%;}
}
:where(body.cv5h main#top) .rla{position: absolute; top: calc(50% - 22px); width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; color: var(--ink);}
:where(body.cv5h main#top) .rla.l{left: -14px;}
:where(body.cv5h main#top) .rla.l .ico{transform: rotate(180deg);}
:where(body.cv5h main#top) .rla.r{right: -14px;}
:where(body.cv5h main#top) .rla .ico{width: 16px; height: 16px;}
:where(body.cv5h main#top) .nc{display: grid; grid-template-columns: 52px 1fr; gap: 12px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 12px 14px; color: inherit; position: relative; min-width: 0px;}
:where(body.cv5h main#top) .nc:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .ncl img, :where(body.cv5h main#top) .ncl .tyic{width: 52px; height: 52px; object-fit: contain; border-radius: 50%; background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 4px;}
:where(body.cv5h main#top) .ncb{display: flex; flex-direction: column; gap: 3px; min-width: 0px;}
:where(body.cv5h main#top) .ncd{display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 800; color: var(--brand); letter-spacing: 0.03em; text-transform: uppercase;}
:where(body.cv5h main#top) .ncd .ico{width: 13px; height: 13px;}
:where(body.cv5h main#top) .ncb b{font-size: 14.5px; line-height: 1.3;}
:where(body.cv5h main#top) .ncb small{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .ncn{display: flex; gap: 10px; flex-wrap: wrap; font-size: 12.5px; margin-top: 4px;}
:where(body.cv5h main#top) .ncn span{font-weight: 700;}
:where(body.cv5h main#top) .nccd{position: absolute; right: 10px; top: 10px;}
:where(body.cv5h main#top) .nc.rib{padding-top: 16px;}
:where(body.cv5h main#top) .ribbon{position: absolute; left: -1px; top: 10px; background: var(--brand); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 10px 2px 8px; border-radius: 0px 6px 6px 0px;}
:where(body.cv5h main#top) .band.sand, :where(body.cv5h main#top) .band.soft{padding: 18px 0px 8px; border-radius: var(--r); margin: 0px -4px; border-left: 0px;}
:where(body.cv5h main#top) .band.sand{background: rgb(251, 244, 228);}
:where(body.cv5h main#top) .band.soft{background: var(--soft);}
:where(body.cv5h main#top) .band .wrap{padding-left: 20px; padding-right: 20px;}
:where(body.cv5h main#top) .ctile{position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: rgb(22, 32, 28); color: rgb(255, 255, 255);}
:where(body.cv5h main#top) .ctile img{width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85;}
:where(body.cv5h main#top) .ctile .pat{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(45deg, rgb(29, 42, 37) 0px, rgb(29, 42, 37) 10px, rgb(22, 32, 28) 10px, rgb(22, 32, 28) 20px);}
:where(body.cv5h main#top) .ctile .pat .ico{width: 34px; height: 34px; opacity: 0.5;}
:where(body.cv5h main#top) .ctile .ctx{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 24px 12px 10px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));}
:where(body.cv5h main#top) .ctile .ctx b{display: block; font-size: 16px;}
:where(body.cv5h main#top) .ctile .ctx span{font-size: 12px; color: rgb(239, 233, 224);}
:where(body.cv5h main#top) .cities8 .ctile{aspect-ratio: 4 / 3;}
:where(body.cv5h main#top) .auw{display: flex; flex-direction: column; align-items: center; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 8px; color: inherit; text-align: center; min-width: 0px;}
:where(body.cv5h main#top) .auw img, :where(body.cv5h main#top) .auw .tyic{width: 44px; height: 44px; object-fit: contain;}
:where(body.cv5h main#top) .auw b{font-size: 12.5px; line-height: 1.2;}
:where(body.cv5h main#top) .auw small{font-size: 11px; color: var(--brand); font-weight: 700;}
:where(body.cv5h main#top) .auw:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .rank{display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5h main#top) .rank a{display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 10px 14px; color: inherit;}
:where(body.cv5h main#top) .rank a:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .rank a > i{font-style: normal; font-family: var(--slab); font-size: 18px; color: var(--muted);}
:where(body.cv5h main#top) .rank a b{display: block; font-size: 14.5px;}
:where(body.cv5h main#top) .rank a small{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .rank .bar{display: block; height: 6px; background: var(--line2); border-radius: 3px; margin-top: 6px; overflow: hidden;}
:where(body.cv5h main#top) .rank .bar i{display: block; height: 100%; background: var(--brand); border-radius: 3px;}
:where(body.cv5h main#top) .rank strong{font-family: var(--slab); font-size: 18px; text-align: right;}
:where(body.cv5h main#top) .rank strong small{display: block; font-size: 11px; color: var(--muted); font-family: var(--sans); text-transform: uppercase; letter-spacing: 0.04em;}
:where(body.cv5h main#top) .nlc{display: flex; flex-direction: column; background: var(--surface); border: var(--cardborder); border-radius: var(--r); color: inherit; position: relative; overflow: hidden; min-width: 0px;}
:where(body.cv5h main#top) .nlc:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .ribbon2{position: absolute; left: 0px; top: 12px; background: rgb(246, 223, 168); color: rgb(90, 61, 0); font-size: 10.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 10px; border-radius: 0px 6px 6px 0px;}
:where(body.cv5h main#top) .nlt{display: grid; grid-template-columns: 72px 1fr; gap: 14px; padding: 38px 16px 14px; align-items: start;}
:where(body.cv5h main#top) .nll img, :where(body.cv5h main#top) .nll .tyic{width: 72px; height: 72px; object-fit: contain; border-radius: 50%; background: rgb(255, 255, 255); border: 1px solid var(--line); padding: 6px;}
:where(body.cv5h main#top) .nlt b{font-size: 15px; line-height: 1.3; display: block;}
:where(body.cv5h main#top) .nlt small{font-size: 12.5px; color: var(--ink2); display: block;}
:where(body.cv5h main#top) .nlp{display: block; font-size: 13px; margin-top: 6px;}
:where(body.cv5h main#top) .nlp b{display: inline; font-size: 14px;}
:where(body.cv5h main#top) .nlg{display: block; font-size: 12.5px; color: rgb(31, 122, 77); font-weight: 700; margin-top: 3px;}
:where(body.cv5h main#top) .nlb{display: flex; justify-content: space-between; align-items: center; gap: 8px; border-top: 1px dashed var(--line); padding: 10px 16px; font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .nlb span:first-child{display: inline-flex; align-items: center; gap: 5px;}
:where(body.cv5h main#top) .nlb .ico{width: 14px; height: 14px; color: var(--brand);}
:where(body.cv5h main#top) .cc{display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 16px; color: inherit; min-width: 0px;}
:where(body.cv5h main#top) .cc:hover{border-color: var(--brand);}
:where(body.cv5h main#top) .cc b{font-size: 17px; font-family: var(--slab);}
:where(body.cv5h main#top) .cc small{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5h main#top) .ccr{display: flex; gap: 10px; flex-wrap: wrap; font-size: 12.5px; margin-top: 4px;}
:where(body.cv5h main#top) .ccr span{display: inline-flex; align-items: center; gap: 4px;}
:where(body.cv5h main#top) .ccr .ico{width: 13px; height: 13px; color: var(--brand);}
:where(body.cv5h main#top) .ccl{margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--brand); display: inline-flex; align-items: center; gap: 4px;}
:where(body.cv5h main#top) .ccl .ico{width: 13px; height: 13px;}
:where(body.cv5h main#top) .wiz .res{background: rgb(22, 32, 28);}
:where(body.cv5h main#top) .mock .hero0 .wrap, :where(body.cv5h main#top) .mock .trust{padding-left: 20px; padding-right: 20px;}
:where(body.cv5h main#top) #fhero .hero0{border-radius: var(--r); margin-top: 14px;}
:where(body.cv5h main#top) #fhero .hero0 .wrap{padding-left: 32px; padding-right: 32px;}
:where(body.cv5h main#top) .lgrid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 24px;}
@media (max-width: 800px){
  :where(body.cv5h main#top) .lgrid{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5h main#top) .lgrid > div{display: flex; flex-direction: column; gap: 5px;}
:where(body.cv5h main#top) .lgrid b{font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px;}
:where(body.cv5h main#top) .lgrid a{font-size: 14px; color: var(--ink2);}
:where(body.cv5h main#top) .lgrid a:hover{color: var(--brand);}
:where(body.cv5h main#top) #fpop .band{margin: 0px;}
:where(body.cv5h main#top) #fpop{padding-top: 12px;}
:where(body.cv5h main#top) .band.sand, :where(body.cv5h main#top) .band.soft{border-left: 0px;}
:where(body.cv5h main#top) .band.sky{padding: 18px 0px 8px; border-radius: var(--r); margin: 0px -4px; border-left: 0px; background: rgb(238, 243, 248);}
:where(body.cv5h main#top) #fbudget .band, :where(body.cv5h main#top) #fnew .band{margin: 0px;}
:where(body.cv5h main#top) #fbudget, :where(body.cv5h main#top) #fnew{padding-top: 12px;}
:where(body.cv5h main#top) .sh .shr{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
:where(body.cv5h main#top) .hero0.duo > img{filter: grayscale(1) contrast(1.15) brightness(0.9);}
:where(body.cv5h main#top) .hero0 .ovl.red{background: linear-gradient(90deg, rgba(120, 22, 14, 0.94) 0px, rgba(165, 40, 30, 0.82) 55%, rgba(193, 53, 43, 0.62) 100%); mix-blend-mode: normal;}
:where(body.cv5h main#top) .hero0.patri{background: rgb(142, 31, 20);}
:where(body.cv5h main#top) .hero0.patri .tri{position: absolute; left: 0px; right: 0px; top: 0px; height: 6px; background: linear-gradient(90deg, rgb(255, 153, 51) 0px, rgb(255, 153, 51) 33.3%, rgb(255, 255, 255) 33.3%, rgb(255, 255, 255) 66.6%, rgb(19, 136, 8) 66.6%);}
:where(body.cv5h main#top) .hero0.duo.patri{background: rgb(142, 31, 20);}
:where(body.cv5h main#top) .hero0.duo.patri .ovl.red{background: linear-gradient(90deg, rgba(120, 22, 14, 0.95) 0px, rgba(165, 40, 30, 0.84) 55%, rgba(193, 53, 43, 0.66) 100%);}
:where(body.cv5h main#top) #fhero .hero0.duo.patri .wrap{padding-top: 44px; padding-bottom: 70px;}

/* Design step 6a: the scheme page (card ux-20261019-build-06). The rules below the line are the
   prototype's own (REPORTS/ux/2026-10-19-prototypes/gda888.tgz, index.html with every tab shown),
   read from the rendered page, kept where they match something in <main>, and scoped to
   :where(body.cv5s main#top), which adds no specificity. The blocks the page already carried
   (the unit table and its rail, fees, documents, contacts, FAQ) keep their own site.css styles. */
body.cv5s{--sec:56px;--h1:32px;--h2:24px;--accent-l:#0E5F4E;--ground-l:#F3F5F1}
@media (max-width:600px){body.cv5s{--sec:40px;--h1:26px}}
body.cv5s main#top{display:block;padding:0;max-width:none}
body.cv5s main#top .btn:not(.pri):not(.ghost):not(.glass){color:var(--ink)}
body.cv5s main#top section.sec[hidden],body.cv5s main#top #subnav a[hidden]{display:none}
body.cv5s main#top .cdn[hidden]{display:none}
/* the tab strip (gda888 index.html inline) */
body.cv5s main#top .tabs4{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line);margin-top:24px}
body.cv5s main#top .tabs4 .wrap{display:flex;gap:4px;overflow-x:auto}
body.cv5s main#top .tabs4 button{border:0;background:none;padding:14px 14px 12px;font:600 14px var(--font-b);color:var(--ink2);border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}
body.cv5s main#top .tabs4 button.on{color:var(--brand);border-bottom-color:var(--brand)}
@media (max-width:700px){body.cv5s main#top .tabs4{position:static}body.cv5s main#top .tabs4 button{padding:12px 10px 10px;font-size:13px}}
/* blocks carried over from the older page, inside the new sections */
body.cv5s main#top .tlcard .schemetl{margin:0}
body.cv5s main#top .ovmore{margin-top:14px}
body.cv5s main#top .ovmore summary{cursor:pointer;font-weight:600;color:var(--brand)}
body.cv5s main#top .plotlist{margin-top:22px}
body.cv5s main#top .tcard .tph{cursor:default}
body.cv5s main#top .lca a{display:inline-flex;align-items:center;gap:4px}
body.cv5s main#top .alerts .aform{display:flex;align-items:center}
body.cv5s main#top .alerts .aform .btn{background:#25d366;border-color:#25d366;color:#fff}
body.cv5s main#top #similar .shelf{margin-bottom:24px}
body.cv5s main#top .sinfo .sdead .cdn{margin-right:8px}
body.cv5s main#top .applyg>*,body.cv5s main#top .ov>*,body.cv5s main#top .sh2>*{min-width:0}
body.cv5s main#top .applyg table,body.cv5s main#top #costs table,body.cv5s main#top #contact table{display:block;max-width:100%;overflow-x:auto}
body.cv5s main#top .applyg .elig{display:block}
body.cv5s main#top #shero .crumbs{display:flex;flex-wrap:wrap;gap:4px 6px}
body.cv5s main#top #shero .crumbs b{white-space:normal;overflow-wrap:anywhere;min-width:0}
body.cv5s main#top .shelf{overflow-x:auto}
body.cv5s main#top .applyg .elig ul{padding-left:18px}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5s main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5s main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5s main#top) h1, :where(body.cv5s main#top) h2, :where(body.cv5s main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5s main#top) img{max-width: 100%; display: block;}
:where(body.cv5s main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5s main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5s main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5s main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5s main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5s main#top) .field{display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--line); border-radius: var(--rs); padding: 8px 12px; background: var(--surface2);}
:where(body.cv5s main#top) .field label{font-size: 12px; color: var(--muted); font-weight: 500;}
:where(body.cv5s main#top) .field select, :where(body.cv5s main#top) .field input{border: 0px; background: transparent; font: 500 15px var(--font-b); color: var(--ink); outline: none; padding: 0px; width: 100%;}
:where(body.cv5s main#top) .sec{padding-top: var(--sec);}
:where(body.cv5s main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5s main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5s main#top) .sh p{margin: 6px 0px 0px; color: var(--muted); font-size: 15px; max-width: 70ch;}
:where(body.cv5s main#top) .tabs{display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px;}
:where(body.cv5s main#top) .tab{padding: 8px 14px; border-radius: 99px; border: 1px solid var(--line); background: var(--surface); font-size: 14px; font-weight: 500; color: var(--ink2);}
:where(body.cv5s main#top) .tab.on{background: var(--ink); border-color: var(--ink); color: var(--surface);}
:where(body.cv5s main#top) .tab i{font-style: normal; opacity: 0.7; margin-left: 4px;}
:where(body.cv5s main#top) .shelf{display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3*var(--gap))/4); gap: var(--gap); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; scrollbar-width: thin;}
:where(body.cv5s main#top) .shelf > *{scroll-snap-align: start;}
:where(body.cv5s main#top) .card{display: flex; flex-direction: column; background: var(--surface); border-radius: var(--r); overflow: hidden; border: var(--cardborder); box-shadow: var(--shadow); transition: transform 0.15s, box-shadow 0.15s; min-width: 0px;}
:where(body.cv5s main#top) .card:hover{transform: translateY(-3px);}
:where(body.cv5s main#top) .cimg{position: relative; aspect-ratio: 16 / 10; background: var(--soft); overflow: hidden;}
:where(body.cv5s main#top) .cimg img.dr{width: 100%; height: 100%; object-fit: cover; background: rgb(255, 255, 255);}
:where(body.cv5s main#top) .cimg .lgbig{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--soft),var(--asoft));}
:where(body.cv5s main#top) .cimg .lgbig img{width: 72px; height: 72px; object-fit: contain; background: rgb(255, 255, 255); border-radius: 16px; padding: 8px; box-shadow: var(--shadow);}
:where(body.cv5s main#top) .cimg .tagrow{position: absolute; left: 10px; right: 10px; top: 10px; display: flex; gap: 6px; justify-content: space-between; align-items: flex-start;}
:where(body.cv5s main#top) .imgnote{position: absolute; z-index: 1;}
:where(body.cv5s main#top) .cimg .imgnote, :where(body.cv5s main#top) .imgnote{position: absolute; right: 8px; bottom: 6px; font-size: 10px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 1px 6px; border-radius: 4px; letter-spacing: 0.02em;}
:where(body.cv5s main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5s main#top) .badge.hot{color: var(--hot);}
:where(body.cv5s main#top) .badge.warm{color: var(--warm);}
:where(body.cv5s main#top) .badge .dot{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
:where(body.cv5s main#top) .flag{font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding: 4px 8px; border-radius: 6px; background: var(--brand); color: var(--on-brand);}
:where(body.cv5s main#top) .flag.pop{background: rgb(232, 163, 23); color: rgb(27, 20, 0);}
:where(body.cv5s main#top) .cb{padding: var(--pad); display: flex; flex-direction: column; gap: 8px; flex: 1 1 0%;}
:where(body.cv5s main#top) .cauth{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted);}
:where(body.cv5s main#top) .cauth img{width: 22px; height: 22px; object-fit: contain; border-radius: 4px; background: rgb(255, 255, 255);}
:where(body.cv5s main#top) .cb h3{font-size: var(--h3); font-weight: 700; line-height: 1.28; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
:where(body.cv5s main#top) .cmeta{font-size: 13px; color: var(--ink2); display: flex; gap: 6px; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
:where(body.cv5s main#top) .cmeta .ico{width: 15px; height: 15px; color: var(--muted);}
:where(body.cv5s main#top) .cmeta span{overflow: hidden; text-overflow: ellipsis;}
:where(body.cv5s main#top) .cstats{display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line2);}
:where(body.cv5s main#top) .cstats i{display: block; font-style: normal; font-size: 11.5px; color: var(--muted);}
:where(body.cv5s main#top) .cstats b{font-size: 15.5px; font-weight: 700;}
:where(body.cv5s main#top) .alerts{display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; background: var(--ink); color: var(--surface); border-radius: calc(var(--r) + 6px); padding: 44px; overflow: hidden; position: relative;}
:where(body.cv5s main#top) .alerts h2{font-size: calc(var(--h2) + 4px); color: inherit;}
:where(body.cv5s main#top) .alerts p{opacity: 0.8; margin: 10px 0px 0px;}
:where(body.cv5s main#top) .alerts form{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
:where(body.cv5s main#top) .alerts .field{background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.18);}
:where(body.cv5s main#top) .alerts .field label{color: rgba(255, 255, 255, 0.7);}
:where(body.cv5s main#top) .alerts .field select, :where(body.cv5s main#top) .alerts .field input{color: rgb(255, 255, 255);}
:where(body.cv5s main#top) .alerts .btn{grid-column: 1 / -1; background: rgb(37, 211, 102); border-color: rgb(37, 211, 102); color: rgb(6, 43, 20);}
:where(body.cv5s main#top) .alerts .ok{grid-column: 1 / -1; font-size: 13px; opacity: 0.85; min-height: 18px;}
@media (max-width: 1000px){
  :where(body.cv5s main#top) .shelf{grid-auto-columns: calc((100% - var(--gap))/2.2);}
  :where(body.cv5s main#top) .alerts{grid-template-columns: 1fr; padding: 28px;}
}
@media (max-width: 600px){
  :where(body.cv5s main#top) .shelf{grid-auto-columns: 82%;}
  :where(body.cv5s main#top) .alerts form{grid-template-columns: 1fr;}
}
:where(body.cv5s main#top) .rrow{display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--muted);}
:where(body.cv5s main#top) .rate{display: inline-flex; align-items: center; gap: 6px;}
:where(body.cv5s main#top) .stars{--pct: calc(var(--v) / 5 * 100%); font-size: 15px; letter-spacing: 1px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
:where(body.cv5s main#top) .rate b{font-size: 13.5px; color: var(--ink);}
:where(body.cv5s main#top) .crumbs{display: flex; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 28px;}
:where(body.cv5s main#top) .crumbs b{font-weight: 600;}
:where(body.cv5s main#top) #subnav{position: sticky; top: 68px; z-index: 30; background: color-mix(in srgb,var(--ground) 94%,transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-top: 28px;}
:where(body.cv5s main#top) #subnav .wrap{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5s main#top) #subnav a{padding: 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); white-space: nowrap; border-bottom: 2px solid transparent;}
:where(body.cv5s main#top) #subnav a.on, :where(body.cv5s main#top) #subnav a:hover{color: var(--ink); border-bottom-color: var(--brand);}
:where(body.cv5s main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5s main#top) .tyh{display: flex; align-items: baseline; gap: 10px;}
:where(body.cv5s main#top) .tyh h3{font-size: 22px;}
:where(body.cv5s main#top) .tyh span{font-size: 13px; color: var(--muted);}
:where(body.cv5s main#top) h3.sub{font-size: 18px; margin: 32px 0px 14px;}
:where(body.cv5s main#top) .gal{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
:where(body.cv5s main#top) .gi{padding: 0px; border: var(--cardborder); border-radius: var(--r); overflow: hidden; background: var(--surface); text-align: left; box-shadow: var(--shadow); cursor: zoom-in;}
:where(body.cv5s main#top) .gi img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: rgb(255, 255, 255);}
:where(body.cv5s main#top) .gi span{display: block; padding: 10px 12px; font-size: 13px; color: var(--ink2); line-height: 1.35;}
:where(body.cv5s main#top) .contact{display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: var(--gap);}
:where(body.cv5s main#top) .cc{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 20px; box-shadow: var(--shadow);}
:where(body.cv5s main#top) .cc .ic{width: 44px; height: 44px; border-radius: 12px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5s main#top) .cc i{display: block; font-style: normal; font-size: 12.5px; color: var(--muted);}
:where(body.cv5s main#top) .cc b{font-size: 16px; word-break: break-word;}
:where(body.cv5s main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5s main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5s main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5s main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5s main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5s main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
@media (max-width: 1000px){
  :where(body.cv5s main#top) .grid.g3, :where(body.cv5s main#top) .types, :where(body.cv5s main#top) .cols2, :where(body.cv5s main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5s main#top) .gal{grid-template-columns: repeat(2, 1fr);}
  :where(body.cv5s main#top) #subnav{top: 68px;}
}
:where(body.cv5s main#top) .crumbs.dark{opacity: 1; color: var(--muted); margin: 22px 0px 18px;}
:where(body.cv5s main#top) .crumbs.dark a:hover{color: var(--brand);}
:where(body.cv5s main#top) .sh2{display: grid; grid-template-columns: 1.15fr 1fr; gap: 36px; align-items: start;}
:where(body.cv5s main#top) .sgal{display: flex; flex-direction: column; gap: 10px; min-width: 0px;}
:where(body.cv5s main#top) .smain{position: relative; padding: 0px; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; background: rgb(255, 255, 255); cursor: zoom-in;}
:where(body.cv5s main#top) .smain img{width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5s main#top) .smain .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 10px 14px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); color: rgb(255, 255, 255); font-size: 12.5px; text-align: left;}
:where(body.cv5s main#top) .smain .zoom{position: absolute; top: 12px; right: 12px; display: flex; gap: 6px; align-items: center; background: rgba(0, 0, 0, 0.55); color: rgb(255, 255, 255); font-size: 12px; padding: 5px 10px; border-radius: 99px;}
:where(body.cv5s main#top) .smain .zoom .ico{width: 14px; height: 14px;}
:where(body.cv5s main#top) .sthumbs{display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5s main#top) .sthumbs button{flex: 0 0 auto; width: 84px; height: 64px; padding: 0px; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: rgb(255, 255, 255);}
:where(body.cv5s main#top) .sthumbs button.on{border-color: var(--brand);}
:where(body.cv5s main#top) .sthumbs img{width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5s main#top) .more3{flex: 0 0 auto; width: 84px; height: 64px; border: 1px solid var(--line); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 600; color: var(--brand); background: var(--surface);}
:where(body.cv5s main#top) .sinfo{display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5s main#top) .sauth{display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); font-weight: 500;}
:where(body.cv5s main#top) .sauth img{width: 34px; height: 34px; object-fit: contain;}
:where(body.cv5s main#top) .sauth:hover{color: var(--brand);}
:where(body.cv5s main#top) .sinfo h1{font-size: calc(var(--h1) - 6px); font-weight: 700;}
:where(body.cv5s main#top) .sloc{display: flex; align-items: center; gap: 6px; color: var(--ink2); font-size: 15px;}
:where(body.cv5s main#top) .sloc .ico{width: 18px; height: 18px; color: var(--muted);}
:where(body.cv5s main#top) .sprice{font: 700 32px var(--font-b); margin-top: 6px;}
:where(body.cv5s main#top) .sprice small{display: block; font-size: 13px; font-weight: 400; color: var(--muted); margin-top: 2px;}
:where(body.cv5s main#top) .sdead{display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--ink2);}
:where(body.cv5s main#top) .sdead .badge{box-shadow: none; background: var(--soft);}
:where(body.cv5s main#top) .sbtns{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px;}
:where(body.cv5s main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
:where(body.cv5s main#top) .sfine{margin: 0px; font-size: 12.5px; color: var(--muted);}
:where(body.cv5s main#top) .facts6{display: grid; grid-template-columns: repeat(6, 1fr); gap: 0px; margin-top: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;}
:where(body.cv5s main#top) .f6{display: flex; gap: 10px; align-items: flex-start; padding: 16px; border-right: 1px solid var(--line2);}
:where(body.cv5s main#top) .f6:last-child{border-right: 0px;}
:where(body.cv5s main#top) .f6 .ic{color: var(--brand); flex: 0 0 auto;}
:where(body.cv5s main#top) .f6 i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5s main#top) .f6 b{font-size: 14.5px; line-height: 1.3;}
:where(body.cv5s main#top) .tlcard{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 22px 26px; display: flex; flex-direction: column; gap: 16px;}
:where(body.cv5s main#top) .tl2{position: relative; display: grid; grid-template-columns: repeat(4, 1fr);}
:where(body.cv5s main#top) .tl2::before{content: ""; position: absolute; left: 12.5%; right: 12.5%; top: 7px; height: 2px; background: var(--line);}
:where(body.cv5s main#top) .tl2 .fill{position: absolute; left: 12.5%; top: 7px; height: 2px; background: var(--accent); max-width: 75%;}
:where(body.cv5s main#top) .nx-step2{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;}
:where(body.cv5s main#top) .nx-step2 .d{width: 16px; height: 16px; border-radius: 50%; background: var(--surface); border: 2px solid var(--line);}
:where(body.cv5s main#top) .nx-step2.done .d{background: var(--accent); border-color: var(--accent);}
:where(body.cv5s main#top) .nx-step2.now .d{border-color: var(--hot); box-shadow: 0 0 0 4px color-mix(in srgb,var(--hot) 18%,transparent);}
:where(body.cv5s main#top) .nx-step2 .l{font-size: 13px; color: var(--muted); margin-top: 4px;}
:where(body.cv5s main#top) .nx-step2 .t{font-weight: 700;}
:where(body.cv5s main#top) .nx-step2.now .l, :where(body.cv5s main#top) .nx-step2.now .t{color: var(--hot);}
:where(body.cv5s main#top) .ext{display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink2); background: color-mix(in srgb,var(--warm) 10%,var(--surface)); border-radius: 8px; padding: 10px 14px;}
:where(body.cv5s main#top) .ext .ico{color: var(--warm); width: 18px; height: 18px; margin-top: 2px;}
:where(body.cv5s main#top) .ov{display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px; margin-top: 40px;}
:where(body.cv5s main#top) .ov h2{font-size: var(--h2); margin-bottom: 12px;}
:where(body.cv5s main#top) .ov p{font-size: 16.5px; line-height: 1.65; color: var(--ink2); max-width: 66ch; margin: 0px 0px 12px;}
:where(body.cv5s main#top) .ovside{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 22px; align-self: start; box-shadow: var(--shadow);}
:where(body.cv5s main#top) .ovside h3{font-size: 18px; margin-bottom: 10px;}
:where(body.cv5s main#top) .ovside dl{margin: 0px; display: flex; flex-direction: column;}
:where(body.cv5s main#top) .ovside dl div{display: flex; justify-content: space-between; gap: 14px; padding: 10px 0px; border-bottom: 1px solid var(--line2); font-size: 14px;}
:where(body.cv5s main#top) .ovside dl div:last-child{border-bottom: 0px;}
:where(body.cv5s main#top) .ovside dt{color: var(--muted);}
:where(body.cv5s main#top) .ovside dd{margin: 0px; text-align: right; font-weight: 600;}
:where(body.cv5s main#top) .ovside a{color: var(--brand);}
:where(body.cv5s main#top) .paytl{display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); position: relative;}
:where(body.cv5s main#top) .pt{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 20px; box-shadow: var(--shadow); display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5s main#top) .pt .sn{width: 30px; height: 30px; border-radius: 50%; background: var(--brand); color: var(--on-brand); display: flex; align-items: center; justify-content: center; font-weight: 700;}
:where(body.cv5s main#top) .pt h3{font-size: 17px; margin-top: 6px;}
:where(body.cv5s main#top) .pt b{font-size: 18px; color: var(--brand);}
:where(body.cv5s main#top) .extra{margin-top: var(--gap); display: flex; gap: 14px; background: var(--surface); border: 1px dashed var(--line); border-radius: var(--r); padding: 18px 20px;}
:where(body.cv5s main#top) .extra .ico{color: var(--warm); width: 24px; height: 24px;}
:where(body.cv5s main#top) .extra p{margin: 4px 0px 0px; color: var(--ink2); font-size: 14.5px;}
:where(body.cv5s main#top) .applyg{display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--gap);}
:where(body.cv5s main#top) .steps2{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5s main#top) .steps2 li{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5s main#top) .steps2 .sn{width: 28px; height: 28px; border-radius: 50%; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 auto;}
:where(body.cv5s main#top) .steps2 p{margin: 2px 0px 0px; color: var(--ink2);}
:where(body.cv5s main#top) .elig{background: var(--asoft); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
:where(body.cv5s main#top) .elig p{margin: 0px; color: var(--ink2);}
:where(body.cv5s main#top) .muted{color: var(--muted);}
:where(body.cv5s main#top) .dgrp{margin-bottom: 26px;}
:where(body.cv5s main#top) .dgh{display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 12px;}
:where(body.cv5s main#top) .dgh h3{font-size: 18px; display: flex; gap: 8px; align-items: center;}
:where(body.cv5s main#top) .dgh h3 i{font-style: normal; font-size: 12px; background: var(--line2); color: var(--ink2); padding: 1px 8px; border-radius: 99px; font-family: var(--font-b);}
:where(body.cv5s main#top) .dlist{display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;}
:where(body.cv5s main#top) .doc{background: var(--surface); border: var(--cardborder); border-radius: 10px; overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column;}
:where(body.cv5s main#top) .doc img{width: 100%; aspect-ratio: 3 / 4; object-fit: cover; object-position: center top; background: rgb(255, 255, 255); border-bottom: 1px solid var(--line2);}
:where(body.cv5s main#top) .doc span{padding: 10px 12px; display: flex; flex-direction: column; gap: 2px;}
:where(body.cv5s main#top) .doc b{font-size: 13.5px; line-height: 1.3;}
:where(body.cv5s main#top) .doc small{font-size: 12px; color: var(--muted);}
@media (max-width: 1000px){
  :where(body.cv5s main#top) .sh2, :where(body.cv5s main#top) .ov, :where(body.cv5s main#top) .applyg{grid-template-columns: 1fr;}
  :where(body.cv5s main#top) .facts6{grid-template-columns: repeat(3, 1fr);}
  :where(body.cv5s main#top) .f6:nth-child(3){border-right: 0px;}
  :where(body.cv5s main#top) .paytl{grid-template-columns: 1fr 1fr;}
  :where(body.cv5s main#top) .dlist{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 600px){
  :where(body.cv5s main#top) .facts6{grid-template-columns: 1fr 1fr;}
  :where(body.cv5s main#top) .f6{border-right: 0px; border-bottom: 1px solid var(--line2);}
  :where(body.cv5s main#top) .paytl{grid-template-columns: 1fr;}
  :where(body.cv5s main#top) .dlist{grid-template-columns: 1fr 1fr;}
  :where(body.cv5s main#top) .sprice{font-size: 26px;}
}
:where(body.cv5s main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5s main#top) .muted{color: var(--muted);}
:where(body.cv5s main#top) .dlist2{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5s main#top) .dlist2 a{display: flex; gap: 12px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px;}
:where(body.cv5s main#top) .dlist2 a:hover{border-color: var(--brand);}
:where(body.cv5s main#top) .dlist2 a > span{flex: 1 1 0%;}
:where(body.cv5s main#top) .dlist2 b{display: block; font-size: 14.5px;}
:where(body.cv5s main#top) .dlist2 small{color: var(--muted); font-size: 12.5px;}
:where(body.cv5s main#top) .alerts{background: rgb(19, 32, 27); color: rgb(243, 245, 241);}
:where(body.cv5s main#top) .crumbs{flex-wrap: wrap; row-gap: 2px;}
:where(body.cv5s main#top) .crumbs a, :where(body.cv5s main#top) .crumbs b{white-space: nowrap;}
:where(body.cv5s main#top) .ill{width: 56px; height: 56px; stroke: var(--brand); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
:where(body.cv5s main#top) .ill .fill{fill: color-mix(in srgb,var(--brand) 22%,transparent);}
:where(body.cv5s main#top) .steps2 .ill{width: 44px; height: 44px;}
:where(body.cv5s main#top) button[data-lb], :where(body.cv5s main#top) .gi, :where(body.cv5s main#top) .smain, :where(body.cv5s main#top) .c4img, :where(body.cv5s main#top) .lcimg, :where(body.cv5s main#top) .tyimg, :where(body.cv5s main#top) [data-lb]{cursor: pointer;}
:where(body.cv5s main#top) .pill, :where(body.cv5s main#top) .chip, :where(body.cv5s main#top) .tab{min-height: 32px; box-sizing: border-box;}
@media (max-width: 760px){
  :where(body.cv5s main#top) .pill, :where(body.cv5s main#top) .chip, :where(body.cv5s main#top) .tab, :where(body.cv5s main#top) .btn.sm, :where(body.cv5s main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
  :where(body.cv5s main#top) .cmeta, :where(body.cv5s main#top) .cauth, :where(body.cv5s main#top) .cstats i, :where(body.cv5s main#top) .f6 i, :where(body.cv5s main#top) .astats span, :where(body.cv5s main#top) .src, :where(body.cv5s main#top) .fine, :where(body.cv5s main#top) .muted.sm{font-size: 13px;}
  :where(body.cv5s main#top) .imgnote{font-size: 11px; padding: 2px 7px;}
}
:where(body.cv5s main#top) .sec > p, :where(body.cv5s main#top) .ov p, :where(body.cv5s main#top) .prose p, :where(body.cv5s main#top) .gtext p, :where(body.cv5s main#top) .about p, :where(body.cv5s main#top) .legal p, :where(body.cv5s main#top) .faq p, :where(body.cv5s main#top) .steps p, :where(body.cv5s main#top) .elig p{max-width: 72ch;}
:where(body.cv5s main#top) .pr a, :where(body.cv5s main#top) .prn a, :where(body.cv5s main#top) .crumbs a, :where(body.cv5s main#top) .protolinks a, :where(body.cv5s main#top) .more, :where(body.cv5s main#top) footer .cols a, :where(body.cv5s main#top) .links a, :where(body.cv5s main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5s main#top) .elig{min-width: 0px;}
:where(body.cv5s main#top) .elig p{overflow-wrap: anywhere;}
:where(body.cv5s main#top) .whyg{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;}
:where(body.cv5s main#top) .wc{background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5s main#top) .wc .ic{width: 36px; height: 36px; border-radius: 10px; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center; margin-bottom: 4px;}
:where(body.cv5s main#top) .wc b{font-size: 14px;}
:where(body.cv5s main#top) .wc span{font-size: 13px; color: var(--ink2);}
:where(body.cv5s main#top) .badge.live{background: var(--asoft); color: var(--accent);}
@media (max-width: 760px){
  :where(body.cv5s main#top) .whyg{grid-template-columns: 1fr 1fr !important;}
}
:where(body.cv5s main#top) .contact{display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px;}
:where(body.cv5s main#top) .cc{display: flex; gap: 12px; align-items: flex-start; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px;}
:where(body.cv5s main#top) .cc .ic{width: 36px; height: 36px; border-radius: 10px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5s main#top) .cc i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5s main#top) .cc b{font-size: 15px;}
@media (min-width: 1000px){
  :where(body.cv5s main#top) .paytl{grid-template-columns: repeat(5, 1fr);}
}
:where(body.cv5s main#top) .tlist{display: flex; flex-direction: column; gap: 14px;}
:where(body.cv5s main#top) .tcard{background: var(--surface); border: var(--cardborder); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden;}
:where(body.cv5s main#top) .trow{display: grid; grid-template-columns: 150px 1fr auto; gap: 18px; padding: 14px 16px; align-items: center;}
:where(body.cv5s main#top) .tph{padding: 0px; border: 0px; background: rgb(255, 255, 255); border-radius: 10px; overflow: hidden; cursor: zoom-in; aspect-ratio: 4 / 3;}
:where(body.cv5s main#top) .tmain{min-width: 0px; display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5s main#top) .tmain .tyh{flex-wrap: wrap;}
:where(body.cv5s main#top) .tmain .tyh h3{font-size: 21px;}
:where(body.cv5s main#top) .tmain .tyh span{font-size: 13.5px;}
:where(body.cv5s main#top) .badge.hot{background: color-mix(in srgb,var(--brand) 12%,var(--surface)); color: var(--brand); display: inline-flex; align-items: center; gap: 4px;}
:where(body.cv5s main#top) .tstats{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px;}
:where(body.cv5s main#top) .tstats i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5s main#top) .tstats b{font-size: 17px; white-space: nowrap;}
:where(body.cv5s main#top) .tstats b small{font-size: 12px; color: var(--muted); font-weight: 500;}
:where(body.cv5s main#top) .tfoot{display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--ink2);}
:where(body.cv5s main#top) .tfoot span{display: inline-flex; align-items: center; gap: 5px;}
:where(body.cv5s main#top) .tfoot .ico{width: 14px; height: 14px;}
:where(body.cv5s main#top) .tact{display: flex; flex-direction: column; gap: 8px; align-items: stretch;}
:where(body.cv5s main#top) .dlist .doc img{aspect-ratio: 3 / 4; object-fit: cover; object-position: center top;}
@media (max-width: 900px){
  :where(body.cv5s main#top) .trow{grid-template-columns: 1fr; gap: 12px;}
  :where(body.cv5s main#top) .tph{aspect-ratio: 16 / 9; max-height: 200px;}
  :where(body.cv5s main#top) .tstats{grid-template-columns: 1fr 1fr;}
  :where(body.cv5s main#top) .tact{flex-flow: wrap;}
  :where(body.cv5s main#top) .tact .btn{flex: 1 1 0%; justify-content: center;}
  :where(body.cv5s main#top) .whyg{grid-template-columns: 1fr 1fr !important;}
}
:where(body.cv5s main#top) .gal .gi > span:last-child{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
:where(body.cv5s main#top) .harrow{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0px; background: rgba(0, 0, 0, 0.45); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;}
:where(body.cv5s main#top) .harrow .ico{width: 20px; height: 20px;}
:where(body.cv5s main#top) .harrow.prev{left: 10px;}
:where(body.cv5s main#top) .harrow.prev .ico{transform: rotate(180deg);}
:where(body.cv5s main#top) .harrow.next{right: 10px;}
:where(body.cv5s main#top) .harrow:hover{background: rgba(0, 0, 0, 0.7);}
:where(body.cv5s main#top) .sgal{position: relative;}
:where(body.cv5s main#top) .smain{position: relative;}
:where(body.cv5s main#top) .pay3{grid-template-columns: repeat(4, 1fr) !important;}
:where(body.cv5s main#top) .pt ul{margin: 8px 0px 0px; padding-left: 16px; font-size: 13.5px; color: var(--ink2); display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5s main#top) .pt.plan{border-color: var(--accent);}
:where(body.cv5s main#top) .tabs.sm .tab{padding: 5px 10px; font-size: 13px;}
:where(body.cv5s main#top) .eligl{margin: 0px 0px 10px; padding-left: 18px; font-size: 14px; color: var(--ink2); display: flex; flex-direction: column; gap: 6px;}
@media (max-width: 900px){
  :where(body.cv5s main#top) .pay3{grid-template-columns: 1fr 1fr !important;}
}
@media (max-width: 600px){
  :where(body.cv5s main#top) .pay3{grid-template-columns: 1fr !important;}
}
:where(body.cv5s main#top) .locg{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 22px;}
:where(body.cv5s main#top) .lcc{background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5s main#top) .lcc h3{margin: 0px; font-size: 17px;}
:where(body.cv5s main#top) .lcs{margin: 0px; font-size: 13.5px; color: var(--ink2);}
:where(body.cv5s main#top) .lcn{margin: 0px; font-size: 13.5px; color: var(--ink2); flex: 1 1 0%;}
:where(body.cv5s main#top) .lca{display: flex; gap: 14px; flex-wrap: wrap; margin-top: 4px;}
:where(body.cv5s main#top) .lca a, :where(body.cv5s main#top) .lca button{display: inline-flex; align-items: center; gap: 4px; font: 600 13px var(--font-b); color: var(--brand); background: none; border: 0px; padding: 0px; cursor: pointer;}
:where(body.cv5s main#top) .lca .ico{width: 14px; height: 14px;}
:where(body.cv5s main#top) .lcph{padding: 0px; border: 0px; border-radius: 8px; overflow: hidden; aspect-ratio: 16 / 7; cursor: zoom-in; margin-bottom: 4px;}
:where(body.cv5s main#top) .lcph img{width: 100%; height: 100%; object-fit: cover; display: block;}
@media (max-width: 900px){
  :where(body.cv5s main#top) .locg{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5s main#top) .locg{grid-template-columns: 1fr;}
}
:where(body.cv5s main#top) .tph.usetile{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: var(--asoft); color: var(--accent); cursor: zoom-in; text-align: center;}
:where(body.cv5s main#top) .tph.usetile .bigic .ico{width: 40px; height: 40px;}
:where(body.cv5s main#top) .tph.usetile b{font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; line-height: 1.1; color: var(--ink);}
:where(body.cv5s main#top) .tph.usetile > span:last-child{font-size: 11.5px; color: var(--ink2);}
:where(body.cv5s main#top) .bidbox{display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin-bottom: 14px;}
:where(body.cv5s main#top) .bidbox b{display: block; font-size: 15px;}
:where(body.cv5s main#top) .bidbox > div > span{font-size: 13px; color: var(--ink2);}
:where(body.cv5s main#top) .bidbox label{display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--muted);}
:where(body.cv5s main#top) .bidbox input{font: 600 18px var(--font-b); padding: 8px 10px; border: 1px solid var(--line2); border-radius: 8px; width: 200px; background: var(--ground); color: var(--ink);}
:where(body.cv5s main#top) .bidbox small{font-size: 11.5px; max-width: 260px;}
:where(body.cv5s main#top) .eligband{display: flex; gap: 8px; align-items: flex-start; background: var(--asoft); color: var(--ink); border: 1px solid color-mix(in srgb,var(--accent) 40%,transparent); border-radius: 10px; padding: 10px 12px; font-size: 14px; line-height: 1.4;}
:where(body.cv5s main#top) .eligband .ico{width: 18px; height: 18px; color: var(--accent); flex: 0 0 auto; margin-top: 2px;}
@media (max-width: 900px){
  :where(body.cv5s main#top) .bidbox{grid-template-columns: 1fr;}
  :where(body.cv5s main#top) .tph.usetile{aspect-ratio: auto; padding: 12px;}
}
:where(body.cv5s main#top) .tabs4{position: sticky; top: 0px; z-index: 30; background: var(--surface); border-bottom: 1px solid var(--line);}
:where(body.cv5s main#top) .tabs4 .wrap{display: flex; gap: 4px; overflow-x: auto;}
:where(body.cv5s main#top) .tabs4 button{border-width: 0px 0px 3px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; background: none; padding: 14px 14px 12px; font: 600 14px var(--font-b); color: var(--ink2); border-bottom-style: solid; border-bottom-color: transparent; white-space: nowrap; cursor: pointer;}
:where(body.cv5s main#top) .tabs4 button.on{color: var(--brand); border-bottom-color: var(--brand);}
:where(body.cv5s main#top) #subnav{top: 50px;}
@media (max-width: 760px){
  :where(body.cv5s main#top) .tabs4{position: static;}
  :where(body.cv5s main#top) .tabs4 button{padding: 12px 10px 10px; font-size: 13px;}
}

/* Design step 6b: the colony and enclave pages (card ux-20261019-build-06). The rules below the
   line are the prototype's own (REPORTS/ux/2026-10-19-prototypes/koyal.tgz, index.html and
   gulmohar.html), read from the rendered pages, kept where they match something in <main>, and
   scoped to :where(body.cv5c main#top), which adds no specificity. */
body.cv5c{--sec:56px;--h1:32px;--h2:24px;--accent-l:#0E5F4E;--ground-l:#F3F5F1}
@media (max-width:600px){body.cv5c{--sec:40px;--h1:26px}}
body.cv5c main#top{display:block;padding:0;max-width:none}
body.cv5c main#top .btn:not(.pri):not(.ghost):not(.glass){color:var(--ink)}
body.cv5c main#top .band.sand,body.cv5c main#top .band.soft,body.cv5c main#top .band.sky{display:block}
body.cv5c main#top .cdn[hidden]{display:none}
body.cv5c main#top .chero>*,body.cv5c main#top .types>*,body.cv5c main#top .how>*,body.cv5c main#top .nearg>*{min-width:0}
body.cv5c main#top .tyimg.tyimg-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface2,var(--ground));min-height:140px;text-align:center;padding:12px}
body.cv5c main#top .tyimg.tyimg-none .imgnote{position:static;background:none;color:var(--muted);font-size:12px}
body.cv5c main#top .nolv{padding:18px;border:1px dashed var(--line);border-radius:var(--r);background:var(--surface)}
body.cv5c main#top .nolv h3{margin:0 0 6px}
body.cv5c main#top .astrip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--asoft)}
body.cv5c main#top .astrip .ic .ico{width:18px;height:18px;color:var(--accent)}
body.cv5c main#top .astrip label{flex:1;min-width:200px;font-weight:600;font-size:14px}
body.cv5c main#top .wherer.one{grid-template-columns:1fr}
body.cv5c main#top .ptwrap{overflow-x:auto}
body.cv5c main#top .pricet a{color:var(--brand)}
body.cv5c main#top .phg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
body.cv5c main#top .phg .ph{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
body.cv5c main#top .phg .ph img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
body.cv5c main#top .phg .ph span{display:block;padding:6px 10px;font-size:12.5px;color:var(--ink2)}
body.cv5c main#top .contact{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap)}
body.cv5c main#top .contact .cc{display:flex;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
body.cv5c main#top .contact .cc i{display:block;font-style:normal;font-size:12px;color:var(--muted)}
body.cv5c main#top .crumbs{display:flex;flex-wrap:wrap;gap:4px 6px}
body.cv5c main#top .crumbs b{white-space:normal;overflow-wrap:anywhere}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5c main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5c main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5c main#top) h1, :where(body.cv5c main#top) h2, :where(body.cv5c main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5c main#top) img{max-width: 100%; display: block;}
:where(body.cv5c main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5c main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5c main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5c main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5c main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5c main#top) .sec{padding-top: var(--sec);}
:where(body.cv5c main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5c main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5c main#top) .sh p{margin: 6px 0px 0px; color: var(--muted); font-size: 15px; max-width: 70ch;}
:where(body.cv5c main#top) .imgnote{position: absolute; z-index: 1;}
:where(body.cv5c main#top) .cimg .imgnote, :where(body.cv5c main#top) .imgnote{position: absolute; right: 8px; bottom: 6px; font-size: 10px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 1px 6px; border-radius: 4px; letter-spacing: 0.02em;}
:where(body.cv5c main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5c main#top) .badge.hot{color: var(--hot);}
:where(body.cv5c main#top) .badge.calm{color: var(--calm);}
:where(body.cv5c main#top) .badge .dot{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
:where(body.cv5c main#top) .cauth{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted);}
:where(body.cv5c main#top) .cauth img{width: 22px; height: 22px; object-fit: contain; border-radius: 4px; background: rgb(255, 255, 255);}
:where(body.cv5c main#top) .how{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap);}
:where(body.cv5c main#top) .hw{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 10px; box-shadow: var(--shadow); text-align: left;}
:where(body.cv5c main#top) .hw .ic{width: 52px; height: 52px; border-radius: 14px; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center;}
:where(body.cv5c main#top) .hw .ic .ico{width: 28px; height: 28px;}
:where(body.cv5c main#top) .hw h3{font-size: 20px;}
:where(body.cv5c main#top) .hw .n{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: var(--muted); padding-top: 10px; border-top: 1px solid var(--line2);}
@media (max-width: 1000px){
  :where(body.cv5c main#top) .tiles, :where(body.cv5c main#top) .how, :where(body.cv5c main#top) .guides{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5c main#top) .tiles, :where(body.cv5c main#top) .how, :where(body.cv5c main#top) .guides{grid-template-columns: 1fr;}
}
:where(body.cv5c main#top) .crumbs{display: flex; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 28px;}
:where(body.cv5c main#top) .crumbs b{font-weight: 600;}
:where(body.cv5c main#top) .actas{display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap;}
:where(body.cv5c main#top) #subnav{position: sticky; top: 68px; z-index: 30; background: color-mix(in srgb,var(--ground) 94%,transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-top: 28px;}
:where(body.cv5c main#top) #subnav .wrap{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5c main#top) #subnav a{padding: 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); white-space: nowrap; border-bottom: 2px solid transparent;}
:where(body.cv5c main#top) #subnav a.on, :where(body.cv5c main#top) #subnav a:hover{color: var(--ink); border-bottom-color: var(--brand);}
:where(body.cv5c main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5c main#top) .types{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap);}
:where(body.cv5c main#top) .ty{display: grid; grid-template-columns: 200px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); transition: transform 0.15s;}
:where(body.cv5c main#top) .ty:hover{transform: translateY(-2px);}
:where(body.cv5c main#top) .tyimg{position: relative; overflow: hidden; background: rgb(255, 255, 255); border-right: 1px solid var(--line2);}
:where(body.cv5c main#top) .tyimg img{width: 100%; height: 100%; min-height: 170px; object-fit: cover;}
:where(body.cv5c main#top) .tyb{padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5c main#top) .tyh{display: flex; align-items: baseline; gap: 10px;}
:where(body.cv5c main#top) .tyh h3{font-size: 22px;}
:where(body.cv5c main#top) .tyh span{font-size: 13px; color: var(--muted);}
:where(body.cv5c main#top) .kv3{display: grid; grid-template-columns: 1.1fr 1fr 0.8fr; gap: 8px;}
:where(body.cv5c main#top) .kv3 i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5c main#top) .kv3 b{font-size: 16px;}
:where(body.cv5c main#top) .tyf{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink2); padding-top: 10px; border-top: 1px solid var(--line2);}
:where(body.cv5c main#top) .tyf .ico{width: 16px; height: 16px;}
:where(body.cv5c main#top) h3.sub{font-size: 18px; margin: 32px 0px 14px;}
:where(body.cv5c main#top) .gal{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
:where(body.cv5c main#top) .gi{padding: 0px; border: var(--cardborder); border-radius: var(--r); overflow: hidden; background: var(--surface); text-align: left; box-shadow: var(--shadow); cursor: zoom-in;}
:where(body.cv5c main#top) .gi img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: rgb(255, 255, 255);}
:where(body.cv5c main#top) .gi span{display: block; padding: 10px 12px; font-size: 13px; color: var(--ink2); line-height: 1.35;}
:where(body.cv5c main#top) .more2{color: var(--muted); font-size: 14px;}
:where(body.cv5c main#top) .links{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
:where(body.cv5c main#top) .links a{display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--line); border-radius: var(--rs); background: var(--surface); font-size: 14px; font-weight: 500;}
:where(body.cv5c main#top) .links .ico{width: 16px; height: 16px;}
:where(body.cv5c main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5c main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5c main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5c main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5c main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5c main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
:where(body.cv5c main#top) .src{font-size: 13px; color: var(--muted); margin-top: 14px;}
@media (max-width: 1000px){
  :where(body.cv5c main#top) .grid.g3, :where(body.cv5c main#top) .types, :where(body.cv5c main#top) .cols2, :where(body.cv5c main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .gal{grid-template-columns: repeat(2, 1fr);}
  :where(body.cv5c main#top) #subnav{top: 68px;}
}
@media (max-width: 600px){
  :where(body.cv5c main#top) .ty, :where(body.cv5c main#top) .col, :where(body.cv5c main#top) .past{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .tyimg img, :where(body.cv5c main#top) .col img{min-height: 0px; aspect-ratio: 16 / 9;}
}
:where(body.cv5c main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
:where(body.cv5c main#top) .steps2{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5c main#top) .steps2 li{display: flex; gap: 14px; align-items: flex-start; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5c main#top) .steps2 .sn{width: 28px; height: 28px; border-radius: 50%; background: var(--asoft); color: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 700; flex: 0 0 auto;}
:where(body.cv5c main#top) .steps2 p{margin: 2px 0px 0px; color: var(--ink2);}
:where(body.cv5c main#top) .elig{background: var(--asoft); border-radius: var(--r); padding: 22px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start;}
:where(body.cv5c main#top) .cnt{color: var(--muted); font-size: 14px;}
:where(body.cv5c main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5c main#top) .calc{display: grid; grid-template-columns: 1fr 1.4fr; gap: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: calc(var(--r) + 4px); padding: 28px; box-shadow: var(--shadow);}
:where(body.cv5c main#top) .pg{text-align: left; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 0px; overflow: hidden; display: flex; flex-direction: column;}
:where(body.cv5c main#top) .pg:hover{border-color: var(--brand);}
:where(body.cv5c main#top) .pg b{font-size: 13.5px; line-height: 1.3; padding: 10px 12px 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
@media (max-width: 1000px){
  :where(body.cv5c main#top) .calc, :where(body.cv5c main#top) .soon2, :where(body.cv5c main#top) .twocol, :where(body.cv5c main#top) .art, :where(body.cv5c main#top) .acct{grid-template-columns: 1fr;}
}
@media (max-width: 600px){
  :where(body.cv5c main#top) .calc{padding: 20px;}
}
:where(body.cv5c main#top) .crumbs{flex-wrap: wrap; row-gap: 2px;}
:where(body.cv5c main#top) .crumbs a, :where(body.cv5c main#top) .crumbs b{white-space: nowrap;}
:where(body.cv5c main#top) .h2ic{width: 24px; height: 24px; color: var(--brand); vertical-align: -4px; margin-right: 9px;}
:where(body.cv5c main#top) button[data-lb], :where(body.cv5c main#top) .gi, :where(body.cv5c main#top) .smain, :where(body.cv5c main#top) .c4img, :where(body.cv5c main#top) .lcimg, :where(body.cv5c main#top) .tyimg, :where(body.cv5c main#top) [data-lb]{cursor: pointer;}
@media (max-width: 760px){
  :where(body.cv5c main#top) .pill, :where(body.cv5c main#top) .chip, :where(body.cv5c main#top) .tab, :where(body.cv5c main#top) .btn.sm, :where(body.cv5c main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
  :where(body.cv5c main#top) .cmeta, :where(body.cv5c main#top) .cauth, :where(body.cv5c main#top) .cstats i, :where(body.cv5c main#top) .f6 i, :where(body.cv5c main#top) .astats span, :where(body.cv5c main#top) .src, :where(body.cv5c main#top) .fine, :where(body.cv5c main#top) .muted.sm{font-size: 13px;}
  :where(body.cv5c main#top) .imgnote{font-size: 11px; padding: 2px 7px;}
}
:where(body.cv5c main#top) .sec > p, :where(body.cv5c main#top) .ov p, :where(body.cv5c main#top) .prose p, :where(body.cv5c main#top) .gtext p, :where(body.cv5c main#top) .about p, :where(body.cv5c main#top) .legal p, :where(body.cv5c main#top) .faq p, :where(body.cv5c main#top) .steps p, :where(body.cv5c main#top) .elig p{max-width: 72ch;}
:where(body.cv5c main#top) .pr a, :where(body.cv5c main#top) .prn a, :where(body.cv5c main#top) .crumbs a, :where(body.cv5c main#top) .protolinks a, :where(body.cv5c main#top) .more, :where(body.cv5c main#top) footer .cols a, :where(body.cv5c main#top) .links a, :where(body.cv5c main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5c main#top) .src{display: block; font-size: 12px; color: var(--muted); margin-top: 6px;}
:where(body.cv5c main#top) .badge.live{background: var(--asoft); color: var(--accent);}
:where(body.cv5c main#top) .hw ul{margin: 0px; padding-left: 16px; font-size: 14px; color: var(--ink2); display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5c main#top) .hw .n{flex-wrap: wrap; gap: 6px;}
:where(body.cv5c main#top) .tyimg img{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5c main#top) .ty .tyf{flex-wrap: wrap; gap: 6px;}
:where(body.cv5c main#top) .ptwrap{overflow-x: auto; border-radius: 12px;}
:where(body.cv5c main#top) .gal .gi img{background: rgb(255, 255, 255); object-fit: contain;}
:where(body.cv5c main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm); border: 1px dashed var(--warm); vertical-align: middle;}
:where(body.cv5c main#top) .hw .n a{display: inline-flex; align-items: center; gap: 4px; font-weight: 600;}
:where(body.cv5c main#top) .upd{display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5c main#top) .upd a{display: grid; grid-template-columns: 110px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; font-size: 14.5px;}
:where(body.cv5c main#top) .upd time{font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5c main#top) .upd .ico{width: 16px; height: 16px; color: var(--muted);}
@media (max-width: 640px){
  :where(body.cv5c main#top) .upd a{grid-template-columns: 1fr auto;}
  :where(body.cv5c main#top) .upd time{grid-column: 1 / -1;}
}
:where(body.cv5c main#top) h3.sub .cnt{font-style: normal; font-size: 12px; color: var(--muted); margin-left: 8px; font-weight: 600;}
@media (max-width: 700px){
  :where(body.cv5c main#top) .hp{display: none;}
}
:where(body.cv5c main#top) .calc{display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--gap); background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5c main#top) .calcf{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
:where(body.cv5c main#top) .calcf label{display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5c main#top) .calcf input, :where(body.cv5c main#top) .calcf select{padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--ground); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; color: var(--ink);}
:where(body.cv5c main#top) .calcr{display: flex; flex-direction: column; gap: 10px; justify-content: center;}
:where(body.cv5c main#top) .calcr i{display: block; font-style: normal; font-size: 12.5px; color: var(--muted);}
:where(body.cv5c main#top) .calcr b{font: 700 22px var(--font-d);}
:where(body.cv5c main#top) .calcr .tot{border-top: 1px solid var(--line2); padding-top: 10px;}
:where(body.cv5c main#top) .calcr .tot b{color: var(--brand); font-size: 26px;}
:where(body.cv5c main#top) .cd{display: flex; flex-direction: column; gap: 6px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px; box-shadow: var(--shadow); color: inherit;}
:where(body.cv5c main#top) .cd:hover{transform: translateY(-2px);}
:where(body.cv5c main#top) .cdh{display: flex; justify-content: space-between; gap: 8px; align-items: flex-start;}
:where(body.cv5c main#top) .cd h3{font-size: 17px; margin: 0px;}
:where(body.cv5c main#top) .cd p{margin: 0px; font-size: 13.5px; color: var(--ink2);}
:where(body.cv5c main#top) .cd .cdw{display: flex; gap: 4px; align-items: center; color: var(--muted); font-size: 12.5px;}
:where(body.cv5c main#top) .cd .cdw .ico{width: 13px; height: 13px;}
:where(body.cv5c main#top) .cd .cdl{margin-top: auto; padding-top: 8px; font-size: 13px; font-weight: 600; color: var(--brand); display: inline-flex; gap: 4px; align-items: center;}
@media (max-width: 700px){
  :where(body.cv5c main#top) .calc{grid-template-columns: 1fr;}
}
@media (max-width: 480px){
  :where(body.cv5c main#top) .calcf{grid-template-columns: 1fr;}
}
:where(body.cv5c main#top) .tyh{flex-wrap: wrap; align-items: center; gap: 8px;}
:where(body.cv5c main#top) .tyic{width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--asoft); color: var(--accent); flex: 0 0 auto;}
:where(body.cv5c main#top) .tyic.a888{background: var(--soft); color: var(--brand);}
:where(body.cv5c main#top) .tyic .ico{width: 18px; height: 18px;}
:where(body.cv5c main#top) .tyloc{display: flex; gap: 6px; align-items: flex-start; font-size: 14.5px; font-weight: 600; color: var(--ink);}
:where(body.cv5c main#top) .tyloc .ico{width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--brand);}
:where(body.cv5c main#top) .tyf{border-top: 0px; padding-top: 4px;}
:where(body.cv5c main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5c main#top) .reslist{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5c main#top) .resrow{display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 14px 18px; box-shadow: var(--shadow);}
:where(body.cv5c main#top) .resrow .ic{width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--soft); color: var(--brand);}
:where(body.cv5c main#top) .resrow.awaited .ic{background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm);}
:where(body.cv5c main#top) .resh{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
:where(body.cv5c main#top) .resh h3{font-size: 16px; margin: 0px;}
:where(body.cv5c main#top) .resb p{margin: 4px 0px 2px; font-size: 14px; color: var(--ink2);}
:where(body.cv5c main#top) .resb small{font-size: 12.5px; color: var(--muted);}
:where(body.cv5c main#top) .gal.six{grid-template-columns: repeat(6, 1fr);}
:where(body.cv5c main#top) .gal.six .gi img{aspect-ratio: 1 / 1;}
:where(body.cv5c main#top) .gal.six .gi span{font-size: 12px; padding: 8px 10px 2px;}
:where(body.cv5c main#top) .plangrp{margin-bottom: 6px;}
:where(body.cv5c main#top) .astrip{display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 16px 0px 0px; padding: 12px 16px; border-radius: 12px; background: var(--asoft); border: 1px solid color-mix(in srgb,var(--accent) 30%,var(--line));}
:where(body.cv5c main#top) .astrip .ico{width: 18px; height: 18px; color: var(--accent);}
:where(body.cv5c main#top) .astrip b{font-size: 14px; flex: 1 1 0%; min-width: 200px;}
:where(body.cv5c main#top) .astrip input{padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; width: 170px;}
:where(body.cv5c main#top) .astrip .ok{font-size: 12.5px; color: var(--muted);}
@media (max-width: 900px){
  :where(body.cv5c main#top) .gal.six{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px){
  :where(body.cv5c main#top) .resrow{grid-template-columns: 40px 1fr;}
  :where(body.cv5c main#top) .resrow .btn{grid-column: 2;}
  :where(body.cv5c main#top) .gal.six{grid-template-columns: 1fr 1fr;}
  :where(body.cv5c main#top) .astrip input{width: 100%;}
}
:where(body.cv5c main#top) .chero{display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: start; padding: 22px 0px 8px;}
:where(body.cv5c main#top) .cgal{position: relative;}
:where(body.cv5c main#top) .cmain{position: relative; border: 0px; padding: 0px; border-radius: var(--r); overflow: hidden; cursor: zoom-in; width: 100%; aspect-ratio: 4 / 3; background: rgb(255, 255, 255);}
:where(body.cv5c main#top) .cmain img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5c main#top) .cmain .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 12px; font-size: 12.5px; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); text-align: left;}
:where(body.cv5c main#top) .cthumbs{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px;}
:where(body.cv5c main#top) .cthumbs button{border: 2px solid transparent; padding: 0px; border-radius: 8px; overflow: hidden; width: 72px; height: 54px; background: rgb(255, 255, 255); cursor: pointer;}
:where(body.cv5c main#top) .cthumbs button.on{border-color: var(--brand);}
:where(body.cv5c main#top) .cthumbs img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5c main#top) .cinfo h1{font-size: var(--h1); line-height: 1.1; margin: 6px 0px 10px;}
:where(body.cv5c main#top) .cinfo .cauth{margin-bottom: 4px;}
:where(body.cv5c main#top) .cinfo .cauth img{width: 28px; height: 28px;}
:where(body.cv5c main#top) .cfacts{display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0px;}
:where(body.cv5c main#top) .cf{display: flex; gap: 10px; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 10px 12px;}
:where(body.cv5c main#top) .cf .ic{width: 34px; height: 34px; border-radius: 9px; background: var(--soft); color: var(--brand); display: flex; align-items: center; justify-content: center; flex: 0 0 auto;}
:where(body.cv5c main#top) .cf i{display: block; font-style: normal; font-size: 11.5px; color: var(--muted);}
:where(body.cv5c main#top) .cf b{font-size: 15px;}
:where(body.cv5c main#top) .cstatic{font-size: 15px; color: var(--ink2); margin: 0px 0px 12px;}
:where(body.cv5c main#top) .sloc2{display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: var(--muted); margin-bottom: 10px;}
:where(body.cv5c main#top) .sloc2 a{font-weight: 600; color: var(--brand);}
:where(body.cv5c main#top) .plotgrid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px;}
:where(body.cv5c main#top) .pg{background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); display: flex; flex-direction: column;}
:where(body.cv5c main#top) .pg button{border: 0px; padding: 0px; cursor: zoom-in; background: rgb(255, 255, 255); aspect-ratio: 1 / 1; position: relative;}
:where(body.cv5c main#top) .pg img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5c main#top) .pg .pgb{padding: 10px 12px; display: flex; flex-direction: column; gap: 3px;}
:where(body.cv5c main#top) .pg b{font-size: 14px;}
:where(body.cv5c main#top) .pg span{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5c main#top) .pg .rs{font-weight: 700; color: var(--brand); font-size: 14px;}
:where(body.cv5c main#top) .wherer{display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--gap);}
:where(body.cv5c main#top) .wmap{border: 0px; padding: 0px; border-radius: var(--r); overflow: hidden; cursor: zoom-in; background: rgb(255, 255, 255); position: relative; min-height: 300px;}
:where(body.cv5c main#top) .wmap img{width: 100%; height: 100%; object-fit: cover; display: block;}
:where(body.cv5c main#top) .wmap .cap{position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 8px 12px; font-size: 12.5px; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); text-align: left;}
:where(body.cv5c main#top) .wtxt{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5c main#top) .wtxt h3{font-size: 17px; margin: 0px 0px 8px;}
:where(body.cv5c main#top) .wtxt ul{margin: 0px 0px 12px; padding-left: 18px; font-size: 14.5px; color: var(--ink2); display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5c main#top) .pricet{width: 100%; border-collapse: collapse; font-size: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden;}
:where(body.cv5c main#top) .pricet th, :where(body.cv5c main#top) .pricet td{padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line2);}
:where(body.cv5c main#top) .pricet th{font-size: 12px; color: var(--muted); background: var(--soft);}
:where(body.cv5c main#top) .pricet td.n, :where(body.cv5c main#top) .pricet th.n{text-align: right; white-space: nowrap;}
:where(body.cv5c main#top) .pricet tr:last-child td{border-bottom: 0px;}
:where(body.cv5c main#top) .nearg{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
@media (max-width: 1000px){
  :where(body.cv5c main#top) .plotgrid{grid-template-columns: repeat(3, 1fr);}
  :where(body.cv5c main#top) .chero{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .nearg{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 640px){
  :where(body.cv5c main#top) .plotgrid{grid-template-columns: 1fr 1fr;}
  :where(body.cv5c main#top) .wherer{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .cfacts{grid-template-columns: 1fr 1fr;}
  :where(body.cv5c main#top) .nearg{grid-template-columns: 1fr;}
}
:where(body.cv5c main#top) h3.sub .ico{width: 18px; height: 18px; vertical-align: -3px; margin-right: 6px; color: var(--brand);}
:where(body.cv5c main#top) .pairs{display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;}
:where(body.cv5c main#top) .pair{background: var(--surface); border: var(--cardborder); border-radius: var(--r); box-shadow: var(--shadow); overflow: hidden;}
:where(body.cv5c main#top) .pairh{padding: 10px 14px; border-bottom: 1px solid var(--line2);}
:where(body.cv5c main#top) .pairh b{font-size: 14.5px;}
:where(body.cv5c main#top) .pairimgs{display: grid; grid-template-columns: 1fr 1fr;}
:where(body.cv5c main#top) .pairimgs button{border: 0px; padding: 0px; background: rgb(255, 255, 255); cursor: zoom-in; text-align: left; display: flex; flex-direction: column;}
:where(body.cv5c main#top) .pairimgs button + button{border-left: 1px solid var(--line2);}
:where(body.cv5c main#top) .pairimgs img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block;}
:where(body.cv5c main#top) .pairimgs button:first-child img{object-fit: contain;}
:where(body.cv5c main#top) .pairimgs span{display: block; padding: 8px 10px; font-size: 12.5px; color: var(--muted);}
:where(body.cv5c main#top) #rail:empty{display: none;}
:where(body.cv5c main#top) .pagegrid{display: block;}
@media (max-width: 1000px){
  :where(body.cv5c main#top) .cinfo{min-width: 0px;}
}
@media (max-width: 640px){
  :where(body.cv5c main#top) .pairs{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .pricet th, :where(body.cv5c main#top) .pricet td{padding: 8px 6px; font-size: 13px;}
}
:where(body.cv5c main#top) .band{display: flex; align-items: center; gap: 10px; margin: 18px 0px 12px; padding: 10px 14px; border-radius: 12px; background: var(--soft); border-left: 4px solid var(--brand);}
:where(body.cv5c main#top) .band h3{font-size: 19px; margin: 0px; flex: 1 1 0%;}
:where(body.cv5c main#top) .band .tyic{background: var(--surface);}
:where(body.cv5c main#top) .calc{display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--gap); background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 18px 20px; box-shadow: var(--shadow);}
:where(body.cv5c main#top) .calcf{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
:where(body.cv5c main#top) .calcf label{display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--muted); font-weight: 600;}
:where(body.cv5c main#top) .calcf input, :where(body.cv5c main#top) .calcf select{padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--ground); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 15px; color: var(--ink);}
:where(body.cv5c main#top) .calcr{display: flex; flex-direction: column; gap: 10px; justify-content: center;}
:where(body.cv5c main#top) .calcr i{display: block; font-style: normal; font-size: 12.5px; color: var(--muted);}
:where(body.cv5c main#top) .calcr b{font: 700 22px var(--font-d);}
:where(body.cv5c main#top) .calcr .tot{border-top: 1px solid var(--line2); padding-top: 10px;}
:where(body.cv5c main#top) .calcr .tot b{color: var(--brand); font-size: 26px;}
@media (max-width: 700px){
  :where(body.cv5c main#top) .calc{grid-template-columns: 1fr;}
  :where(body.cv5c main#top) .band{flex-wrap: wrap;}
}
@media (max-width: 480px){
  :where(body.cv5c main#top) .calcf{grid-template-columns: 1fr;}
}
:where(body.cv5c main#top) .tyimg.noimg{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: var(--ground); min-height: 150px;}
:where(body.cv5c main#top) .tyic.big{width: 56px; height: 56px; border-radius: 50%;}
:where(body.cv5c main#top) .tyic.big .ico{width: 24px; height: 24px;}
:where(body.cv5c main#top) .tyimg.noimg .imgnote{position: static; font-size: 12px; color: var(--muted); background: none;}
:where(body.cv5c main#top) .pagegrid.one{display: block;}
:where(body.cv5c main#top) .wherer .wtxt{max-width: 760px;}

/* Design step 6c: the layout plan pages (card ux-20261019-build-06). The rules below the line
   are the prototype's own (REPORTS/ux/2026-10-19-prototypes/plans.tgz: india.html,
   uttar-pradesh.html, index.html and madhuban-bapudham.html), read from the rendered pages,
   kept where they match something in <main>, and scoped to :where(body.cv5p main#top), which
   adds no specificity. The few rules above it are this site's: states the prototype had no
   case for (one-column map row, a colony with no thumbnail, a filter with no match) and the
   full-screen sheet view. */
body.cv5p{--sec:56px;--h1:32px;--h2:24px}
@media (max-width:600px){body.cv5p{--sec:40px;--h1:26px}}
body.cv5p main#top{display:block;padding:0;max-width:none}
body.cv5p main#top .btn:not(.pri):not(.ghost):not(.glass){color:var(--ink)}
body.cv5p main#top [hidden]{display:none!important}
body.cv5p main#top .mgrid.one{grid-template-columns:1fr}
body.cv5p main#top .tt4 .tk{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:var(--cardborder);border-radius:12px;padding:12px 14px}
body.cv5p main#top .tt4 .tk .tyic{width:36px;height:36px;margin-bottom:4px}
body.cv5p main#top .tt4 .tk b{font-size:15px}
body.cv5p main#top .tt4 .tk small{color:var(--ink2);font-size:12.5px}
@media (max-width:700px){body.cv5p main#top .tt4[style]{grid-template-columns:1fr 1fr!important}}
@media (max-width:420px){body.cv5p main#top .tt4[style]{grid-template-columns:1fr!important}}
body.cv5p main#top div.gt:hover{border-color:var(--line)}
body.cv5p main#top .shi.shnone{display:flex;aspect-ratio:4/3;width:100%;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}
body.cv5p main#top .shi.shnone .ico{width:44px;height:44px}
body.cv5p main#top .pfnone{color:var(--muted);margin:14px 0}
body.cv5p main#top .vnote{margin:6px 0 0;font-size:13px;color:var(--ink2);max-width:760px}
body.cv5p main#top .fop[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
body.cv5p main#top .vwcap{flex-wrap:wrap}
body.cv5p main#top .vwcap > div{min-width:0}
body.cv5p main#top .shb b,body.cv5p main#top .plah h2,body.cv5p main#top .typerow a{overflow-wrap:anywhere}
body.cv5p #plb{position:fixed;inset:0;z-index:200;background:rgba(10,10,10,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}
body.cv5p #plb[hidden]{display:none}
body.cv5p #plb img{max-width:100%;max-height:calc(100vh - 90px);object-fit:contain;background:#fff}
body.cv5p #plb p{color:#fff;font-size:13px;margin:10px 0 0;text-align:center;max-width:900px}
body.cv5p #plb button{position:absolute;top:12px;right:14px;background:#fff;border:0;border-radius:99px;width:38px;height:38px;font-size:20px;cursor:pointer}
/* ---------------------------------------------------------------------------------------- */
:where(body.cv5p main#top) a{color: inherit; text-decoration: none;}
:where(body.cv5p main#top) button{font: inherit; color: inherit; cursor: pointer;}
:where(body.cv5p main#top) h1, :where(body.cv5p main#top) h2, :where(body.cv5p main#top) h3{font-family: var(--font-d); text-wrap: balance; margin: 0px; line-height: 1.2;}
:where(body.cv5p main#top) img{max-width: 100%; display: block;}
:where(body.cv5p main#top) .wrap{max-width: 1240px; margin: 0px auto; padding-inline: 20px;}
:where(body.cv5p main#top) .ico{width: 22px; height: 22px; flex: 0 0 auto; stroke: currentcolor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
:where(body.cv5p main#top) .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: var(--rs); padding: 11px 18px; font-weight: 600; font-size: 15px; border: 1px solid var(--line); background: var(--surface); transition: transform 0.12s, background 0.12s;}
:where(body.cv5p main#top) .btn:hover{transform: translateY(-1px);}
:where(body.cv5p main#top) .btn.pri{background: var(--brand); border-color: var(--brand); color: var(--on-brand);}
:where(body.cv5p main#top) .sec{padding-top: var(--sec);}
:where(body.cv5p main#top) .sh{display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:where(body.cv5p main#top) .sh h2{font-size: var(--h2); font-weight: 700;}
:where(body.cv5p main#top) .sh p{margin: 6px 0px 0px; color: var(--muted); font-size: 15px; max-width: 70ch;}
:where(body.cv5p main#top) .imgnote{position: absolute; z-index: 1;}
:where(body.cv5p main#top) .cimg .imgnote, :where(body.cv5p main#top) .imgnote{position: absolute; right: 8px; bottom: 6px; font-size: 10px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.45); padding: 1px 6px; border-radius: 4px; letter-spacing: 0.02em;}
:where(body.cv5p main#top) .badge{display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 99px; background: var(--surface); color: var(--ink); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; white-space: nowrap;}
:where(body.cv5p main#top) .badge.hot{color: var(--hot);}
:where(body.cv5p main#top) .badge.calm{color: var(--calm);}
:where(body.cv5p main#top) .badge .dot{width: 7px; height: 7px; border-radius: 50%; background: currentcolor;}
:where(body.cv5p main#top) .crumbs{display: flex; gap: 8px; font-size: 13px; opacity: 0.85; margin-bottom: 28px;}
:where(body.cv5p main#top) .crumbs b{font-weight: 600;}
:where(body.cv5p main#top) #subnav{position: sticky; top: 68px; z-index: 30; background: color-mix(in srgb,var(--ground) 94%,transparent); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-top: 28px;}
:where(body.cv5p main#top) #subnav .wrap{display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none;}
:where(body.cv5p main#top) #subnav a{padding: 14px; font-size: 14.5px; font-weight: 500; color: var(--muted); white-space: nowrap; border-bottom: 2px solid transparent;}
:where(body.cv5p main#top) #subnav a.on, :where(body.cv5p main#top) #subnav a:hover{color: var(--ink); border-bottom-color: var(--brand);}
:where(body.cv5p main#top) section[id]{scroll-margin-top: 130px;}
:where(body.cv5p main#top) .types{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap);}
:where(body.cv5p main#top) .ty{display: grid; grid-template-columns: 200px 1fr; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow); transition: transform 0.15s;}
:where(body.cv5p main#top) .ty:hover{transform: translateY(-2px);}
:where(body.cv5p main#top) .tyimg{position: relative; overflow: hidden; background: rgb(255, 255, 255); border-right: 1px solid var(--line2);}
:where(body.cv5p main#top) .tyimg img{width: 100%; height: 100%; min-height: 170px; object-fit: cover;}
:where(body.cv5p main#top) .tyb{padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;}
:where(body.cv5p main#top) .tyh{display: flex; align-items: baseline; gap: 10px;}
:where(body.cv5p main#top) .tyh h3{font-size: 22px;}
:where(body.cv5p main#top) .tyh span{font-size: 13px; color: var(--muted);}
:where(body.cv5p main#top) .kv3{display: grid; grid-template-columns: 1.1fr 1fr 0.8fr; gap: 8px;}
:where(body.cv5p main#top) .kv3 i{display: block; font-style: normal; font-size: 12px; color: var(--muted);}
:where(body.cv5p main#top) .kv3 b{font-size: 16px;}
:where(body.cv5p main#top) .tyf{margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--ink2); padding-top: 10px; border-top: 1px solid var(--line2);}
:where(body.cv5p main#top) .tyf span{display: flex; align-items: center; gap: 6px;}
:where(body.cv5p main#top) .tyf .ico{width: 16px; height: 16px;}
:where(body.cv5p main#top) .more2{color: var(--muted); font-size: 14px;}
:where(body.cv5p main#top) .links{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px;}
:where(body.cv5p main#top) .links a{display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border: 1px solid var(--line); border-radius: var(--rs); background: var(--surface); font-size: 14px; font-weight: 500;}
:where(body.cv5p main#top) .links .ico{width: 16px; height: 16px;}
:where(body.cv5p main#top) .faq{display: flex; flex-direction: column; gap: 10px;}
:where(body.cv5p main#top) .faq details{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 0px 20px;}
:where(body.cv5p main#top) .faq summary{cursor: pointer; padding: 18px 0px; font-weight: 600; font-size: 16px; list-style: none; display: flex; justify-content: space-between;}
:where(body.cv5p main#top) .faq summary::after{content: "+"; font-size: 20px; color: var(--muted);}
:where(body.cv5p main#top) .faq details[open] summary::after{content: "–";}
:where(body.cv5p main#top) .faq p{margin: 0px 0px 18px; color: var(--ink2); max-width: 80ch;}
@media (max-width: 1000px){
  :where(body.cv5p main#top) .grid.g3, :where(body.cv5p main#top) .types, :where(body.cv5p main#top) .cols2, :where(body.cv5p main#top) .contact{grid-template-columns: 1fr;}
  :where(body.cv5p main#top) #subnav{top: 68px;}
}
@media (max-width: 600px){
  :where(body.cv5p main#top) .ty, :where(body.cv5p main#top) .col, :where(body.cv5p main#top) .past{grid-template-columns: 1fr;}
  :where(body.cv5p main#top) .tyimg img, :where(body.cv5p main#top) .col img{min-height: 0px; aspect-ratio: 16 / 9;}
}
:where(body.cv5p main#top) .sh2{display: grid; grid-template-columns: 1.15fr 1fr; gap: 36px; align-items: start;}
:where(body.cv5p main#top) .btn.sm{padding: 8px 14px; font-size: 14px;}
@media (max-width: 1000px){
  :where(body.cv5p main#top) .sh2, :where(body.cv5p main#top) .ov, :where(body.cv5p main#top) .applyg{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .cnt{color: var(--muted); font-size: 14px;}
:where(body.cv5p main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5p main#top) .colh{padding: 14px 16px; border-bottom: 1px solid var(--line2); display: flex; flex-direction: column;}
:where(body.cv5p main#top) .colh b{font-size: 16px;}
:where(body.cv5p main#top) .colh span{font-size: 13.5px; color: var(--muted);}
:where(body.cv5p main#top) .gt{background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px;}
:where(body.cv5p main#top) .gt:hover{border-color: var(--brand);}
:where(body.cv5p main#top) .gt b{font: 700 19px var(--font-d);}
:where(body.cv5p main#top) .gt span{margin-top: auto; display: flex; align-items: center; gap: 4px; font-weight: 600; font-size: 14px; color: var(--brand);}
:where(body.cv5p main#top) .gt span .ico{width: 16px; height: 16px;}
:where(body.cv5p main#top) .crumbs{flex-wrap: wrap; row-gap: 2px;}
:where(body.cv5p main#top) .crumbs a, :where(body.cv5p main#top) .crumbs b{white-space: nowrap;}
:where(body.cv5p main#top) .h2ic{width: 24px; height: 24px; color: var(--brand); vertical-align: -4px; margin-right: 9px;}
:where(body.cv5p main#top) button[data-lb], :where(body.cv5p main#top) .gi, :where(body.cv5p main#top) .smain, :where(body.cv5p main#top) .c4img, :where(body.cv5p main#top) .lcimg, :where(body.cv5p main#top) .tyimg, :where(body.cv5p main#top) [data-lb]{cursor: pointer;}
@media (max-width: 760px){
  :where(body.cv5p main#top) .pill, :where(body.cv5p main#top) .chip, :where(body.cv5p main#top) .tab, :where(body.cv5p main#top) .btn.sm, :where(body.cv5p main#top) #subnav a{min-height: 40px; display: inline-flex; align-items: center;}
  :where(body.cv5p main#top) .imgnote{font-size: 11px; padding: 2px 7px;}
}
:where(body.cv5p main#top) .sec > p, :where(body.cv5p main#top) .ov p, :where(body.cv5p main#top) .prose p, :where(body.cv5p main#top) .gtext p, :where(body.cv5p main#top) .about p, :where(body.cv5p main#top) .legal p, :where(body.cv5p main#top) .faq p, :where(body.cv5p main#top) .steps p, :where(body.cv5p main#top) .elig p{max-width: 72ch;}
:where(body.cv5p main#top) .pr a, :where(body.cv5p main#top) .prn a, :where(body.cv5p main#top) .crumbs a, :where(body.cv5p main#top) .protolinks a, :where(body.cv5p main#top) .more, :where(body.cv5p main#top) footer .cols a, :where(body.cv5p main#top) .links a, :where(body.cv5p main#top) .near a{display: inline-block; padding: 3px 0px; margin: -3px 0px;}
:where(body.cv5p main#top) .badge.live{background: var(--asoft); color: var(--accent);}
:where(body.cv5p main#top) .tyimg img{object-fit: contain; background: rgb(255, 255, 255);}
:where(body.cv5p main#top) .ty .tyf{flex-wrap: wrap; gap: 6px;}
:where(body.cv5p main#top) .ty .tyf span{min-width: 0px; overflow-wrap: anywhere;}
:where(body.cv5p main#top) .gp{display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 600; padding: 1px 8px; border-radius: 99px; background: color-mix(in srgb,var(--warm) 16%,var(--surface)); color: var(--warm); border: 1px dashed var(--warm); vertical-align: middle;}
:where(body.cv5p main#top) .tyh{flex-wrap: wrap; align-items: center; gap: 8px;}
:where(body.cv5p main#top) .tyic{width: 34px; height: 34px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; background: var(--asoft); color: var(--accent); flex: 0 0 auto;}
:where(body.cv5p main#top) .tyic.a888{background: var(--soft); color: var(--brand);}
:where(body.cv5p main#top) .tyic .ico{width: 18px; height: 18px;}
:where(body.cv5p main#top) .tyloc{display: flex; gap: 6px; align-items: flex-start; font-size: 14.5px; font-weight: 600; color: var(--ink);}
:where(body.cv5p main#top) .tyloc .ico{width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; color: var(--brand);}
:where(body.cv5p main#top) .tyf{border-top: 0px; padding-top: 4px;}
:where(body.cv5p main#top) .btn.sm{padding: 8px 12px; font-size: 13.5px;}
:where(body.cv5p main#top) .cgal{position: relative;}
:where(body.cv5p main#top) .cstatic{font-size: 15px; color: var(--ink2); margin: 0px 0px 12px;}
:where(body.cv5p main#top) .band{display: flex; align-items: center; gap: 10px; margin: 18px 0px 12px; padding: 10px 14px; border-radius: 12px; background: var(--soft); border-left: 4px solid var(--brand);}
:where(body.cv5p main#top) .band .tyic{background: var(--surface);}
@media (max-width: 700px){
  :where(body.cv5p main#top) .band{flex-wrap: wrap;}
}
:where(body.cv5p main#top) .typerow{display: flex; flex-wrap: wrap; gap: 8px; margin: -4px 0px 14px;}
:where(body.cv5p main#top) .typerow a{font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); color: var(--ink);}
:where(body.cv5p main#top) .typerow a:hover{border-color: var(--brand); color: var(--brand);}
:where(body.cv5p main#top) .tyimg-none{display: flex; align-items: center; justify-content: center; background: var(--soft); min-height: 160px;}
:where(body.cv5p main#top) .bandnote{margin: -4px 0px 12px; font-size: 14px; color: var(--ink2);}
:where(body.cv5p main#top) .gtiles{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
@media (max-width: 900px){
  :where(body.cv5p main#top) .gtiles{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 520px){
  :where(body.cv5p main#top) .gtiles{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5p main#top) .gt{background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px; color: inherit; min-width: 0px; display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5p main#top) .gt .tyic{width: 32px; height: 32px;}
:where(body.cv5p main#top) .gt b{font-size: 14px;}
:where(body.cv5p main#top) .gt small{font-size: 12px; color: var(--muted);}
:where(body.cv5p main#top) .gt:hover{border-color: var(--brand);}
:where(body.cv5p main#top) .steps3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden;}
:where(body.cv5p main#top) .steps3 > div{padding: 16px 18px; border-right: 1px solid var(--line2); min-width: 0px;}
:where(body.cv5p main#top) .steps3 > div:last-child{border-right: 0px;}
:where(body.cv5p main#top) .steps3 h3{margin: 0px 0px 4px; font-size: 16px;}
@media (max-width: 800px){
  :where(body.cv5p main#top) .steps3{grid-template-columns: 1fr;}
  :where(body.cv5p main#top) .steps3 > div{border-right: 0px; border-bottom: 1px solid var(--line2);}
}
:where(body.cv5p main#top) .hp2{position: relative; border-radius: var(--r); overflow: hidden; min-height: 340px; display: flex; align-items: flex-end; color: rgb(255, 255, 255);}
:where(body.cv5p main#top) .hp2 > img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
:where(body.cv5p main#top) .hp2 .ovl{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(20, 16, 12, 0.96) 0px, rgba(20, 16, 12, 0.88) 45%, rgba(20, 16, 12, 0.62) 100%), linear-gradient(rgba(20, 16, 12, 0.15) 0px, rgba(20, 16, 12, 0.55) 100%);}
:where(body.cv5p main#top) .hp2 .in{position: relative; padding: 36px 32px 28px; max-width: 720px;}
:where(body.cv5p main#top) .hp2 h1{color: rgb(255, 255, 255);}
:where(body.cv5p main#top) .hp2 p{color: rgb(243, 237, 228);}
:where(body.cv5p main#top) .hp2 .crumbs a, :where(body.cv5p main#top) .hp2 .crumbs b, :where(body.cv5p main#top) .hp2 .crumbs span{color: rgb(255, 255, 255);}
:where(body.cv5p main#top) .hp2 .crumbs{margin-bottom: 10px;}
:where(body.cv5p main#top) .hp2 .cap{position: absolute; right: 12px; bottom: 10px; font-size: 11.5px; opacity: 0.8;}
:where(body.cv5p main#top) .hlogos{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; align-items: center;}
@media (max-width: 900px){
  :where(body.cv5p main#top) .hp2 .in{padding: 24px 18px;}
}
:where(body.cv5p main#top) .rt{width: 100%; border-collapse: collapse; font-size: 13.5px;}
:where(body.cv5p main#top) .rt th{text-align: left; font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); padding: 8px 10px; border-bottom: 2px solid var(--line);}
:where(body.cv5p main#top) .rt td{padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top;}
:where(body.cv5p main#top) .rt td.r, :where(body.cv5p main#top) .rt th.r{text-align: right; white-space: nowrap;}
:where(body.cv5p main#top) .steps3{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;}
@media (max-width: 860px){
  :where(body.cv5p main#top) .steps3{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .st3{background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 16px 18px;}
:where(body.cv5p main#top) .st3 h3{margin: 0px 0px 6px; font-size: 17px;}
:where(body.cv5p main#top) .st3 ul{margin: 0px; padding-left: 18px; font-size: 13.5px; color: var(--ink2);}
:where(body.cv5p main#top) .st3 li{margin: 3px 0px;}
:where(body.cv5p main#top) .ovt{overflow-x: auto;}
:where(body.cv5p main#top) .ovt table{min-width: 640px;}
:where(body.cv5p main#top) .strip{display: flex; gap: 8px; flex-wrap: wrap; align-items: center; background: var(--surface); border: var(--cardborder); border-radius: var(--r); padding: 10px 12px; position: sticky; top: 64px; z-index: 5;}
:where(body.cv5p main#top) .strip .fop{border: 1px solid var(--line); border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 600; background: var(--ground); cursor: pointer; font-family: inherit; color: var(--ink);}
:where(body.cv5p main#top) .strip .cnt{margin-left: auto; font-size: 13px; color: var(--ink2); font-weight: 700;}
:where(body.cv5p main#top) .pills2{display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px;}
:where(body.cv5p main#top) .pills2 a{border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 600; color: var(--ink);}
:where(body.cv5p main#top) .plarea{margin-top: 22px;}
:where(body.cv5p main#top) .plah{display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 10px;}
:where(body.cv5p main#top) .plah h2{font-size: 22px; margin: 0px;}
:where(body.cv5p main#top) .plah h2 small{display: block; font-size: 13px; color: var(--ink2); font-weight: 500; margin-top: 2px;}
:where(body.cv5p main#top) .plah .badge{margin-top: 6px;}
:where(body.cv5p main#top) .shgrid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;}
@media (max-width: 1000px){
  :where(body.cv5p main#top) .shgrid{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 700px){
  :where(body.cv5p main#top) .shgrid{grid-template-columns: repeat(2, 1fr);}
}
:where(body.cv5p main#top) .sh2{background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; min-width: 0px;}
:where(body.cv5p main#top) .sh2:hover{border-color: var(--brand);}
:where(body.cv5p main#top) .shi{border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; padding: 0px; background: rgb(255, 255, 255); cursor: zoom-in; position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid var(--line);}
:where(body.cv5p main#top) .shi img{width: 100%; height: 100%; object-fit: contain; display: block;}
:where(body.cv5p main#top) .shk{position: absolute; left: 8px; top: 8px; background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); font-size: 10.5px; padding: 2px 7px; border-radius: 4px;}
:where(body.cv5p main#top) .shb{padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px;}
:where(body.cv5p main#top) .shb b{font-size: 13.5px; line-height: 1.3;}
:where(body.cv5p main#top) .shm{display: flex; flex-wrap: wrap; gap: 4px; align-items: center;}
:where(body.cv5p main#top) .uc2{font-size: 10.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: var(--soft); color: var(--brand);}
:where(body.cv5p main#top) .uc2.commercial{background: rgb(255, 243, 223); color: rgb(138, 90, 0);}
:where(body.cv5p main#top) .uc2.institutional{background: rgb(230, 238, 247); color: rgb(31, 78, 121);}
:where(body.cv5p main#top) .dlt{font-size: 11px; color: var(--muted); border: 1px solid var(--line); border-radius: 4px; padding: 1px 6px;}
:where(body.cv5p main#top) .plah > div{min-width: 0px;}
:where(body.cv5p main#top) .plah .badge{white-space: normal; max-width: 100%;}
:where(body.cv5p main#top) .plah h2{overflow-wrap: anywhere;}
:where(body.cv5p main#top) .plhero{margin-top: 14px;}
:where(body.cv5p main#top) .plhero .in{max-width: 860px;}
:where(body.cv5p main#top) .plhero .hlogos a:hover{background: rgba(255, 255, 255, 0.28);}
:where(body.cv5p main#top) #find{padding-top: 18px; padding-bottom: 0px;}
:where(body.cv5p main#top) #find .strip{position: static;}
:where(body.cv5p main#top) .mgrid{display: grid; grid-template-columns: 1fr 1.3fr; gap: 16px; align-items: start;}
@media (max-width: 900px){
  :where(body.cv5p main#top) .mgrid{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .mtiles{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
@media (max-width: 560px){
  :where(body.cv5p main#top) .mtiles{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .cmap{margin: 0px;}
:where(body.cv5p main#top) .cmap button{padding: 0px; background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden; cursor: zoom-in; display: block; width: 100%;}
:where(body.cv5p main#top) .cmap img{width: 100%; display: block;}
:where(body.cv5p main#top) .cmap figcaption{font-size: 12.5px; color: var(--ink2); margin-top: 6px;}
:where(body.cv5p main#top) .towng{display: grid; grid-template-columns: 260px 1fr; gap: 14px; align-items: start;}
@media (max-width: 700px){
  :where(body.cv5p main#top) .towng{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .tth{display: block; border: var(--cardborder); border-radius: 12px; overflow: hidden; background: rgb(255, 255, 255); color: inherit;}
:where(body.cv5p main#top) .tth img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block;}
:where(body.cv5p main#top) .tth span{display: flex; align-items: center; gap: 6px; padding: 6px 10px; font-size: 12px; color: var(--ink2); border-top: 1px solid var(--line);}
:where(body.cv5p main#top) .tth .lg2{width: 20px; height: 20px; object-fit: contain;}
:where(body.cv5p main#top) .colh{display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; padding: 10px 0px 4px;}
@media (max-width: 900px){
  :where(body.cv5p main#top) .colh{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .colk{display: flex; gap: 18px; flex-wrap: wrap;}
:where(body.cv5p main#top) .colk span{font-size: 12.5px; color: var(--ink2);}
:where(body.cv5p main#top) .colk span b{display: block; font-size: 20px; font-family: var(--slab); line-height: 1.1; color: var(--ink);}
:where(body.cv5p main#top) .vw{background: var(--surface); border: var(--cardborder); border-radius: var(--r); overflow: hidden;}
:where(body.cv5p main#top) .vwtop{display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; padding: 10px 12px; border-bottom: 1px solid var(--line); flex-wrap: wrap;}
:where(body.cv5p main#top) .vwtabs{display: flex; flex-wrap: wrap; gap: 6px 14px; min-width: 0px;}
:where(body.cv5p main#top) .vwg{display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap;}
:where(body.cv5p main#top) .vwg b{font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); margin-right: 2px;}
:where(body.cv5p main#top) .vwg button{border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; font-size: 12.5px; font-weight: 600; background: var(--ground); cursor: pointer; font-family: inherit; color: var(--ink);}
:where(body.cv5p main#top) .vwg button.on{background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand);}
:where(body.cv5p main#top) .vwstage{position: relative; height: 620px; background: rgb(244, 241, 234); overflow: hidden; cursor: grab; touch-action: none; user-select: none;}
:where(body.cv5p main#top) .vwstage img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; transform-origin: center center; transition: transform 0.05s linear;}
@media (max-width: 700px){
  :where(body.cv5p main#top) .vwstage{height: 380px;}
}
:where(body.cv5p main#top) .vwctl{position: absolute; right: 10px; top: 10px; display: flex; flex-direction: column; gap: 4px;}
:where(body.cv5p main#top) .vwctl button{width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--line); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 18px; font-weight: 700; cursor: pointer; color: var(--ink);}
:where(body.cv5p main#top) .vwctl button:last-child{font-size: 12px;}
:where(body.cv5p main#top) .vwcap{display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 12px; border-top: 1px solid var(--line); flex-wrap: wrap;}
:where(body.cv5p main#top) .vwcap b{display: block; font-size: 14.5px;}
:where(body.cv5p main#top) .vwcap small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5p main#top) .sh2.on{border-color: var(--brand); box-shadow: 0 0 0 2px var(--soft);}
@media (max-width: 700px){
  :where(body.cv5p main#top) .vwtop{padding: 10px;}
  :where(body.cv5p main#top) .vwcap .links{width: 100%;}
}
:where(body.cv5p main#top) .vwtop > *{min-width: 0px; max-width: 100%;}
:where(body.cv5p main#top) .mgrid > *{min-width: 0px;}
:where(body.cv5p main#top) .facts2{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
@media (max-width: 560px){
  :where(body.cv5p main#top) .facts2{grid-template-columns: 1fr;}
}
:where(body.cv5p main#top) .facts2 .st3 p{margin: 0px; font-size: 13.5px; color: var(--ink2); line-height: 1.5;}
:where(body.cv5p main#top) .facts2 .st3 h3{font-size: 15px;}
:where(body.cv5p main#top) .tt4{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;}
@media (max-width: 700px){
  :where(body.cv5p main#top) .tt4{grid-template-columns: 1fr 1fr;}
}
:where(body.cv5p main#top) .tt4 a{display: flex; flex-direction: column; gap: 4px; background: var(--surface); border: var(--cardborder); border-radius: 12px; padding: 12px 14px; color: inherit;}
:where(body.cv5p main#top) .tt4 a .tyic{width: 36px; height: 36px; margin-bottom: 4px;}
:where(body.cv5p main#top) .tt4 a b{font-size: 15px;}
:where(body.cv5p main#top) .tt4 a small{color: var(--ink2); font-size: 12.5px;}
:where(body.cv5p main#top) .tt4 a:hover{border-color: var(--brand);}
:where(body.cv5p main#top) .vwctl button{color: rgb(22, 32, 28);}
:where(body.cv5p main#top) .vwfind2{display: flex; align-items: center; gap: 8px; min-width: 300px; flex-wrap: wrap;}
:where(body.cv5p main#top) .vwfind2 .sfind{flex: 1 1 0%; min-width: 260px;}