.visual-guide{--vg-ink:#182e36;--vg-red:#ad342b;--vg-paper:#f6f2e9;--vg-line:#ccc7bb;padding:26px!important;border:1px solid var(--vg-line)!important;border-top:4px solid var(--vg-ink)!important;background:#fffdf8!important;container-type:inline-size;scroll-margin-top:22px}.visual-guide p{line-height:1.85}.visual-guide .ex__eyebrow,.vg-kicker{font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--vg-red)}.visual-guide .ex__q{color:var(--vg-ink);font-size:clamp(24px,4vw,31px);line-height:1.45;margin:6px 0 12px}.visual-guide .ex__how{color:#525950;font-size:16px;margin-bottom:24px}.visual-guide button{font-family:inherit}.visual-guide :focus-visible{outline:3px solid #137b9b;outline-offset:4px}.visual-guide .vg-number{font:600 12px/1.5 system-ui,sans-serif;color:var(--vg-red);font-variant-numeric:tabular-nums}.visual-guide .vg-caption{font-size:13px;color:#5b625f;line-height:1.8}.visual-guide .vg-source{display:inline-block;font-size:13px;line-height:1.8;min-height:35px;padding-block:6px;margin-right:12px;color:#4c595c}.visual-guide .vg-details{border-top:1px solid var(--vg-line);padding-top:12px;margin-top:20px;font-size:14px}.visual-guide .vg-details summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}.visual-guide .vg-details ol{padding-left:22px}.visual-guide .vg-details li{margin:16px 0}.visual-guide .vg-details p{margin:6px 0}.vg-map__root{margin:4px auto 0;max-width:300px;display:flex;gap:12px;align-items:center;justify-content:center;position:relative;background:var(--vg-ink);color:#fff;padding:16px 22px;text-align:center;border-radius:3px;font-size:19px}.vg-map__root>span{display:grid;place-content:center;font:700 23px/1 system-ui;width:35px;height:35px;border:1px solid #779098;border-radius:50%;flex:0 0 35px}.vg-map__root:after{position:absolute;content:"";height:24px;width:1px;background:#a8b5b6;top:100%;left:50%}.vg-map__branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:24px;position:relative;margin-top:24px}.vg-map__branches:before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;height:1px;background:#a8b5b6}.visual-guide .vg-map__branches>button{position:relative;text-align:left;padding:15px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;border:1px solid #b7c2c4;background:#fff;color:var(--vg-ink);border-radius:3px;font-size:16px;transition:background .2s,border-color .2s}.vg-map__branches>button:before{content:"";position:absolute;top:-25px;left:50%;height:24px;width:1px;background:#a8b5b6}.visual-guide .vg-map__branches>button[aria-pressed=true]{border-color:var(--vg-red);background:#faebe5;box-shadow:inset 0 -3px var(--vg-red);color:var(--vg-ink)}.vg-map__arrow{font:24px/1 system-ui;align-self:flex-end;color:var(--vg-red)}.visual-guide .vg-answer{background:var(--vg-paper);border-left:3px solid var(--vg-red);padding:22px;margin-top:22px;animation:vg-reveal .24s ease-out}.visual-guide .vg-answer h4{margin:8px 0;font-size:21px;line-height:1.5}.visual-guide .vg-answer p{font-size:16px;margin:9px 0}.visual-guide .vg-answer__next{border-top:1px solid #d8d3c8;padding-top:12px;font-weight:600}.vg-folder__stage{height:315px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#fdfaf2,#e8e4d8);border:1px solid #dfdbcf;perspective:1000px;touch-action:pan-y}.vg-folder__stage:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#6c79650b 1px,transparent 1px),linear-gradient(90deg,#6c79650b 1px,transparent 1px);background-size:24px 24px;z-index:-1}.vg-folder__shadow{position:absolute;width:210px;height:25px;background:#47544945;filter:blur(14px);border-radius:50%;left:50%;bottom:35px;transform:translate(-50%)}.vg-folder__model{position:absolute;left:50%;top:37px;width:216px;height:228px;transform:translate(-50%) rotateX(12deg) rotateY(-18deg) rotate(-7deg);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.6,.2,1)}.vg-folder__stage[data-view=front] .vg-folder__model{transform:translate(-50%) rotateX(0) rotateY(0) rotate(0)}.vg-folder__back{position:absolute;inset:12px -8px -2px;background:#b48447;border:1px solid #8d602f;border-radius:4px;transform:translateZ(-15px)}.vg-folder__back:before{content:"";position:absolute;left:0;top:-17px;width:115px;height:20px;border:1px solid #8d602f;border-bottom:0;background:#b48447;border-radius:7px 7px 0 0}.vg-folder__back>span{position:absolute;font-size:9px;bottom:4px;left:8px}.vg-paper{position:absolute;inset:5px 4px 0;background:#fffefb;border:1px solid #cfc9bd;box-shadow:1px 3px 6px #3b352921;transform:translateZ(calc(18px - var(--sheet)*7px)) translateY(calc(var(--sheet)*-6px)) translate(calc(var(--sheet)*4px));padding:17px 16px}.vg-paper__tag{font:700 9px/1.5 system-ui;letter-spacing:.13em;color:#697875}.vg-paper>strong{display:block;color:var(--vg-ink);font-size:22px;line-height:1.5;margin:12px 0;max-height:70px;overflow:hidden}.vg-paper__lines i{display:block;width:100%;height:3px;background:#d9dfdb;margin:10px 0}.vg-paper__lines i:nth-child(2){width:80%}.vg-paper__lines i:nth-child(3){width:60%}.vg-paper__stamp{display:inline-block;font-size:12px;color:#2f6255;border:1px solid #679087;padding:3px 8px;transform:rotate(-5deg)}.vg-folder__front{position:absolute;left:-8px;right:-8px;bottom:-2px;height:75px;background:linear-gradient(125deg,#d9b575,#c49653);border:1px solid #a4783e;border-radius:3px;transform:translateZ(33px) rotateX(-8deg);transform-origin:bottom;box-shadow:0 -1px 4px #63564424;padding:21px 13px}.vg-folder__front>span{font:700 10px/1.5 system-ui;letter-spacing:.1em;color:#513e22}.vg-folder__front>i{display:block;height:2px;background:#b98a47;width:70%;margin-top:7px}.vg-folder__caption{position:absolute;bottom:8px;left:10px;right:10px;text-align:center;font-size:11px;color:#666a60}.vg-folder__views{display:flex;justify-content:center;gap:8px;margin:14px 0 22px}.visual-guide .vg-folder__views button{font-size:13px;min-height:40px;padding:7px 12px;border-color:#bdc7c7}.visual-guide .vg-folder__views button[aria-pressed=true]{background:var(--vg-ink)}.vg-folder__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.visual-guide .vg-folder__tabs button{padding:10px 9px;min-height:56px;text-align:left;font-size:13px;border-color:#d3d2c7;border-radius:0;background:#fff;color:var(--vg-ink)}.visual-guide .vg-folder__tabs button>span:first-child{display:block;font:600 10px/1.6 system-ui;color:var(--vg-red)}.visual-guide .vg-folder__tabs button[aria-pressed=true]{background:#e8efed;box-shadow:inset 3px 0 var(--vg-ink);border-color:#8daba5}.vg-folder__explanation{padding:18px 0;border-bottom:1px solid var(--vg-line)}.visual-guide .vg-folder__explanation h4{margin:0 0 8px;font-size:20px}.visual-guide .vg-folder__explanation p{font-size:16px;margin:0 0 8px}.vg-pack{padding:0;border:0;margin:24px 0 0;min-width:0}.vg-pack legend{font-weight:700;font-size:17px;margin-bottom:8px}.vg-pack>label{display:flex;gap:12px;align-items:flex-start;font-size:15px;padding:11px 0;min-height:48px;border-bottom:1px solid #e4e4da;cursor:pointer}.vg-pack input{accent-color:#286756!important}.vg-pack__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:17px 0}.vg-pack__footer>div{flex:1;min-width:0}.visual-guide .vg-pack__footer p{font-size:13px;font-weight:650;margin:0 0 8px}.vg-pack__track{height:5px;background:#e4e4dc}.vg-pack__track>span{display:block;height:100%;background:#286756;transition:width .2s}.visual-guide .vg-pack__footer button{font-size:12px;border-color:#a9b5b1;background:transparent;color:var(--vg-ink);padding:8px}.visual-guide .vg-record__notice{margin:0;padding:13px 16px;background:var(--vg-ink);color:#fff;font-size:12px;line-height:1.7}.vg-record__notice>span{font-size:22px;margin-right:9px;vertical-align:middle}.vg-record__columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #c4cfce}.visual-guide .vg-record__columns button{position:relative;min-width:0;text-align:left;border:0;border-right:1px solid #c4cfce;border-bottom:1px solid #c4cfce;padding:15px 10px 28px;border-radius:0;display:flex;flex-direction:column;gap:12px;background:#fff;color:var(--vg-ink);font-size:13px}.vg-record__columns small{font-size:11px;line-height:1.7;color:#5b6563}.visual-guide .vg-record__columns button[aria-pressed=true]{background:#e7efec;box-shadow:inset 0 -3px #285b4d}.vg-record__dot{width:7px;height:7px;position:absolute;bottom:12px;background:#adc0b9;border-radius:50%}.vg-record__columns button[aria-pressed=true] .vg-record__dot{background:#285b4d;box-shadow:0 0 0 4px #bed4c9}.visual-guide--reading-map{padding:20px!important;border-top:2px solid var(--vg-red)!important;background:#fff!important}.visual-guide--reading-map .ex__q{font-size:20px}.vg-minimap ol{list-style:none!important;padding:0!important;margin:20px 0 0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vg-minimap li{margin:0;padding:0!important;min-width:0}.vg-minimap a{display:flex;flex-direction:column;gap:6px;text-decoration:none;border-top:2px solid #bfc9c5;padding:12px 0;min-height:85px;color:var(--vg-ink);transition:border-color .2s}.vg-minimap a>span{font:700 11px/1.5 system-ui;color:var(--vg-red)}.vg-minimap strong{font-size:14px;line-height:1.65}.vg-minimap small{font-size:11px;color:#636e69}.vg-minimap a:hover,.vg-minimap a[aria-current=location]{border-color:var(--vg-red);color:var(--vg-red)}@keyframes vg-reveal{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@container (max-width:480px){.vg-record__columns{grid-template-columns:minmax(0,1fr)}.visual-guide .vg-record__columns button{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,.8fr);gap:10px;align-items:center;padding:14px 18px 14px 12px;min-height:58px}.vg-record__dot{right:7px;bottom:50%;width:5px;height:5px}.vg-map__branches{grid-template-columns:minmax(0,1fr);padding-top:0;margin-top:24px;gap:10px;padding-left:18px}.vg-map__branches:before{inset:-12px auto 30px 0;width:1px;height:auto}.vg-map__root{margin-left:0;font-size:17px}.vg-map__root:after{left:0}.visual-guide .vg-map__branches>button{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;padding:13px 12px;min-height:58px;font-size:15px}.vg-map__branches>button:before{left:-19px;top:50%;width:18px;height:1px}.vg-map__arrow{font-size:20px;align-self:center}.vg-answer{padding:17px!important}.vg-folder__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-minimap ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.vg-folder__stage{height:290px}.vg-folder__model{top:22px;transform:translate(-50%) scale(.9) rotateX(12deg) rotateY(-18deg) rotate(-7deg)}.vg-folder__stage[data-view=front] .vg-folder__model{transform:translate(-50%) scale(.9)}.vg-pack__footer{align-items:flex-start;flex-direction:column}.vg-pack__footer>div{width:100%}}@media(max-width:520px){.visual-guide{padding:18px!important}.visual-guide .ex__q{font-size:25px}.visual-guide--reading-map .ex__q{font-size:20px}}@media(prefers-reduced-motion:reduce){.visual-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.visual-guide{break-inside:avoid}.vg-folder__views,.vg-folder__tabs,.vg-minimap{display:none}.vg-folder__stage{height:290px}.vg-details{display:block}.vg-details>*{display:block!important}.vg-answer{animation:none}}.visual-guide .vg-folder__tabs button[aria-pressed=true],.visual-guide .vg-record__columns button[aria-pressed=true]{color:var(--vg-ink)}.visual-guide .vg-folder__tabs button{font-size:14px}