/* ==========================================================================
   半岛平台体育 · 共享外壳样式  /assets/site.css
   夜场战术板：深底 + 坐标细线 + 等宽数据 + 琥珀金状态
   ========================================================================== */

/* ---------- 1. 变量 ---------- */
:root{
  --navy:#0A1B2A;
  --green:#0E3B2E;
  --steel:#17334D;
  --line:#2A4A63;
  --amber:#F2B33D;
  --amber-hi:#FFD479;
  --coral:#E5674F;
  --cream:#F3EDE1;
  --mist:#9DB2C4;
  --ink:#05121D;
  --paper:#E6EDF4;

  --radius-s:10px;
  --radius-m:16px;
  --radius-l:22px;
  --radius-pill:999px;

  --ease:cubic-bezier(.3,.7,.3,1);
  --dur:180ms;

  --font-head:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-body:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono","Noto Sans Mono CJK SC",monospace;

  --shell:1280px;
  --gutter:24px;
  --header-h:64px;
  --flow:16px;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  tab-size:4;
}
body{
  margin:0;
  min-height:100vh;
  background-color:var(--navy);
  background-image:
    repeating-linear-gradient(to right, rgba(42,74,99,.26) 0 1px, transparent 1px 88px),
    repeating-linear-gradient(to bottom, rgba(42,74,99,.17) 0 1px, transparent 1px 88px),
    radial-gradient(130% 70% at 50% -8%, rgba(23,51,77,.9) 0%, rgba(10,27,42,0) 62%);
  background-attachment:fixed;
  color:var(--paper);
  font-family:var(--font-body);
  font-size:16px;
  font-weight:400;
  line-height:1.75;
  letter-spacing:.005em;
  overflow-x:hidden;
}
img,svg,picture,video{ max-width:100%; display:block; }
button,input,select,textarea{ font:inherit; color:inherit; }
ul,ol{ margin:0; padding:0; list-style:none; }
p{ margin:0; }
a{ color:var(--amber-hi); text-decoration:none; }
a:hover{ color:var(--amber); }
hr{ border:0; border-top:1px solid var(--line); margin:28px 0; }
[hidden]{ display:none !important; }

h1,h2,h3,h4,h5{
  margin:0;
  font-family:var(--font-head);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.015em;
  color:#fff;
  font-stretch:95%;
}
h1{ font-size:clamp(30px,4.2vw,46px); font-weight:900; }
h2{ font-size:clamp(23px,2.6vw,34px); }
h3{ font-size:20px; }
h4{ font-size:17px; }

:focus-visible{
  outline:2px solid var(--amber-hi);
  outline-offset:2px;
  border-radius:6px;
}

/* ---------- 3. 排版工具 ---------- */
.mono{ font-family:var(--font-mono); letter-spacing:.02em; font-variant-numeric:tabular-nums; }
.stamp{
  display:inline-flex; align-items:center; gap:6px;
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.05em;
  color:var(--mist); font-variant-numeric:tabular-nums;
}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:12px;
  letter-spacing:.16em; color:var(--amber); text-transform:uppercase;
}
.meta-line{
  font-size:14px; color:var(--mist); line-height:1.7;
  max-width:70ch;
}
.flow > * + *{ margin-top:var(--flow); }
.visually-hidden{
  position:absolute !important; width:1px; height:1px;
  margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0);
  white-space:nowrap; border:0;
}

/* ---------- 4. 容器与网格 ---------- */
.shell{
  width:100%;
  max-width:var(--shell);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:24px;
}
.grid--tight{ gap:14px; }
.col-3{ grid-column:span 3; }
.col-4{ grid-column:span 4; }
.col-5{ grid-column:span 5; }
.col-6{ grid-column:span 6; }
.col-7{ grid-column:span 7; }
.col-8{ grid-column:span 8; }
.col-9{ grid-column:span 9; }
.col-12{ grid-column:span 12; }

/* ---------- 5. 跳转链接 ---------- */
.skip-link{
  position:absolute; left:16px; top:-80px; z-index:300;
  background:var(--amber); color:#1B1206;
  padding:10px 20px; border-radius:0 0 var(--radius-s) var(--radius-s);
  font-family:var(--font-head); font-weight:800; font-size:14px;
  transition:top var(--dur) var(--ease);
}
.skip-link:focus{ top:0; color:#1B1206; }

/* ---------- 6. 命令栏页头 ---------- */
.cmdbar{
  position:sticky; top:0; z-index:80;
  background:rgba(5,18,29,.94);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.cmdbar__inner{
  display:flex; align-items:center; gap:18px;
  min-height:var(--header-h);
  padding-block:10px;
}
.cmdbar__brand{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.brand{ display:flex; align-items:center; gap:10px; color:#fff; }
.brand:hover{ color:#fff; }
.brand__mark{
  width:26px; height:26px; flex:0 0 auto;
  border-radius:9px 9px 9px 3px;
  background:linear-gradient(135deg,var(--amber) 0 48%,var(--coral) 48% 100%);
  box-shadow:inset 0 0 0 1px rgba(5,18,29,.55);
}
.brand__text{ display:flex; flex-direction:column; line-height:1.15; }
.brand__name{
  font-family:var(--font-head); font-weight:900; font-size:17px;
  letter-spacing:.02em; color:#fff;
}
.brand__tag{ font-size:12.5px; color:var(--mist); letter-spacing:.06em; }
.version-badge{
  display:inline-block;
  padding:2px 9px; border-radius:var(--radius-pill);
  background:rgba(242,179,61,.14);
  border:1px solid rgba(242,179,61,.42);
  color:var(--amber-hi);
  font-size:11px; line-height:1.7; letter-spacing:.08em;
}

.nav-toggle{
  display:none; align-items:center; gap:9px;
  padding:8px 15px; cursor:pointer;
  background:var(--steel); color:var(--paper);
  border:1px solid var(--line); border-radius:var(--radius-pill);
  font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:.06em;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.nav-toggle:hover{ border-color:var(--amber); color:var(--amber-hi); }
.nav-toggle__bars{ display:inline-flex; flex-direction:column; gap:3px; }
.nav-toggle__bars i{
  display:block; width:14px; height:2px; border-radius:2px; background:currentColor;
  transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease);
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(1){ transform:translateY(5px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(2){ opacity:0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(3){ transform:translateY(-5px) rotate(-45deg); }

.index-nav{ flex:1 1 auto; min-width:0; }
.index-nav__list{ display:flex; align-items:center; gap:3px; }
.index-nav__link{
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 13px; border-radius:var(--radius-pill);
  color:var(--paper);
  font-family:var(--font-head); font-size:13px; font-weight:700;
  letter-spacing:.04em; white-space:nowrap;
  background-image:linear-gradient(rgba(242,179,61,.16),rgba(242,179,61,.16));
  background-repeat:no-repeat;
  background-position:left center;
  background-size:0% 100%;
  transition:background-size var(--dur) var(--ease),color var(--dur) var(--ease);
}
.index-nav__link:hover,
.index-nav__link:focus-visible{ color:var(--amber-hi); background-size:100% 100%; }
.index-nav__i{ font-size:10.5px; color:var(--line); letter-spacing:.08em; transition:color var(--dur) var(--ease); }
.index-nav__link:hover .index-nav__i{ color:var(--amber-hi); }
.index-nav__link[aria-current="page"]{
  color:var(--amber);
  background-size:100% 100%;
  box-shadow:inset 2px 0 0 var(--amber);
}
.index-nav__link[aria-current="page"] .index-nav__i{ color:var(--amber); }

.cmdbar__utility{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.rule-anchor{
  display:inline-flex; align-items:center; gap:7px;
  padding:8px 15px; border-radius:var(--radius-pill);
  border:1px solid rgba(242,179,61,.45);
  color:var(--amber-hi);
  font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:.05em;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.rule-anchor:hover,
.rule-anchor:focus-visible{ background:var(--amber); border-color:var(--amber); color:#1B1206; }
.status-chip{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 13px; border-radius:var(--radius-pill);
  background:rgba(14,59,46,.62);
  border:1px solid rgba(42,74,99,.9);
  color:var(--mist);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.06em;
}
.status-dot{
  width:7px; height:7px; border-radius:50%; background:var(--coral);
  animation:pulse-dot 2.4s ease-out infinite;
}
@keyframes pulse-dot{
  0%{ box-shadow:0 0 0 0 rgba(229,103,79,.55); }
  70%{ box-shadow:0 0 0 7px rgba(229,103,79,0); }
  100%{ box-shadow:0 0 0 0 rgba(229,103,79,0); }
}
.cmdbar__progress{
  position:absolute; left:0; bottom:-1px; height:2px; width:0;
  background:linear-gradient(90deg,var(--green),var(--amber),var(--amber-hi));
  transition:width 90ms linear;
}

/* ---------- 7. 通用按钮 ---------- */
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 22px; border:1px solid transparent; border-radius:var(--radius-pill);
  font-family:var(--font-head); font-weight:800; font-size:15px; letter-spacing:.02em;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),
             border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.btn--gold{ background:var(--amber); color:#1B1206; }
.btn--gold:hover,
.btn--gold:focus-visible{ background:var(--amber-hi); color:#1B1206; transform:translateY(-1px); }
.btn--ghost{ background:transparent; color:var(--paper); border-color:var(--line); }
.btn--ghost:hover,
.btn--ghost:focus-visible{ border-color:var(--amber); color:var(--amber-hi); }
.btn--quiet{ background:rgba(23,51,77,.75); color:var(--paper); }
.btn--quiet:hover,
.btn--quiet:focus-visible{ background:rgba(23,51,77,1); color:var(--amber-hi); }

/* ---------- 8. 面包屑 ---------- */
.crumbs{
  display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px;
  padding-block:18px;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.06em;
  color:var(--mist);
}
.crumbs a{ color:var(--mist); }
.crumbs a:hover{ color:var(--amber-hi); }
.crumbs > * + *::before{ content:"/"; margin-inline-end:8px; color:var(--line); }
.crumbs [aria-current="page"]{ color:var(--amber); }

/* ---------- 9. 分区与标题 ---------- */
.section{ position:relative; padding-block:56px; }
.section--green{
  background:rgba(14,59,46,.5);
  border-top:1px solid rgba(42,74,99,.7);
  border-bottom:1px solid rgba(42,74,99,.7);
}
.section-head{
  display:flex; align-items:baseline; gap:14px;
  margin-bottom:26px; padding-bottom:14px;
  border-bottom:1px solid rgba(42,74,99,.8);
}
.section-num{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.14em;
  color:var(--amber); flex:0 0 auto;
}
.section-title{ font-size:clamp(22px,2.4vw,30px); }

/* ---------- 10. 卡片与标签 ---------- */
.card{
  position:relative;
  padding:22px;
  border:1px solid rgba(42,74,99,.9);
  border-radius:var(--radius-m);
  background:linear-gradient(180deg,rgba(23,51,77,.95),rgba(17,40,60,.95));
  transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);
}
.card::before{
  content:""; position:absolute; left:22px; top:0;
  width:30px; height:2px; border-radius:0 0 2px 2px;
  background:var(--amber);
}
.card:hover{ border-color:rgba(242,179,61,.6); transform:translateY(-2px); }
.card__head{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin-bottom:10px;
}
.card__title{ font-family:var(--font-head); font-size:18px; font-weight:800; color:#fff; }
.card__stamp{
  font-family:var(--font-mono); font-size:11px; letter-spacing:.05em;
  color:var(--mist); flex:0 0 auto;
}

.chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 13px; border-radius:var(--radius-pill);
  background:rgba(242,179,61,.12);
  border:1px solid rgba(242,179,61,.35);
  color:var(--amber-hi);
  font-family:var(--font-mono); font-size:12px; letter-spacing:.05em;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease);
}
.chip:hover{ background:rgba(242,179,61,.22); border-color:var(--amber); }
.chip--live{
  background:rgba(229,103,79,.14);
  border-color:rgba(229,103,79,.45);
  color:#FFB7A7;
}
.chip--mute{
  background:rgba(42,74,99,.35);
  border-color:rgba(42,74,99,.85);
  color:var(--mist);
}
.chip-row{ display:flex; flex-wrap:wrap; gap:8px; }

/* ---------- 11. 可展开面板 ---------- */
.panel{
  border:1px solid rgba(42,74,99,.85);
  border-radius:var(--radius-m);
  background:rgba(23,51,77,.5);
  overflow:hidden;
}
.panel + .panel{ margin-top:10px; }
.panel__head{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:16px 20px; cursor:pointer; text-align:left;
  background:none; border:0; color:var(--paper);
  font-family:var(--font-head); font-weight:700; font-size:16px;
  transition:background-color var(--dur) var(--ease);
}
.panel__head:hover{ background:rgba(42,74,99,.4); }
.panel__title{ flex:1 1 auto; }
.panel__state{
  flex:0 0 auto;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
  color:var(--amber);
}
.panel__body{ height:0; overflow:hidden; transition:height var(--dur) var(--ease); }
.panel__inner{
  padding:4px 20px 20px;
  font-size:15px; line-height:1.8; color:var(--mist);
}
.panel__inner strong{ color:var(--paper); }
.panel[data-open="true"] .panel__head{ background:rgba(42,74,99,.42); }
.panel[data-open="true"] .panel__body{ border-top:1px solid rgba(42,74,99,.6); }

/* ---------- 12. 长文阅读面板 ---------- */
.prose{ max-width:70ch; font-size:16px; line-height:1.8; }
.prose h2{ margin-bottom:14px; }
.prose h3{ margin:28px 0 10px; color:var(--paper); font-size:17px; }
.prose p + p{ margin-top:14px; }
.prose ul{ margin:14px 0; padding-left:20px; list-style:disc; }
.prose li + li{ margin-top:6px; }
.prose--panel{
  max-width:none;
  background:var(--cream);
  color:#241A10;
  border-radius:var(--radius-l);
  padding:clamp(22px,3vw,40px);
  box-shadow:0 18px 40px rgba(0,0,0,.3);
}
.prose--panel h2,
.prose--panel h3{ color:#1B1206; }
.prose--panel a{ color:#8A4A12; text-decoration:underline; text-underline-offset:3px; }
.prose--panel .stamp{ color:#6C5A44; }
.prose--panel hr{ border-top-color:rgba(36,26,16,.18); }

/* ---------- 13. 图片容器基础规则 ---------- */
.fig{ position:relative; margin:0; }
.fig__frame{
  position:relative;
  display:grid; place-items:center;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid rgba(42,74,99,.9);
  border-radius:var(--radius-l);
  background:
    radial-gradient(120% 90% at 18% 0%, rgba(242,179,61,.2), transparent 62%),
    linear-gradient(160deg,var(--steel),var(--ink));
}
.fig__frame img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
}
.fig__frame::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 8px),
    linear-gradient(180deg, transparent 52%, rgba(5,18,29,.72) 100%);
}
.fig__ph{
  position:relative; z-index:1;
  font-family:var(--font-mono); font-size:11.5px; letter-spacing:.14em;
  color:rgba(157,178,196,.75); text-transform:uppercase;
}
.fig__cap{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;
  margin-top:10px; font-size:13px; color:var(--mist);
}
.fig--wide .fig__frame{ aspect-ratio:21 / 9; }
.fig--tall .fig__frame{ aspect-ratio:3 / 4; }
.fig--square .fig__frame{ aspect-ratio:1 / 1; }
.fig--span{ grid-column:2 / span 9; }

/* ---------- 14. 显现动效 ---------- */
html.reveal-ready [data-reveal]{
  opacity:0;
  transform:translateY(10px);
  transition:opacity 380ms var(--ease),transform 380ms var(--ease);
}
html.reveal-ready [data-reveal].is-in{ opacity:1; transform:none; }

/* ---------- 15. 页脚 ---------- */
.site-footer{
  margin-top:76px;
  padding-block:56px 26px;
  background:var(--ink);
  border-top:1px solid var(--line);
  color:var(--mist);
  font-size:15px;
  position:relative;
}
.site-footer::before{
  content:""; position:absolute; inset:0 0 auto; height:2px;
  background:linear-gradient(90deg,var(--green),var(--amber),var(--coral));
  opacity:.85;
}
.foot-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:32px 28px;
  padding-bottom:32px;
  border-bottom:1px solid rgba(42,74,99,.7);
}
.foot-brand__name{
  font-family:var(--font-head); font-weight:900; font-size:26px;
  letter-spacing:-.01em; color:#fff; line-height:1.2;
}
.foot-brand__tag{ margin-top:6px; font-size:14px; color:var(--mist); letter-spacing:.1em; }
.foot-brand__ver{ margin-top:16px; font-size:12px; color:var(--amber); letter-spacing:.08em; }
.foot-col__title{
  margin-bottom:14px;
  font-family:var(--font-head); font-size:13px; font-weight:800;
  letter-spacing:.18em; color:var(--mist);
}
.foot-links{ display:flex; flex-direction:column; gap:9px; }
.foot-links a{
  display:inline-block; width:fit-content;
  color:var(--paper); font-size:14px;
  background-image:linear-gradient(var(--amber),var(--amber));
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0 1px;
  padding-bottom:2px;
  transition:background-size var(--dur) var(--ease),color var(--dur) var(--ease);
}
.foot-links a:hover,
.foot-links a:focus-visible{ color:var(--amber-hi); background-size:100% 1px; }
.foot-contact{
  display:flex; flex-wrap:wrap; gap:8px 22px;
  padding-block:26px;
  border-bottom:1px solid rgba(42,74,99,.7);
}
.foot-contact__line{ font-size:14px; color:var(--paper); }
.foot-contact__line .mono{ color:var(--amber-hi); font-size:13px; }
.foot-contact__note{ font-size:13px; color:var(--mist); }
.foot-base{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:12px 20px;
  padding-top:22px;
  font-family:var(--font-mono); font-size:12px; letter-spacing:.05em;
  color:var(--mist);
}
.foot-base__icp{ color:var(--line); }
.to-top{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 16px;
  background:rgba(23,51,77,.8);
  border:1px solid var(--line);
  border-radius:var(--radius-pill);
  color:var(--paper);
  font-family:var(--font-head); font-size:12.5px; font-weight:700; letter-spacing:.06em;
  cursor:pointer;
  transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.to-top:hover,
.to-top:focus-visible{ border-color:var(--amber); color:var(--amber-hi); }

/* ---------- 16. 响应式 ---------- */
@media (max-width:1023px){
  :root{ --gutter:16px; --header-h:58px; }

  .cmdbar__inner{ gap:10px; }
  .brand__tag{ display:none; }
  .status-chip{ display:none; }
  .rule-anchor{ padding:7px 12px; font-size:12px; }
  .nav-toggle{ display:inline-flex; order:3; margin-left:auto; }

  .index-nav{
    position:absolute; left:0; right:0; top:100%;
    display:none;
    padding:12px var(--gutter) 18px;
    background:var(--ink);
    border-bottom:1px solid var(--line);
    box-shadow:0 22px 40px rgba(0,0,0,.5);
    max-height:calc(100vh - var(--header-h) - 20px);
    overflow-y:auto;
  }
  .index-nav[data-open="true"]{ display:block; }
  .index-nav__list{ flex-direction:column; align-items:stretch; gap:3px; }
  .index-nav__link{
    padding:12px 14px;
    border-radius:var(--radius-s);
    font-size:15px;
    background-size:0% 100%;
  }
  .index-nav__link:hover,
  .index-nav__link:focus-visible{ background-size:100% 100%; }
  .index-nav__link[aria-current="page"]{ box-shadow:inset 3px 0 0 var(--amber); }

  .grid{ gap:18px; }
  .col-3,.col-4,.col-5,.col-6{ grid-column:span 6; }
  .col-7,.col-8,.col-9{ grid-column:span 12; }
  .fig--span{ grid-column:span 12; }

  .foot-grid{ grid-template-columns:1fr 1fr; gap:26px 20px; }
  .foot-brand{ grid-column:1 / -1; }
}

@media (max-width:639px){
  .grid{ grid-template-columns:repeat(6,minmax(0,1fr)); }
  .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12{ grid-column:span 6; }

  .section{ padding-block:38px; }
  .site-footer{ margin-top:52px; padding-block:40px 22px; }
  .foot-grid{ grid-template-columns:1fr; }
  .foot-contact{ flex-direction:column; gap:8px; }
  .foot-base{ justify-content:flex-start; }
  h1{ font-size:clamp(26px,8vw,34px); }
}

@media (min-width:1024px){
  .index-nav{ display:block; }
  .nav-toggle{ display:none; }
}

/* ---------- 17. 无障碍与动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html.reveal-ready [data-reveal]{ opacity:1; transform:none; }
  .panel__body{ transition:none; }
}
@media print{
  .cmdbar,.site-footer,.to-top,.skip-link{ display:none; }
  body{ background:#fff; color:#111; }
}