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