/* One example-led guide, within the existing PLVGIN design system. */
.sg-page{--sg-paper:#faf6ed;--sg-ink:#293240;--sg-border:#cbc3b1;--sg-sage:#74785e;--sg-panel:#e9e4d6}.sg-page .vault-hero-grid{padding-bottom:58px}.sg-page .vault-cover img{aspect-ratio:1.12}.sg-page .vault-guide-hero h1{font-size:clamp(50px,5.2vw,78px)}
.sg-system{padding-top:40px;padding-bottom:64px;border-top:1px solid var(--sg-border);scroll-margin-top:125px}.sg-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:35px}.sg-section-heading>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:440px;padding-bottom:20px}
.sg-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:var(--sg-ink);padding:12px;border-radius:28px;color:var(--sg-paper)}.sg-map-step{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;min-height:190px;border:1px solid #faf6ed38;border-radius:18px;padding:20px;transition:background .3s,transform .3s}.sg-map-step:hover{background:#faf6ed12;transform:translateY(-3px)}.sg-map-number{font-size:11px;letter-spacing:.1em;color:#d1c6ad}.sg-map-icon{font:28px/1 Georgia,serif;color:#d9d0b6}.sg-map-step strong{grid-column:1/-1;font:29px/1.15 var(--serif,'Instrument Serif',serif);margin-top:28px;font-weight:400}.sg-map-step small{grid-column:1/-1;font-size:12px;line-height:1.6;color:#faf6edba;margin-top:9px;padding-right:18px}.sg-map-arrow{position:absolute;right:18px;bottom:18px;color:#d1c6ad}.sg-intro-note{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;padding-top:26px}.sg-intro-note p{font-size:13px;line-height:1.85;color:var(--muted)}.sg-intro-note strong{color:var(--sg-ink);font-weight:550}.sg-intro-note p:last-child{grid-column:1/-1;border-top:1px solid var(--sg-border);padding-top:17px;font-size:12px}
.sg-content{max-width:800px}.sg-content .vault-chapter{margin-bottom:85px;padding-bottom:40px;border-bottom:1px solid var(--sg-border)}.sg-content .vault-chapter>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:690px;margin:20px 0;color:var(--muted)}.sg-content h3{font-size:32px;line-height:1.15;margin:30px 0 16px}.sg-content a:not(.button){text-decoration:underline;text-underline-offset:4px}.sg-content code{font-size:.84em;overflow-wrap:anywhere}.sg-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sg-ink);color:var(--sg-paper);padding:24px;border-radius:16px;font:13px/1.8 ui-monospace,monospace;margin:22px 0}.sg-content :is(li,dd,blockquote){font-size:15px;line-height:1.8}.sg-content :is(ul,ol){padding-left:22px}.sg-content li{margin:12px 0;color:var(--muted)}
.sg-label{font-size:11px!important;font-family:var(--sans,Inter,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:#59624c;line-height:1.6!important;margin:0 0 24px!important}.sg-example{padding:28px;background:var(--sg-panel);border-radius:24px;margin:30px 0}.sg-example>p:not(.sg-label){font-size:14px;line-height:1.8;color:var(--muted)}.sg-angle{display:grid;grid-template-columns:26px 1fr;gap:15px;padding:20px 0;border-top:1px solid var(--sg-border)}.sg-angle>span:first-child{font-size:11px;padding-top:6px;color:#717763}.sg-angle h3{font-size:27px;margin:0 0 10px}.sg-angle p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}.sg-angle.sg-chosen{background:var(--sg-paper);border:1px solid #999e86;border-radius:16px;padding:20px;margin:5px -10px;position:relative}.sg-choice{grid-column:2;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#59624c}
.sg-detail{border:1px solid var(--sg-border);border-radius:18px;margin:18px 0;background:#faf6ed60;overflow:hidden}.sg-detail summary{cursor:pointer;min-height:60px;padding:18px 22px;font-size:14px;line-height:1.7;list-style:none;display:flex;gap:18px;align-items:center;justify-content:space-between}.sg-detail summary::after{content:'+';font-size:22px;flex:none;color:#74785e}.sg-detail[open] summary::after{content:'−'}.sg-detail summary::-webkit-details-marker{display:none}.sg-detail>div{padding:0 22px 22px}.sg-detail p{font-size:14px;line-height:1.85;margin:15px 0;color:var(--muted)}.sg-detail li{font-size:14px}.sg-detail blockquote{border-left:2px solid #74785e;padding-left:15px;margin:15px 0;color:var(--muted)}
.sg-checkpoint{display:flex;align-items:start;gap:14px;padding:22px 0 0;margin-top:30px;border-top:1px solid var(--sg-border)}.sg-checkpoint>span{flex:none;background:#e1e4d6;color:#48543d;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px}.sg-checkpoint p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.sg-checkpoint strong{display:block;color:var(--sg-ink);font-weight:550;margin-bottom:4px}.sg-record{margin:0}.sg-record>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:14px 0;border-top:1px solid var(--sg-border)}.sg-record dt{font-size:12px;color:#666d5a;padding-top:3px}.sg-record dd{margin:0;font-size:14px;overflow-wrap:anywhere}.sg-four-tabs,.sg-stack,.sg-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.sg-four-tabs>div,.sg-stack>div,.sg-file-grid>div{border:1px solid var(--sg-border);border-radius:18px;padding:22px}.sg-four-tabs strong,.sg-file-grid strong{font-weight:550;font-size:14px}.sg-four-tabs p,.sg-file-grid p,.sg-stack p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}.sg-stack span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6c735c}.sg-stack h3{margin:14px 0 10px;font-size:30px}.sg-budget{background:var(--sg-ink);color:var(--sg-paper);border-radius:22px;padding:30px;margin:28px 0}.sg-budget h3{margin-top:0}.sg-budget p{font-size:14px;line-height:1.85;color:#faf6edd1;margin-top:16px}.sg-budget a{color:inherit}
.sg-edit{border-left:3px solid var(--sg-sage);padding:24px 28px;background:#e9e4d680;border-radius:0 18px 18px 0;margin:28px 0}.sg-edit>p{font-size:15px;line-height:1.85;margin:16px 0}.sg-edit .sg-edit-reason{font-size:13px;border-top:1px solid var(--sg-border);padding-top:18px;color:var(--muted)}.sg-visual{background:var(--sg-panel);border-radius:22px;padding:12px;margin:26px 0}.sg-visual img{display:block;width:100%;height:auto;border-radius:14px}.sg-visual figcaption{font-size:11px;line-height:1.8;color:var(--muted);padding:15px 10px 7px}.sg-inline-note{padding:22px 25px;border:1px dashed #a6a68c;border-radius:16px;font-size:14px;line-height:1.8;margin:26px 0;color:var(--muted)}
.sg-review-demo{border-radius:24px;padding:28px;background:var(--sg-panel);margin:28px 0}.sg-demo-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.sg-demo-head .sg-label{margin:0!important}.sg-review-demo label{display:block;font-size:12px;margin-bottom:12px}.sg-review-demo textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:180px;background:var(--sg-paper);color:var(--sg-ink);border:1px solid var(--sg-border);border-radius:15px;padding:20px;font:15px/1.8 var(--sans,Inter,sans-serif)}.sg-demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.sg-demo-fields span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.sg-demo-fields strong{font-size:12px;font-weight:500}.sg-demo-feedback{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}.sg-review-demo .button{margin-top:8px;cursor:pointer;font:inherit;font-size:13px}.sg-review-list{padding:24px 28px;border:1px solid var(--sg-border);border-radius:18px}.sg-review-list h3{margin-top:0}.sg-review-list li{font-size:14px}.sg-states{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.sg-states>div{padding:20px;border:1px solid var(--sg-border);border-radius:18px}.sg-states span{font-size:11px;color:#74785e}.sg-states h3{font-size:27px;margin:18px 0 12px}.sg-states p{font-size:12px;line-height:1.8;color:var(--muted)}
.sg-result-board{display:grid;gap:8px;margin:26px 0}.sg-result-board>div{display:grid;grid-template-columns:140px 1fr;gap:10px 20px;background:var(--sg-panel);padding:22px;border-radius:18px}.sg-result-board span{font-size:11px;color:#646d56}.sg-result-board strong{font-size:15px;font-weight:500}.sg-result-board p{grid-column:2;font-size:13px;line-height:1.8;color:var(--muted)}.sg-recovery{background:var(--sg-ink);color:var(--sg-paper);padding:30px;border-radius:24px;margin:30px 0}.sg-recovery .eyebrow{color:#d9d0b6}.sg-recovery h3{font-size:37px;margin-top:15px}.sg-recovery details{border-top:1px solid #faf6ed35}.sg-recovery summary{min-height:60px;cursor:pointer;padding:18px 0;font-size:14px;line-height:1.7}.sg-recovery details p{font-size:14px;line-height:1.85;color:#faf6edc9;padding-bottom:22px}.sg-files{border:0!important}.sg-files .button{margin:12px 0 20px}.sg-files>p.vault-help{font-size:12px!important}
.sg-nav-files{display:block;font-size:12px;margin-top:24px;text-decoration:underline;text-underline-offset:4px}.sg-page .vault-guide-nav nav a small{font-size:10px;color:#737b65;margin-right:8px}.sg-page .vault-guide-nav nav a[aria-current=location]{color:#425039;font-weight:600}.sg-progress{height:2px;background:#d5cebd;margin-top:25px}.sg-progress span{display:block;width:0;height:100%;background:#74785e;transform-origin:left}.sg-video{padding:22px;border:1px solid var(--sg-border);border-radius:16px;margin-top:22px}.sg-legacy{min-height:70vh;padding-bottom:90px}.sg-legacy h1{font-size:60px;margin:40px 0}
@keyframes sg-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sg-map.sg-in-view .sg-map-step{animation:sg-arrival .6s both;animation-delay:var(--sg-delay,0ms)}
@media(min-width:810px){.sg-page .vault-guide-nav{top:110px}.sg-page .vault-guide-nav nav a{min-height:44px}.sg-page .vault-guide-body{grid-template-columns:220px minmax(0,1fr);gap:65px}}
@media(max-width:1050px){.sg-map{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-page .vault-guide-body{gap:30px}.sg-map-step{min-height:165px}}
@media(max-width:809px){.sg-section-heading{grid-template-columns:1fr;gap:0}.sg-section-heading>p{padding:0}.sg-system{padding-top:28px;padding-bottom:40px}.sg-intro-note{grid-template-columns:1fr;gap:15px}.sg-content .vault-chapter{margin-bottom:55px;padding-bottom:26px}.sg-content .vault-chapter>p:not(.eyebrow){font-size:15px}.sg-map-step{padding:17px}.sg-map-step strong{font-size:28px}.sg-page .vault-guide-nav{border:1px solid var(--sg-border);border-radius:20px;padding:22px}.sg-progress{display:none}}
@media(max-width:480px){.sg-map{gap:7px;padding:8px;border-radius:22px}.sg-map-step{min-height:165px;padding:14px}.sg-map-step strong{font-size:25px;margin-top:20px}.sg-map-step small{font-size:11px}.sg-map-icon{font-size:23px}.sg-section-heading h2{font-size:40px}.sg-example,.sg-review-demo{padding:21px}.sg-record>div{grid-template-columns:1fr;gap:4px}.sg-four-tabs,.sg-stack,.sg-file-grid,.sg-demo-fields{grid-template-columns:1fr}.sg-states{grid-template-columns:1fr}.sg-states>div{display:grid;grid-template-columns:24px 1fr;gap:0 12px}.sg-states h3{margin:0 0 10px}.sg-states p{grid-column:2}.sg-result-board>div{grid-template-columns:1fr}.sg-result-board p{grid-column:1}.sg-content pre{padding:20px;font-size:12px}.sg-recovery{padding:25px}.sg-edit{padding:20px}.sg-demo-head{align-items:start;flex-direction:column}.sg-content .vault-sample-panel{padding:20px 16px}.sg-chosen{margin-left:0!important;margin-right:0!important}.sg-page .vault-guide-hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){.sg-map.sg-in-view .sg-map-step{animation:none!important}.sg-map-step{transition:none!important;transform:none!important}}

.sg-map-icon svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
/* Inspectable instructions without turning the main narrative into a code listing. */
.sg-code-block{min-width:0;max-width:100%;margin:20px 0;background:var(--sg-ink);color:var(--sg-paper);border-radius:16px;overflow:hidden}.sg-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #faf6ed35;flex-wrap:wrap}.sg-code-toolbar>span{font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.sg-code-toolbar>div{display:flex;gap:8px}.sg-code-toolbar button{min-height:44px;border:1px solid #faf6ed45;border-radius:10px;padding:6px 12px;font:12px/1.5 var(--sans,Inter,sans-serif);background:transparent;color:var(--sg-paper);cursor:pointer}.sg-code-toolbar button:hover{background:#faf6ed15}.sg-content .sg-code-block pre{border-radius:0;margin:0;max-height:380px;overflow:auto;white-space:pre-wrap;padding:20px;font-size:12px}.sg-content .sg-code-status{color:#faf6edcc;font-size:12px;line-height:1.8;margin:0;padding:0 16px 10px}.sg-content .sg-code-status:empty{padding:0}.sg-code-block pre:focus-visible{outline:2px solid #aab296;outline-offset:-3px}.sg-build-reference{background:#e9e4d670;border:1px solid var(--sg-border);border-radius:20px;padding:26px;margin:28px 0}.sg-build-reference h3{margin-top:0}.sg-build-reference>p{font-size:14px;line-height:1.8;color:var(--muted)}.sg-source-file summary{font-size:13px}.sg-source-file>div{padding:0 12px 12px}.sg-source-file .sg-code-block{margin:0}
.sg-reference-table{overflow-x:auto;border:1px solid var(--sg-border);border-radius:18px;margin:26px 0;max-width:100%;background:#e9e4d650}.sg-reference-table table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8;text-align:left}.sg-reference-table th,.sg-reference-table td{padding:16px;min-width:150px;vertical-align:top;border-bottom:1px solid var(--sg-border);overflow-wrap:anywhere}.sg-reference-table thead{background:var(--sg-ink);color:var(--sg-paper)}.sg-reference-table th{font-weight:500}.sg-reference-table tbody th{font:12px/1.8 ui-monospace,monospace}.sg-reference-table tr:last-child :is(th,td){border-bottom:0}
.sg-node-diagram{margin:30px 0;background:var(--sg-ink);color:var(--sg-paper);padding:22px;border-radius:22px}.sg-node-diagram figcaption{font-size:12px;line-height:1.8;color:#e3dbc9;margin-bottom:20px}.sg-content .sg-node-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.sg-node-diagram li{min-width:0;padding:16px;border:1px solid #faf6ed45;border-radius:14px;margin:0!important;display:flex;flex-direction:column}.sg-node-diagram li>span{font-size:10px;color:#d5c6a8;margin-bottom:16px}.sg-node-diagram strong{font:25px/1.15 var(--serif,'Instrument Serif',serif);color:var(--sg-paper);margin-bottom:12px;overflow-wrap:anywhere}.sg-node-diagram small{font-size:11px;line-height:1.8;color:#faf6edc9}
@media(max-width:600px){.sg-content .sg-node-diagram ol{grid-template-columns:1fr 1fr}.sg-node-diagram{padding:15px}.sg-build-reference{padding:19px}.sg-code-toolbar{padding:10px 12px}.sg-content .sg-code-block pre{padding:16px;font-size:11px}.sg-code-toolbar button{padding:6px 10px}}
.sg-final-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--sg-ink);padding:12px;border-radius:24px;margin:30px 0}.sg-final-flow>div{padding:20px;border:1px solid #faf6ed45;border-radius:16px;color:var(--sg-paper)}.sg-final-flow span{display:block;font-size:10px;letter-spacing:.08em;color:#d7cbb1;margin-bottom:17px}.sg-final-flow strong{display:block;font:29px/1.15 var(--serif,'Instrument Serif',serif);font-weight:400}.sg-final-flow p{font-size:12px;line-height:1.8;color:#faf6edcc;margin-top:13px}.sg-final-flow .sg-flow-gate{background:#46513f}.sg-overview-film{background:var(--sg-panel);padding:16px;border-radius:24px;margin:32px 0}.sg-overview-film .sg-label{padding:6px 5px 0;margin-bottom:14px!important}.sg-overview-film video{width:100%;height:auto;display:block;border-radius:15px;aspect-ratio:16/9;background:var(--sg-ink)}.sg-overview-film>p:last-child{padding:15px 5px 3px;margin:0}.sg-three-format .vault-sample-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.sg-final-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-final-flow>div{padding:17px}.sg-final-flow strong{font-size:27px}.sg-overview-film{padding:10px}.sg-three-format .vault-sample-tabs button{font-size:12px}}