.finger-hero,.finger-prose{max-width:900px;margin-inline:auto}.finger-hero{padding:44px 24px 24px}.finger-prose{padding-inline:24px}.finger-prose p{line-height:1.95}.finger-toc{padding:24px!important;border:1px solid #bccbd2;border-radius:12px;background:#f8fafb!important}.finger-toc a{display:block;font-size:1.05rem;padding:9px 0}.lesson-figure{margin:30px 0;padding:clamp(18px,4vw,34px);background:#f3f2ed;border-radius:18px;color:#14364b}.lesson-figure h3{font-size:1.35rem;margin:0 0 20px;line-height:1.5}.lesson-figure figcaption{font-size:.9rem;line-height:1.7;margin-top:20px;color:#4e6570}.pose-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:center;border-top:1px solid #cdd6d8;padding:20px 0}.pose-row:first-of-type{border-top:0}.pose-row p{font-size:1rem;margin:4px 0!important}.pose-row svg{width:100%;height:auto;display:block}.pose-row strong{font-size:1.15rem}.lesson-kicker{font-size:.85rem!important;letter-spacing:.12em;color:#52707a}.lesson-svg{width:100%;height:auto;display:block}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:18px 0 18px 54px;border-top:1px solid #ccd6d8;line-height:1.8}.steps li:before{content:counter(step);position:absolute;left:0;top:20px;background:#14364b;color:white;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px}.steps strong{display:block}.result-bar{margin:14px 0}.result-bar label{display:block;font-weight:700;margin-bottom:8px}.result-bar div{height:28px;width:var(--v);background:var(--c);border-radius:0 8px 8px 0}.result-bar span{display:block;margin-top:5px;font-size:1rem}.result-base{border-left:2px solid #35566a;padding-left:10px}.decision-list{display:grid;gap:20px}.decision-list div{padding-bottom:18px;border-bottom:1px solid #ccd6d8}.decision-list strong{display:block;color:#9a431f}.decision-list p{margin:5px 0!important;font-size:1rem}.article-bottom{padding:35px 24px;text-align:center}.finger-prose a{overflow-wrap:anywhere}.finger-cover{max-width:900px;margin:10px auto 30px}.finger-cover img{width:100%;height:auto;border-radius:16px}.mini-legend{font-size:.85rem!important;margin:0!important;color:#526672}svg text{font-family:Arial,'Yu Gothic',sans-serif} @media(max-width:650px){.pose-row{grid-template-columns:1fr;gap:4px}.finger-prose{padding-inline:20px}.finger-hero h1{font-size:2rem}.lesson-figure{margin-inline:0}.finger-chapter h2{font-size:1.5rem}.finger-prose p{font-size:1.08rem}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:1000;background:white;padding:12px}.skip:focus{inset-block-start:12px}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}.skip:focus{clip-path:none;width:auto;height:auto}

.finger-banner{max-width:1040px;margin:1.5rem auto 3rem;padding:0 20px;box-sizing:border-box}.finger-banner img{display:block;width:100%;height:auto;border-radius:16px}.finger-banner figcaption{font-size:14px;line-height:1.7;margin-top:12px;color:#526672}
/* Article content adaptation of the approved DiagramKit renderer; library source unchanged. */
.kit-figure{padding:0;background:transparent}.kit-figure>.diagram-kit{border-radius:20px;padding:clamp(18px,4vw,32px);width:100%;max-width:none;container-type:inline-size}.kit-figure .dk-heading h3{font-size:clamp(22px,3vw,28px);line-height:1.5;margin:0 0 12px}.kit-figure .dk-heading p{font-size:17px;line-height:1.7}.kit-figure .dk-content strong{font-size:21px;line-height:1.6}.kit-figure .dk-content p{font-size:18px;line-height:1.8}.kit-figure svg{display:block;width:100%;height:auto}.kit-figure .dk-word{display:inline;white-space:normal}.kit-figure .dk-columns{max-width:none;width:100%;gap:20px}.kit-figure .dk-node{max-width:none;min-width:0}.kit-poses .dk-columns{display:grid;grid-template-columns:1fr}.kit-poses .dk-node{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:24px}.kit-poses .dk-node svg{grid-row:1/3}.kit-poses .dk-node p{margin-block:8px 0}.kit-scale{width:100%;margin-top:16px;border-left:2px solid #14364b;padding:8px 0}.kit-scale span{display:block;height:24px;background:var(--accent);border-radius:0 7px 7px 0}.kit-limit{padding:18px 4px 0;text-align:left}.kit-observe .dk-paired{display:grid;grid-template-columns:1fr 1fr;gap:22px}.kit-observe .dk-pair-row{display:flex!important;flex-direction:column!important;max-width:none!important;gap:16px!important;padding:20px!important}.kit-observe .dk-letter{align-self:stretch;padding-bottom:12px}.kit-observe .dk-letter:after{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:2px!important}.kit-observe .dk-pair-copy{min-width:0}.kit-observe .dk-pair-copy svg{margin-bottom:14px}.kit-practice .dk-vertical{max-width:none;width:100%}.kit-practice .dk-vertical>li>div{min-width:0}.kit-practice .kit-step-art{width:120px;height:60px;margin-bottom:10px}.kit-decide .dk-mapping{width:100%;max-width:none}.kit-decide .dk-mapping dt{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kit-decide .dk-mapping dt .dk-word{display:contents}.kit-decide .kit-state-art{flex:0 0 48px;width:48px;height:48px;margin-right:8px}.kit-figure>figcaption{padding-inline:12px;font-size:15px}
@media(max-width:700px){.kit-poses .dk-node{display:block}.kit-poses .dk-node svg{margin-bottom:16px}.kit-observe .dk-paired,.kit-ratio .dk-columns{grid-template-columns:1fr!important;display:grid!important}.kit-decide .dk-mapping>div{display:grid;grid-template-columns:1fr;gap:14px;padding-block:12px}.kit-decide .dk-mapping dt,.kit-decide .dk-mapping dd{width:100%;max-width:none}.kit-decide .dk-mapping dd{margin:0}.kit-practice .dk-vertical>li{grid-template-columns:44px minmax(0,1fr);gap:14px}.kit-practice .dk-vertical .dk-number{width:44px;height:44px;font-size:26px}.kit-figure .dk-content strong{font-size:20px}.kit-figure .dk-content p{font-size:17px}}
.kit-decide .dk-mapping dt,.kit-decide .dk-mapping dd{display:block!important;text-align:left}.kit-decide .dk-mapping dt{line-height:1.7}.kit-decide .dk-mapping dt .dk-word{display:inline}.kit-decide .kit-state-art{float:left;margin:0 12px 8px 0}.kit-decide .dk-mapping dd{font-size:18px;line-height:1.85}.kit-decide .dk-mapping dd .dk-word{display:inline;white-space:normal}
.kit-practice .kit-scene-art{width:100%;height:auto;max-width:240px;margin:0 0 18px}