.model-header{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}.model-header .subtle{margin:0;font-size:14px}.model-switch{display:flex;gap:6px}.model-switch button,.model-options button,.mole-positions button{min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px;font:inherit;cursor:pointer}.model-switch button[aria-pressed=true],.mole-positions button[aria-pressed=true]{border-color:var(--tech);background:var(--soft);color:var(--tech);box-shadow:inset 0 0 0 1px var(--tech)}.model-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:20px;align-items:start}.model-figure{margin:0;min-width:0}.model-portrait{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#eee9df}.model-portrait img{position:absolute;top:0;left:0;width:200%;height:100%;max-width:none;display:block}.model-portrait[data-model=female] img{left:-100%}.model-pins{position:absolute;inset:0}.mole-pin{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;min-height:0;min-width:0;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer}.mole-pin:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#35251e;box-shadow:0 0 0 1px #fff9}.mole-pin[aria-pressed=true]:before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #a44230;box-shadow:0 0 0 2px #ffffffc9}.mole-pin[hidden]{display:none}.model-figure figcaption{text-align:center;font-size:14px;line-height:1.7;margin-top:10px;color:var(--muted)}.model-options{display:flex;justify-content:center;margin-top:12px}.model-options button{font-size:14px}.model-directions{font-size:13px;text-align:center;color:var(--muted);margin:8px 0!important}.mole-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mole-positions button{text-align:left;font-size:14px;padding:8px}.mole-reading{margin-top:16px;border-left:3px solid var(--tech);background:var(--soft);padding:14px}.mole-reading h3{margin:0}.mole-reading p{margin:8px 0 0}.model-note{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0!important}.face-models button:focus-visible{outline:3px solid var(--tech);outline-offset:3px}@media(max-width:600px){.model-layout{grid-template-columns:1fr;gap:18px}.model-figure{width:100%;max-width:360px;margin:auto}.mole-positions{grid-template-columns:repeat(3,minmax(0,1fr))}.mole-positions button{font-size:13px;padding:8px 5px}.model-header{gap:14px}}@media(max-width:360px){.mole-positions{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v148: one model + reading panel, regional numbered markers and focused zoom */
.model-canvas{position:absolute;inset:0;transform-origin:0 0;--pin-scale:1}.model-portrait .model-canvas img{width:200%;height:100%;max-width:none}.mole-pin{width:24px;height:24px;transform:translate(-50%,-50%) scale(var(--pin-scale));background:#fffdf6e8;border:1px solid #795d3e;color:#3a2719;font:600 11px/22px system-ui;text-align:center;box-shadow:0 1px 3px #0003}.mole-pin:after{display:none}.mole-pin[aria-pressed=true]{background:#984731;color:#fff;border-color:#fff;z-index:2}.mole-pin[aria-pressed=true]:before{inset:-4px;border-color:#984731}.mole-pin:disabled{opacity:1;cursor:default}.mole-pin:disabled:after{display:block;inset:7px;background:#fff}.model-options{gap:8px;flex-wrap:wrap}.reading-modes{display:flex;gap:8px;margin-bottom:16px}.reading-modes button,.mole-groups button,.reading-link{font:inherit;min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px;cursor:pointer}.reading-modes button{flex:1}.reading-modes button[aria-pressed=true],.mole-groups button[aria-pressed=true]{color:var(--tech);border-color:var(--tech);background:var(--soft);box-shadow:inset 0 0 0 1px var(--tech)}.mole-groups{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.mole-groups[hidden]{display:none}.mole-groups button{font-size:14px;flex:1 0 20%;padding:8px}.model-help{font-size:13px;color:var(--muted);margin:8px 0 12px;line-height:1.7}.mole-theme{font-size:14px;color:var(--tech)}.mole-reading{margin-top:22px;padding:20px}.mole-reading h2{font-size:23px}.mole-reading h3{margin-top:20px}.mole-reading details{margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--line)}.mole-reading summary{min-height:44px;cursor:pointer;line-height:1.8;color:var(--text)}.source-note{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.source-note a{color:var(--tech)}.model-note{font-size:12px}.model-options button[hidden]{display:none}@media(max-width:600px){.model-figure{max-width:400px}.mole-positions{grid-template-columns:repeat(2,minmax(0,1fr))}.mole-positions button{font-size:15px}.mole-reading{padding:16px}.model-layout{gap:22px}}