:root{
  
  
  --canvas:#e9e6dd;
  --bg:#fff; --ink:#12151a; --ink-2:#2f343d; --muted:#6f7783; --muted-2:#a5acb6;
  --hair:#e6e8eb; --hair-2:#f2f3f5; --bar-hair:#d6dbe2;
  --accent:#a8842c; --accent-soft:rgba(168,132,44,.07);
  --ease:cubic-bezier(.22,.61,.36,1);
  --pad-x:clamp(.85rem,1.8vw,1.62rem);
  --pad-y:clamp(.5rem,1.6vh,.83rem);
  --gap:clamp(.85rem,1.8vw,1.62rem);
}

*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--canvas);color:var(--ink);
  font-family:Inter,"Inter Fallback",system-ui,-apple-system,sans-serif;
  font-size:16px;-webkit-font-smoothing:antialiased;
}
h1,h2,h3,p,dl,dd,dt,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
hr{border:0;border-top:1px solid var(--hair);margin:0}
.serif{font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif}
.tabular{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

.sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}


.screen{
  position:relative;
  height:100svh;display:flex;flex-direction:column;gap:var(--pad-y);
  padding:var(--pad-y) var(--pad-x);
}


.ghost{
  position:absolute;z-index:2;pointer-events:none;user-select:none;
  right:calc(var(--pad-x) + 1.3rem);
  bottom:calc(var(--pad-y) + 2.9rem);
  display:flex;flex-direction:column;align-items:flex-end;gap:.1em;
  text-align:right;
  opacity:0;transform:translateY(10px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.ghost.on{opacity:1;transform:none}

.ghost .num{
  display:flex;align-items:baseline;gap:.06em;
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  line-height:.9;font-variant-numeric:tabular-nums;
}
.ghost b{
  font-size:clamp(5.2rem,21vh,13rem);font-weight:600;
  color:var(--accent);opacity:.6;
}
.ghost i{
  font-style:normal;font-size:clamp(2.2rem,8vh,5rem);font-weight:400;
  color:var(--ink);opacity:.28;
}

.ghost u{
  text-decoration:none;margin-top:.15em;
  font-size:clamp(10.5px,1.5vh,12px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted);opacity:.8;
}


.screen:has(.ghost.on) .wm{opacity:.12}
.id .wm{transition:opacity .6s var(--ease)}


.hint{
  position:absolute;z-index:3;pointer-events:none;user-select:none;
  left:50%;bottom:calc(var(--pad-y) + 2.6rem);transform:translate(-50%,6px);
  display:flex;align-items:center;gap:.5em;white-space:nowrap;
  padding:.42em .85em;border-radius:7px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 2px -1px rgba(18,21,26,.12),0 14px 34px -20px rgba(18,21,26,.5);
  font-size:clamp(11px,2vh,12.5px);letter-spacing:.02em;color:var(--ink-2);
  opacity:0;transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.hint.on{opacity:1;transform:translate(-50%,0)}
.hint kbd{
  font:inherit;font-weight:600;color:var(--accent);
  padding:.05em .35em;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);
  border-radius:4px;background:var(--accent-soft);
}
.hint i{font-style:normal;color:var(--muted-2)}



.bar{
  position:relative;isolation:isolate;
  flex:none;display:flex;align-items:center;gap:1rem;
  border:1px solid var(--bar-hair);border-radius:9px;
  
  
  
  background-image:
    linear-gradient(100deg,
      transparent 34%,
      color-mix(in srgb,var(--accent) 26%,transparent) 43%,
      rgba(255,255,255,.98) 50%,
      color-mix(in srgb,var(--accent) 26%,transparent) 57%,
      transparent 66%),
    linear-gradient(180deg,#fbf8f2 0%,#f6f2e8 55%,#f2ede1 100%);
  background-size:200% 100%,100% 100%;
  background-repeat:no-repeat;
  animation:barSheen 13s linear infinite;
  padding:.5rem .875rem;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 2px -1px rgba(18,21,26,.09),
    0 10px 26px -20px rgba(18,21,26,.3);
}

.bar::after{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05;mix-blend-mode:multiply;
}


.bar::before{
  content:"";position:absolute;left:6%;right:6%;height:2px;z-index:-1;
  border-radius:2px;
  background-image:
    linear-gradient(90deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),
    linear-gradient(90deg,transparent,
      color-mix(in srgb,var(--accent) 85%,transparent) 30%,
      color-mix(in srgb,var(--accent) 85%,transparent) 70%,transparent);
  background-size:280% 100%,100% 100%;
  background-repeat:no-repeat;
  animation:lineShine 9s linear infinite;
}
.bar.top::before{top:-1px}

.bar.bot::before{bottom:-1px;animation-direction:reverse;animation-duration:11s}
.bar.bot{animation-duration:17s;animation-direction:reverse}

@keyframes barSheen{
  from{background-position:-110% 0,0 0}
  to{background-position:210% 0,0 0}
}
@keyframes lineShine{
  from{background-position:-180% 0,0 0}
  to{background-position:280% 0,0 0}
}

.pills{
  position:relative;flex:1 1 auto;min-width:0;
  display:flex;gap:.3rem;flex-wrap:wrap;justify-content:space-between;
}

.pill-ind{
  position:absolute;left:0;top:0;z-index:0;pointer-events:none;
  width:var(--iw,0);height:var(--ih,0);
  transform:translate(var(--ix,0px),var(--iy,0px));
  border-radius:6px;background:var(--accent-soft);
  transition:transform .4s var(--ease),width .4s var(--ease),
             height .4s var(--ease),opacity .3s var(--ease);
  
  animation:indGlow 3.6s var(--ease) infinite alternate;
}
@keyframes indGlow{
  from{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),
                  0 0 0 0 rgba(168,132,44,0)}
  to{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 44%,transparent),
                0 0 12px -2px rgba(168,132,44,.5)}
}
.pill{
  position:relative;z-index:1;
  
  padding:.3rem .6rem;border:1px solid var(--hair);border-radius:6px;
  background:rgba(255,255,255,.62);
  transition:background .18s var(--ease);
  font-size:clamp(10.5px,1.8vh,11.5px);font-weight:500;letter-spacing:.02em;color:var(--muted);
  transition:color .18s var(--ease),border-color .18s var(--ease),
             transform .18s var(--ease),box-shadow .18s var(--ease);
  white-space:nowrap;
}

.pill:hover{
  color:var(--ink);border-color:var(--bar-hair);
  transform:translateY(-1px);box-shadow:0 3px 8px -4px rgba(18,21,26,.35);
  background:rgba(255,255,255,.85);
}
.pill:active{transform:translateY(0);box-shadow:none}

.pill{overflow:hidden}
.pill::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%);
  background-size:260% 100%;background-position:-160% 0;background-repeat:no-repeat;
  transition:background-position .6s var(--ease);
}
.pill:hover::after{background-position:260% 0}

.pill.hot{
  color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,transparent);
}
.pill.hot::before{
  content:"";display:inline-block;width:.36em;height:.36em;margin-right:.42em;
  border-radius:50%;background:var(--accent);vertical-align:.12em;
}
.pill.hot:hover{color:var(--accent);border-color:var(--accent)}


.pill[aria-current=true]{
  color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);
  background:transparent;transform:none;box-shadow:none;
}

.bar.bot{position:relative;justify-content:center;color:var(--muted);font-size:clamp(10.5px,1.9vh,12px)}
.bar.bot .pager{position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}
.c-short{display:none}

.bar.bot .c-long,.bar.bot .c-short{
  max-width:calc(100% - 15rem);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.bar.bot i{font-style:normal;color:var(--muted-2);padding-inline:.35em}
.bar.bot a{
  color:var(--ink-2);font-weight:500;letter-spacing:.02em;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.bar.bot a:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:560px){
  .bar.bot{justify-content:space-between;gap:.5rem}
  .bar.bot .pager{position:static;transform:none}
  .c-long{display:none}
  .c-short{display:inline}
  
  .bar.bot .c-short{max-width:none;min-width:0;flex:1 1 0}
  
  .pager .lbl u{display:none}
  .pager .lbl{min-width:2.6rem}
}


.grid{
  flex:1;min-height:0;display:grid;gap:var(--gap);
  grid-template-columns:clamp(170px,32vh,400px) minmax(0,1fr);
}




.por-col{min-height:0;display:flex;flex-direction:column;gap:.55rem}
.por{
  flex:1;min-height:0;border:1px solid var(--hair);background:var(--bg);overflow:hidden;
  box-shadow:0 1px 2px -1px rgba(18,21,26,.1),0 20px 48px -26px rgba(18,21,26,.34);
}

.por-dots{flex:none;display:flex;justify-content:center;gap:7px;padding-bottom:1px}
.por-dots b{
  width:7px;height:7px;border-radius:50%;cursor:pointer;
  background:var(--bg);border:1px solid var(--bar-hair);
  transition:background .28s var(--ease),border-color .28s var(--ease),
             transform .28s var(--ease);
}
.por-dots b:hover{border-color:var(--accent)}
.por-dots b.on{background:var(--accent);border-color:var(--accent);transform:scale(1.15)}

.por{position:relative}
.por .pl{
  position:absolute;inset:0;display:block;
  opacity:0;transition:opacity .55s var(--ease);
}
.por .pl.on{opacity:1}

.por img{
  width:100%;height:100%;object-fit:cover;object-position:var(--pos,62% 18%);
  filter:grayscale(1) contrast(1.02);
  transition:filter .45s var(--ease),transform .7s var(--ease);
}

@media(hover:hover){
  .por:hover img{filter:grayscale(0) contrast(1.02);transform:scale(1.035)}
}


.id{
  position:relative;min-height:0;display:flex;overflow:hidden;
  
  container-type:inline-size;
  border:1px solid var(--hair);border-radius:9px;
  
  background:
    radial-gradient(130% 100% at 50% 120%,rgba(18,21,26,.09),transparent 60%),
    radial-gradient(90% 70% at 100% 0%,rgba(18,21,26,.035),transparent 62%),
    var(--bg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px -1px rgba(18,21,26,.1),
    0 20px 48px -26px rgba(18,21,26,.34);
}

.id::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-20%;top:-30%;width:140%;height:170%;
  background:
    radial-gradient(40% 44% at 18% 24%,rgba(168,132,44,.40),transparent 64%),
    radial-gradient(36% 40% at 82% 72%,rgba(88,110,146,.30),transparent 66%),
    radial-gradient(32% 36% at 66% 8%,rgba(168,132,44,.24),transparent 62%),
    radial-gradient(30% 34% at 8% 88%,rgba(140,96,60,.20),transparent 62%);
  filter:blur(34px);
  animation:aurora 34s var(--ease) infinite alternate;
}

@keyframes aurora{
  from{transform:translate3d(-2%,-1%,0) scale(1)}
  to{transform:translate3d(3%,2%,0) scale(1.09)}
}

.id::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.055;mix-blend-mode:multiply;
}


.id .wm{
  position:absolute;left:0;right:0;bottom:.3em;z-index:0;
  display:flex;justify-content:space-between;align-items:flex-end;
  padding-inline:clamp(.5rem,2.4vw,2rem);
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  
  font-size:min(8.6cqw,11vh,7rem);line-height:.82;font-weight:600;
  letter-spacing:0;
  
  opacity:1;pointer-events:none;user-select:none;
}


.id .wm i{
  font-style:normal;display:block;
  color:rgba(18,21,26,.04);
  animation:wmWave 8s var(--ease) infinite;
  animation-delay:calc(var(--k,0) * .26s);
  will-change:color,transform;
}
@keyframes wmWave{
  0%,64%,100%{color:rgba(18,21,26,.04);transform:none}
  76%{color:rgba(168,132,44,.20);transform:translateY(-.03em) scale(1.04)}
  86%{color:rgba(168,132,44,.11);transform:none}
}

@media(max-width:720px){.id .wm{display:none}}

.core{
  position:relative;z-index:1; 
  flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;
  padding:clamp(.8rem,2.2vh,1.25rem) clamp(.9rem,1.5vw,1.35rem);
}
.idline{flex:none;min-width:0}
.core h1{
  font-size:clamp(1.45rem,min(3.1vw,4.6vh),2.52rem);font-weight:400;
  line-height:1.12;letter-spacing:-.005em;
  transition:font-size .32s var(--ease);
}
.core h1 b{font-weight:700}
.sub{
  margin-top:.3rem;font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:clamp(.78rem,min(1.5vw,2.1vh),.845rem);color:var(--ink-2);line-height:1.5;
}
.sub i{font-style:normal;color:var(--muted-2);padding-inline:.4em}
.figs{
  margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.2rem .95rem;
  font-size:clamp(10.5px,1.8vh,11.5px);color:var(--muted);letter-spacing:.01em;
}
.figs b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.core hr{margin-block:clamp(.5rem,1.5vh,.8rem)}


.core.compact .idline{
  display:flex;align-items:baseline;gap:.55rem;
  white-space:nowrap;overflow:hidden;
}
.core.compact h1{
  flex:none;font-size:clamp(.95rem,min(1.7vw,2.5vh),1.18rem);line-height:1.3;
}
.core.compact .sub{
  flex:1 1 auto;min-width:0;margin-top:0;
  font-size:clamp(.7rem,min(1.2vw,1.75vh),.78rem);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

.core.compact .idline::before{display:none}
.core.compact .sub::before{content:"·";color:var(--muted-2);padding-right:.55em}
.core.compact .figs{display:none}
.core.compact hr{margin-block:clamp(.35rem,1vh,.55rem)}


.sec-bar{flex:none;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}
.sec-label{
  display:flex;align-items:center;gap:.6em;
  
  font-size:clamp(10.5px,1.9vh,12px);font-weight:700;letter-spacing:.17em;text-transform:uppercase;
  color:var(--accent);white-space:nowrap;
}

.sec-label .dom{text-transform:none;letter-spacing:.08em}

.sec-label::after{
  content:"";display:block;width:clamp(1.4rem,7vw,5.5rem);height:1px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent),transparent);
}


.bar.top{z-index:30}
.lang{position:relative;flex:none;margin-left:.35rem}
.lang-btn{
  padding:.28rem .5rem;border:1px solid var(--bar-hair);border-radius:5px;
  background:var(--bg);color:var(--muted);
  font-size:clamp(10px,1.7vh,11px);font-weight:600;letter-spacing:.08em;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.lang:hover .lang-btn,.lang:focus-within .lang-btn{color:var(--accent-t);border-color:var(--accent)}
.lang-menu{
  position:absolute;right:0;top:calc(100% + .3rem);z-index:40;
  display:none;flex-direction:column;min-width:8.5rem;
  padding:.28rem;border:1px solid var(--hair);border-radius:7px;
  background:var(--bg);
  box-shadow:inset 0 1px 0 #fff,0 2px 6px -3px rgba(18,21,26,.25),
             0 18px 40px -22px rgba(18,21,26,.5);
}
.lang:hover .lang-menu,.lang:focus-within .lang-menu{display:flex}
.lang-menu a{
  padding:.3rem .5rem;border-radius:5px;text-decoration:none;
  color:var(--ink-2);font-size:clamp(10.5px,1.8vh,12px);white-space:nowrap;
  transition:background .15s var(--ease),color .15s var(--ease);
}
.lang-menu a:hover{background:var(--hair-2);color:var(--accent-t)}
.lang-menu a[aria-current=true]{color:var(--accent-t);font-weight:600;background:var(--accent-soft)}
@media(max-width:700px){.lang-menu{right:auto;left:0}}

.tabs{margin-left:auto;display:flex;gap:.25rem}
.tab{
  padding:.2rem .5rem;border:1px solid var(--hair);border-radius:5px;
  font-size:clamp(10.5px,1.8vh,11.5px);font-weight:500;color:var(--muted);white-space:nowrap;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.tab:hover{color:var(--ink)}
.tab[aria-selected=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}
.tab .n{margin-left:.25rem;opacity:.65;font-variant-numeric:tabular-nums}


.lead{
  flex:1;min-height:0;overflow:hidden;
  font-size:clamp(11.5px,min(.86vw,1.62vh),13px);font-weight:300;line-height:1.72;
  color:var(--ink-2);text-align:justify;
  
  overflow-wrap:break-word;
}

@media(min-width:1000px){
  
  .lead{
    columns:2;column-gap:clamp(1.3rem,2.4vw,2.5rem);column-fill:balance;
    column-rule:1px solid var(--hair-2);
  }
}
@media(min-width:1600px){.lead{columns:3}}

.lead.one,.lead.one[class]{columns:1 !important}
.lead.roomy{font-size:clamp(12.5px,min(1vw,1.85vh),14.5px)}
.lead.roomy .kv{padding-block:clamp(.7em,2.2vh,1.5em)}
.lead.roomy .tl-row{padding-block:clamp(.6em,2vh,1.4em)}
.lead.roomy .sub-h{margin-top:1.6em}
.lead>.s{display:inline}
.lead .blk,.lead .grp,.lead .closing,.lead .p-title,.lead .p-by,.lead .sub-h{break-inside:avoid}

.lead .sub-h,.lead .grp,.lead .p-title{break-after:avoid;break-after:avoid-column}
.lead .blk{display:block;text-align:left}

.lead .keep{margin:0;padding:0;border:0}

.lead .pbrk{display:block;height:.85em}


.lead .tl-row{
  position:relative;
  display:grid;grid-template-columns:clamp(3rem,5.5vw,4.4rem) .85em 1fr;gap:.5rem;
  
  padding:clamp(.42em,1.5vh,1em) .4em clamp(.42em,1.5vh,1em) 0;
  border-bottom:1px solid var(--hair);text-align:left;
  transition:background .2s var(--ease);
}
.lead .tl-row:hover{background:var(--accent-soft)}

.lead .tl-row .y{
  text-align:right;color:var(--accent);font-weight:500;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.lead .tl-row .rail{position:relative}

.lead .tl-row .rail::before{
  content:"";position:absolute;left:50%;top:-1.2em;bottom:-1.2em;width:2px;
  transform:translateX(-50%);border-radius:1px;
  
  background:linear-gradient(180deg,
    transparent 0%,var(--bar-hair) 22%,var(--bar-hair) 78%,transparent 100%);
}
.lead .tl-row .rail::after{
  content:"";position:absolute;left:50%;top:.62em;width:6px;height:6px;border-radius:50%;
  background:var(--bg);border:1.5px solid var(--accent);transform:translate(-50%,-50%);
  box-shadow:0 0 0 2px var(--bg);
  transition:background .2s var(--ease),transform .2s var(--ease),
             box-shadow .2s var(--ease);
}
.lead .tl-row:hover .rail::after{
  background:var(--accent);transform:translate(-50%,-50%) scale(1.3);
  box-shadow:0 0 0 2px var(--bg),0 0 10px -1px rgba(168,132,44,.8);
}



.lead .chart,.lead .sched{
  position:relative;display:block;text-align:left;break-inside:avoid;
  margin:.5em 0 .9em;padding:.6em .7em .55em;
  border:1px solid var(--hair);border-radius:6px;
  background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px -1px rgba(18,21,26,.07),
             0 10px 24px -20px rgba(18,21,26,.3);
}
.lead .chart::before,.lead .sched::before{
  content:"";position:absolute;left:14%;right:14%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--accent) 70%,transparent),transparent);
}
.lead .chart{}
.lead .ch-h{
  display:flex;align-items:baseline;gap:.6em;margin-bottom:.5em;
  font-size:max(10.5px,.78em);font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--accent);
}

.lead .ch-r{
  margin-left:auto;font-weight:400;letter-spacing:.02em;text-transform:none;
  color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.lead .ch-r b{color:var(--ink);font-weight:600}

.lead .ch-plot{
  display:flex;align-items:flex-end;gap:2px;
  height:clamp(2.1em,7.5vh,4.4em);
  border-bottom:1px solid var(--bar-hair);
  background-image:repeating-linear-gradient(180deg,
    var(--hair-2) 0 1px,transparent 1px 25%);
}
.lead .ch-col{position:relative;flex:1;display:flex;align-items:flex-end;height:100%}
.lead .ch-bar{
  width:100%;height:calc(var(--v) * 100%);min-height:1.5px;border-radius:2px 2px 0 0;
  
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 92%,#fff) 0%,
    color-mix(in srgb,var(--accent) 58%,#fff) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
  transition:background .16s var(--ease),box-shadow .16s var(--ease);
}

.lead .ch-col.z .ch-bar{height:1.5px;background:var(--hair)}
.lead .ch-col:hover .ch-bar{
  background:var(--ink);
  box-shadow:0 0 10px -2px rgba(18,21,26,.45);
}

.lead .ch-col.pk .ch-bar{
  background:linear-gradient(180deg,var(--accent) 0%,
    color-mix(in srgb,var(--accent) 72%,#fff) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),
             0 0 10px -3px rgba(168,132,44,.65);
}
.lead .ch-col.pk::before{
  content:attr(data-n);position:absolute;left:50%;bottom:calc(100% + 2px);
  transform:translateX(-50%);
  font-size:max(10.5px,.82em);font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;
}
.lead .ch-x{
  display:flex;justify-content:space-between;margin-top:.3em;
  font-size:max(10.5px,.82em);color:var(--muted-2);font-variant-numeric:tabular-nums;
}


.lead .sc-h{
  display:flex;align-items:baseline;gap:.6em;margin-bottom:.5em;
  font-size:max(10.5px,.78em);font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--accent);
}
.lead .sc-h em{margin-left:auto;font-style:normal;font-weight:400;letter-spacing:.02em;
  text-transform:none;color:var(--muted)}

.lead .sc-grid{display:grid;grid-template-columns:auto 1fr;gap:.22em .55em;align-items:center}
.lead .sc-dl{
  font-size:max(10.5px,.84em);color:var(--muted);font-variant-numeric:tabular-nums;
  white-space:nowrap;text-align:right;
}
.lead .sc-dl small{color:var(--muted-2);margin-left:.35em}

.lead .sc-track{
  position:relative;height:1.05em;border-radius:3px;
  background:var(--hair-2);
  background-image:repeating-linear-gradient(90deg,
    var(--hair) 0 1px,transparent 1px 30.77%);
  border:1px solid var(--hair);
  box-shadow:inset 0 1px 2px -1px rgba(18,21,26,.12);
}
.lead .sc-b{
  position:absolute;top:1px;bottom:1px;left:calc(var(--s) * 100%);
  width:calc(var(--w) * 100%);min-width:2px;border-radius:2px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--muted-2) 42%,#fff),
    color-mix(in srgb,var(--muted-2) 66%,#fff));
}

.lead .sc-b.own{
  top:-1px;bottom:-1px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent) 88%,#fff),var(--accent));
  box-shadow:0 0 0 1.5px var(--bg),0 0 9px -2px rgba(168,132,44,.75);
}

.lead .sc-row.hot .sc-track{border-color:color-mix(in srgb,var(--accent) 38%,transparent)}
.lead .sc-row.hot .sc-dl{color:var(--accent);font-weight:600}

.lead .sc-ax{
  grid-column:2;display:flex;justify-content:space-between;margin-top:.1em;
  font-size:max(10.5px,.82em);color:var(--muted-2);font-variant-numeric:tabular-nums;
}

.lead .sc-lg{
  display:flex;flex-wrap:wrap;gap:.2em 1em;margin-top:.45em;
  font-size:max(10.5px,.84em);color:var(--muted);
}
.lead .sc-lg span{display:inline-flex;align-items:center;gap:.4em}
.lead .sc-lg i{width:.7em;height:.7em;border-radius:2px;background:var(--accent);flex:none}
.lead .sc-lg i.gen{background:color-mix(in srgb,var(--muted-2) 55%,#fff)}


.lead .p-title{
  display:block;font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.32em;font-weight:600;line-height:1.3;color:var(--ink);text-align:left;
}
.lead .p-by{display:block;margin-top:.2em;font-size:.92em;color:var(--muted);text-align:left}
.lead .sub-h{
  display:block;margin-top:1.1em;font-size:max(10.5px,.78em);font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--accent);text-align:left;
}
.lead .fnd{
  display:grid;grid-template-columns:1.35em 1fr;gap:.55em;margin-top:.5em;text-align:left;
}
.lead .fnd .n{
  color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;
}

.lead .vrs{
  display:block;margin-left:.9em;padding:.06em 0 .06em .85em;
  border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent);
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.04em;line-height:1.5;color:var(--ink);text-align:left;
}
.lead .vrs.first{margin-top:.55em}
.lead .vrs.last{margin-bottom:.55em}


.lead .quo{
  display:block;margin:.55em 0;padding:.6em .8em;
  background:var(--hair-2);border-radius:4px;
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02em;line-height:1.6;color:var(--ink-2);text-align:left;
}



.lead .fig{
  position:relative;display:block;margin:.7em 0 .9em;break-inside:avoid;text-align:left;
  padding:.45em .45em .1em;
  border:1px solid var(--hair);border-radius:5px;
  background:linear-gradient(180deg,#fff 0%,#fbf9f4 100%);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px -1px rgba(18,21,26,.08),
             0 12px 26px -20px rgba(18,21,26,.35);
}
.lead .fig::before{
  content:"";position:absolute;left:16%;right:16%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--accent) 70%,transparent),transparent);
}

.lead .fig picture{
  display:block;overflow:hidden;border-radius:3px;
  border:1px solid var(--bar-hair);background:var(--hair-2);
}
.lead .fig img{
  width:100%;height:auto;max-height:clamp(5em,22vh,15em);object-fit:cover;
  object-position:50% 0;border:0;border-radius:0;
  filter:contrast(1.06);
  transition:filter .5s var(--ease),transform .8s var(--ease);
}
@media(hover:hover){
  .lead .fig:hover img{filter:contrast(1.16) brightness(1.03);transform:scale(1.035)}
  .lead .fig:hover{box-shadow:inset 0 1px 0 #fff,0 2px 4px -2px rgba(18,21,26,.14),
                              0 16px 32px -18px rgba(18,21,26,.45)}
}
.lead .fig .cap{
  display:block;margin-top:.4em;font-size:max(10.5px,.86em);line-height:1.45;color:var(--muted);
}

.lead .iv-fig img{max-height:clamp(6em,20vh,13em);object-position:50% 30%;filter:none}
.lead .iv-fig .cap{font-size:max(10.5px,.82em);color:var(--muted-2);letter-spacing:.03em}
.lead .fig .cap b{
  display:block;font-weight:600;color:var(--ink-2);
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
}

.lead .closing{
  display:block;margin-top:.9em;padding:.7em .85em;border-left:2px solid var(--accent);
  background:var(--accent-soft);font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02em;line-height:1.6;color:var(--ink-2);text-align:left;
}


.lead .ev{
  display:grid;grid-template-columns:clamp(3.9rem,7.5vw,5.4rem) 1fr;gap:.15em .75em;
  margin-top:.5em;padding:.5em .7em;border-left:2px solid var(--accent);
  background:var(--accent-soft);text-align:left;
}
.lead .ev .when{
  grid-row:span 2;font-variant-numeric:tabular-nums;color:var(--accent);
  font-weight:500;line-height:1.35;
}
.lead .ev .when small{display:block;font-size:max(10.5px,.82em);color:var(--muted);font-weight:400}
.lead .ev .kind{
  font-size:max(10.5px,.78em);font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--muted);
}
.lead .ev .t{font-weight:400;color:var(--ink);line-height:1.45}
.lead .ev .t em{display:block;margin-top:.2em;font-style:normal;font-size:.9em;color:var(--muted)}

.lead button.ev{
  width:100%;text-align:left;cursor:pointer;
  transition:background .2s var(--ease),border-color .2s var(--ease);
}
.lead .ev .go{
  margin-top:.4em;color:var(--accent);font-weight:500;
  transition:letter-spacing .2s var(--ease);
}
.lead button.ev:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.lead button.ev:hover .go{letter-spacing:.03em}

@media(max-width:720px){
  .lead .ev{grid-template-columns:minmax(0,1fr)}
  .lead .ev .when{grid-row:auto}
  .lead .ev .when small{display:inline;margin-left:.5em}
}


.lead .cstate{
  display:flex;align-items:center;gap:.5em;margin-top:.5em;
  padding:.4em .7em;border-radius:5px;text-align:left;
  font-size:.94em;font-weight:500;letter-spacing:.01em;
  border:1px solid var(--hair);background:var(--hair-2);color:var(--muted);
}
.lead .cstate i{width:.5em;height:.5em;border-radius:50%;background:currentColor;flex:none}
.lead .cstate.soon{
  color:var(--accent);background:var(--accent-soft);
  border-color:color-mix(in srgb,var(--accent) 32%,transparent);
}
.lead .cstate.live{
  color:#fff;background:var(--accent);border-color:var(--accent);
  box-shadow:0 0 16px -6px rgba(168,132,44,.9);
}
.lead .cstate.live i{background:#fff;animation:pulse 1.8s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}


.lead .grp{
  display:block;margin-top:1em;padding-bottom:.3em;
  border-bottom:1px solid var(--bar-hair);
  font-size:max(10.5px,.78em);font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ink);text-align:left;
}
.lead .grp .gh{display:flex;align-items:baseline;gap:.6em}
.lead .grp .gn{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}
.lead .grp .gbar{
  display:block;height:2px;margin-top:.35em;border-radius:1px;
  background:var(--hair);overflow:hidden;
}
.lead .grp .gbar i{
  display:block;height:100%;width:calc(var(--v) * 100%);border-radius:1px;
  background:var(--accent);
}
.lead .work{
  display:grid;grid-template-columns:1.8em 1fr auto;gap:.1em .6em;align-items:baseline;
  padding-block:.34em;border-bottom:1px solid var(--hair);text-align:left;
}
.lead .work .i{font-size:max(10.5px,.84em);color:var(--muted-2);font-variant-numeric:tabular-nums}
.lead .work .t{font-weight:400;color:var(--ink);line-height:1.4}
.lead .work .gl{
  color:var(--muted);font-weight:300;font-size:.94em;
}
.lead .work .dt{display:block;font-size:max(10.5px,.88em);color:var(--muted);line-height:1.4}
.lead .work .y{font-size:max(10.5px,.88em);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}


.lead .item{
  display:block;padding-block:.45em;border-bottom:1px solid var(--hair);text-align:left;
  transition:color .18s var(--ease);
}
.lead .item .t{display:block;color:var(--ink);line-height:1.4}
.lead .item .m{display:block;margin-top:.1em;font-size:max(10.5px,.88em);color:var(--muted)}
.lead .item:hover .t,.lead .item:hover .m{color:var(--accent)}


.lead .vid-card{
  
  display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:0 1.15em;align-items:center;
  
  
  width:100%;max-width:58em;margin:0 0 .9em;
  text-align:left;break-inside:avoid;padding:.5em;
  border:1px solid var(--hair);border-radius:5px;
  background:linear-gradient(180deg,#fff 0%,#fbf9f4 100%);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px -1px rgba(18,21,26,.08),
             0 12px 26px -20px rgba(18,21,26,.35);
  transition:box-shadow .28s var(--ease),border-color .28s var(--ease);
}

.lead .vid-card{position:relative}
.lead .vid-card::before{
  content:"";position:absolute;left:16%;right:16%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--accent) 70%,transparent),transparent);
}


.lead .vid-card .po{
  position:relative;display:block;overflow:hidden;border-radius:3px;
  border:1px solid var(--bar-hair);background:var(--hair-2);
  height:clamp(5em,22vh,18em);aspect-ratio:16/9;width:auto;
  
  justify-self:start;
}
.lead .vid-card .po img{
  display:block;width:100%;height:100%;object-fit:cover;
  border:0;border-radius:0;
  transition:transform .8s var(--ease),filter .5s var(--ease);
}

.lead .vid-card .po.blank{
  background:
    repeating-linear-gradient(135deg,rgba(168,132,44,.05) 0 6px,transparent 6px 12px),
    linear-gradient(180deg,#f7f4ec 0%,#efeade 100%);
}

.lead .vid-card .pbtn{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;
  width:2.6em;height:2.6em;border-radius:50%;
  background:rgba(18,21,26,.62);color:#fff;
  font-size:1em;line-height:1;padding-left:.12em;
  box-shadow:0 2px 10px -4px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.22);
  transition:background .24s var(--ease),transform .24s var(--ease);
}
.lead .vid-card .tx{display:block;min-width:0}
.lead .vid-card .t{
  display:block;
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.12em;font-weight:600;line-height:1.32;color:var(--ink);
  text-align:left;
}
.lead .vid-card .m{
  display:block;margin-top:.3em;
  font-size:max(10.5px,.86em);color:var(--muted);line-height:1.45;
}

.lead .vid-card .go{
  display:inline-block;margin-top:.55em;
  font-size:max(10.5px,.86em);font-weight:500;letter-spacing:.02em;
  color:var(--ink-2);
  border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
@media(max-width:700px){
  .lead .vid-card{grid-template-columns:minmax(0,1fr);gap:.6em 0}
  
  .lead .vid-card .po{width:100%;height:auto}
}
@media(hover:hover){
  .lead .vid-card:hover{
    border-color:var(--bar-hair);
    box-shadow:inset 0 1px 0 #fff,0 2px 4px -2px rgba(18,21,26,.14),
               0 16px 32px -18px rgba(18,21,26,.45);
  }
  .lead .vid-card:hover .po img{transform:scale(1.045);filter:contrast(1.06)}
  .lead .vid-card:hover .pbtn{background:var(--accent);transform:translate(-50%,-50%) scale(1.06)}
  .lead .vid-card:hover .t{color:var(--accent)}
  .lead .vid-card:hover .go{color:var(--accent);border-color:var(--accent)}
}

.lead .vid-box{
  
  display:block;position:relative;margin:.75em 0 .55em;
  width:min(100%,calc(46vh * 16 / 9));aspect-ratio:16/9;
  border:1px solid var(--hair);border-radius:5px;overflow:hidden;
  background:#0e1014;
  box-shadow:0 1px 2px -1px rgba(18,21,26,.1),0 16px 34px -24px rgba(18,21,26,.55);
}
.lead .vid-box::before{
  content:"";position:absolute;left:16%;right:16%;top:-1px;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,
    color-mix(in srgb,var(--accent) 70%,transparent),transparent);
}
.lead .vid-box iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
}
.lead .vid-src{
  display:block;text-align:left;margin-top:.15em;
  font-size:max(10.5px,.88em);color:var(--muted);
  transition:color .18s var(--ease);
}
.lead .vid-src:hover{color:var(--accent)}
.lead .note{display:block;color:var(--muted);text-align:left;font-style:italic}

.lead .untr{
  border-inline-start:2px solid var(--accent);
  padding-inline-start:.7em;margin:.2em 0 .9em;
}

.lead .cit{
  font-size:.68em;line-height:0;vertical-align:super;
  color:var(--accent);font-weight:600;letter-spacing:.02em;
  padding-left:.12em;font-variant-numeric:tabular-nums;
  cursor:help;transition:color .16s var(--ease);
}
.lead .cit:hover,.lead .cit:focus-visible{color:var(--ink);outline:none}
.lead .cit:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:2px;
}

.citepop{
  position:fixed;z-index:60;max-width:calc(100vw - 2rem);
  display:grid;grid-template-columns:1.6em 1fr;gap:.1em .5em;
  padding:.62em .8em;border-radius:6px;
  border:1px solid var(--accent);
  background:linear-gradient(180deg,#fffdf6 0%,#f6f0df 100%);
  box-shadow:0 1px 2px rgba(18,21,26,.07),
             0 14px 28px -12px rgba(18,21,26,.28),
             0 28px 56px -28px rgba(72,55,14,.38);
  font-size:clamp(11px,1.7vh,12.5px);font-weight:300;line-height:1.55;
  color:var(--ink-2);text-align:left;pointer-events:none;
  animation:fadein .14s var(--ease);
}

.citepop::after{
  content:"";position:absolute;left:var(--ax,50%);width:9px;height:9px;
  margin-left:-5px;transform:rotate(45deg);
  border:1px solid var(--accent);background:#f6f0df;
}
.citepop:not(.below)::after{bottom:-5px;border-top:0;border-left:0}
.citepop.below::after{top:-5px;border-bottom:0;border-right:0;background:#fffdf6}
.citepop .n{
  color:color-mix(in srgb,var(--accent) 70%,var(--ink));
  font-weight:700;font-variant-numeric:tabular-nums;
  text-align:right;
}

.lead .cit .pg{font-weight:400;color:var(--muted);padding-left:.1em}
.lead .cit:hover .pg,.lead .cit:focus-visible .pg{color:var(--ink-2)}


.lead .iv-t{
  display:block;margin-top:1em;
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.14em;font-weight:600;line-height:1.35;color:var(--ink);text-align:left;
  transition:color .18s var(--ease);
}
.lead .iv-t:hover{color:var(--accent)}

.lead .iv-row{
  display:grid;grid-template-columns:1.9em minmax(0,1fr) auto;gap:.05em .55em;
  align-items:baseline;width:100%;text-align:left;cursor:pointer;font:inherit;
  padding:.5em .45em .5em .2em;margin-top:.15em;border-radius:4px;
  border:0;border-bottom:1px solid var(--hair);
  transition:background .2s var(--ease),padding-left .2s var(--ease);
}
.lead .iv-row:hover{background:var(--accent-soft);padding-left:.5em}
.lead .iv-row .n{
  font-size:max(10.5px,.84em);color:var(--muted-2);font-variant-numeric:tabular-nums;
}
.lead .iv-row .t{
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.06em;font-weight:600;line-height:1.32;color:var(--ink);
  transition:color .2s var(--ease);
}
.lead .iv-row:hover .t{color:var(--accent)}
.lead .iv-row .m{
  grid-column:2;font-size:max(10.5px,.85em);color:var(--muted);margin-top:.18em;line-height:1.35;
}

.lead .iv-row .b{
  grid-row:span 2;align-self:center;white-space:nowrap;
  padding:.16em .45em;border-radius:4px;
  font-size:max(10.5px,.76em);font-weight:600;letter-spacing:.06em;
  color:var(--accent);background:var(--accent-soft);
  border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);
}

.lead .iv-row.ext .b{
  color:var(--muted-2);background:transparent;border-color:transparent;
  font-size:.95em;
}

.lead .iv-qq{
  display:block;margin-top:.2em;padding-left:.8em;
  border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent);
  font-weight:500;color:var(--ink);text-align:left;
}
.lead .iv-back{
  display:inline-block;margin-bottom:.5em;padding:.2em .55em;
  border:1px solid var(--hair);border-radius:5px;cursor:pointer;
  font-size:max(10.5px,.88em);color:var(--muted);text-align:left;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.lead .iv-back:hover{color:var(--accent);border-color:var(--accent)}
.lead .iv-s{display:block;margin-top:.3em;color:var(--muted);text-align:justify}

.lead .iv-q{
  display:block;position:relative;margin-top:.45em;padding:.1em 0 .1em 1.15em;
  font-family:"Source Serif 4","Source Serif 4 Fallback",Georgia,serif;
  font-size:1.02em;line-height:1.5;color:var(--ink-2);text-align:left;
}
.lead .iv-q::before{
  content:"«";position:absolute;left:0;top:-.06em;
  font-size:1.5em;line-height:1;color:var(--accent);opacity:.65;
}

.lead .iv-src{
  display:block;margin-top:.5em;padding-top:.3em;
  border-top:1px solid var(--hair);
  font-size:max(10.5px,.86em);letter-spacing:.04em;color:var(--muted-2);text-align:left;
}



.lead .li{
  display:block;position:relative;padding:.3em 0 .3em 1.1em;text-align:left;
  border-bottom:1px solid var(--hair);
}
.lead .li::before{
  content:"";position:absolute;left:.2em;top:.95em;
  width:4px;height:4px;border-radius:50%;background:var(--accent);
}

.lead .cta{
  display:inline-flex;align-items:baseline;gap:.6em;margin:.45em .5em .45em 0;
  padding:.5em .9em;border-radius:6px;text-align:left;
  border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);
  background:var(--accent-soft);color:var(--ink);
  transition:background .2s var(--ease),border-color .2s var(--ease),
             transform .2s var(--ease),box-shadow .2s var(--ease);
}
.lead .cta .t{font-weight:600;color:var(--accent)}
.lead .cta .m{font-size:max(10.5px,.88em);color:var(--muted)}
.lead .cta .ar{color:var(--accent);transition:transform .2s var(--ease)}
@media(hover:hover){
  .lead .cta:hover{
    background:color-mix(in srgb,var(--accent) 14%,transparent);
    border-color:var(--accent);transform:translateY(-1px);
    box-shadow:0 4px 12px -6px rgba(168,132,44,.7);
  }
  .lead .cta:hover .ar{transform:translateX(3px)}
}


.lead .ref{
  display:grid;grid-template-columns:1.8em 1fr;gap:.6em;
  padding-block:.32em;border-bottom:1px solid var(--hair);text-align:left;
}
.lead .ref .n{font-size:max(10.5px,.84em);color:var(--muted-2);font-variant-numeric:tabular-nums}


.lead .kw-h{display:flex;align-items:baseline;gap:.6em}
.lead .kw-h em{
  font-style:normal;font-size:max(10.5px,.86em);font-weight:400;letter-spacing:.06em;
  text-transform:none;color:var(--muted-2);
}

.lead .kw-box{display:block;margin-top:.15em;text-align:left}

.lead .kw-box[lang=zh] .chip{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
.lead .kw-box[lang=ja] .chip{font-family:"Hiragino Sans","Yu Gothic","Noto Sans JP",system-ui,sans-serif}
.lead .kw-box[lang=ko] .chip{font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}


.lead .chip{
  display:inline-block;margin:.12em .3em .12em 0;
  padding:.22em .6em;border:1px solid var(--hair);border-radius:5px;background:var(--hair-2);
  font-size:.92em;color:var(--ink-2);
}
.lead .kv{
  display:grid;grid-template-columns:minmax(0,clamp(4.5rem,9vw,7.5rem)) minmax(0,1fr);gap:.6em;
  padding-block:.42em;border-bottom:1px solid var(--hair);text-align:left;
}
.lead .kv>span:last-child{overflow-wrap:anywhere}
.lead .kv .k{font-size:max(10.5px,.88em);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.lead .kv a{color:var(--accent)}
.lead .kv a:hover{text-decoration:underline}


@keyframes rise{
  from{opacity:0;transform:translate3d(calc(var(--dir,1) * 7px),5px,0)}
  to{opacity:1;transform:none}
}
.lead>*{animation:rise .34s var(--ease) backwards;animation-delay:calc(var(--i,0) * 22ms)}

.lead.measuring *,.lead.measuring>*{animation:none !important}


@keyframes growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes growX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pop{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}


.lead .ch-bar{
  transform-origin:50% 100%;
  animation:growY .42s var(--ease) backwards;
  animation-delay:calc(var(--c,0) * 14ms + 90ms);
}

.lead .ch-col.pk::before{
  animation:fadein .3s var(--ease) backwards;
  animation-delay:calc(var(--c,0) * 14ms + 420ms);
}

.lead .sc-b{
  transform-origin:0 50%;
  animation:growX .38s var(--ease) backwards;
  animation-delay:calc(var(--r,0) * 70ms + 120ms);
}
.lead .sc-b.own{animation-delay:calc(var(--r,0) * 70ms + 340ms)}

.lead .tl-row .rail::before{
  transform-origin:50% 0;
  animation:growY .34s var(--ease) backwards;
  animation-delay:calc(var(--i,0) * 22ms + 60ms);
}
.lead .tl-row .rail::after{
  animation:pop .3s var(--ease) backwards;
  animation-delay:calc(var(--i,0) * 22ms + 200ms);
}

.lead .fig img{animation:wipe .55s var(--ease) backwards;animation-delay:.15s}

.lead .ev{position:relative;border-left-color:transparent}
.lead .ev::before{
  content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;
  background:var(--accent);transform-origin:50% 0;
  animation:growY .4s var(--ease) backwards;
  animation-delay:calc(var(--i,0) * 22ms + 140ms);
}

@keyframes fadein{from{opacity:0}to{opacity:1}}
.sec-label,.tabs{animation:fadein .3s var(--ease)}


@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}



.pager{display:flex;align-items:center;gap:.25rem}
.pager.is-off{visibility:hidden}

.pager button{
  display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:5px;
  border:1px solid var(--hair);color:var(--ink-2);
  transition:border-color .18s var(--ease),color .18s var(--ease),
             background .18s var(--ease),opacity .18s;
}
.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.pager button:disabled{opacity:.3;cursor:default}
.pager .lbl{
  min-width:3.1rem;text-align:center;font-variant-numeric:tabular-nums;
  font-size:clamp(11px,2vh,12.5px);font-weight:600;color:var(--ink-2);
}

.pager .lbl u{
  text-decoration:none;font-weight:400;color:var(--muted-2);
  letter-spacing:.06em;padding-left:.35em;
}


.pager .dots{display:flex;align-items:center;gap:3px;margin-inline:.3rem}
.pager .dots b{
  display:block;width:5px;height:5px;border-radius:2.5px;background:var(--bar-hair);
  cursor:pointer;transition:width .24s var(--ease),background .24s var(--ease);
}
.pager .dots b:hover{background:var(--accent)}
.pager .dots b.on{width:15px;background:var(--accent)}

.pager .dots b.ahead{background:color-mix(in srgb,var(--accent) 45%,var(--bar-hair))}

#pg-next:not(:disabled){
  color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);
  background:var(--accent-soft);
  animation:nudge 2.6s var(--ease) infinite;
}
@keyframes nudge{
  0%,72%,100%{transform:translateX(0)}
  80%{transform:translateX(2.5px)}
  88%{transform:translateX(0)}
}


@media(max-width:1080px){
  .grid{grid-template-columns:clamp(140px,26vh,300px) minmax(0,1fr)}
}


@media(min-width:900px){
  .pills{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
  .pill{text-align:center}
}
@media(max-width:720px){
  
  .grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  
  
  .por-col{justify-self:stretch;gap:.45rem}
  .por{flex:none;width:100%;aspect-ratio:3/1}
  .por img{object-position:var(--posw,50% 50%)}
  
  body.inner .por-col{display:none}
  body.inner .grid{grid-template-rows:minmax(0,1fr)}
  
  .lead .kv{grid-template-columns:minmax(0,1fr);gap:.1em}
  .lead .kv .k{font-size:max(10.5px,.82em)}
  
  .pills{
    flex:1 1 auto;min-width:0;
    justify-content:flex-start;flex-wrap:nowrap;
    overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:.28rem;padding-block:1px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
  }
  .pills::-webkit-scrollbar{display:none}
  .pill{flex:none;padding:.28rem .5rem;font-size:clamp(10.5px,1.8vh,11.5px);border-radius:5px}
  .bar.top{padding:.4rem .6rem}
  .core{padding:.75rem .8rem}
}

@media(max-width:400px){
  .figs{display:none}
}

@media(max-width:720px) and (max-height:520px){
  .por-col{display:none}
  .grid{grid-template-rows:minmax(0,1fr)}
  .figs{display:none}
}

@media(max-height:400px){
  .grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
  .por-col{display:none}
  .figs{display:none}
}