/* =========================================================
   亿万CN · 中国品牌站  /assets/site.css
   数字档案馆 · 索引卡片 · 印刷叠纸 · 深墨与暖纸硬切
   ========================================================= */

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

/* ---------- 2. tokens ---------- */
:root{
  --yw-ink:#0B1424;
  --yw-ink-deep:#050A12;
  --yw-paper:#F4EFE6;
  --yw-paper-2:#E2D8C8;
  --yw-paper-ink:#1B2430;
  --yw-gold:#D9A34A;
  --yw-gold-dark:#96702A;
  --yw-cyan:#4FE3D0;
  --yw-flame:#FF5A36;
  --yw-slate:#7E93A6;
  --yw-rule:#2A3A50;
  --yw-light:#F7F3EA;

  --yw-head:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --yw-serif:"Source Han Serif SC","Noto Serif SC","Songti SC",Georgia,serif;
  --yw-mono:"JetBrains Mono","SFMono-Regular","Source Han Mono SC",Consolas,monospace;

  --yw-shell:1320px;
  --yw-gutter:24px;
  --yw-radius:8px;
  --yw-ease:cubic-bezier(.2,.7,.3,1);
  --yw-stack:4px 4px 0 rgba(226,216,200,.16);
  --yw-stack-deep:6px 6px 0 rgba(5,10,18,.7);
  --yw-grid-line:rgba(217,163,74,.06);
}

/* ---------- 3. base ---------- */
body{
  background:var(--yw-paper);
  color:var(--yw-paper-ink);
  font-family:var(--yw-head);
  font-size:16.5px;
  line-height:1.85;
  letter-spacing:.01em;
}
h1,h2,h3,h4{font-family:var(--yw-head);font-weight:900;line-height:1.24;letter-spacing:.01em;}
p{max-width:72ch;}
::selection{background:var(--yw-cyan);color:#062026;}
:focus-visible{outline:2px solid var(--yw-cyan);outline-offset:2px;}
.yw-no-scroll{overflow:hidden;}

/* ---------- 4. skip link ---------- */
.yw-skip{
  position:absolute;left:-9999px;top:0;z-index:300;
  background:var(--yw-cyan);color:#062026;
  padding:10px 18px;font-weight:700;font-size:14px;
  border-radius:0 0 var(--yw-radius) 0;
}
.yw-skip:focus{left:0;}

/* ---------- 5. layout shell ---------- */
.yw-shell{
  width:100%;max-width:var(--yw-shell);
  margin-inline:auto;padding-inline:var(--yw-gutter);
}
.yw-section{padding-block:clamp(48px,7vw,96px);}
.yw-section--ink{
  background:var(--yw-ink);
  color:var(--yw-light);
  background-image:
    repeating-linear-gradient(0deg,var(--yw-grid-line) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(90deg,var(--yw-grid-line) 0 1px,transparent 1px 48px);
}
.yw-section--paper{background:var(--yw-paper);color:var(--yw-paper-ink);}
.yw-rule{
  height:1px;border:0;width:100%;
  background:repeating-linear-gradient(90deg,var(--yw-gold) 0 14px,transparent 14px 22px);
  opacity:.7;
}
.yw-mono{font-family:var(--yw-mono);letter-spacing:.06em;}
.yw-note{
  font-size:14px;line-height:1.8;color:var(--yw-slate);max-width:56ch;
}
.yw-section--paper .yw-note{color:#5A6472;}

/* ---------- 6. header / command bar ---------- */
.yw-header{
  position:sticky;top:0;z-index:80;
  background:var(--yw-ink);
  color:var(--yw-light);
  border-bottom:1px solid rgba(217,163,74,.42);
  background-image:
    repeating-linear-gradient(90deg,var(--yw-grid-line) 0 1px,transparent 1px 26px);
}
.yw-header__progress{
  position:absolute;left:0;bottom:-1px;height:2px;width:0;
  background:linear-gradient(90deg,var(--yw-gold),var(--yw-cyan));
}
.yw-header__inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:14px 20px;
  min-height:68px;
  padding-block:10px;
}

/* brand */
.yw-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.yw-brand__mark{
  width:38px;height:38px;flex:0 0 38px;
  display:grid;place-items:center;
  font-family:var(--yw-head);font-weight:900;font-size:20px;line-height:1;
  color:#16202F;
  background:linear-gradient(160deg,#E7BC6C,var(--yw-gold) 46%,#8A6522);
  border:1px solid #000;
  border-radius:6px;
  box-shadow:2px 2px 0 rgba(79,227,208,.4);
}
.yw-brand__stack{display:flex;flex-direction:column;gap:1px;}
.yw-brand__name{font-size:17px;font-weight:900;letter-spacing:.08em;line-height:1.2;}
.yw-brand__line{
  font-family:var(--yw-mono);font-size:10.5px;letter-spacing:.1em;
  color:var(--yw-slate);line-height:1.4;
}

/* nav */
.yw-nav{min-width:0;}
.yw-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;}
.yw-nav__link{
  position:relative;
  display:inline-flex;align-items:baseline;gap:6px;
  padding:9px 10px;
  font-size:14px;color:var(--yw-slate);
  border:1px solid transparent;border-radius:6px;
  transition:color .16s var(--yw-ease),border-color .16s var(--yw-ease),background-color .16s var(--yw-ease);
}
.yw-nav__idx{
  font-family:var(--yw-mono);font-size:10px;letter-spacing:.04em;
  color:rgba(126,147,166,.75);
  transition:color .16s var(--yw-ease);
}
.yw-nav__link::after{
  content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;
  background:var(--yw-gold);
  transform:scaleX(0);transform-origin:left;
  transition:transform .18s var(--yw-ease);
}
.yw-nav__link:hover{color:var(--yw-gold);border-color:rgba(217,163,74,.45);background:rgba(217,163,74,.07);}
.yw-nav__link:hover::after{transform:scaleX(1);}
.yw-nav__link[aria-current="page"]{
  color:var(--yw-paper);
  background:rgba(79,227,208,.1);
  border-color:rgba(79,227,208,.42);
}
.yw-nav__link[aria-current="page"] .yw-nav__idx{color:var(--yw-cyan);}
.yw-nav__link[aria-current="page"]::after{transform:scaleX(1);background:var(--yw-cyan);}

/* tools */
.yw-header__tools{display:flex;align-items:center;gap:10px;justify-self:end;}
.yw-tool{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;
  font-size:12px;color:var(--yw-slate);
  background:transparent;
  border:1px dashed rgba(126,147,166,.45);border-radius:6px;
  cursor:pointer;
  transition:color .16s var(--yw-ease),border-color .16s var(--yw-ease);
}
.yw-tool:hover{color:var(--yw-cyan);border-color:var(--yw-cyan);}
.yw-tool__key{
  display:inline-grid;place-items:center;
  min-width:18px;height:18px;padding:0 4px;
  font-family:var(--yw-mono);font-size:11px;color:var(--yw-cyan);
  background:var(--yw-ink-deep);
  border:1px solid var(--yw-rule);border-radius:4px;
}
.yw-tool__text{white-space:nowrap;}

/* status */
.yw-status{position:relative;}
.yw-status__btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;
  font-size:12px;color:var(--yw-light);
  background:rgba(5,10,18,.72);
  border:1px solid var(--yw-rule);border-radius:999px;
  cursor:pointer;
  transition:border-color .16s var(--yw-ease),color .16s var(--yw-ease);
}
.yw-status__btn:hover{border-color:var(--yw-gold);color:var(--yw-gold);}
.yw-status__dot{
  width:8px;height:8px;flex:0 0 8px;border-radius:50%;
  background:var(--yw-cyan);
  box-shadow:0 0 0 3px rgba(79,227,208,.16);
  animation:yw-pulse 2s ease-in-out infinite;
}
@keyframes yw-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.yw-status__text{white-space:nowrap;font-family:var(--yw-mono);letter-spacing:.02em;}
.yw-status__panel{
  position:absolute;right:0;top:calc(100% + 10px);z-index:90;
  width:min(320px,calc(100vw - 48px));
  padding:14px 16px;
  background:var(--yw-ink-deep);
  border:1px solid var(--yw-gold);border-radius:var(--yw-radius);
  box-shadow:var(--yw-stack-deep);
}
.yw-status__head{
  font-family:var(--yw-mono);font-size:11px;letter-spacing:.16em;
  color:var(--yw-gold);margin-bottom:8px;
}
.yw-status__list{display:grid;gap:8px;}
.yw-status__item{font-size:13px;line-height:1.7;color:var(--yw-light);}
.yw-status__meta{
  font-family:var(--yw-mono);font-size:11px;color:var(--yw-cyan);
  margin-right:8px;
}

/* buttons */
.yw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 16px;
  font-family:var(--yw-head);font-weight:700;font-size:14px;line-height:1;
  border:1px solid transparent;border-radius:6px;
  cursor:pointer;
  transition:transform .16s var(--yw-ease),box-shadow .16s var(--yw-ease),background-color .16s var(--yw-ease),color .16s var(--yw-ease),border-color .16s var(--yw-ease);
}
.yw-btn--flame{
  background:var(--yw-flame);color:#1A0A05;border-color:#A8301A;
  box-shadow:2px 2px 0 rgba(0,0,0,.55);
}
.yw-btn--flame:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,.6);}
.yw-btn--gold{
  background:var(--yw-gold);color:#16202F;border-color:#8A6522;
  box-shadow:2px 2px 0 rgba(0,0,0,.4);
}
.yw-btn--gold:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 rgba(0,0,0,.45);}
.yw-btn--ghost{
  background:transparent;color:var(--yw-light);border-color:var(--yw-rule);
}
.yw-btn--ghost:hover{border-color:var(--yw-cyan);color:var(--yw-cyan);}

/* mobile nav toggle */
.yw-nav-toggle{
  display:none;
  width:46px;height:42px;
  place-items:center;
  background:var(--yw-ink-deep);
  border:1px solid var(--yw-rule);border-radius:6px;
  cursor:pointer;
  justify-self:end;
}
.yw-nav-toggle__bars{
  position:relative;display:block;width:18px;height:2px;
  background:var(--yw-gold);
  transition:background-color .18s var(--yw-ease);
}
.yw-nav-toggle__bars::before,
.yw-nav-toggle__bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;
  background:var(--yw-gold);
  transition:transform .18s var(--yw-ease),top .18s var(--yw-ease);
}
.yw-nav-toggle__bars::before{top:-6px;}
.yw-nav-toggle__bars::after{top:6px;}
.yw-header[data-open] .yw-nav-toggle__bars{background:transparent;}
.yw-header[data-open] .yw-nav-toggle__bars::before{top:0;transform:rotate(45deg);}
.yw-header[data-open] .yw-nav-toggle__bars::after{top:0;transform:rotate(-45deg);}

/* ---------- 7. quick index overlay ---------- */
.yw-quick{
  position:fixed;inset:0;z-index:200;
  display:grid;justify-items:center;align-items:start;
  padding:min(12vh,120px) 20px 40px;
}
.yw-quick__scrim{position:absolute;inset:0;background:rgba(5,10,18,.88);}
.yw-quick__box{
  position:relative;width:min(680px,100%);
  background:var(--yw-ink);
  border:1px solid var(--yw-gold);border-radius:var(--yw-radius);
  box-shadow:var(--yw-stack-deep);
  overflow:hidden;
  color:var(--yw-light);
  animation:yw-quick-in .2s var(--yw-ease) both;
}
@keyframes yw-quick-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.yw-quick__head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;
  border-bottom:1px solid var(--yw-rule);
}
.yw-quick__title{
  font-family:var(--yw-mono);font-size:11.5px;font-weight:400;
  letter-spacing:.2em;color:var(--yw-gold);text-transform:uppercase;
}
.yw-quick__close{
  padding:6px 10px;font-size:11px;
  font-family:var(--yw-mono);color:var(--yw-slate);
  border:1px solid var(--yw-rule);border-radius:6px;cursor:pointer;
  transition:color .16s var(--yw-ease),border-color .16s var(--yw-ease);
}
.yw-quick__close:hover{color:var(--yw-cyan);border-color:var(--yw-cyan);}
.yw-quick__field{padding:12px 16px;border-bottom:1px solid var(--yw-rule);}
.yw-quick__field-label{
  display:block;margin-bottom:7px;
  font-family:var(--yw-mono);font-size:10.5px;letter-spacing:.14em;
  color:var(--yw-slate);
}
.yw-quick__input{
  width:100%;padding:11px 12px;
  font-family:var(--yw-mono);font-size:14px;
  color:var(--yw-light);
  background:var(--yw-ink-deep);
  border:1px solid var(--yw-rule);border-radius:6px;
}
.yw-quick__input::placeholder{color:#5A6C7E;}
.yw-quick__input:focus{outline:none;border-color:var(--yw-cyan);}
.yw-quick__list{max-height:50vh;overflow:auto;padding:8px 8px 10px;}
.yw-quick__item{margin:0;}
.yw-quick__link{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:14px;
  padding:10px 12px;
  border:1px solid transparent;border-radius:6px;
  transition:background-color .14s var(--yw-ease),border-color .14s var(--yw-ease);
}
.yw-quick__link:hover,
.yw-quick__link:focus-visible{background:rgba(217,163,74,.1);border-color:rgba(217,163,74,.55);}
.yw-quick__num{font-family:var(--yw-mono);font-size:11px;color:var(--yw-cyan);}
.yw-quick__name{font-size:15px;color:var(--yw-light);}
.yw-quick__route{font-family:var(--yw-mono);font-size:11px;color:var(--yw-slate);}
.yw-quick__empty{padding:20px 16px;font-size:14px;color:var(--yw-slate);text-align:center;}
.yw-quick__foot{
  display:flex;flex-wrap:wrap;gap:8px 18px;
  padding:10px 16px;
  border-top:1px solid var(--yw-rule);
}
.yw-quick__hint{font-family:var(--yw-mono);font-size:11px;color:var(--yw-slate);}

/* ---------- 8. footer ---------- */
.yw-footer{
  background:var(--yw-ink-deep);
  color:var(--yw-light);
  border-top:1px solid rgba(217,163,74,.4);
  background-image:
    repeating-linear-gradient(0deg,rgba(217,163,74,.045) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(90deg,rgba(217,163,74,.045) 0 1px,transparent 1px 48px);
}
.yw-footer__ruler{
  height:8px;
  background-image:repeating-linear-gradient(90deg,var(--yw-gold) 0 1px,transparent 1px 22px);
  opacity:.45;
}
.yw-footer__inner{
  display:grid;
  grid-template-columns:minmax(260px,1.05fr) minmax(0,2fr);
  gap:44px;
  padding-block:52px 38px;
}
.yw-footer__brand{display:grid;align-content:start;gap:14px;}
.yw-footer .yw-brand__name{color:var(--yw-paper);}
.yw-footer__note{font-size:13.5px;line-height:1.8;color:var(--yw-slate);max-width:38ch;}
.yw-footer__contact{
  display:grid;gap:4px;
  font-style:normal;
  font-family:var(--yw-mono);font-size:12.5px;letter-spacing:.02em;
  color:var(--yw-slate);
  padding-top:14px;
  border-top:1px solid var(--yw-rule);
}
.yw-footer__contact-item{line-height:1.9;}
.yw-footer__groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.yw-footer__group{min-width:0;}
.yw-footer__title{
  font-family:var(--yw-serif);font-size:13px;font-weight:600;
  letter-spacing:.14em;color:var(--yw-gold);
  padding-bottom:10px;margin-bottom:12px;
  border-bottom:1px solid var(--yw-rule);
}
.yw-footer__list{display:grid;gap:2px;}
.yw-footer__link{
  display:inline-block;
  padding:5px 0;
  font-size:14px;color:var(--yw-slate);
  border-bottom:1px solid transparent;
  transition:color .16s var(--yw-ease),border-color .16s var(--yw-ease);
}
.yw-footer__link:hover{color:var(--yw-paper);border-bottom-color:var(--yw-gold);}
.yw-footer__legal{
  display:flex;flex-wrap:wrap;gap:8px 28px;
  align-items:center;justify-content:space-between;
  padding-block:16px 22px;
  border-top:1px solid var(--yw-rule);
}
.yw-footer__legal-line{font-family:var(--yw-mono);font-size:11.5px;line-height:1.8;color:var(--yw-slate);max-width:70ch;}
.yw-footer__year{font-family:var(--yw-mono);font-size:11.5px;color:var(--yw-slate);white-space:nowrap;}

/* ---------- 9. generic components ---------- */
.yw-label{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--yw-mono);font-size:11.5px;letter-spacing:.16em;
  color:var(--yw-slate);text-transform:uppercase;
  margin-bottom:14px;
}
.yw-label::before,
.yw-label::after{content:"";width:16px;height:1px;background:currentColor;opacity:.6;}
.yw-label__num{color:var(--yw-gold);}
.yw-section--paper .yw-label{color:var(--yw-gold-dark);}

.yw-crumbs{padding-block:14px;border-bottom:1px solid var(--yw-paper-2);background:var(--yw-paper);}
.yw-crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.yw-crumbs__item{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#5A6472;}
.yw-crumbs__link{font-family:var(--yw-mono);color:var(--yw-gold-dark);}
.yw-crumbs__link:hover{color:var(--yw-flame);}
.yw-crumbs__sep{font-family:var(--yw-mono);color:var(--yw-paper-2);}
.yw-crumbs__here{font-family:var(--yw-mono);color:var(--yw-paper-ink);}

.yw-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--yw-gutter);
}
.yw-grid--wide{gap:clamp(24px,3vw,40px);}

.yw-card{
  position:relative;
  background:var(--yw-paper);
  color:var(--yw-paper-ink);
  border:1px solid var(--yw-paper-2);
  border-radius:var(--yw-radius);
  box-shadow:var(--yw-stack);
  padding:20px;
  transition:border-color .16s var(--yw-ease),transform .16s var(--yw-ease);
}
.yw-card:hover{border-color:var(--yw-gold);transform:translate(-2px,-2px);}
.yw-card__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:12px;margin-bottom:14px;
  border-bottom:1px solid var(--yw-paper-2);
}
.yw-card__title{font-family:var(--yw-serif);font-size:18px;font-weight:600;letter-spacing:.02em;}
.yw-card__body{font-size:15.5px;line-height:1.85;}
.yw-card__body p+p{margin-top:10px;}
.yw-card__foot{
  margin-top:16px;padding-top:12px;
  border-top:1px dashed var(--yw-paper-2);
  font-family:var(--yw-mono);font-size:11.5px;color:var(--yw-gold-dark);
}
.yw-section--ink .yw-card{background:var(--yw-ink-deep);color:var(--yw-light);border-color:var(--yw-rule);}
.yw-section--ink .yw-card__head,.yw-section--ink .yw-card__foot{border-color:var(--yw-rule);}
.yw-section--ink .yw-card__foot{color:var(--yw-cyan);}

.yw-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 9px;
  font-family:var(--yw-mono);font-size:11px;letter-spacing:.08em;
  border:1px solid var(--yw-rule);border-radius:999px;
  color:var(--yw-slate);background:rgba(5,10,18,.4);
}
.yw-chip--gold{border-color:var(--yw-gold);color:var(--yw-gold);background:rgba(217,163,74,.1);}
.yw-chip--cyan{border-color:var(--yw-cyan);color:var(--yw-cyan);background:rgba(79,227,208,.1);}
.yw-chip--flame{border-color:var(--yw-flame);color:var(--yw-flame);background:rgba(255,90,54,.1);}

/* image containers */
.yw-media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--yw-ink-deep);
  border:1px solid var(--yw-rule);
  border-radius:var(--yw-radius);
}
.yw-media--square{aspect-ratio:1/1;}
.yw-media--tall{aspect-ratio:3/4;}
.yw-media--wide{aspect-ratio:21/9;}
.yw-media__img{width:100%;height:100%;object-fit:cover;display:block;}
.yw-media__plate{
  position:absolute;inset:0;
  display:grid;place-items:center;
  font-family:var(--yw-mono);font-size:12px;letter-spacing:.18em;
  color:rgba(126,147,166,.85);
  background-image:
    repeating-linear-gradient(0deg,rgba(217,163,74,.09) 0 1px,transparent 1px 32px),
    repeating-linear-gradient(90deg,rgba(217,163,74,.09) 0 1px,transparent 1px 32px);
}
.yw-section--paper .yw-media{border-color:var(--yw-paper-2);}

/* reveal protocol */
.yw-reveal-ready [data-reveal]{opacity:0;transform:translateY(8px);}
[data-reveal].is-in{
  opacity:1;transform:none;
  transition:opacity .22s var(--yw-ease),transform .22s var(--yw-ease);
}

/* ---------- 10. responsive ---------- */
@media (max-width:1100px){
  .yw-tool__text{display:none;}
  .yw-status__text{max-width:150px;overflow:hidden;text-overflow:ellipsis;}
}
@media (max-width:980px){
  :root{--yw-gutter:18px;}
  .yw-header__inner{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "brand toggle"
      "nav nav"
      "tools tools";
    gap:0;
    padding-block:10px;
  }
  .yw-brand{grid-area:brand;}
  .yw-nav-toggle{display:grid;grid-area:toggle;}
  .yw-nav{grid-area:nav;display:none;}
  .yw-header__tools{grid-area:tools;display:none;}
  .yw-header[data-open] .yw-nav,
  .yw-nav[data-open]{display:block;padding-bottom:6px;}
  .yw-header[data-open] .yw-header__tools{
    display:flex;flex-wrap:wrap;
    justify-self:stretch;
    padding-block:12px 16px;
    border-top:1px solid var(--yw-rule);
    animation:yw-panel-in .2s var(--yw-ease) both;
  }
  @keyframes yw-panel-in{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
  .yw-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .yw-nav__link{
    padding:12px 4px;border-radius:0;
    border-bottom:1px dashed rgba(42,58,80,.9);
    font-size:15px;
  }
  .yw-nav__link::after{display:none;}
  .yw-tool__text{display:inline;}
  .yw-status__panel{right:auto;left:0;}
  .yw-footer__inner{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:40px 30px;}
  .yw-footer__groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
}
@media (max-width:720px){
  body{font-size:16px;}
  .yw-quick{padding:16px 14px 28px;align-items:center;}
  .yw-quick__list{max-height:44vh;}
  .yw-quick__route{display:none;}
  .yw-quick__link{grid-template-columns:auto minmax(0,1fr);}
  .yw-footer__groups{grid-template-columns:minmax(0,1fr);gap:24px;}
  .yw-footer__legal{flex-direction:column;align-items:flex-start;}
  .yw-grid{gap:18px;}
}
@media (max-width:420px){
  .yw-brand__line{display:none;}
  .yw-tool__text{display:none;}
  .yw-status__text{max-width:110px;}
}

/* ---------- 11. reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  .yw-reveal-ready [data-reveal]{opacity:1;transform:none;}
  .yw-status__dot{animation:none;}
  .yw-quick__box{animation:none;}
}