/* Inspectable studio demonstrations. Source files stay ordinary HTML. */
.studio-study{max-width:calc(var(--ink-width) + var(--ink-gutter)*2);margin:auto;padding:0 var(--ink-gutter)}
.study-hero{padding:64px 0 56px;border-bottom:1px solid var(--ink-line)}
.study-hero h1{font:400 clamp(48px,6vw,88px)/1.03 var(--ink-display);letter-spacing:-.03em;max-width:900px;margin:28px 0 24px}
.study-hero .study-intro{font-size:18px;line-height:1.8;color:var(--ink-platinum);max-width:740px;margin:0}
.study-label{display:inline-flex;align-items:center;gap:12px;font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-platinum)}
.study-label::before{content:'';width:7px;height:7px;background:var(--ink-vermilion);flex:none}
.study-section{padding:72px 0;border-bottom:1px solid var(--ink-line)}
.study-section h2{font:400 clamp(36px,4vw,56px)/1.1 var(--ink-display);letter-spacing:-.025em;margin:0 0 24px}
.study-section h3{font-size:18px;line-height:1.5;font-weight:500;margin:0 0 14px}
.study-section p{max-width:72ch;color:var(--ink-platinum);font-size:16px;line-height:1.85;margin:0 0 24px}
.study-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.study-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.study-note{padding:20px 24px;border-left:2px solid var(--ink-platinum);background:var(--ink-surface);font-size:14px!important;color:var(--ink-paper)!important}
.study-identity-stage{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:48px;min-height:260px;padding:48px;border:1px solid var(--ink-line);background:var(--study-ink);color:var(--study-paper);margin-bottom:28px}
.study-identity-stage .study-wordmark{width:100%;max-width:600px;display:block}
.study-identity-stage .study-mark{display:block;width:100px;height:100px;margin:auto}
.study-identity-stage.paper{background:var(--study-paper);color:var(--study-ink);border-color:var(--study-platinum)}
.study-identity-stage.paper .study-wordmark{filter:none}
.studio-study{--study-ink:#0c0c0b;--study-surface:#171714;--study-paper:#edeae2;--study-platinum:#a8aaa7;--study-vermilion:#a43a2f}
.study-dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 0}
.study-dl div{border-top:1px solid var(--ink-line);padding-top:20px}
.study-dl dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-platinum);margin-bottom:10px}
.study-dl dd{margin:0;color:var(--ink-paper);font-size:15px;line-height:1.7}
.study-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.study-swatch{margin:0;min-width:0}
.study-swatch>span{display:block;width:100%;aspect-ratio:1.2;border:1px solid var(--ink-line)}
.study-swatch figcaption{font-size:12px;line-height:1.7;padding:14px 0;color:var(--ink-platinum)}
.study-swatch strong{display:block;font-size:15px;font-weight:500;color:var(--ink-paper)}
.study-swatch code{font:inherit}
.study-swatch.ink>span{background:var(--study-ink)}.study-swatch.surface>span{background:var(--study-surface)}.study-swatch.paper>span{background:var(--study-paper)}.study-swatch.platinum>span{background:var(--study-platinum)}.study-swatch.vermilion>span{background:var(--study-vermilion)}
.study-display-sample{font:400 clamp(48px,5vw,72px)/1.05 var(--ink-display);letter-spacing:-.03em;color:var(--ink-paper);margin:28px 0}
.study-body-sample{font:400 18px/1.8 var(--ink-body);color:var(--ink-paper);max-width:40ch;margin:28px 0}
.study-board{display:block;width:100%;height:auto;border:1px solid var(--ink-line)}
.study-caption{display:block;font-size:12px;line-height:1.7;color:var(--ink-platinum);margin-top:16px}
.study-paper-sheet{background:var(--study-paper);color:var(--study-ink);padding:40px;min-height:430px;position:relative;border:1px solid var(--study-platinum)}
.study-paper-sheet p,.study-paper-sheet h3,.study-paper-sheet a{color:var(--study-ink)}
.study-paper-sheet .study-label{color:var(--study-surface)}
.study-paper-sheet .study-wordmark{width:240px;margin-bottom:52px}
.study-paper-sheet h3{font:400 42px/1.05 var(--ink-display);letter-spacing:-.025em;margin:0 0 18px}
.study-paper-sheet .study-sheet-footer{font-size:11px;border-top:1px solid var(--study-platinum);padding-top:14px;margin:42px 0 0}
.study-application-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--study-platinum);padding:14px 0;color:var(--study-ink);font-size:13px}
.study-application-row strong{font-weight:600}
.study-register{position:absolute;right:28px;top:28px;width:24px;height:24px;border-top:1px solid var(--study-platinum);border-right:1px solid var(--study-platinum)}
.study-register::after{content:'';position:absolute;right:-4px;top:-4px;width:7px;height:7px;background:var(--study-vermilion)}
.study-table-wrap{overflow-x:auto;border:1px solid var(--ink-line);max-width:100%;margin:28px 0;scrollbar-color:var(--ink-platinum) var(--ink-surface)}
.study-table{width:100%;border-collapse:collapse;min-width:620px;font-size:14px;line-height:1.7;text-align:left}
.study-table th{color:var(--ink-paper);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;background:var(--ink-surface);padding:16px}
.study-table td{color:var(--ink-platinum);padding:16px;border-top:1px solid var(--ink-line-soft);vertical-align:top}
.study-table td:first-child{color:var(--ink-paper)}
.study-table .study-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.study-table tfoot td{color:var(--ink-paper);font-weight:600;border-top:1px solid var(--ink-platinum)}
.study-table tr[data-capacity=over] td:first-child::after{content:' / over capacity';font-size:11px;font-weight:600;display:block}
.study-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.study-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.study-field label{font-size:13px;font-weight:500;color:var(--ink-paper)}
.study-field input,.study-field select,.study-field textarea{background:var(--ink-surface);color:var(--ink-paper);border:1px solid var(--ink-platinum);border-radius:0;min-height:52px;width:100%;padding:12px 14px;font:400 16px/1.5 var(--ink-body);appearance:auto}
.study-field input:focus-visible,.study-field select:focus-visible,.study-field textarea:focus-visible{outline:2px solid var(--ink-paper);outline-offset:3px}
.study-field textarea{resize:vertical;min-height:120px}
.study-field small{font-size:11px;color:var(--ink-platinum);line-height:1.7}
.study-field.wide{grid-column:1/-1}
.study-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:36px 0}
.study-kpi{border-top:1px solid var(--ink-line);padding:20px 0}
.study-kpi span{font-size:12px;color:var(--ink-platinum);display:block}
.study-kpi strong{font:400 clamp(32px,3vw,48px)/1.1 var(--ink-display);letter-spacing:-.02em;display:block;margin:12px 0}
.study-kpi small{display:block;font-size:11px;color:var(--ink-platinum);line-height:1.7}
.study-live-status{font-size:13px!important;min-height:24px;color:var(--ink-paper)!important;margin:16px 0!important}
.study-flow{list-style:none;padding:0;margin:36px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;counter-reset:flow}
.study-flow li{padding:24px 0;border-top:1px solid var(--ink-line);position:relative;counter-increment:flow}
.study-flow li::before{content:'0' counter(flow);display:block;font-size:11px;color:var(--ink-platinum);margin-bottom:24px}
.study-flow h3{font-size:18px;margin-bottom:14px}
.study-flow p{font-size:14px;margin-bottom:0}
.study-flow .study-flow-state{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-paper);display:block;margin-top:20px}
.study-output{border:1px solid var(--ink-line);padding:32px;margin-top:32px;background:var(--ink-surface)}
.study-output h3{font:400 36px/1.1 var(--ink-display)}
.study-output pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.8 var(--ink-body);color:var(--ink-paper);margin:24px 0 0}
.study-list{padding-left:20px;max-width:75ch;color:var(--ink-platinum);line-height:1.85}
.study-list li{margin:12px 0}
.study-related{display:flex;gap:20px 36px;flex-wrap:wrap;margin-top:32px}
.study-related a{font-size:14px;display:inline-flex;align-items:center;min-height:44px}
.study-source{font-size:12px!important;line-height:1.8!important;max-width:100ch!important;margin-top:32px!important}
.study-source code{font-family:inherit;overflow-wrap:anywhere;color:var(--ink-paper)}
@media(max-width:900px){.study-hero{padding:40px 0}.study-section{padding:56px 0}.study-two{gap:28px}.study-form{grid-template-columns:repeat(2,minmax(0,1fr))}.study-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.study-identity-stage{padding:32px;gap:28px}.study-paper-sheet{padding:28px}.study-three{gap:20px}}
@media(max-width:600px){.study-hero h1{font-size:52px}.study-hero .study-intro{font-size:16px}.study-two,.study-three{grid-template-columns:1fr}.study-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.study-swatches .study-swatch:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}.study-identity-stage{grid-template-columns:1fr;padding:28px;min-height:250px;gap:36px}.study-identity-stage .study-mark{width:64px;height:64px}.study-dl{grid-template-columns:1fr;gap:20px}.study-form{grid-template-columns:1fr;gap:20px}.study-kpis{grid-template-columns:1fr;gap:0}.study-kpi{padding:20px 0}.study-flow{grid-template-columns:1fr}.study-flow li{padding:20px 0}.study-flow li::before{margin-bottom:14px}.study-output{padding:24px}.study-table{min-width:640px}.study-table td,.study-table th{padding:14px}.study-note{padding:16px}.study-section p{font-size:16px}.study-paper-sheet{min-height:380px}.study-paper-sheet h3{font-size:36px}.study-application-row{font-size:12px}.study-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-study *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.study-form,.study-related,.study-actions{display:none!important}.studio-study{padding:0}.study-hero,.study-section{padding:24px 0;break-inside:avoid}.study-identity-stage,.study-output{background:none!important}.study-table-wrap{overflow:visible}.study-table{min-width:0;font-size:10px}.study-table td,.study-table th{padding:6px}.study-two{gap:20px}.study-kpis{gap:16px}.study-paper-sheet{padding:20px;min-height:0}.study-paper-sheet .study-wordmark{margin-bottom:24px}.study-paper-sheet .study-sheet-footer{margin-top:24px}}