@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-wght-italic.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}.vm{--ink: #1c2430;--muted: #5d6876;--line: #d9dee4;--accent: #0e5a6b;--accent-soft: #e3eff1;--warm: #b8692a;--warm-soft: #f8ede3;--paper: #fffefb;--ui: var(--color-electric-blue);--shadow: 0 1px 2px rgba(20,30,40,.08), 0 12px 32px rgba(20,30,40,.14);letter-spacing:normal;color:var(--ink)}.vm *,.vm *:before,.vm *:after{box-sizing:border-box}.vm-viewer{display:grid;grid-template-columns:250px 1fr;gap:20px;background:var(--color-skyline-gray);border-radius:20px;padding:20px}.vm-viewer:fullscreen{border-radius:0;padding:16px;align-content:center}.vm-rail{display:flex;flex-direction:column;gap:4px;max-height:calc(100svh - 120px);overflow:auto;padding-right:4px}.vm-rail-title{font-size:13px;font-weight:500;color:var(--muted);padding:4px 10px 8px;margin:0}.vm-rail button{all:unset;cursor:pointer;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.3;color:var(--color-inkwell)}.vm-rail button:hover{background:#fff9}.vm-rail button:focus-visible{outline:2px solid var(--ui);outline-offset:1px}.vm-rail button[aria-current=true]{background:#fff;box-shadow:0 1px 3px #00000014}.vm-rail .n{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:600;background:#ffffffb3;color:var(--muted)}.vm-rail button[aria-current=true] .n{background:var(--ui);color:#fff}.vm-rail .p{font-size:12px;color:var(--muted);white-space:nowrap}.vm-stage-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}.vm-stage{position:relative;width:min(100%,620px,calc((100svh - 150px)*.7071));min-width:min(100%,300px);perspective:1600px}.vm-viewer:fullscreen .vm-stage{width:min(100%,calc((100svh - 110px)*.7071))}.vm-stage:before,.vm-stage:after{content:"";position:absolute;inset:0;background:#fbfaf6;border-radius:3px;box-shadow:var(--shadow)}.vm-stage:before{transform:translate(7px,7px)}.vm-stage:after{transform:translate(3.5px,3.5px)}.vm-controls{display:flex;align-items:center;gap:10px;width:min(100%,620px)}.vm-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--color-inkwell)}.vm-btn:hover{border-color:var(--color-mist-gray)}.vm-btn:focus-visible{outline:2px solid var(--ui);outline-offset:2px}.vm-btn[disabled]{opacity:.4;cursor:default}.vm-btn svg{width:18px;height:18px}.vm-status{flex:1;text-align:center;font-size:13px;color:var(--muted);line-height:1.35}.vm-status b{color:var(--color-inkwell);font-weight:600}.vm-progress{width:min(100%,620px);height:3px;background:#00000014;border-radius:3px;overflow:hidden;margin-top:-6px}.vm-progress i{display:block;height:100%;background:var(--ui);width:0;transition:width .4s}.vm-note{margin:14px auto 0;font-size:13px;color:var(--muted);line-height:1.55;text-align:center}.vm .page{display:none;position:relative;z-index:2;aspect-ratio:210 / 297;width:100%;background:var(--paper);border-radius:3px;box-shadow:var(--shadow);container-type:inline-size;overflow:hidden;user-select:none;-webkit-user-select:none;transform-origin:left center;font-family:Inter,system-ui,sans-serif}.vm .page:after{content:"";position:absolute;inset:0 auto 0 0;width:5%;background:linear-gradient(90deg,#00000012,#0000);pointer-events:none}.vm .page.is-active{display:block;animation:.5s cubic-bezier(.2,.7,.2,1) both vmInNext}.vm-stage[data-dir=prev] .page.is-active{animation-name:vmInPrev}@keyframes vmInNext{0%{opacity:0;transform:rotateY(-14deg) translate(3%)}to{opacity:1;transform:none}}@keyframes vmInPrev{0%{opacity:0;transform:rotateY(10deg) translate(-3%)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vm .page.is-active{animation:none}}.vm .pg{position:absolute;inset:0;padding:7.5cqw 8.5cqw 5.5cqw 9.5cqw;display:flex;flex-direction:column}.vm .pg-head{display:flex;justify-content:space-between;gap:4cqw;font-size:1.45cqw;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--accent);border-bottom:.15cqw solid var(--accent);padding-bottom:1.3cqw;margin-bottom:3.2cqw}.vm .pg-head span:last-child{color:var(--warm)}.vm .pg-body{flex:1;overflow:hidden;font-family:"Source Serif 4",Georgia,serif;font-size:calc(2.08cqw * var(--k, 1));line-height:1.5;color:#232a33;hyphens:auto;-webkit-hyphens:auto}.vm .pg-foot{display:flex;justify-content:space-between;font-size:1.4cqw;color:#7d8794;border-top:.1cqw solid #d6dbe1;padding-top:1.3cqw;margin-top:2.4cqw}.vm .pg-foot b{color:var(--accent);font-weight:600}.vm .pg-body p{margin:0 0 .62em;text-align:justify}.vm .pg-body h2{font-weight:700;font-size:2.05em;line-height:1.08;letter-spacing:-.01em;color:var(--ink);margin:.1em 0 .7em}.vm .pg-body h3{font-family:Inter,sans-serif;font-weight:700;font-size:1.06em;color:var(--accent);margin:1em 0 .45em;line-height:1.25}.vm .pg-body h4{font-family:Inter,sans-serif;font-weight:600;font-size:.95em;color:var(--ink);margin:.9em 0 .35em}.vm .pg-body ul{margin:0 0 .7em;padding-left:1.15em;list-style:disc}.vm .pg-body li{margin:0 0 .35em;text-align:justify}.vm .pg-body li::marker{color:var(--accent)}.vm .pg-body strong{font-weight:600;color:var(--ink)}.vm .box{border-radius:.5em;padding:.85em 1em;margin:.9em 0;font-size:.97em}.vm .box p:last-child{margin-bottom:0}.vm .box .lbl{display:block;font-family:Inter,sans-serif;font-size:.7em;letter-spacing:.14em;font-weight:700;text-transform:uppercase;margin-bottom:.45em}.vm .box.concept{background:var(--accent-soft);border-left:.3em solid var(--accent)}.vm .box.concept .lbl{color:var(--accent)}.vm .box.idea{background:var(--warm-soft);border-left:.3em solid var(--warm)}.vm .box.idea .lbl{color:var(--warm)}.vm .box.example{background:#f3f4f6;border:1px solid #e1e5ea}.vm .box.example .lbl{color:#4b5563}.vm table.tbl{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:.74em;line-height:1.35;margin:.5em 0 .9em}.vm .tbl th{background:var(--accent);color:#fff;text-align:left;font-weight:600;padding:.5em .6em;vertical-align:bottom}.vm .tbl td{padding:.48em .6em;border-bottom:1px solid #e3e7ec;vertical-align:top}.vm .tbl tr:nth-child(2n) td{background:#f7f9fa}.vm .tbl td:first-child{font-weight:600;color:var(--ink)}.vm .tbl.num td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.vm .tbl.num tr.total td{font-weight:700;border-top:1.5px solid var(--ink);background:transparent}.vm .toc{font-family:Inter,sans-serif;font-size:.8em;line-height:1.5}.vm .toc div{display:flex;align-items:baseline;gap:.4em}.vm .toc div:after{content:"";order:2;flex:1;border-bottom:1px dotted #aeb6bf;transform:translateY(-.25em)}.vm .toc div span:last-child{order:3;font-variant-numeric:tabular-nums;color:var(--muted)}.vm .toc .m{font-weight:700;color:var(--accent);margin-top:.6em}.vm .toc .t{font-weight:600;color:var(--ink);margin-top:.25em}.vm .toc .s{padding-left:1.4em;color:#3d4652}.vm .adkar{display:grid;grid-template-columns:repeat(5,1fr);gap:.45em;margin:.4em 0 1.1em;font-family:Inter,sans-serif}.vm .adkar div{position:relative;background:var(--accent-soft);border-radius:.5em;padding:.6em .5em .7em;font-size:.66em;line-height:1.35;text-align:center}.vm .adkar div:nth-child(2n){background:var(--warm-soft)}.vm .adkar b{display:block;font-size:2.1em;line-height:1;color:var(--accent);margin-bottom:.15em;font-family:"Source Serif 4",serif}.vm .adkar div:nth-child(2n) b{color:var(--warm)}.vm .adkar em{display:block;font-style:normal;font-weight:600;margin-bottom:.4em;color:var(--ink)}.vm .adkar i{display:block;margin-top:.45em;color:var(--muted)}.vm .dafo{display:grid;grid-template-columns:auto 1fr 1fr;gap:.35em;font-family:Inter,sans-serif;font-size:.72em;line-height:1.38;margin:.5em 0 1em}.vm .dafo .h{font-weight:600;color:var(--muted);text-align:center;font-size:.92em;align-self:end;padding-bottom:.2em}.vm .dafo .r{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;color:var(--muted);text-align:center;font-size:.92em}.vm .dafo .c{border-radius:.45em;padding:.6em .7em}.vm .dafo .c b{display:block;letter-spacing:.1em;font-size:.86em;margin-bottom:.3em}.vm .dafo .c ul{padding-left:1em;margin:0}.vm .dafo .c li{margin:0 0 .15em;text-align:left}.vm .dafo .f{background:#e4f1ea}.vm .dafo .f b{color:#1f6b45}.vm .dafo .d{background:#fbe9e6}.vm .dafo .d b{color:#9b3426}.vm .dafo .o{background:var(--accent-soft)}.vm .dafo .o b{color:var(--accent)}.vm .dafo .a{background:var(--warm-soft)}.vm .dafo .a b{color:var(--warm)}.vm .cover{background:var(--accent);color:#fff}.vm .cover:after{display:none}.vm .cover .pg{padding:9cqw 9cqw 8cqw}.vm .cover-top{font-size:1.7cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:600;opacity:.85}.vm .cover-kind{margin-top:22cqw;font-size:1.9cqw;letter-spacing:.3em;font-weight:600;color:#f3c99f}.vm .cover h2{font-family:"Source Serif 4",serif;font-weight:700;font-size:9.6cqw;line-height:1;letter-spacing:-.015em;margin:2.4cqw 0 3.4cqw}.vm .cover .sub{font-family:"Source Serif 4",serif;font-style:italic;font-size:3cqw;line-height:1.35;max-width:70cqw;opacity:.92;margin:0}.vm .cover-bottom{margin-top:auto;border-top:.15cqw solid rgba(255,255,255,.35);padding-top:3cqw;font-size:1.7cqw;line-height:1.6}.vm .cover-bottom small{display:block;font-size:1.35cqw;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.vm .cover-bottom strong{display:block;font-size:2.5cqw;font-family:"Source Serif 4",serif;margin:.4cqw 0 .8cqw}.vm .cover svg.net{position:absolute;right:-6cqw;top:12cqw;width:70cqw;opacity:.22;pointer-events:none}.vm .mod{background:#f4f1ea}.vm .mod .pg{padding:9cqw}.vm .mod .big{font-family:"Source Serif 4",serif;font-weight:700;font-size:52cqw;line-height:.8;color:var(--accent);opacity:.12;position:absolute;right:4cqw;bottom:6cqw}.vm .mod .top{font-size:1.6cqw;letter-spacing:.16em;font-weight:600;color:var(--accent);text-transform:uppercase}.vm .mod h2{font-family:"Source Serif 4",serif;font-weight:700;font-size:7.2cqw;line-height:1.05;margin:38cqw 0 0;color:var(--ink)}.vm .mod h2 small{display:block;font-family:Inter,sans-serif;font-size:2.2cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--warm);margin-bottom:2cqw;font-weight:600}.vm .mod .dur{margin:4cqw 0 0;font-size:2.1cqw;color:var(--muted)}.vm .mod .pg-foot{margin-top:auto}.vm .end{background:#16252c;color:#e8eef0}.vm .end:after{display:none}.vm .end .pg{padding:8cqw 8.5cqw}.vm .end .kick{font-size:1.5cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#f3c99f}.vm .end h2{font-family:"Source Serif 4",serif;font-size:5.6cqw;line-height:1.1;margin:1.6cqw 0 4cqw;color:#fff}.vm .end .grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw}.vm .end .grid div{background:#ffffff0f;border:.12cqw solid rgba(255,255,255,.12);border-radius:1.6cqw;padding:2.6cqw;font-size:1.85cqw;line-height:1.45;color:#c9d5d9}.vm .end .grid b{display:block;font-family:"Source Serif 4",serif;font-size:4.4cqw;line-height:1;color:#fff;margin-bottom:1cqw}.vm .end .grid .wide{grid-column:1 / -1}.vm .end .cta{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:2cqw;padding-top:4cqw}.vm .end .cta p{flex:1 1 40cqw;font-size:2cqw;line-height:1.45;color:#c9d5d9;margin:0}.vm .end .cta a{display:inline-block;background:#f3c99f;color:#16252c;text-decoration:none;font-weight:600;font-size:1.9cqw;padding:1.6cqw 3cqw;border-radius:1.2cqw}@media(max-width:860px){.vm-viewer{grid-template-columns:1fr;padding:12px;border-radius:16px}.vm-rail{order:2;flex-direction:row;max-height:none;overflow-x:auto;padding:2px 0 4px;scroll-snap-type:x mandatory}.vm-rail-title{display:none}.vm-rail button{grid-template-columns:24px auto;white-space:nowrap;scroll-snap-align:start;background:#ffffff80}.vm-rail .p{display:none}.vm-rail .n{width:22px;height:22px}.vm-stage{width:100%}.vm-lbl-txt{display:none}.vm-status{min-width:0;font-size:12px}.vm-status b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vm-status br{display:none}}
