/* Real-world observation system: an institutional field ledger, not a dashboard skin. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body.observation-page{
  margin:0;
  color:var(--ink);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--world-sky) 78%,transparent),transparent 44rem),
    var(--void);
  font-family:var(--sf);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  transition:background .8s var(--ease-world),color .8s var(--ease-world);
}
body.observation-page::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
  background:
    linear-gradient(90deg,transparent 49.94%,var(--hair2) 50%,transparent 50.06%),
    repeating-linear-gradient(0deg,transparent 0 39px,var(--hair2) 40px,transparent 41px);
  mask-image:linear-gradient(to bottom,#000 0,transparent 86%);
}
.observation-page #zzk-nav{position:relative;z-index:30}
.observation-page main,.observation-page footer{position:relative;z-index:2}
.observation-page .top{
  background:var(--void);
  border-bottom:1px solid var(--hair);
  box-shadow:0 10px 28px color-mix(in srgb,var(--void) 34%,transparent);
  backdrop-filter:none;
}
.observation-page a{color:inherit}
.observation-page .tri>[lang]{display:none}
html[lang="ja"] .observation-page .tri>[lang="ja"],
html[lang="zh"] .observation-page .tri>[lang="zh"],
html[lang="en"] .observation-page .tri>[lang="en"]{display:inline}
.observation-page h1.tri>[lang],.observation-page h2.tri>[lang],.observation-page h3.tri>[lang],
.observation-page p.tri>[lang]{width:100%}
html[lang="ja"] .observation-page h1.tri>[lang="ja"],
html[lang="zh"] .observation-page h1.tri>[lang="zh"],
html[lang="en"] .observation-page h1.tri>[lang="en"],
html[lang="ja"] .observation-page h2.tri>[lang="ja"],
html[lang="zh"] .observation-page h2.tri>[lang="zh"],
html[lang="en"] .observation-page h2.tri>[lang="en"],
html[lang="ja"] .observation-page h3.tri>[lang="ja"],
html[lang="zh"] .observation-page h3.tri>[lang="zh"],
html[lang="en"] .observation-page h3.tri>[lang="en"],
html[lang="ja"] .observation-page p.tri>[lang="ja"],
html[lang="zh"] .observation-page p.tri>[lang="zh"],
html[lang="en"] .observation-page p.tri>[lang="en"]{display:block}
.obs-shell,.monitor-shell{width:min(100%,var(--data-width));min-width:0;margin:0 auto;padding:clamp(4rem,8vw,8.4rem) var(--page-gutter) 7rem}
.obs-shell>*,.monitor-shell>*{min-width:0;max-width:100%}
.observation-page img,.observation-page video,.observation-page canvas,.observation-page svg{max-width:100%}
.obs-kicker,.obs-section-no{
  margin:0;color:var(--murmur);font:600 var(--fs-label)/1.5 var(--mono);
  letter-spacing:.2em;text-transform:uppercase;
}
.obs-hero{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.48fr);
  min-height:min(70vh,48rem);border-top:1px solid var(--hair);
}
.obs-hero__copy{padding:clamp(2rem,5vw,5rem) clamp(1rem,6vw,7rem) 3rem 0}
.obs-hero h1,.monitor-hero h1{
  margin:clamp(1.6rem,4vw,3.4rem) 0 1.5rem;
  font:400 clamp(4.2rem,9vw,10rem)/.88 var(--mincho);
  letter-spacing:-.065em;
}
.obs-lede{max-width:48rem;margin:0;font:400 var(--fs-lede)/1.95 var(--mincho);letter-spacing:.03em;color:var(--dim)}
.obs-hero__instrument{
  position:relative;display:flex;flex-direction:column;justify-content:space-between;
  padding:2rem 0 2rem clamp(1.5rem,3vw,3rem);border-left:1px solid var(--hair);
}
.obs-scope{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.16em;color:var(--faint)}
.obs-crosshair{position:relative;min-height:17rem;margin-block:2rem}
.obs-crosshair::before,.obs-crosshair::after{content:"";position:absolute;background:var(--hair)}
.obs-crosshair::before{left:50%;top:5%;bottom:5%;width:1px}
.obs-crosshair::after{top:50%;left:5%;right:5%;height:1px}
.obs-crosshair i{position:absolute;width:5.5rem;height:5.5rem;border:1px solid var(--acc);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.obs-crosshair b{position:absolute;inset:calc(50% - .25rem);border-radius:50%;background:var(--seal)}
.obs-crosshair span{position:absolute;right:0;bottom:0;color:var(--faint);font:var(--fs-label)/1 var(--mono);letter-spacing:.14em}
.obs-hero__instrument dl{margin:0}
.obs-hero__instrument dl div{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--hair);padding:.8rem 0}
.obs-hero__instrument dt,.obs-hero__instrument dd{margin:0;font:var(--fs-label)/1.5 var(--mono);letter-spacing:.1em}
.obs-hero__instrument dt{color:var(--faint)}.obs-hero__instrument dd{text-align:right}
.obs-protocol,.obs-intro-plate,.obs-registry,.obs-desk{border-top:1px solid var(--hair);padding:clamp(3rem,6vw,6rem) 0}
.obs-protocol{display:grid;grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr);gap:2rem}
.obs-protocol>*,.obs-protocol__steps>*,.obs-registry>*,.obs-register-entry>*,.obs-desk>*,.obs-desk__grid>*,.monitor-hero>*,.monitor-section-head>*,.monitor-analysis-visual>*{min-width:0}
.obs-protocol h2,.obs-registry h2{
  max-width:62rem;margin:0 0 2.5rem;font:400 clamp(2rem,4vw,4.6rem)/1.15 var(--mincho);letter-spacing:-.03em;
}
.obs-protocol__steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--hair)}
.obs-protocol__steps p{min-height:10rem;margin:0;padding:1.5rem;border-right:1px solid var(--hair);color:var(--dim)}
.obs-protocol__steps p:last-child{border-right:0}
.obs-protocol__steps b{display:block;margin-bottom:2rem;color:var(--acc);font:500 .82rem/1 var(--mono)}
.obs-intro-plate{display:grid;grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr);gap:2rem;min-width:0}
.obs-intro-plate>*{min-width:0;max-width:100%}
.obs-intro-plate__figure{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(17rem,.43fr);width:100%;min-width:0;max-width:100%;margin:0;overflow:hidden;border-block:1px solid var(--hair);background:color-mix(in srgb,var(--reading) 64%,transparent)}
.obs-intro-plate__figure>img{display:block;width:100%;min-width:0;max-width:100%;height:100%;min-height:34rem;object-fit:cover;object-position:50% 46%}
.obs-intro-plate figcaption{display:flex;width:100%;min-width:0;max-width:100%;flex-direction:column;justify-content:space-between;padding:1.6rem;border-left:1px solid var(--hair);overflow-wrap:anywhere}
.obs-intro-plate figcaption>div>span{color:var(--acc);font:600 var(--fs-label)/1.5 var(--mono);letter-spacing:.14em}
.obs-intro-plate h2{margin:1.5rem 0 1rem;font:400 clamp(1.8rem,3vw,3.4rem)/1.2 var(--mincho);letter-spacing:-.03em}
.obs-intro-plate figcaption p{margin:0;color:var(--dim);font-size:var(--fs-small);line-height:1.85}
.obs-intro-source{margin-top:2rem;border-top:1px solid var(--hair)}
.obs-intro-source summary{padding:1rem 0;color:var(--faint);font:600 var(--fs-label)/1.5 var(--mono);letter-spacing:.1em;cursor:pointer}
.obs-intro-source__body{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:start;margin-bottom:1rem}
.obs-intro-source__body>img{display:block;width:5rem;height:6.6rem;object-fit:cover;object-position:50% 22%;border:1px solid var(--hair)}
.obs-intro-source dl{min-width:0;margin:0}
.obs-intro-source dl div{padding:.35rem 0;border-bottom:1px solid var(--hair2)}
.obs-intro-source dt,.obs-intro-source dd{margin:0;color:var(--dim);font:var(--fs-label)/1.45 var(--mono);overflow-wrap:anywhere}
.obs-intro-source dt{color:var(--faint)}
.obs-intro-source pre{width:100%;max-width:100%;max-height:18rem;margin:0;padding:1rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--hair);background:color-mix(in srgb,var(--void) 74%,transparent);color:var(--dim);font:var(--fs-label)/1.6 var(--mono)}
.obs-registry>header{display:grid;grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr) minmax(15rem,.42fr);gap:2rem;align-items:start;margin-bottom:2.4rem}
.obs-registry>header h2{margin:0}.obs-registry>header>p:last-child{margin:0;color:var(--dim);line-height:1.9}
.obs-register-entry{
  position:relative;display:grid;grid-template-columns:8rem minmax(0,1fr) minmax(15rem,.42fr) 2rem;
  gap:2rem;align-items:stretch;padding:clamp(1.5rem,3vw,3rem) 0;border-block:1px solid var(--hair);
  text-decoration:none;transition:padding .35s var(--ease-world),background .35s var(--ease-world);
}
.obs-register-entry:hover{padding-inline:1.2rem;background:color-mix(in srgb,var(--acc) 6%,transparent)}
.obs-register-entry__index{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.14em;color:var(--acc)}
.obs-register-entry__name>span{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.24em;color:var(--faint)}
.obs-register-entry h3{margin:.4rem 0 .7rem;font:400 clamp(1.8rem,3vw,3.5rem)/1.15 var(--mincho);letter-spacing:-.02em}
.obs-register-entry p{max-width:50rem;margin:0;color:var(--dim)}
.obs-register-entry dl{margin:0;border-left:1px solid var(--hair)}
.obs-register-entry dl div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0 .65rem 1.4rem;border-bottom:1px solid var(--hair2)}
.obs-register-entry dt,.obs-register-entry dd{margin:0;font:var(--fs-label)/1.5 var(--mono);letter-spacing:.1em}
.obs-register-entry dt{color:var(--faint)}.obs-register-entry dd{color:var(--celadon)}
.obs-register-entry__arrow{align-self:center;font-size:1.6rem;color:var(--acc)}
.obs-desk{display:grid;grid-template-columns:minmax(9rem,.28fr) minmax(0,1fr);gap:2rem}
.obs-desk__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.obs-desk article{padding:1.5rem;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.obs-desk article:last-child{border-right:0}
.obs-desk article>span{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.16em;color:var(--murmur)}
.obs-desk h3{margin:2rem 0 .7rem;font:400 1.5rem/1.3 var(--mincho)}
.obs-desk p{margin:0;color:var(--dim);font-size:var(--fs-small);line-height:1.85}
.obs-footer,.monitor-footer{
  position:relative;z-index:2;display:flex;justify-content:space-between;gap:2rem;
  width:min(100%,var(--data-width));margin:0 auto;padding:1.4rem var(--page-gutter) 3rem;border-top:1px solid var(--hair);
  color:var(--faint);font:var(--fs-label)/1.5 var(--mono);letter-spacing:.12em;
}
.obs-footer a,.monitor-footer a{text-decoration:none;border-bottom:1px solid var(--hair)}

/* Detail monitor */
.monitor-shell{padding-top:clamp(3rem,6vw,6rem)}
.monitor-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.32fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.monitor-hero__title{padding:2.5rem clamp(2rem,5vw,6rem) 3.2rem 0}
.monitor-back{display:inline-block;margin-bottom:3rem;color:var(--faint);font:var(--fs-label)/1.5 var(--mono);letter-spacing:.12em;text-decoration:none}
.monitor-hero h1{font-size:clamp(3.8rem,8vw,8.8rem);margin:1.4rem 0}
.monitor-hero__summary{max-width:46rem;margin:0;color:var(--dim);font:var(--fs-lede)/1.9 var(--mincho)}
.monitor-hero__ledger{position:relative;padding:2.2rem 0 2.2rem clamp(1.5rem,3vw,3rem);border-left:1px solid var(--hair)}
.monitor-hero__seal{display:inline-block;padding:.45rem .65rem;border:1px solid var(--seal);color:var(--seal);font:700 var(--fs-label)/1 var(--mono);letter-spacing:.16em}
.monitor-hero__ledger dl{position:absolute;left:clamp(1.5rem,3vw,3rem);right:0;bottom:2rem;margin:0}
.monitor-hero__ledger dl div{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--hair)}
.monitor-hero__ledger dt,.monitor-hero__ledger dd{margin:0;font:var(--fs-label)/1.5 var(--mono);letter-spacing:.08em}
.monitor-hero__ledger dt{color:var(--faint)}.monitor-hero__ledger dd{overflow-wrap:anywhere}
.monitor-boundary{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 3rem;border-bottom:1px solid var(--hair)}
.monitor-boundary p{margin:0;padding:1.4rem 1.5rem 1.4rem 0;color:var(--dim);font-size:var(--fs-small);line-height:1.85}
.monitor-boundary p+p{padding-left:1.5rem;border-left:1px solid var(--hair)}
.monitor-boundary b{color:var(--ink);font-weight:600}
.monitor-vitals{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--hair);margin-bottom:3rem}
.monitor-vital{min-height:9.2rem;padding:1.3rem;border-right:1px solid var(--hair)}
.monitor-vital:last-child{border-right:0}
.monitor-vital span{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.14em;color:var(--faint)}
.monitor-vital b{display:block;margin-top:1rem;font:400 clamp(2.6rem,5vw,5.2rem)/1 var(--mincho);letter-spacing:-.04em}
.monitor-vital em{font-style:normal;color:var(--murmur);font:var(--fs-label)/1.5 var(--mono)}
.monitor-tabs{
  display:flex;gap:0;overflow-x:auto;scrollbar-width:none;border-block:1px solid var(--hair);
  background:color-mix(in srgb,var(--reading) 88%,transparent);
}
.monitor-tabs::-webkit-scrollbar{display:none}
.monitor-tabs button{
  flex:1;min-width:max-content;min-height:3.8rem;padding:.8rem 1.2rem;border:0;border-right:1px solid var(--hair);
  background:transparent;color:var(--faint);font:600 var(--fs-label)/1.35 var(--mono);letter-spacing:.12em;cursor:pointer;
}
.monitor-tabs button[aria-pressed="true"]{color:var(--ink);box-shadow:inset 0 -2px var(--acc);background:color-mix(in srgb,var(--acc) 7%,transparent)}
.monitor-stage{min-height:44rem;padding:clamp(2.2rem,5vw,5rem) 0}
.monitor-loading{padding:8rem 0;color:var(--faint);text-align:center;font:var(--fs-label)/1.5 var(--mono);letter-spacing:.14em}
.monitor-loading span{display:inline-block;width:.55rem;height:.55rem;margin-right:.7rem;border-radius:50%;background:var(--acc);animation:monitorPulse 1.5s infinite}
@keyframes monitorPulse{50%{opacity:.22;transform:scale(.65)}}
.monitor-section-head{display:grid;grid-template-columns:minmax(8rem,.2fr) minmax(0,1fr);gap:2rem;margin-bottom:2.4rem}
.monitor-section-head>span{color:var(--murmur);font:var(--fs-label)/1.5 var(--mono);letter-spacing:.16em}
.monitor-section-head h2{margin:0 0 .6rem;font:400 clamp(2rem,4vw,4.2rem)/1.15 var(--mincho);letter-spacing:-.03em}
.monitor-section-head p{max-width:48rem;margin:0;color:var(--dim)}
.monitor-analysis-visual{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.42fr);
  margin:0 0 3rem;border-block:1px solid var(--hair);background:color-mix(in srgb,var(--reading) 64%,transparent);
}
.monitor-analysis-visual>img{display:block;width:100%;height:auto;max-height:72rem;object-fit:contain;background:#10141c}
.monitor-analysis-visual figcaption{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border-left:1px solid var(--hair)}
.monitor-visual-nav{display:grid;grid-template-columns:2.8rem 1fr 2.8rem;align-items:center;margin:-.25rem 0 1.4rem;border-block:1px solid var(--hair)}
.monitor-visual-nav button{height:2.8rem;border:0;background:transparent;color:var(--ink);font:1.2rem/1 var(--mono);cursor:pointer}
.monitor-visual-nav button:hover,.monitor-visual-nav button:focus-visible{background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--acc);outline:0}
.monitor-visual-nav span{text-align:center;color:var(--faint);font:var(--fs-label)/1.4 var(--mono);letter-spacing:.1em}
.monitor-analysis-visual__index{color:var(--acc);font:600 var(--fs-label)/1.5 var(--mono);letter-spacing:.16em}
.monitor-analysis-visual h3{margin:1.4rem 0 .8rem;font:400 clamp(1.5rem,3vw,2.7rem)/1.25 var(--mincho)}
.monitor-analysis-visual p{margin:0;color:var(--dim);font-size:var(--fs-small);line-height:1.85}
.monitor-visual-change{margin-top:1.25rem!important;padding-top:1rem;border-top:1px solid var(--hair2)}
.monitor-visual-change b{display:block;margin-bottom:.35rem;color:var(--faint);font:600 var(--fs-label)/1.4 var(--mono);letter-spacing:.1em}
.monitor-analysis-source{margin-top:2rem;border-top:1px solid var(--hair)}
.monitor-analysis-source summary{padding:1rem 0;color:var(--faint);font:600 var(--fs-label)/1.5 var(--mono);letter-spacing:.12em;cursor:pointer}
.monitor-analysis-source__body{display:grid;gap:1rem;padding:0 0 1rem}
.monitor-analysis-source__anchor{display:grid;grid-template-columns:6rem 1fr;gap:1rem;align-items:start}
.monitor-analysis-source__anchor img{display:block;width:6rem;height:8rem;object-fit:cover;object-position:50% 22%;border:1px solid var(--hair)}
.monitor-analysis-source__anchor dl{margin:0}
.monitor-analysis-source__anchor div{padding:.45rem 0;border-bottom:1px solid var(--hair2)}
.monitor-analysis-source dt,.monitor-analysis-source dd{margin:0;font:var(--fs-label)/1.55 var(--mono);overflow-wrap:anywhere}
.monitor-analysis-source dt{color:var(--faint)}.monitor-analysis-source dd{color:var(--dim)}
.monitor-analysis-source h4{margin:1rem 0 .35rem;font:600 var(--fs-label)/1.5 var(--mono);letter-spacing:.1em}
.monitor-analysis-source pre{
  max-height:20rem;margin:0;padding:1rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;
  border:1px solid var(--hair);background:color-mix(in srgb,var(--void) 74%,transparent);
  color:var(--dim);font:var(--fs-label)/1.6 var(--mono);
}
.monitor-analysis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair)}
.monitor-analysis article{padding:1.5rem;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.monitor-analysis article:last-child{border-right:0}
.monitor-analysis__no{color:var(--acc);font:var(--fs-label)/1.5 var(--mono)}
.monitor-analysis h3{min-height:4.3rem;margin:1.5rem 0 1rem;font:400 1.5rem/1.45 var(--mincho)}
.monitor-analysis p{margin:.65rem 0;color:var(--dim);font-size:var(--fs-small);line-height:1.85}
.monitor-analysis .up{color:var(--celadon)}.monitor-analysis .down{color:var(--seal)}
.monitor-callout{display:grid;grid-template-columns:minmax(8rem,.2fr) minmax(0,1fr);gap:2rem;margin-top:3rem;padding:1.7rem 0;border-block:1px solid var(--hair)}
.monitor-callout>span{font:var(--fs-label)/1.5 var(--mono);letter-spacing:.14em;color:var(--faint)}
.monitor-callout p{max-width:58rem;margin:0;font:var(--fs-lede)/1.8 var(--mincho)}
.theme-list,.rank-list{border-top:1px solid var(--hair)}
.theme-row{display:grid;grid-template-columns:3rem minmax(10rem,.75fr) minmax(12rem,1fr) minmax(12rem,.75fr) minmax(15rem,1.1fr);grid-template-areas:"rank name track trend note";gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--hair)}
.theme-row__rank{grid-area:rank;font:var(--fs-label)/1 var(--mono);color:var(--faint)}
.theme-row__name{grid-area:name}.theme-row__name b{display:block;font:400 1.15rem/1.5 var(--mincho)}.theme-row__name span{color:var(--faint);font:var(--fs-label)/1.4 var(--mono)}
.theme-row__track{grid-area:track;position:relative;height:2px;background:var(--hair)}
.theme-row__track i{position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--acc)}
.theme-row__trend{grid-area:trend;display:flex;gap:1rem;color:var(--faint);font:var(--fs-label)/1.5 var(--mono)}
.theme-row__trend b{color:var(--ink)}.theme-row__trend .is-up{color:var(--celadon)}.theme-row__trend .is-down{color:var(--seal)}
.theme-row__note{grid-area:note;min-width:0;width:100%;margin:0;color:var(--dim);font-size:var(--fs-small);line-height:1.65;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere}
.monitor-tools{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 1.6rem}
.monitor-tools input,.monitor-tools select,.monitor-tools button{
  min-height:2.8rem;padding:.65rem .85rem;border:1px solid var(--hair);border-radius:0;background:var(--reading);color:var(--ink);
  font:var(--fs-small)/1.3 var(--sf);
}
.monitor-tools input{flex:1;min-width:14rem}.monitor-tools select{min-width:10rem}
.monitor-tools button{cursor:pointer}.monitor-tools button[aria-pressed="true"]{border-color:var(--acc);color:var(--acc)}
.rank-row{display:grid;grid-template-columns:3rem minmax(0,1fr) minmax(8rem,.24fr);gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--hair)}
.rank-row__rank{color:var(--faint);font:var(--fs-label)/1.5 var(--mono)}
.rank-row h3{margin:0 0 .35rem;font:400 1.2rem/1.5 var(--mincho)}
.rank-row h3 a{text-decoration:none}.rank-row h3 a:hover{color:var(--acc)}
.rank-row__meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;color:var(--faint);font:var(--fs-label)/1.5 var(--mono)}
.rank-row__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.65rem}
.rank-row__tags a,.rank-row__tags span{padding:.18rem .45rem;border:1px solid var(--hair2);color:var(--dim);font:var(--fs-label)/1.35 var(--mono);text-decoration:none}
.rank-row__comment{grid-column:2;margin:.55rem 0 0;padding-left:1rem;border-left:1px solid var(--murmur);color:var(--dim);font-size:var(--fs-small)}
.rank-row__score{text-align:right;color:var(--ink);font:500 1.2rem/1.3 var(--mono)}
.rank-row__score small{display:block;color:var(--faint);font-size:var(--fs-label)}
.load-more{display:block;width:100%;margin-top:1.4rem;padding:1rem;border:1px solid var(--hair);background:transparent;color:var(--ink);font:var(--fs-label)/1.5 var(--mono);letter-spacing:.14em;cursor:pointer}
.load-more:hover{border-color:var(--acc);color:var(--acc)}
.monitor-empty{padding:5rem 0;text-align:center;color:var(--faint);font:var(--fs-small)/1.7 var(--mono)}
.monitor-error{padding:2rem;border-block:1px solid var(--seal);color:var(--seal)}
.monitor-footer div{display:flex;gap:1rem}.monitor-footer b{font-weight:500;color:var(--ink)}

@media(max-width:900px){
  .obs-hero,.monitor-hero{grid-template-columns:1fr}
  .obs-hero__instrument,.monitor-hero__ledger{border-left:0;border-top:1px solid var(--hair);padding-left:0}
  .obs-crosshair{min-height:12rem}.monitor-hero__ledger{min-height:18rem}
  .monitor-hero__ledger dl{left:0}
  .obs-registry>header{grid-template-columns:1fr}.obs-register-entry{grid-template-columns:6rem minmax(0,1fr) 2rem}
  .obs-register-entry dl{grid-column:2;border-left:0}.obs-register-entry__arrow{grid-column:3;grid-row:1/3}
  .monitor-analysis{grid-template-columns:1fr}.monitor-analysis article{border-right:0}
  .monitor-analysis-visual{grid-template-columns:1fr}.monitor-analysis-visual figcaption{border-left:0;border-top:1px solid var(--hair)}
  .obs-intro-plate{grid-template-columns:minmax(0,1fr)}
  .obs-intro-plate__figure{grid-template-columns:minmax(0,1fr);width:100%;margin:0}
  .obs-intro-plate figcaption{border-left:0;border-top:1px solid var(--hair)}
  .obs-intro-plate__figure>img{width:100%;max-width:100%;height:auto;min-height:0;object-fit:contain}
}
@media(max-width:1180px){
  .theme-row{grid-template-columns:3rem minmax(10rem,.75fr) minmax(12rem,1fr) minmax(12rem,.8fr);grid-template-areas:"rank name track trend" ". note note note";align-items:start}
  .theme-row__note{padding-top:.2rem}
}
@media(max-width:680px){
  .obs-shell,.monitor-shell{padding-inline:1rem;padding-top:3rem}
  .obs-hero h1,.monitor-hero h1{font-size:clamp(3.2rem,17vw,5.8rem)}
  .obs-protocol,.obs-desk{grid-template-columns:1fr}.obs-protocol__steps,.obs-desk__grid{grid-template-columns:1fr}
  .obs-protocol__steps p,.obs-desk article{min-height:0;border-right:0}
  .obs-register-entry{grid-template-columns:1fr 2rem;gap:1rem}
  .obs-register-entry__index{grid-column:1}.obs-register-entry__name{grid-column:1}.obs-register-entry dl{grid-column:1}.obs-register-entry__arrow{grid-column:2;grid-row:1/4}
  .monitor-boundary{grid-template-columns:1fr}.monitor-boundary p{padding:1.2rem 0}.monitor-boundary p+p{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
  .monitor-vitals{grid-template-columns:1fr 1fr}.monitor-vital:nth-child(2){border-right:0}.monitor-vital:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  .monitor-section-head,.monitor-callout{grid-template-columns:1fr;gap:.8rem}
  .theme-row{grid-template-columns:2rem minmax(0,1fr);grid-template-areas:"rank name" ". track" ". trend" ". note"}.theme-row__track,.theme-row__trend,.theme-row__note{grid-column:auto}
  .rank-row{grid-template-columns:2rem minmax(0,1fr)}.rank-row__score{grid-column:2;text-align:left}.rank-row__comment{grid-column:2}
  .obs-footer,.monitor-footer{flex-direction:column;padding-inline:1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.monitor-loading span{animation:none}}