.article .fig-title { font-family: var(--font-mono); font-size: .78rem; letter-spacing: .06em; color: var(--gold-deep); margin: 0 0 .6rem; }
.article .fig-foot { font-size: .88rem; color: var(--grey-warm); margin: .6rem 0 0; }
.wr-tag { display: inline-block; margin-left: .5rem; padding: .05rem .4rem; font-family: var(--font-mono); font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; background: var(--ink); color: var(--white); vertical-align: .1em; }
.wr-stack th[scope="row"] { font-weight: 600; }
.spec-table tr.wr-avoid th, .spec-table tr.wr-avoid td { background: var(--canvas); }
.spec-table tr.wr-avoid th { border-left: 4px solid var(--ink); }
@media (max-width: 639px) {
.wr-stack, .wr-stack tbody, .wr-stack tr, .wr-stack th, .wr-stack td { display: block; width: 100%; }
.wr-stack thead { display: none; }
.wr-stack tr { border-top: 2px solid var(--ink); padding: .4rem 0 .8rem; }
.wr-stack td { border-bottom: 0; padding: .35rem .6rem; }
.wr-stack th[scope="row"] { padding: .5rem .6rem .2rem; border-bottom: 0; }
.wr-stack td::before { content: attr(data-label); display: block; font-family: var(--font-mono); font-size: .75rem; color: var(--gold-deep); }
}
.wr-picker .wr-scene { border: 1px solid var(--grey-line); background: var(--paper); }
.wr-scene .wr-tile { stroke: var(--grey-line); stroke-width: 1; }
.wr-scene .wr-hl { fill: none; stroke: none; }
.wr-scene .wr-zone.is-on .wr-hl { fill: var(--gold); fill-opacity: .22; stroke: var(--gold-deep); stroke-width: 3; }
.wr-scene .wr-drops circle { fill: var(--grey-warm); fill-opacity: .55; }
.wr-scene .wr-heat { fill: none; stroke: var(--gold-deep); stroke-width: 2; stroke-linecap: round; opacity: .55; }
.wr-scene .wr-zone.is-on .wr-drops circle { fill: var(--ink); fill-opacity: .8; }
.wr-scene .wr-zone.is-on .wr-heat { opacity: 1; }
.wr-controls { margin-top: 1rem; }
.wr-q { margin: 0; font-family: var(--font-display); font-stretch: 110%; font-weight: 600; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--grey-warm); }
.wr-controls .chip-set { margin: .45rem 0 .9rem; }
.wr-out { border-top: 2px solid var(--ink); padding-top: .8rem; }
.wr-out__h { margin: 0 0 .5rem; font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; }
.article .body ul.wr-lines { margin: 0; padding-left: 1.1rem; }
.article .body ul.wr-lines li { margin-bottom: .5rem; }
.wr-src { font-family: var(--font-mono); font-size: .76rem; color: var(--grey-warm); overflow-wrap: anywhere; }
.article .body ol.wr-panels { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 1rem; }
@media (min-width: 640px) { .article .body ol.wr-panels { grid-template-columns: repeat(3, 1fr); } }
.article .body ol.wr-panels li { margin: 0; }
.wr-panels svg { border: 1px solid var(--grey-line); max-width: 20rem; }
.wr-panels p { margin: .35rem 0 0; font-size: .92rem; line-height: 1.4; }
.article .body .wr-panels .wr-panels__h { margin-top: .5rem; font-family: var(--font-mono); font-size: .82rem; letter-spacing: .04em; color: var(--gold-deep); }
.wr-panels .wr-sky-day { fill: var(--canvas); }
.wr-panels .wr-sky-night { fill: var(--ink-raised); }
.wr-panels .wr-frost { fill: var(--paper); stroke: var(--grey-line); }
.wr-panels .wr-glow { fill: var(--gold); fill-opacity: .55; }
.wr-panels .wr-sil { fill: var(--ink); fill-opacity: .55; }
.wr-panels .wr-sil--hidden { fill-opacity: 0; }
.wr-panels .wr-moon { fill: var(--paper); }
.wr-panels .sc-solid { fill: var(--canvas); }
.article .body ol.wr-steps, .article .body ol.wr-wk { list-style: none; margin: 0; padding: 0; }
.wr-steps__n { display: inline-grid; place-items: center; flex: none; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: var(--ink); color: var(--white); font-family: var(--font-mono); font-size: .85rem; }
.article .body ol.wr-steps { display: grid; grid-template-columns: 1fr; gap: .9rem; }
@media (min-width: 720px) { .article .body ol.wr-steps { grid-template-columns: repeat(5, 1fr); gap: .8rem; } }
.article .body ol.wr-steps li { margin: 0; padding-top: .6rem; border-top: 2px solid var(--ink); }
.article .body ol.wr-steps li.wr-ours { border-top-color: var(--gold); }
.wr-steps p { margin: .45rem 0 0; font-size: .92rem; line-height: 1.4; }
.wr-steps .wr-tag { display: table; margin: .4rem 0 0; background: var(--gold); color: var(--ink); }
.article .body ol.wr-wk li { display: flex; gap: .8rem; margin: 0; padding: .8rem 0; border-top: 1px solid var(--grey-line); }
.article .body ol.wr-wk li:first-child { border-top: 2px solid var(--ink); }
.wr-wk p { margin: 0; }
.wr-wk .wr-wk__h { font-family: var(--font-display); font-weight: 600; }
.wr-wk .wr-wk__src { margin-top: .3rem; font-family: var(--font-mono); font-size: .76rem; }
.article .body ul.wr-bars { list-style: none; margin: 0; padding: 0; }
.article .body ul.wr-bars li { margin: 0 0 1rem; }
.wr-bar__l { margin: 0 0 .3rem; font-weight: 600; font-size: .95rem; }
.wr-track { position: relative; height: 1.2rem; background: var(--canvas); border: 1px solid var(--grey-line); }
.wr-band { position: absolute; top: 0; bottom: 0; background: var(--gold-deep); }
.wr-band--over { background: repeating-linear-gradient(135deg, var(--gold-deep) 0 6px, color-mix(in oklab, var(--gold-deep) 45%, var(--canvas)) 6px 12px); }
.wr-bar__v { margin: .3rem 0 0; font-family: var(--font-mono); font-size: .85rem; color: var(--gold-deep); }
.wr-axis { position: relative; height: 1.6rem; border-top: 1.5px solid var(--ink); font-family: var(--font-mono); font-size: .74rem; color: var(--grey-warm); }
.wr-axis span { position: absolute; top: .3rem; transform: translateX(-50%); }
.wr-axis span:first-child { transform: none; }
.wr-axis span:last-child { transform: translateX(-100%); }
@media print { .wr-wk li, .wr-steps li { break-inside: avoid; } }
.schem.wr-scene text { font-size: 22px; }