/* v12b：固定底圖與輕量動畫控制，僅限本篇圖解。 */
.kv-area{--ar-main:#deebe6;--ar-accessory:#ead9ad;--ar-common:#e6c5ab;--ar-parking:#bfd5e0;--ar-drive:#edf0ee;--ar-muted:#455f62;--ar-line:#cbd8d3;--ar-ink:#0d4d5e;--ar-gold:#78623c;--ar-permit:#216575;--ar-register:#8c692d}
.kv-area svg{display:block;width:100%;height:auto;fill:none;stroke-linecap:round;stroke-linejoin:round}
.kv-area svg text{font:22px var(--sans,Arial,sans-serif);fill:var(--ar-ink);stroke:none}
.kv-area svg .ar-small{font-size:20px}.kv-area svg .ar-tiny{font-size:17px}.kv-area svg .ar-level-name{font:17px var(--latin,Arial,sans-serif);fill:var(--ar-muted)}
.kv-area svg .ar-core-label{font-size:18px}
.kv-area .ar-main{fill:var(--ar-main)}.kv-area .ar-accessory{fill:var(--ar-accessory);stroke:#a38a58;stroke-width:1.2}.kv-area .ar-common{fill:var(--ar-common)}
.kv-area .ar-purpose-parking{fill:#e1edf2}.kv-area .ar-purpose-drive{fill:var(--ar-drive)}
.kv-area .ar-outline,.kv-area .ar-slab{stroke:#6c8d80;stroke-width:2;fill:none}
.kv-area .ar-ground{stroke:#617d72;stroke-width:1.6}.kv-area .ar-railing{stroke:#a68b55;stroke-width:1.3}
.kv-area .ar-stair{stroke:#9e7e66;stroke-width:1.2}.kv-area .ar-leader{stroke:#897652;stroke-width:1.1;fill:none}
.kv-area .ar-car{stroke:#7196a7;stroke-width:1.2;fill:#f9fcfd}
.kv-area .ar-far-boundary{stroke:#216575;stroke-width:2;stroke-dasharray:6 5;fill:none}
.kv-area .ar-wall{stroke:#749388;stroke-width:8;fill:none;stroke-linecap:butt;stroke-linejoin:miter}
.kv-area .ar-window{stroke:#749388;stroke-width:1.2;fill:#fff}
.kv-area .ar-aperture-line{stroke:#fff;stroke-width:9;stroke-linecap:butt;fill:none}
.kv-area .ar-door{stroke:#7f968c;stroke-width:1.4;fill:none}
.kv-area .ar-entry-opening{fill:#f7faf8;stroke:#617d72;stroke-width:1.4}.kv-area .ar-entry-frame{stroke:#617d72;stroke-width:1.1;fill:none}
.kv-area .ar-core,.kv-area .ar-lift{stroke:#9c7e67;stroke-width:1.6;fill:none}
.kv-area .ar-focus-markers circle{fill:#fff;stroke:var(--ar-ink);stroke-width:1.8}.kv-area .ar-focus-markers text{font-size:20px;font-weight:500}
.kv-area .ar-wall-cut{fill:#c5d4cc;stroke:#749388;stroke-width:1}
.kv-area .ar-permit-boundary{stroke:var(--ar-permit);stroke-width:2.6;stroke-dasharray:10 6;fill:none}
.kv-area .ar-register-boundary{stroke:var(--ar-register);stroke-width:2.6;stroke-dasharray:3 4;fill:none}
.kv-area .ar-coincident-boundary{stroke:var(--ar-ink);stroke-width:3;stroke-dasharray:10 5 2 5;fill:none}
.kv-area .ar-basement-edge{fill:#fff;stroke:#8aa197;stroke-width:2}
.kv-area .ar-stall{fill:#e1edf2;stroke:#8aa7b1;stroke-width:1.2}
.kv-area .ar-ramp{fill:#dfe7e6;stroke:#849e99;stroke-width:1.2}.kv-area .ar-ramp-hatch{stroke:#a2b7b2;stroke-width:1}
.kv-area .ar-basement-labels text{font-size:22px}.kv-area svg .ar-mobile-text{font-size:18px}
.kv-area .kv-eyebrow{letter-spacing:.04em;text-transform:none}
.ar-legend{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 24px;font-size:13px;color:var(--ar-muted)}
.ar-legend>span{display:flex;gap:8px;align-items:center}.ar-legend>span::before{content:'';width:18px;height:12px;border:1px solid #819990;flex-shrink:0}
.ar-key-main::before,.ar-main-bar{background:var(--ar-main)}.ar-key-accessory::before,.ar-accessory-bar{background:var(--ar-accessory)}
.ar-key-common::before,.ar-common-bar{background:var(--ar-common)}.ar-key-parking::before,.ar-parking-bar{background:var(--ar-parking)}
.ar-key-transfer::before,.ar-transfer-bar{background:repeating-linear-gradient(135deg,#547b88 0 1px,#d9e6e8 1px 5px);border-inline:1px solid #547b88}
.ar-legend .ar-key-permit::before,.ar-legend .ar-key-register::before{height:0;border:0;border-top:2px dashed var(--ar-permit);width:26px}
.ar-legend .ar-key-register::before{border-top:2px dotted var(--ar-register)}
.ar-formation-plans{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);border-block:1px solid var(--ar-line);background:#f5f8f6}
.ar-drawing-panel{min-width:0;padding:22px 18px}.ar-drawing-panel+.ar-drawing-panel{border-left:1px solid var(--ar-line)}
.knowledge-body .kv-area h3{font-size:20px;font-weight:500;line-height:1.6;margin:0 0 18px}
.knowledge-body .kv-area h4{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 8px}
.knowledge-body .ar-figure-label{font-size:12px;color:var(--ar-muted);margin:0 0 8px;line-height:1.7;min-height:42px}
.ar-dashed-key{display:inline-block;width:17px;height:10px;border:1.5px dashed var(--ar-permit);margin-right:6px}
.ar-section{max-width:355px;margin:auto}.ar-floor-plan{max-width:555px;margin:12px auto 0}
.knowledge-body .ar-caption{font-size:13px;color:var(--ar-muted);line-height:1.85;margin:14px 0 0}
.ar-source-totals{margin:18px 0 0;font-size:13px;border-top:1px solid var(--ar-line)}
.ar-source-totals>div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--ar-line);line-height:1.8}
.ar-source-totals dt{color:var(--ar-muted)}.ar-source-totals dd{margin:0;color:var(--ar-ink);font-variant-numeric:tabular-nums}
.ar-equation-list{margin:24px 0 8px}.ar-equation-list>div{display:grid;grid-template-columns:28px 90px 1fr;gap:10px;align-items:baseline;border-bottom:1px solid var(--ar-line);padding:16px 4px}
.ar-step{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border:1px solid #6c8b83;border-radius:50%;font:13px var(--latin,Arial,sans-serif);vertical-align:middle;margin-right:4px}
.ar-equation-list>div>span:nth-child(2){font-size:14px;white-space:nowrap}.knowledge-body .ar-equation-list p{margin:0;font-size:15px;line-height:1.9}
.ar-equation-list b{font-weight:400}.ar-equation-list strong{font-weight:500;white-space:nowrap}.ar-text-main{border-bottom:3px solid #b4cbbf}.ar-text-accessory{border-bottom:3px solid #d5bc82}
.ar-equation-list .ar-equation-result{border-bottom:0;background:#f2f6f4;padding:20px 12px}.ar-equation-result strong{font-size:24px;color:var(--ar-gold)}
.ar-measure-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;border-block:1px solid var(--ar-line);padding:26px 0}
.ar-measure-plan{align-self:center;min-width:0}.ar-measure-details{min-width:0}.ar-measure-details>section+section{border-top:1px solid var(--ar-line);margin-top:22px;padding-top:22px}
.knowledge-body .ar-measure-details h3{font-size:17px;margin-bottom:12px}.knowledge-body .ar-measure-details p{font-size:14px;line-height:1.85;margin:12px 0 0;color:var(--ar-muted)}
.ar-wall-detail{max-width:420px;margin:auto}.ar-measure-terms{padding:18px 0;border-bottom:1px solid var(--ar-line)}
.knowledge-body .ar-measure-terms p{font-size:14px;margin:8px 0;line-height:1.85;color:var(--ar-muted)}.ar-measure-terms strong{font-weight:500;color:var(--ar-ink);margin-right:12px}
.knowledge-body .ar-basement-intro p{font-size:14px;color:var(--ar-muted);margin:0 0 18px}
.ar-basement-drawing{border-block:1px solid var(--ar-line);background:#f5f8f6;padding:12px 0}
.ar-plan-mobile{display:none}.ar-plan-desktop{display:block}
.knowledge-body .ar-purpose-caption{font-size:14px;line-height:1.85;color:var(--ar-muted);margin:18px 0 12px}.ar-purpose-caption strong{font-weight:500;color:var(--ar-ink)}
.ar-full-plan{display:none}.ar-full-plan summary,.ar-calculation summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--ar-ink);font-size:14px;gap:8px}
.ar-full-plan summary::after,.ar-calculation summary::after{content:'＋'}.ar-full-plan[open] summary::after,.ar-calculation[open] summary::after{content:'−'}
.ar-plan-scroll{overflow-x:auto;overscroll-behavior-x:contain}.ar-plan-scroll svg{min-width:840px}
.ar-plan-scroll:focus-visible,.ar-full-plan summary:focus-visible,.ar-calculation summary:focus-visible{outline:2px solid var(--ar-ink);outline-offset:3px}
.ar-underground-accounts{border-top:1px solid var(--ar-line)}.ar-account{padding:20px 0;border-bottom:1px solid var(--ar-line)}
.knowledge-body .ar-account p{font-size:14px;color:var(--ar-muted);line-height:1.9;margin:10px 0 0}.ar-account b{font-weight:500;color:var(--ar-ink);font-variant-numeric:tabular-nums}
.ar-track{display:flex;width:100%;height:24px;gap:0;margin:12px 0 0;background:transparent;overflow:hidden}
.ar-track>span{display:block;height:100%;min-width:0;box-sizing:border-box;border-block:1px solid #8ba196}
.knowledge-body .ar-connection{font-size:15px;line-height:1.9;border-left:2px solid #8ba196;margin:20px 0 28px;padding-left:18px}
.ar-house-comparison{border-top:1px solid var(--ar-line);padding-top:28px;margin-top:30px}
.ar-house-case{display:grid;grid-template-columns:165px 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--ar-line)}
.knowledge-body .ar-house-case p{font-size:13px;margin:0;line-height:1.8;color:var(--ar-muted)}
.knowledge-body .ar-house-case .ar-house-total{font-size:14px;color:var(--ar-ink)}.ar-house-total strong{font:400 25px var(--latin,Arial,sans-serif)}
.knowledge-body .ar-house-case .ar-house-parts{margin-top:9px;font-size:12px}
.knowledge-body .kv-area table.ar-metrics{display:table;table-layout:fixed;width:100%;min-width:0;margin:24px 0 0;border-collapse:collapse;font-size:15px;overflow:visible}
.knowledge-body .kv-area table.ar-metrics th,.knowledge-body .kv-area table.ar-metrics td{padding:16px 10px;border-bottom:1px solid var(--ar-line);text-align:center;white-space:normal;line-height:1.8;vertical-align:middle;min-width:0}
.knowledge-body .kv-area table.ar-metrics th:first-child{width:25%;text-align:left;font-weight:400}.ar-metrics thead{background:#f0f5f2}.ar-metrics td{font-variant-numeric:tabular-nums;color:var(--ar-ink)}
.ar-calculation{border-block:1px solid var(--ar-line);margin-top:24px;padding:6px 0}.ar-calculation>table{font-size:13px}.ar-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.ar-large-comparison{margin:28px 0 0;padding:24px 20px;background:#f1f6f3;border-top:2px solid #8ba196;scroll-margin-top:110px}
.knowledge-body .ar-large-comparison>p{font-size:14px;line-height:1.85;color:var(--ar-muted);margin:12px 0}.knowledge-body .ar-large-comparison .ar-large-parts{font-size:13px}
.ar-large-metrics{display:grid;grid-template-columns:.85fr 1.3fr .85fr;gap:16px;margin-top:22px}.ar-large-metrics>div{min-width:0}.ar-large-metrics span{display:block;font-size:13px;color:var(--ar-muted);margin-bottom:8px}.ar-large-metrics strong{display:block;font:400 20px var(--latin,Arial,sans-serif);white-space:nowrap}.ar-large-metrics b{display:block;font-size:13px;font-weight:500;margin-top:10px;color:var(--ar-gold)}
.ar-extent-comparison{border-top:1px solid var(--ar-line);margin-top:24px;padding-top:24px}.knowledge-body .ar-extent-comparison>p{font-size:14px;line-height:1.85;color:var(--ar-muted);margin:12px 0 18px}
.ar-extent-comparison>section{margin-top:18px}.ar-registration-plan{max-width:600px;margin:auto}.kv-area .ar-registration-parking{fill:var(--ar-parking)}.kv-area .ar-extent-outline{stroke:#739087;stroke-width:1.5}.kv-area .ar-extent-boundary{stroke:#456b70;stroke-width:2}.kv-area .ar-extent-old{stroke:#547b88;stroke-width:1.5;stroke-dasharray:5 5}.kv-area svg .ar-extent-label{font-size:25px}
.knowledge-body .ar-formulas p{font-size:13px;line-height:1.9;margin:0}.kv-area>.kv-note{margin-top:18px}.knowledge-body .kv-area .kv-sources p{font-size:13px;line-height:1.9}
@container(max-width:620px){
 .ar-formation-plans,.ar-measure-layout{grid-template-columns:1fr}.ar-drawing-panel{padding:22px 14px}.ar-drawing-panel+.ar-drawing-panel{border-left:0;border-top:1px solid var(--ar-line)}
 .ar-section{max-width:330px}.ar-figure-label{min-height:0}.ar-source-totals>div{grid-template-columns:105px 1fr}
 .ar-measure-layout{gap:24px}.ar-measure-plan{max-width:430px;margin:auto}.ar-measure-details{border-top:1px solid var(--ar-line);padding-top:24px}
 .ar-equation-list>div{grid-template-columns:25px 1fr;gap:8px;padding:16px 4px}.ar-equation-list p{grid-column:2}.ar-equation-list>div>span:nth-child(2){font-weight:500}.ar-equation-list .ar-equation-result{padding:18px 10px}
 .ar-plan-desktop{display:none}.ar-plan-mobile{display:block;padding:0 8px}.ar-full-plan{display:block}.ar-basement-drawing{padding:14px 0}.ar-plan-mobile .ar-caption{padding:0 8px}
 .ar-house-case{grid-template-columns:1fr;gap:10px}.ar-house-case>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ar-house-case h4{margin:0}
 .knowledge-body .kv-area table.ar-metrics{font-size:13px}.knowledge-body .kv-area table.ar-metrics th,.knowledge-body .kv-area table.ar-metrics td{padding:13px 5px}
 .ar-formulas{grid-template-columns:1fr}.ar-formulas>div+div{border-top:1px solid var(--ar-line);padding-top:16px}.ar-legend{gap:10px 16px;font-size:12px}
 .ar-large-comparison{padding:22px 14px}.ar-large-metrics{grid-template-columns:1fr;gap:18px}.ar-large-metrics>div{border-top:1px solid var(--ar-line);padding-top:14px}.ar-large-metrics strong{font-size:22px}
}
.knowledge-body .kv-area>.kv-heading{display:block;margin-bottom:24px}

.ar-guide-controls{display:block;margin:8px 0 14px;min-width:0}.ar-guide[data-guide-state] .ar-guide-controls{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}
.knowledge-body .ar-guide-status{font-size:13px;line-height:1.7;color:var(--ar-muted);margin:0;height:5.1em;min-height:5.1em}
.ar-sum-guide{margin-top:24px}.ar-guide[data-guide-active="main"] .ar-main,.ar-guide[data-guide-active="accessory"] .ar-accessory{stroke:var(--ar-ink);stroke-width:2.5}
.ar-guide[data-guide-active="main"] .ar-main{fill:#bad4c5}.ar-guide[data-guide-active="accessory"] .ar-accessory{fill:#dbc085}
.ar-guide[data-guide-active="upper"] .ar-level .ar-common,.ar-guide[data-guide-active="upper"] .ar-section>.ar-common,.ar-guide[data-guide-active="upper"] .ar-floor-plan .ar-common{fill:#dba983;stroke:#8a5e3c;stroke-width:2}
.ar-guide[data-guide-active="underground"] [data-basement-level] .ar-common{fill:#dba983;stroke:#8a5e3c;stroke-width:2}
.ar-guide[data-guide-active="main"] .ar-source-totals>div:nth-child(1),.ar-guide[data-guide-active="accessory"] .ar-source-totals>div:nth-child(2),.ar-guide[data-guide-active="upper"] .ar-source-totals>div:nth-child(3),.ar-guide[data-guide-active="underground"] .ar-source-totals>div:nth-child(4){background:#e5eee7;box-shadow:inset 3px 0 #547b6b}
.ar-guide[data-guide-active="exclusive"] .ar-equation-list>div:nth-child(1),.ar-guide[data-guide-active="common"] .ar-equation-list>div:nth-child(2),.ar-guide[data-guide-active="sales"] .ar-equation-list>div:nth-child(3),.ar-guide[data-guide-active="ratio"] .ar-equation-list>div:nth-child(4){background:#e5eee7;box-shadow:inset 3px 0 #547b6b}
.ar-guide[data-guide-active="permit"] .ar-permit-boundary{stroke-width:5;stroke:#0d4d5e}.ar-guide[data-guide-active="register"] .ar-register-boundary{stroke-width:5;stroke:#815a20}.ar-guide[data-guide-active="coincident"] .ar-coincident-boundary{stroke-width:5;stroke:#0d4d5e}
.ar-transfer-guide{background:#f1f6f3;border-block:1px solid var(--ar-line);padding:24px 20px;margin:22px 0}.ar-live-track{height:32px}.knowledge-body .ar-live-account{font-size:14px;line-height:1.9;margin:16px 0}.ar-live-account b{font-weight:500;font-variant-numeric:tabular-nums;display:inline-block;min-width:3.4em}
.ar-live-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:20px 0 0}.ar-live-metrics>div{min-width:0}.ar-live-metrics dt{font-size:12px;line-height:1.8;color:var(--ar-muted)}.ar-live-metrics dd{margin:8px 0 0;font:400 23px var(--latin,Arial,sans-serif);color:var(--ar-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.ar-account-reference{border-bottom:1px solid var(--ar-line)}.ar-account-reference summary{min-height:44px;display:flex;align-items:center;font-size:14px;cursor:pointer;color:var(--ar-ink)}.ar-account-reference summary::after{content:'＋';margin-left:8px}.ar-account-reference[open] summary::after{content:'−'}.ar-account-reference summary:focus-visible{outline:2px solid var(--ar-ink);outline-offset:3px}
@container(max-width:620px){.ar-transfer-guide{padding:22px 14px}.ar-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ar-live-metrics dd{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.ar-guide :is(.ar-main,.ar-accessory,.ar-common,.ar-permit-boundary,.ar-register-boundary,.ar-coincident-boundary){transition:fill .2s,stroke .2s,stroke-width .2s}.knowledge-body .kv-area :is(.kv-replay,.ar-guide-toggle){transition:color .15s}}