/* =====================================================================
   COMMUNITY TRANSHIT — RECORDS RAPID TRANSIT
   Shared system. Wayfinding grammar: hairline grid, condensed type,
   route bullets, one red, one amber for anything that lights up.
   ===================================================================== */
:root{
  --ink:#0a2240; --ink-2:#0d2c52; --ink-3:#1a3a66;
  --paper:#ffffff; --paper-2:#eef3f9; --bone:#ffffff;
  --grey:#6b7a8f; --grey-2:#b8c3d1;
  --rule:rgba(10,34,64,.13); --rule-d:rgba(255,255,255,.14);
  --red:#3f8c25; --red-2:#2f6e1a; --green:#63a941; --blue:#0a60ab; --blue-2:#1a78c8; --amber:#ffb000; --amber-dim:#5a3f00;
  --sans:"Lexend",Arial,Helvetica,sans-serif;
  --mono:"Space Mono",ui-monospace,Menlo,monospace;
  --marker:"Permanent Marker",cursive;
  --g:max(20px,env(safe-area-inset-left,0px));
  --gr:max(20px,env(safe-area-inset-right,0px));
  --hh:64px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0;max-width:100%}
body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
/* selecting text redacts it */
::selection{background:var(--ink);color:var(--ink)}
.dark ::selection,.xh ::selection,.xf ::selection{background:var(--bone);color:var(--bone)}

.wrap{max-width:1440px;margin:0 auto;padding-left:var(--g);padding-right:var(--gr)}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--grey)}
.red{color:var(--red)}
.dark{background:var(--ink);color:#fff}
.dark .muted{color:#8fa3bd}

/* display type */
.d1,.d2,.d3{font-family:var(--sans);font-weight:700;text-transform:lowercase;margin:0;letter-spacing:-.045em}
.d1{font-size:clamp(52px,8.4vw,150px);line-height:.88}
.d2{font-size:clamp(38px,5vw,84px);line-height:.92}
.d3{font-size:clamp(24px,2.3vw,36px);line-height:1;letter-spacing:-.03em}
.d1 em,.d2 em{font-style:normal;color:var(--green)}
.lede{font-size:clamp(18px,1.6vw,22px);line-height:1.38;max-width:36ch;margin:0}
.body p{font-size:17px;line-height:1.55;max-width:60ch;margin:0 0 16px}
.marker{font-family:var(--marker);color:var(--red);font-weight:400;transform:rotate(-2deg);display:inline-block}

/* route bullets */
.bullet{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font:800 11px var(--sans);letter-spacing:0;flex:none}
.bullet.k{background:var(--ink);color:var(--paper)}
.bullet.w{background:var(--paper);color:var(--ink)}
.bullet.a{background:var(--amber);color:var(--ink)}
.bullet.lg{width:44px;height:44px;font-size:20px}

/* ---------------- header ---------------- */
.xh{position:sticky;top:0;z-index:60;background:#fff;color:var(--ink);border-bottom:1px solid var(--rule)}
.xh .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--hh)}
.xh .logo{display:flex;align-items:center;gap:12px;text-decoration:none}.xh .logo img{height:34px;width:auto}.xh .logo small{font:400 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);border-left:1px solid var(--rule);padding-left:12px;line-height:1.3}
@media (max-width:560px){.xh .logo img{height:22px}.xh .logo{gap:8px}.xh .logo small{font-size:8.5px;padding-left:8px}}
.xh nav{display:flex;gap:2px}
.xh nav a{display:flex;align-items:center;gap:9px;text-decoration:none;padding:8px 12px;font:500 13.5px var(--sans);letter-spacing:-.01em;color:var(--ink);border-radius:999px;transition:background .2s,color .2s}
.xh nav a:hover{background:var(--paper-2)}
.xh nav a[aria-current="page"]{background:var(--ink);color:#fff}
.xh nav a .bullet{width:18px;height:18px;font-size:9.5px}
.xh .menu{display:none;appearance:none;border:1px solid var(--rule);background:none;color:var(--ink);height:40px;padding:0 14px;border-radius:999px;cursor:pointer;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px}
.xh .menu i{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
@media (max-width:1020px){.xh nav{display:none}.xh .menu{display:flex}}

/* mobile route sheet */
.sheet{position:fixed;inset:0;z-index:80;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;transform:translateY(-100%);transition:transform .45s cubic-bezier(.7,0,.2,1);visibility:hidden}
.sheet.open{transform:none;visibility:visible}
.sheet .top{display:flex;justify-content:space-between;align-items:center;height:var(--hh);padding:0 var(--gr) 0 var(--g);border-bottom:1px solid rgba(255,255,255,.12)}
.sheet ol{list-style:none;margin:0;padding:24px var(--gr) 24px var(--g);position:relative;flex:1;overflow:auto}
.sheet ol::before{content:"";position:absolute;left:calc(var(--g) + 21px);top:44px;bottom:44px;width:4px;background:var(--green)}
.sheet li a{display:flex;align-items:center;gap:22px;padding:14px 0;text-decoration:none;position:relative}
.sheet li a .bullet{width:46px;height:46px;font-size:18px;border:4px solid var(--ink)}
.sheet li a b{font:700 36px/1 var(--sans);letter-spacing:-.04em;text-transform:lowercase}
.sheet li a small{display:block;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8fa3bd;margin-top:4px}

/* ---------------- service strip ---------------- */
.xs{border-bottom:1px solid var(--rule);background:var(--paper)}
.xs .wrap{display:flex;gap:0;height:38px;align-items:center;overflow:hidden}
.xs span{display:flex;align-items:center;gap:8px;height:100%;padding:0 14px;border-left:1px solid var(--rule);white-space:nowrap;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.xs span:first-child{border-left:0;padding-left:0}
.xs .live{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 1.4s steps(2) infinite}
@media (max-width:760px){.xs span:nth-child(2),.xs span:nth-child(3){display:none}}

/* ---------------- page heads ---------------- */
.ph{border-bottom:1px solid var(--rule)}
.ph .wrap{display:grid;grid-template-columns:220px 1fr;min-height:min(46svh,460px)}
.ph .rail{border-right:1px solid var(--rule);padding:28px 24px 28px 0;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.ph .main{padding:28px 0 36px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}
@media (max-width:860px){.ph .wrap{grid-template-columns:1fr;min-height:0}.ph .rail{border-right:0;border-bottom:1px solid var(--rule);padding:16px 0;flex-direction:row;flex-wrap:wrap;align-items:center}.ph .main{padding:28px 0 32px}}

/* ---------------- section scaffold ---------------- */
.sec{border-bottom:1px solid var(--rule)}
.dark.sec{border-bottom-color:#1e1e1d}
.sh{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--rule)}
.dark .sh{border-bottom-color:var(--rule-d)}
.sh .idx{padding:22px 0;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:10px}
.dark .sh .idx{border-right-color:var(--rule-d)}
.sh h2{padding:18px 0 18px 36px}
.grid2{display:grid;grid-template-columns:220px 1fr 1fr}
.grid2>*{padding:40px 36px;min-width:0}
.grid2>:first-child{padding-left:0;border-right:1px solid var(--rule)}
.grid2>:nth-child(3){border-left:1px solid var(--rule)}
.grid1{display:grid;grid-template-columns:220px 1fr}
.grid1>*{padding:40px 0 40px 36px;min-width:0}
.grid1>:first-child{padding:40px 24px 40px 0;border-right:1px solid var(--rule)}
.dark .grid2>:first-child,.dark .grid1>:first-child{border-right-color:var(--rule-d)}
.dark .grid2>:nth-child(3){border-left-color:var(--rule-d)}
@media (max-width:980px){
  .sh,.grid2,.grid1{grid-template-columns:1fr}
  .sh .idx{border-right:0;border-bottom:1px solid var(--rule);padding:14px 0;flex-direction:row;align-items:center;justify-content:space-between}
  .dark .sh .idx{border-bottom-color:var(--rule-d)}
  .sh h2{padding:16px 0}
  .grid2>*,.grid1>*,.grid1>:first-child{padding:28px 0}
  .grid2>:first-child,.grid1>:first-child{border-right:0;border-bottom:1px solid var(--rule)}
  .grid2>:nth-child(3){border-left:0;border-top:1px solid var(--rule)}
  .dark .grid2>:first-child,.dark .grid1>:first-child{border-bottom-color:var(--rule-d)}
  .dark .grid2>:nth-child(3){border-top-color:var(--rule-d)}
}

/* ---------------- quote document ---------------- */
.qd{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:24px 26px;position:relative;box-shadow:0 1px 0 rgba(10,34,64,.04)}
.qd .src{display:flex;flex-wrap:wrap;gap:6px 14px;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.qd.hit .src{color:var(--red)}
.qd blockquote{margin:0;font:400 15.5px/1.75 var(--mono);overflow-wrap:anywhere;color:#14233a}
.qd.hit{box-shadow:inset 6px 0 0 var(--green);border-color:rgba(99,169,65,.5);background:#f6fbf2}
.qd + .note{margin:14px 0 0;font-weight:600;font-size:19px;letter-spacing:-.02em;line-height:1.25}
.dark .qd{color:var(--ink)}

/* buttons */
.btn{appearance:none;border:0;cursor:pointer;background:var(--blue);color:#fff;font:600 15px var(--sans);letter-spacing:-.01em;min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:var(--green)}
.btn.inv{background:#fff;color:var(--ink)}
.btn.inv:hover{background:var(--green);color:#fff}
.btn.line{background:none;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn.line:hover{background:var(--green);color:#fff;box-shadow:none}

/* ---------------- tiles / lists ---------------- */
.rows{list-style:none;margin:0;padding:0}
.rows>li{border-top:1px solid var(--rule)}
.rows>li:last-child{border-bottom:1px solid var(--rule)}
.dark .rows>li{border-color:var(--rule-d)}
.rowlink{display:grid;grid-template-columns:72px 1fr auto;gap:24px;align-items:center;padding:22px 0;text-decoration:none;transition:padding .3s cubic-bezier(.2,.8,.2,1),background .3s}
.rowlink:hover{padding-left:14px;padding-right:14px;background:var(--ink);color:var(--paper)}
.dark .rowlink:hover{background:var(--paper);color:var(--ink)}
.rowlink b{display:block;font:700 clamp(26px,3vw,46px)/1 var(--sans);letter-spacing:-.04em;text-transform:lowercase}
.rowlink small{display:block;font-size:15px;line-height:1.4;margin-top:8px;max-width:62ch;opacity:.8}
.rowlink .go{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
@media (max-width:700px){.rowlink{grid-template-columns:44px 1fr}.rowlink .go{display:none}}

/* ---------------- footer ---------------- */
.xf{background:var(--ink);color:#fff;overflow:hidden}
.xf .sign{border-bottom:1px solid rgba(255,255,255,.12);padding:56px 0 40px}
.xf .sign p{margin:0;font:700 clamp(40px,7.4vw,132px)/.92 var(--sans);text-transform:lowercase;letter-spacing:-.05em}
.xf .sign p span{color:var(--green)}
.xf .cols{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.12)}
.xf .cols>div{padding:28px 20px 32px;border-left:1px solid rgba(255,255,255,.12);display:grid;gap:8px;align-content:start}
.xf .cols>div:first-child{border-left:0;padding-left:0}
.xf .cols a{text-decoration:none;color:#b8c7da;font-size:15px}.xf .cols a:hover{color:#fff}
.xf .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0 28px;color:#8fa3bd}
.xf .legal .red{color:var(--green)}
@media (max-width:760px){.xf .cols{grid-template-columns:1fr 1fr}.xf .cols>div:nth-child(3){border-left:0;padding-left:0}.xf .cols>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}}

/* ---------------- toast ---------------- */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:90;background:var(--ink);color:#fff;border-radius:12px;padding:14px 18px;font:400 12px var(--mono);letter-spacing:.04em;max-width:calc(100vw - 40px);box-shadow:0 20px 40px -20px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;gap:12px;align-items:center}
.toast.on{transform:translate(-50%,0)}
.toast i{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}


/* ---------------- split-flap ---------------- */
.flap{display:inline-flex;gap:2px}
.flap i{font-style:normal;display:inline-grid;place-items:center;width:.72em;height:1.18em;background:#06162b;color:var(--amber);border-radius:2px;position:relative;font-family:var(--mono);font-weight:700;overflow:hidden}
.flap i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.85)}
.flap i.f{animation:flip .09s linear}
@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(.1)}100%{transform:scaleY(1)}}

/* ---------------- reveal ---------------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* =====================================================================
   GIMMICKS
   ===================================================================== */
/* status pill in header */
.xh .stat{display:flex;align-items:center;gap:8px;text-decoration:none;font:500 12px var(--sans);color:var(--ink);border:1px solid var(--rule);border-radius:999px;height:34px;padding:0 12px;white-space:nowrap}
.xh .stat i{width:8px;height:8px;border-radius:50%;background:#e5484d;position:relative}
.xh .stat i::after{content:"";position:absolute;inset:0;border-radius:50%;background:#e5484d;animation:ping 1.8s ease-out infinite}
@keyframes ping{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(2.6);opacity:0}}
@media (max-width:1200px){.xh .stat span{display:none}.xh .stat{padding:0 10px}}
.xh .right{display:flex;align-items:center;gap:10px}

/* visitor banner (agency networks) */
.vb{background:#e5484d;color:#fff;font:500 14px/1.4 var(--sans)}
.vb .wrap{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.vb b{font-weight:700}
.vb button{appearance:none;border:1px solid rgba(255,255,255,.6);background:none;color:#fff;border-radius:999px;height:32px;padding:0 14px;cursor:pointer;font:500 12px var(--sans);white-space:nowrap}

/* overlay (tab-return, exit intent) */
.ov{position:fixed;inset:0;z-index:95;background:rgba(10,34,64,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .3s}
.ov.on{opacity:1}
.ov .card{background:#fff;color:var(--ink);border-radius:22px;max-width:520px;width:100%;padding:32px 30px 26px;box-shadow:0 40px 80px -30px rgba(10,34,64,.6);transform:translateY(20px) scale(.97);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ov.on .card{transform:none}
.ov .card .tag{display:inline-flex;align-items:center;gap:8px;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#e5484d;margin-bottom:14px}
.ov .card .tag i{width:8px;height:8px;border-radius:50%;background:#e5484d}
.ov .card h3{margin:0 0 12px;font:700 34px/1 var(--sans);letter-spacing:-.04em}
.ov .card p{margin:0 0 12px;font-size:16px;line-height:1.5;color:#2a3c58}
.ov .card q{display:block;font:400 14px/1.6 var(--mono);background:var(--paper-2);border-radius:12px;padding:14px 16px;margin:14px 0;quotes:none}
.ov .card .row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ov .meter2{height:6px;background:var(--paper-2);border-radius:6px;overflow:hidden;margin:16px 0 4px}
.ov .meter2 i{display:block;height:100%;width:0;background:var(--green);transition:width .2s linear}

/* cookie parody */
.ck{position:fixed;left:16px;bottom:16px;z-index:85;max-width:420px;background:#fff;color:var(--ink);border:1px solid var(--rule);border-radius:18px;padding:18px 18px 16px;box-shadow:0 30px 60px -30px rgba(10,34,64,.5);transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ck.on{transform:none}
.ck p{margin:0 0 12px;font-size:14px;line-height:1.45}
.ck p b{font-weight:700}
.ck .row{display:flex;flex-wrap:wrap;gap:8px}
.ck button{appearance:none;cursor:pointer;border:1px solid var(--rule);background:#fff;color:var(--ink);border-radius:999px;height:36px;padding:0 14px;font:500 13px var(--sans)}
.ck button.p{background:var(--blue);border-color:var(--blue);color:#fff}
@media (max-width:520px){.ck{left:10px;right:10px;bottom:84px;max-width:none}}

/* chat widget */
.cw-btn{position:fixed;right:18px;bottom:18px;z-index:86;appearance:none;border:0;cursor:pointer;background:var(--blue);color:#fff;border-radius:999px;height:56px;padding:0 20px 0 8px;display:flex;align-items:center;gap:10px;font:600 15px var(--sans);box-shadow:0 20px 40px -16px rgba(10,96,171,.7)}
.cw-btn .av{width:40px;height:40px;border-radius:50%;background:#fff url(/assets/staff/woods.webp) center/cover;border:2px solid #fff}
.cw-btn .dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-left:-18px;margin-top:26px;border:2px solid var(--blue)}
.cw{position:fixed;right:18px;bottom:86px;z-index:87;width:min(380px,calc(100vw - 36px));height:min(560px,calc(100svh - 120px));background:#fff;border-radius:22px;box-shadow:0 40px 80px -30px rgba(10,34,64,.6);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.96);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;transform-origin:bottom right}
.cw.on{transform:none;opacity:1;pointer-events:auto}
.cw .hd{background:var(--blue);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.cw .hd .av{width:42px;height:42px;border-radius:50%;background:#fff url(/assets/staff/woods.webp) center/cover;border:2px solid #fff;flex:none}
.cw .hd b{display:block;font:600 16px var(--sans)}
.cw .hd small{font:400 12px var(--sans);opacity:.85}
.cw .hd button{margin-left:auto;appearance:none;border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.cw .log{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--paper-2)}
.cw .m{max-width:84%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.45;animation:pop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{transform:translateY(6px);opacity:0}}
.cw .m.b{background:#fff;color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start}
.cw .m.u{background:var(--blue);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.cw .m small{display:block;margin-top:6px;font:400 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.cw .m.sys{align-self:center;background:none;color:var(--grey);font:400 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;text-align:center}
.cw .typing{align-self:flex-start;background:#fff;border-radius:16px;padding:12px 14px;display:flex;gap:4px}
.cw .typing i{width:6px;height:6px;border-radius:50%;background:var(--grey-2);animation:bob 1s infinite}
.cw .typing i:nth-child(2){animation-delay:.15s}.cw .typing i:nth-child(3){animation-delay:.3s}
@keyframes bob{50%{transform:translateY(-4px)}}
.cw form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--rule);background:#fff}
.cw input{flex:1;min-width:0;border:1px solid var(--rule);border-radius:999px;padding:0 16px;height:44px;font:400 15px var(--sans);color:var(--ink)}
.cw form button{appearance:none;border:0;background:var(--blue);color:#fff;border-radius:999px;padding:0 16px;cursor:pointer;font:600 14px var(--sans)}
.cw .chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px;background:#fff}
.cw .chips button{appearance:none;border:1px solid var(--rule);background:#fff;border-radius:999px;padding:6px 12px;font:500 12.5px var(--sans);color:var(--blue);cursor:pointer}

/* dot-matrix sign */
.dm{display:block;width:100%;background:#0b0f14;border-radius:10px;box-shadow:inset 0 0 0 6px #1a2230,0 20px 40px -24px rgba(0,0,0,.6)}

/* print: the counsel copy */
@media print{
  .xh,.xs,.sheet,.cw,.cw-btn,.ck,.ov,.vb,.cur,.toast,.marq,.ticker,.xf .cols,.btn,.ctl,.kiosk,.shop,.next{display:none!important}
  body{background:#fff!important;color:#000!important;font-size:11pt}
  body::before{content:"Printed from communitytranshit.org. Every quote is verbatim from Community Transit's own records productions. Not Community Transit.";display:block;font:9pt var(--mono);border-bottom:1px solid #000;padding-bottom:6pt;margin-bottom:12pt}
  .dark,.hero,.xf{background:#fff!important;color:#000!important}
  .qd{break-inside:avoid;border:1px solid #000!important;box-shadow:none!important}
  .rv{opacity:1!important;transform:none!important}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt}
}
@media (max-width:600px){.cw-btn{padding:0 8px;height:54px;width:54px;justify-content:center;font-size:0;gap:0}.cw-btn .dot{margin-left:-12px}.ck{bottom:80px;padding:14px}.ck p{font-size:13px}.ck button{height:32px;font-size:12px;padding:0 11px}.cw{right:10px;bottom:78px;width:calc(100vw - 20px)}}