/* KI赛场 共享样式 /assets/site.css */

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
[hidden]{display:none !important}
main{display:block}
#main-content{display:block;scroll-margin-top:140px}

/* ---------- tokens ---------- */
:root{
  --ki-indigo:#0A0F2C;
  --ki-panel:#151C45;
  --ki-paper:#E9ECF5;
  --ki-white:#FFFFFF;
  --ki-ink:#101528;
  --ki-muted:#A6AECB;
  --ki-orange:#FF6A2B;
  --ki-mint:#35F0C0;
  --ki-sichuan:#E4453A;
  --ki-violet:#7B5CFF;
  --ki-line:rgba(166,174,203,.26);
  --ki-line-strong:rgba(166,174,203,.5);
  --ki-ink-line:rgba(16,21,40,.22);
  --ki-shadow:6px 6px 0 rgba(8,12,34,.9);
  --ki-shadow-mint:6px 6px 0 rgba(53,240,192,.45);
  --ki-shadow-orange:6px 6px 0 rgba(255,106,43,.5);
  --ki-cut:10px;
  --ki-font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;
  --ki-font-mono:ui-monospace,"JetBrains Mono","IBM Plex Mono",SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --ki-gutter:clamp(16px,4vw,40px);
  --ki-wrap:1240px;
}

/* ---------- base ---------- */
body{
  background:var(--ki-indigo);
  color:var(--ki-paper);
  font-family:var(--ki-font-sans);
  font-size:17px;
  line-height:1.75;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);
}
:focus-visible{outline:3px solid var(--ki-violet);outline-offset:3px}
::selection{background:var(--ki-mint);color:var(--ki-ink)}

/* ---------- layout helpers ---------- */
.ki-wrap{width:100%;max-width:var(--ki-wrap);margin-inline:auto;padding-inline:var(--ki-gutter)}
.ki-section{position:relative;padding-block:clamp(44px,6.5vw,92px)}
.ki-section--paper{background:var(--ki-paper);color:var(--ki-ink)}
.ki-section--panel{background:var(--ki-panel)}
.ki-section__head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:18px;padding-bottom:16px;margin-bottom:clamp(24px,3vw,40px);
  border-bottom:2px solid var(--ki-line);
}
.ki-section--paper .ki-section__head{border-bottom-color:var(--ki-ink-line)}
.ki-section__num{
  display:block;font-family:var(--ki-font-mono);font-weight:700;
  font-size:clamp(46px,9vw,116px);line-height:.8;letter-spacing:.02em;
  color:transparent;-webkit-text-stroke:2px rgba(53,240,192,.35);
}
.ki-section--paper .ki-section__num{-webkit-text-stroke-color:rgba(16,21,40,.28)}
.ki-rule{height:1px;border:0;background:var(--ki-line);margin-block:clamp(20px,3vw,36px)}
.ki-grid{display:grid;gap:clamp(20px,3vw,36px)}
.ki-grid--3-9{grid-template-columns:3fr 9fr}
.ki-grid--5-7{grid-template-columns:5fr 7fr}
.ki-grid--7-5{grid-template-columns:7fr 5fr}
.ki-grid--halves{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- typography ---------- */
.ki-display{
  font-weight:900;font-size:clamp(34px,6vw,84px);line-height:1.02;
  letter-spacing:-.02em;transform:scaleX(.96);transform-origin:left center;
  color:var(--ki-white);
}
.ki-h2{
  font-weight:900;font-size:clamp(24px,3vw,40px);line-height:1.16;
  letter-spacing:-.01em;color:var(--ki-white);
}
.ki-section--paper .ki-h2{color:var(--ki-ink)}
.ki-lede{font-size:clamp(16px,1.35vw,19px);line-height:1.8;color:var(--ki-muted);max-width:58ch}
.ki-section--paper .ki-lede{color:rgba(16,21,40,.72)}
.ki-eyebrow{
  writing-mode:vertical-rl;font-size:12px;letter-spacing:.3em;
  color:var(--ki-muted);text-transform:uppercase;line-height:1;
}
.ki-mono{font-family:var(--ki-font-mono);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ki-num{font-family:var(--ki-font-mono);font-weight:700;font-variant-numeric:tabular-nums}
.ki-tag{
  display:inline-block;font-size:12.5px;letter-spacing:.12em;padding:3px 10px;
  border:2px solid rgba(53,240,192,.55);color:var(--ki-mint);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.ki-tag--orange{border-color:rgba(255,106,43,.65);color:#FFC2A4}
.ki-tag--sichuan{border-color:rgba(228,69,58,.8);color:#FFD8D3}
.ki-prose{max-width:72ch;font-size:17px;line-height:1.8}
.ki-prose p+p{margin-top:1em}
.ki-prose h3{margin-top:1.6em;margin-bottom:.5em;font-size:20px;font-weight:800}
.ki-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12.5px;letter-spacing:.14em;color:var(--ki-muted)}
.ki-breadcrumb__item{display:inline-flex;align-items:center;gap:10px}
.ki-breadcrumb__item+ .ki-breadcrumb__item::before{content:"/";color:rgba(166,174,203,.6)}

/* ---------- buttons ---------- */
.ki-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 18px;border:2px solid transparent;background:transparent;
  font-size:13.5px;font-weight:700;letter-spacing:.1em;cursor:pointer;
  transition:transform .12s ease-out,filter .12s ease-out,background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
.ki-btn:hover{transform:translate(-3px,-3px)}
.ki-btn--ghost{border-color:var(--ki-line-strong);color:var(--ki-white)}
.ki-btn--ghost:hover{border-color:var(--ki-mint);color:var(--ki-mint);filter:drop-shadow(4px 4px 0 rgba(53,240,192,.35))}
.ki-btn--signal{background:var(--ki-orange);color:var(--ki-ink)}
.ki-btn--signal:hover{filter:drop-shadow(5px 5px 0 rgba(255,106,43,.45))}
.ki-btn--mint{background:var(--ki-mint);color:var(--ki-ink)}
.ki-btn--mint:hover{filter:drop-shadow(5px 5px 0 rgba(53,240,192,.4))}
.ki-btn--line{border-color:var(--ki-mint);color:var(--ki-mint)}
.ki-btn--line:hover{background:rgba(53,240,192,.12);filter:drop-shadow(4px 4px 0 rgba(53,240,192,.3))}
.ki-copy{
  border:2px solid var(--ki-line-strong);background:transparent;color:var(--ki-muted);
  font-size:11.5px;letter-spacing:.14em;padding:3px 8px;cursor:pointer;
  transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out;
}
.ki-copy:hover{border-color:var(--ki-mint);color:var(--ki-mint)}
.ki-copy[data-copied]{background:var(--ki-mint);border-color:var(--ki-mint);color:var(--ki-ink)}

/* ---------- skip link ---------- */
.ki-skip-link{
  position:absolute;left:14px;top:-70px;z-index:300;
  background:var(--ki-mint);color:var(--ki-ink);
  padding:10px 18px;font-weight:800;font-size:13.5px;letter-spacing:.1em;
  transition:top .18s ease-out;
}
.ki-skip-link:focus{top:14px}

/* ---------- header ---------- */
.ki-header{position:sticky;top:0;z-index:120;background:var(--ki-indigo)}
.ki-header__brand-band{background:var(--ki-indigo);border-bottom:1px solid var(--ki-line)}
.ki-brand-band{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:64px;padding-block:10px;
}
.ki-logo{display:inline-flex;align-items:center;gap:12px}
.ki-logo__mark{
  position:relative;width:34px;height:34px;flex:0 0 34px;
  border:2px solid var(--ki-mint);
  background:linear-gradient(135deg,rgba(53,240,192,.18) 0 50%,transparent 50%);
  display:grid;place-items:center;
}
.ki-logo__mark::after{
  content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;
  background:var(--ki-orange);
}
.ki-logo__pulse{width:9px;height:9px;background:var(--ki-mint);animation:ki-pulse 2s ease-in-out infinite}
.ki-logo__text{display:flex;flex-direction:column;line-height:1.2}
.ki-logo__name{font-size:19px;font-weight:900;letter-spacing:.02em;color:var(--ki-white)}
.ki-logo__sub{font-size:10.5px;letter-spacing:.22em;color:var(--ki-muted)}
.ki-brand-band__tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}

.ki-city{position:relative;display:flex;align-items:center;gap:8px}
.ki-city__label{font-size:10.5px;letter-spacing:.2em;color:var(--ki-muted);white-space:nowrap}
.ki-city__btn{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--ki-panel);border:2px solid var(--ki-line-strong);
  color:var(--ki-white);padding:7px 12px;font-size:13px;letter-spacing:.08em;cursor:pointer;
  transition:border-color .15s ease-out,color .15s ease-out;
}
.ki-city__btn:hover{border-color:var(--ki-mint);color:var(--ki-mint)}
.ki-city__dot{width:8px;height:8px;background:var(--ki-orange);animation:ki-pulse 2s ease-in-out infinite}
.ki-city__value{font-weight:700}
.ki-city__list{
  position:absolute;top:calc(100% + 10px);left:0;z-index:40;
  min-width:196px;padding:6px;display:grid;gap:2px;
  background:var(--ki-panel);border:2px solid var(--ki-violet);
  box-shadow:6px 6px 0 rgba(8,12,34,.9);
}
.ki-city__option{
  width:100%;text-align:left;background:transparent;border:0;
  color:var(--ki-paper);padding:9px 10px;font-size:13px;letter-spacing:.06em;cursor:pointer;
  transition:background-color .12s ease-out,color .12s ease-out;
}
.ki-city__option:hover{background:rgba(53,240,192,.14);color:var(--ki-mint)}
.ki-city__option[aria-pressed="true"]{background:rgba(123,92,255,.28);color:var(--ki-white)}

.ki-header__nav-band{background:var(--ki-panel);border-bottom:2px solid rgba(53,240,192,.35)}
.ki-nav-band{position:relative;display:flex;align-items:center;gap:18px;min-height:54px}
.ki-nav{flex:1 1 auto;min-width:0}
.ki-nav__list{display:flex;flex-wrap:wrap;align-items:stretch;gap:2px}
.ki-nav__item{display:flex}
.ki-nav__link{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:15px 14px;font-size:14.5px;letter-spacing:.06em;color:var(--ki-paper);
  border-bottom:3px solid transparent;
  transition:color .12s ease-out,background-color .12s ease-out,border-color .12s ease-out;
}
.ki-nav__index{font-family:var(--ki-font-mono);font-size:11px;color:var(--ki-muted)}
.ki-nav__link:hover{color:var(--ki-mint);background:rgba(53,240,192,.07);border-bottom-color:rgba(53,240,192,.5)}
.ki-nav__link[aria-current="page"]{
  color:var(--ki-mint);background:rgba(53,240,192,.1);border-bottom-color:var(--ki-orange);
}
.ki-nav__link[aria-current="page"] .ki-nav__index{color:var(--ki-orange)}
.ki-nav-band__status{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:11px;letter-spacing:.16em;color:var(--ki-muted);
}
.ki-pulse{width:8px;height:8px;background:var(--ki-mint);animation:ki-pulse 2s ease-in-out infinite}
.ki-nav-toggle{
  display:none;align-items:center;gap:10px;
  background:transparent;border:2px solid var(--ki-line-strong);
  color:var(--ki-white);padding:8px 12px;font-size:12.5px;letter-spacing:.14em;cursor:pointer;
}
.ki-nav-toggle__bars{position:relative;display:block;width:18px;height:2px;background:var(--ki-mint)}
.ki-nav-toggle__bars::before,
.ki-nav-toggle__bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:inherit}
.ki-nav-toggle__bars::before{top:-6px}
.ki-nav-toggle__bars::after{top:6px}

.ki-progress{position:absolute;left:0;right:0;bottom:-2px;height:3px;background:rgba(166,174,203,.14)}
.ki-progress__bar{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ki-mint),var(--ki-orange))}

@keyframes ki-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.82)}}

/* ---------- footer ---------- */
.ki-footer{
  position:relative;
  background:var(--ki-indigo);
  border-top:3px solid var(--ki-orange);
  padding-top:0;
}
.ki-footer__coord{
  display:flex;gap:26px;align-items:center;overflow:hidden;white-space:nowrap;
  padding:10px var(--ki-gutter);border-bottom:1px solid var(--ki-line);
  background:#080C22;
}
.ki-coord{
  font-family:var(--ki-font-mono);font-size:11.5px;letter-spacing:.2em;
  color:rgba(166,174,203,.7);
}
.ki-coord:first-child{color:var(--ki-mint)}
.ki-footer__grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;
  gap:clamp(22px,3vw,44px);
  padding-block:clamp(36px,5vw,64px) clamp(28px,4vw,48px);
}
.ki-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.ki-footer__col--brand{border-left:3px solid var(--ki-mint);padding-left:18px}
.ki-footer__brand{
  display:flex;align-items:center;gap:12px;
  font-size:19px;font-weight:900;letter-spacing:.02em;color:var(--ki-white);
}
.ki-footer__brand-dot{width:9px;height:9px;background:var(--ki-orange);flex:0 0 9px}
.ki-footer__meta{font-size:12.5px;letter-spacing:.1em;color:var(--ki-muted);font-family:var(--ki-font-mono)}
.ki-footer__note{font-size:14px;line-height:1.7;color:rgba(233,236,245,.74);max-width:34ch}
.ki-footer__title{
  font-size:12.5px;font-weight:800;letter-spacing:.22em;color:var(--ki-mint);
  padding-bottom:8px;border-bottom:2px solid var(--ki-line);width:100%;
}
.ki-footer__list{display:flex;flex-direction:column;gap:9px;width:100%}
.ki-footer__list a{
  font-size:14.5px;color:var(--ki-paper);letter-spacing:.03em;
  display:inline-flex;align-items:center;gap:8px;
  transition:color .12s ease-out,transform .12s ease-out;
}
.ki-footer__list a::before{content:"—";color:rgba(166,174,203,.6);font-size:12px}
.ki-footer__list a:hover{color:var(--ki-mint);transform:translateX(4px)}
.ki-footer__list--plain{gap:7px}
.ki-footer__help{
  font-size:13.5px;color:rgba(233,236,245,.8);line-height:1.55;
  display:flex;gap:8px;
}
.ki-footer__help::before{content:"·";color:var(--ki-orange);font-weight:900;font-family:var(--ki-font-mono)}
.ki-footer__list--contact{gap:12px}
.ki-footer__list--contact li{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ki-footer__key{
  font-size:11px;letter-spacing:.16em;color:var(--ki-muted);
  border:1px solid var(--ki-line);padding:2px 7px;white-space:nowrap;
}
.ki-footer__addr{font-size:13.5px;color:rgba(233,236,245,.8);line-height:1.55}
.ki-footer__more{
  font-size:13.5px;letter-spacing:.06em;color:var(--ki-mint);
  border-bottom:2px solid rgba(53,240,192,.5);padding-bottom:2px;
  transition:color .12s ease-out,border-color .12s ease-out;
}
.ki-footer__more:hover{color:var(--ki-white);border-color:var(--ki-white)}
.ki-footer__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  padding-block:18px 26px;border-top:1px solid var(--ki-line);
}
.ki-footer__legal{display:flex;flex-wrap:wrap;gap:18px;font-size:12.5px;letter-spacing:.1em}
.ki-footer__legal a{color:var(--ki-muted);border-bottom:2px solid transparent;transition:color .12s ease-out,border-color .12s ease-out}
.ki-footer__legal a:hover{color:var(--ki-mint);border-color:var(--ki-mint)}
.ki-footer__hint{font-size:12.5px;letter-spacing:.08em;color:rgba(166,174,203,.8)}
.ki-to-top{
  position:fixed;right:clamp(14px,3vw,32px);bottom:clamp(14px,3vw,32px);z-index:150;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--ki-panel);border:2px solid var(--ki-mint);color:var(--ki-white);
  padding:9px 14px;cursor:pointer;
  box-shadow:6px 6px 0 rgba(8,12,34,.9);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .2s ease-out,transform .2s ease-out,visibility .2s;
}
.ki-to-top[data-visible]{opacity:1;visibility:visible;transform:none}
.ki-to-top:hover{border-color:var(--ki-orange);color:var(--ki-orange)}
.ki-to-top__num{font-family:var(--ki-font-mono);font-weight:700;font-size:15px;color:var(--ki-mint)}
.ki-to-top__label{font-size:12px;letter-spacing:.16em}

/* ---------- content components ---------- */
.ki-panel{
  background:var(--ki-panel);border:2px solid var(--ki-line-strong);
  box-shadow:var(--ki-shadow);padding:clamp(18px,2.4vw,30px);
}
.ki-section--paper .ki-panel{background:var(--ki-white);border-color:var(--ki-ink-line);color:var(--ki-ink)}
.ki-card{
  display:block;background:var(--ki-panel);border:2px solid var(--ki-line-strong);
  padding:clamp(16px,2vw,24px);box-shadow:var(--ki-shadow);
  transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out;
}
.ki-card:hover{transform:translate(-4px,-4px);border-color:var(--ki-mint);box-shadow:8px 8px 0 rgba(53,240,192,.4)}
.ki-card__title{font-size:19px;font-weight:800;line-height:1.3;color:var(--ki-white)}
.ki-card__meta{
  display:flex;flex-wrap:wrap;gap:10px;font-family:var(--ki-font-mono);
  font-size:11.5px;letter-spacing:.12em;color:var(--ki-muted);
}
.ki-scoreboard{
  display:grid;gap:2px;background:var(--ki-line);
  border:2px solid var(--ki-line-strong);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
}
.ki-stat{background:var(--ki-indigo);padding:18px 16px;display:flex;flex-direction:column;gap:6px}
.ki-stat__value{font-family:var(--ki-font-mono);font-weight:700;font-size:clamp(28px,4vw,46px);line-height:1;color:var(--ki-mint)}
.ki-stat__label{font-size:11.5px;letter-spacing:.18em;color:var(--ki-muted)}

.ki-timeline{
  overflow-x:auto;overflow-y:hidden;padding-bottom:14px;
  scrollbar-color:var(--ki-mint) transparent;cursor:grab;
}
.ki-timeline[data-dragging]{cursor:grabbing}
.ki-timeline__track{display:flex;gap:16px;min-width:max-content;padding-right:2px}
.ki-timeline__item{
  flex:0 0 auto;width:clamp(220px,26vw,280px);
  background:var(--ki-panel);border:2px solid var(--ki-line-strong);border-left:4px solid var(--ki-orange);
  padding:16px 18px;display:flex;flex-direction:column;gap:8px;
}
.ki-timeline__time{font-family:var(--ki-font-mono);font-weight:700;font-size:15px;color:var(--ki-mint);letter-spacing:.04em}

.ki-filter{display:flex;flex-wrap:wrap;gap:8px}
.ki-filter__btn{
  border:2px solid var(--ki-line-strong);background:transparent;color:var(--ki-paper);
  padding:7px 14px;font-size:13px;letter-spacing:.1em;cursor:pointer;
  transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out;
}
.ki-filter__btn:hover{border-color:var(--ki-mint);color:var(--ki-mint)}
.ki-filter__btn[aria-pressed="true"]{background:var(--ki-violet);border-color:var(--ki-violet);color:var(--ki-white)}

.ki-pin{
  position:relative;display:inline-block;width:12px;height:12px;border-radius:50%;
  background:var(--ki-mint);
}
.ki-pin::after{
  content:"";position:absolute;inset:-7px;border:2px solid rgba(53,240,192,.55);border-radius:50%;
  animation:ki-ring 2s ease-out infinite;
}
.ki-pin--sichuan{background:var(--ki-sichuan)}
.ki-pin--sichuan::after{border-color:rgba(228,69,58,.6)}
@keyframes ki-ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}

/* ---------- media ---------- */
.ki-media{
  position:relative;display:block;overflow:hidden;width:100%;
  aspect-ratio:16/9;background:var(--ki-panel);
  border:2px solid var(--ki-line-strong);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
.ki-media img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(1.05)}
.ki-media::after{
  content:"";position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(180deg,transparent,rgba(10,15,44,.78));
  pointer-events:none;
}
.ki-media--tall{aspect-ratio:4/5}
.ki-media--wide{aspect-ratio:21/9}
.ki-media__badge{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:var(--ki-font-mono);font-size:11.5px;letter-spacing:.14em;
  background:var(--ki-orange);color:var(--ki-ink);padding:3px 9px;
}
.ki-media__caption{
  position:absolute;left:14px;right:14px;bottom:12px;z-index:2;
  font-size:12.5px;letter-spacing:.06em;color:rgba(233,236,245,.9);
}

/* ---------- reveal ---------- */
.ki-js .ki-reveal{opacity:0;transform:translateY(16px)}
.ki-js .ki-reveal.is-visible{
  opacity:1;transform:none;
  transition:opacity .55s ease-out,transform .55s ease-out;
}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .ki-footer__grid{grid-template-columns:1.4fr 1fr 1fr}
  .ki-footer__col--brand{grid-column:1 / -1}
  .ki-footer__note{max-width:60ch}
}
@media (max-width:900px){
  .ki-nav-toggle{display:inline-flex}
  .ki-nav-band{flex-wrap:wrap;padding-block:10px;gap:12px}
  .ki-nav{order:3;flex:1 0 100%;display:none}
  .ki-nav[data-open]{display:block;animation:ki-fade .2s ease-out}
  .ki-nav__list{flex-direction:column;gap:0;border-top:1px solid var(--ki-line)}
  .ki-nav__item{width:100%}
  .ki-nav__link{
    width:100%;justify-content:flex-start;padding:14px 8px;
    border-bottom:1px solid var(--ki-line);border-left:3px solid transparent;
  }
  .ki-nav__link:hover{transform:none}
  .ki-nav__link[aria-current="page"]{border-left-color:var(--ki-orange);border-bottom-color:var(--ki-line)}
  .ki-nav-band__status{order:2;margin-left:auto}
  .ki-grid--3-9,.ki-grid--5-7,.ki-grid--7-5,.ki-grid--halves{grid-template-columns:1fr}
  .ki-footer__grid{grid-template-columns:1fr 1fr}
  .ki-display{transform:none}
}
@keyframes ki-fade{from{opacity:0}to{opacity:1}}
@media (max-width:640px){
  body{font-size:16px}
  .ki-logo__sub{display:none}
  .ki-city__label{display:none}
  .ki-brand-band{align-items:flex-start}
  .ki-brand-band__tools{gap:8px}
  .ki-btn{padding:9px 14px;font-size:13px}
  .ki-footer__grid{grid-template-columns:1fr}
  .ki-footer__col--brand{border-left-width:0;border-top:3px solid var(--ki-mint);padding-left:0;padding-top:14px}
  .ki-footer__bottom{flex-direction:column;align-items:flex-start}
  .ki-coord:nth-child(n+7){display:none}
  .ki-to-top{padding:8px 11px}
  .ki-to-top__label{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .ki-js .ki-reveal{opacity:1;transform:none}
  .ki-to-top{transform:none}
}