/* Hallmark · macrostructure: Split Studio application guides + Directory hub · tone: technical-austere · anchor hue: safety-orange · theme: Helper industrial · contrast: pass (40–41) · nav: N11 preserved · footer: Ft2 preserved · slop: pass (42–49) · mobile: pass (34, 49–57) */
/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 */
@import url("../../tokens.css");
html,body{overflow-x:clip}*{box-sizing:border-box}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.65}a{color:inherit}.app-wrap{width:min(calc(100% - 2rem),var(--layout-max));margin-inline:auto}.app-crumbs{display:flex;gap:var(--space-xs);padding-block:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.app-crumbs a,.app-crumbs span{white-space:nowrap;text-decoration:none}.app-hero{padding:clamp(2.25rem,3.4vw,3.5rem) 0 clamp(3.25rem,4.5vw,4.75rem);background:var(--color-navy-deep);color:var(--color-paper)}.app-hero--compact{padding:clamp(2.25rem,3.4vw,3.25rem) 0 clamp(3.25rem,4.5vw,4.25rem)}.app-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:var(--space-2xl);align-items:center}.app-kicker{margin:0 0 var(--space-sm);color:var(--color-accent);font:700 var(--text-sm)/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.app-hero h1{max-width:13ch;min-width:0;margin:0;font:700 clamp(2.65rem,5vw,5.2rem)/.98 var(--font-display);letter-spacing:var(--tracking-tight);font-style:normal;overflow-wrap:anywhere}.app-hero p{max-width:44rem;margin:var(--space-lg) 0 0;color:var(--color-light-muted);font-size:var(--text-lg)}.app-hero figure{min-width:0;margin:0;border:var(--rule-thin) solid var(--color-rule-strong);background:var(--color-paper-3);overflow:hidden}.app-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.app-note{min-width:0;padding:var(--space-lg);border-top:4px solid var(--color-accent);background:var(--color-paper-3);color:var(--color-ink)}.app-note b{display:block;margin-bottom:var(--space-xs);font:700 var(--text-xl)/1.1 var(--font-display)}.app-note span{color:var(--color-ink-2)}.app-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.app-button{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:transform var(--dur-short) var(--ease-out),background var(--dur-short) var(--ease-out)}.app-button:hover{transform:translateY(var(--lift))}.app-button:active{transform:translateY(0);background:var(--color-accent-dark)}.app-text-link{font-weight:800;text-decoration:none;white-space:nowrap}.app-section{padding:var(--space-2xl) 0}.app-section--tint{background:var(--color-paper-2)}.app-section--dark{background:var(--color-navy-deep);color:var(--color-paper)}.app-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-xl);margin-bottom:var(--space-xl);padding-top:var(--space-md);border-top:var(--rule-thin) solid var(--color-rule)}.app-head h2,.app-split h2,.app-faq h2,.app-decision h2{min-width:0;margin:0;font:700 clamp(2rem,4vw,3.6rem)/1 var(--font-display);letter-spacing:-.035em;font-style:normal;overflow-wrap:anywhere}.app-head p{max-width:48rem;margin:0;color:var(--color-muted);font-size:var(--text-lg)}.app-route-grid,.app-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.app-route,.app-task-grid>a{display:flex;min-width:0;min-height:15rem;flex-direction:column;padding:var(--space-lg);border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);text-decoration:none;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.app-route:hover,.app-task-grid>a:hover{transform:translateY(var(--lift));border-color:var(--color-accent)}.app-route:active,.app-task-grid>a:active{transform:translateY(0)}.app-route span{color:var(--color-accent-dark);font:700 var(--text-sm)/1.2 var(--font-mono)}.app-route h2,.app-task-grid h3{margin:auto 0 var(--space-sm);font:700 var(--text-xl)/1.1 var(--font-display);font-style:normal;overflow-wrap:anywhere}.app-route p,.app-task-grid p{margin:0;color:var(--color-muted)}.app-route b{margin-top:var(--space-lg)}.app-output-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:var(--rule-thin) solid var(--color-rule);list-style:none}.app-output-list li{min-width:0;padding:var(--space-lg) var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule);font:700 var(--text-lg)/1.2 var(--font-display);overflow-wrap:anywhere}.app-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl)}.app-checklist,.app-process{margin:var(--space-lg) 0 0;padding:0;list-style:none;counter-reset:step}.app-checklist li,.app-process li{position:relative;padding:var(--space-sm) 0 var(--space-sm) var(--space-xl);border-bottom:var(--rule-thin) solid var(--color-rule)}.app-checklist li::before{content:'✓';position:absolute;left:0;color:var(--color-accent-dark);font-weight:900}.app-process li{counter-increment:step}.app-process li::before{content:counter(step);position:absolute;left:0;color:var(--color-accent-dark);font:700 var(--text-sm)/1.65 var(--font-mono)}.app-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule)}.app-link-list a{display:flex;min-width:0;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:var(--rule-thin) solid var(--color-rule);text-decoration:none}.app-link-list a:nth-child(odd){padding-right:var(--space-lg)}.app-link-list a:nth-child(even){padding-left:var(--space-lg);border-left:var(--rule-thin) solid var(--color-rule)}.app-link-list b{font-family:var(--font-display);overflow-wrap:anywhere}.app-link-list span{color:var(--color-accent-dark);white-space:nowrap}.app-faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:var(--space-2xl)}.app-faq>div:first-child p{color:var(--color-light-muted)}details{border-top:var(--rule-thin) solid var(--color-rule-strong)}summary{padding:var(--space-md) 0;font-weight:800;cursor:pointer;overflow-wrap:anywhere}details p{margin:0 0 var(--space-md);color:var(--color-light-muted)}.app-decision{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-xl);align-items:end}.app-decision p{color:var(--color-light-muted)}.app-foot{padding:var(--space-xl) 0;background:var(--color-navy-deep);color:var(--color-light-muted);border-top:var(--rule-thin) solid var(--color-rule-strong)}.app-foot__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:var(--space-xl)}.app-foot img{width:180px;filter:brightness(0) invert(1)}.app-foot a{display:block;margin:var(--space-3xs) 0;color:var(--color-light-muted);text-decoration:none;white-space:nowrap}.app-foot b{display:block;margin-bottom:var(--space-sm);color:var(--color-paper)}.app-button:focus-visible,.app-text-link:focus-visible,.app-route:focus-visible,.app-task-grid>a:focus-visible,.app-link-list a:focus-visible,.app-external-link:focus-visible,summary:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:3px}.app-button[aria-disabled="true"],.app-text-link[aria-disabled="true"],.app-route[aria-disabled="true"],.app-task-grid>a[aria-disabled="true"],.app-link-list a[aria-disabled="true"]{cursor:not-allowed;opacity:.55;pointer-events:none}
.app-section--faq-light{background:var(--color-paper-3);color:var(--color-ink)}.app-section--faq-light .app-faq>div:first-child p,.app-section--faq-light details p{color:var(--color-muted)}.app-section--faq-light details{border-color:var(--color-rule)}.app-section--faq-light details:last-child{border-bottom:var(--rule-thin) solid var(--color-rule)}.app-section--faq-light summary{color:var(--color-navy)}
.app-route-promo{margin:var(--space-xl) auto;padding:var(--space-lg);border-top:4px solid var(--color-accent);background:var(--color-paper-2)}.app-route-promo h2{margin:0 0 var(--space-xs);font:700 var(--text-2xl)/1.1 var(--font-display);font-style:normal}.app-route-promo p{max-width:52rem;margin:0 0 var(--space-md);color:var(--color-muted)}
.app-hero--guide{position:relative;isolation:isolate;display:grid;min-height:clamp(31rem,48vw,40rem);align-items:center;overflow:hidden}.app-guide-hero__backdrop,.app-guide-hero__veil{position:absolute;inset:0}.app-guide-hero__backdrop{z-index:-2}.app-guide-hero__backdrop img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.app-guide-hero__veil{z-index:-1;background:linear-gradient(90deg,var(--color-navy-deep) 0%,color-mix(in oklch,var(--color-navy-deep) 90%,transparent) 50%,color-mix(in oklch,var(--color-navy-deep) 46%,transparent) 100%)}.app-guide-hero__content{position:relative;z-index:1;min-width:0}.app-hero--guide h1{max-width:11ch}.app-hero--guide p:not(.app-kicker):not(.app-hero__source){max-width:42rem}.app-hero--guide .app-hero__source{max-width:50rem;margin-top:var(--space-lg);color:var(--color-light-muted);font:700 var(--text-xs)/1.5 var(--font-mono)}
.app-section--media{padding-block:var(--space-3xl)}.app-media-stack{display:grid;gap:var(--space-3xl)}.app-media-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-2xl);align-items:center}.app-media-row--reverse figure{order:2}.app-media-row figure{min-width:0;margin:0;background:var(--color-paper-3)}.app-media-row img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.app-media-row figcaption{padding:var(--space-xs) var(--space-sm);color:var(--color-muted);font:700 var(--text-xs)/1.5 var(--font-mono)}.app-media-row h2{min-width:0;margin:0;font:700 clamp(2rem,4vw,3.6rem)/1 var(--font-display);letter-spacing:-.035em;font-style:normal;overflow-wrap:anywhere}.app-media-row p{max-width:65ch;margin:var(--space-lg) 0 0;color:var(--color-ink-2)}
.app-route-compare{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule)}.app-route-compare article{min-width:0;padding:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule)}.app-route-compare article:nth-child(1){grid-column:span 5;padding-left:0}.app-route-compare article:nth-child(2){grid-column:span 4;border-left:var(--rule-thin) solid var(--color-rule)}.app-route-compare article:nth-child(3){grid-column:span 3;border-left:var(--rule-thin) solid var(--color-rule);padding-right:0}.app-route-compare h3{margin:0 0 var(--space-md);font:700 var(--text-xl)/1.1 var(--font-display);font-style:normal;overflow-wrap:anywhere}.app-route-compare dl{margin:0}.app-route-compare dt{margin-top:var(--space-sm);color:var(--color-muted);font-weight:800}.app-route-compare dd{margin:var(--space-3xs) 0 0;color:var(--color-ink-2)}
.app-section--references{background:var(--color-paper-3)}.app-evidence-list{display:grid;border-top:var(--rule-thin) solid var(--color-rule)}.app-evidence-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xl);align-items:center;padding:var(--space-lg) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.app-evidence-source{color:var(--color-accent-dark);font:700 var(--text-xs)/1 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.app-evidence-item h3{min-width:0;margin:var(--space-xs) 0 0;font:700 var(--text-xl)/1.1 var(--font-display);font-style:normal;overflow-wrap:anywhere}.app-evidence-item p{max-width:65ch;margin:var(--space-sm) 0 0;color:var(--color-ink-2)}.app-external-link{display:inline-flex;min-height:var(--control-height);align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border:var(--rule-thin) solid currentColor;color:var(--color-navy);font-weight:800;line-height:1;text-decoration-line:underline;text-decoration-thickness:var(--rule-thin);text-underline-offset:var(--space-3xs);white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.app-external-link:hover{color:var(--color-ink)}.app-external-link:active{color:var(--color-ink-2)}.app-external-link[aria-disabled="true"]{cursor:not-allowed;opacity:.55;pointer-events:none}.app-external-link span{font:800 var(--text-sm)/1 var(--font-mono);text-decoration:none}
.app-hero--backdrop{position:relative;isolation:isolate;display:grid;min-height:clamp(31rem,48vw,40rem);align-items:center;overflow:hidden}.app-hero__backdrop,.app-hero__veil{position:absolute;inset:0}.app-hero__backdrop{z-index:-2}.app-hero__backdrop img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.app-hero__veil{z-index:-1;background:linear-gradient(90deg,var(--color-navy-deep) 0%,color-mix(in oklch,var(--color-navy-deep) 88%,transparent) 54%,color-mix(in oklch,var(--color-navy-deep) 48%,transparent) 100%)}.app-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,.32fr);align-items:center}.app-hero__content>div{min-width:0}.app-hero--backdrop h1{max-width:11ch}.app-hero--backdrop p:not(.app-kicker):not(.app-hero__source){max-width:42rem}.app-hero .app-hero__source{max-width:50rem;margin-top:var(--space-lg);color:var(--color-light-muted);font:700 var(--text-xs)/1.5 var(--font-mono)}
.app-route--visual img{height:auto}
.app-hero-figure figcaption,.app-route--visual figcaption{padding:.55rem .75rem;background:var(--color-paper-2);color:var(--color-muted);font:700 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.02em}.app-route-grid--visual{align-items:stretch}.app-route--visual{padding:0;overflow:hidden}.app-route--visual figure{margin:0;border-bottom:var(--rule-thin) solid var(--color-rule)}.app-route--visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.app-route__body{display:flex;min-height:19rem;flex:1;flex-direction:column;padding:var(--space-lg)}.app-route__body h2{margin:var(--space-lg) 0 var(--space-sm)}.app-route__body b{margin-top:auto;padding-top:var(--space-lg)}.app-condition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule)}.app-condition-grid article{min-width:0;padding:var(--space-lg) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.app-condition-grid article+article{border-left:var(--rule-thin) solid var(--color-rule)}.app-condition-grid span{color:var(--color-accent-dark);font:700 var(--text-sm)/1 var(--font-mono)}.app-condition-grid h3,.app-comparison h3,.app-choice h3,.app-project-flow h3{margin:var(--space-md) 0 var(--space-sm);font:700 var(--text-xl)/1.1 var(--font-display);font-style:normal;overflow-wrap:anywhere}.app-condition-grid p{margin:0;color:var(--color-muted)}.app-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule)}.app-comparison article{min-width:0;padding:var(--space-lg) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.app-comparison article:nth-child(odd){padding-right:var(--space-xl)}.app-comparison article:nth-child(even){padding-left:var(--space-xl);border-left:var(--rule-thin) solid var(--color-rule)}.app-comparison h3{margin-top:0}.app-comparison dl{display:grid;grid-template-columns:minmax(7.5rem,.7fr) minmax(0,1.3fr);margin:0}.app-comparison dt,.app-comparison dd{min-width:0;margin:0;padding:.7rem 0;border-top:var(--rule-thin) solid var(--color-rule);overflow-wrap:anywhere}.app-comparison dt{padding-right:var(--space-sm);color:var(--color-muted);font-weight:800}.app-head--light{border-color:var(--color-rule-strong)}.app-head--light p{color:var(--color-light-muted)}.app-project-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:var(--rule-thin) solid var(--color-rule-strong);list-style:none}.app-project-flow li{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule-strong)}.app-project-flow li+li{border-left:var(--rule-thin) solid var(--color-rule-strong)}.app-project-flow>li>span{color:var(--color-accent);font:700 var(--text-sm)/1.2 var(--font-mono)}.app-project-flow h3{margin:0 0 var(--space-sm);color:var(--color-paper)}.app-project-flow p{margin:0;color:var(--color-light-muted)}.app-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--rule-thin) solid var(--color-rule)}.app-choice article{padding:var(--space-xl) 0}.app-choice article:first-child{padding-right:var(--space-xl)}.app-choice article+article{padding-left:var(--space-xl);border-left:var(--rule-thin) solid var(--color-rule)}.app-choice h3{margin-top:var(--space-sm)}.app-choice ul{margin:var(--space-lg) 0 0;padding-left:1.2rem}.app-choice li+li{margin-top:var(--space-sm)}.app-input-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:var(--rule-thin) solid var(--color-rule);list-style:none}.app-input-list li{display:flex;min-width:0;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border-bottom:var(--rule-thin) solid var(--color-rule)}.app-input-list li:not(:nth-child(3n+1)){border-left:var(--rule-thin) solid var(--color-rule)}.app-input-list b{font-family:var(--font-display);overflow-wrap:anywhere}.app-input-list span{color:var(--color-muted)}
@media(max-width:900px){.app-hero__grid,.app-head,.app-faq,.app-decision,.app-media-row,.app-evidence-item{grid-template-columns:1fr}.app-media-row--reverse figure{order:0}.app-output-list{grid-template-columns:repeat(2,minmax(0,1fr))}.app-condition-grid,.app-project-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.app-condition-grid article:nth-child(odd),.app-project-flow li:nth-child(odd){border-left:0}.app-condition-grid article:nth-child(n+3),.app-project-flow li:nth-child(n+3){border-top:var(--rule-thin) solid var(--color-rule)}.app-input-list{grid-template-columns:repeat(2,minmax(0,1fr))}.app-input-list li{border-left:0!important}.app-input-list li:nth-child(even){border-left:var(--rule-thin) solid var(--color-rule)!important}.app-route-compare{grid-template-columns:1fr}.app-route-compare article:nth-child(n){grid-column:auto;padding-inline:0;border-left:0}.app-external-link{justify-self:start}.app-foot__grid{grid-template-columns:1fr 1fr}.app-foot__grid>:first-child{grid-column:1/-1}}
@media(max-width:620px){.app-wrap{width:min(calc(100% - 1.25rem),var(--layout-max))}.app-hero{padding:var(--space-xl) 0 var(--space-2xl)}.app-hero h1{font-size:clamp(2.35rem,14vw,3.65rem)}.app-route-grid,.app-task-grid,.app-output-list,.app-split,.app-link-list,.app-foot__grid,.app-condition-grid,.app-comparison,.app-project-flow,.app-choice,.app-input-list{grid-template-columns:1fr}.app-link-list a:nth-child(odd),.app-link-list a:nth-child(even){padding-inline:0;border-left:0}.app-route,.app-task-grid>a{min-height:12rem}.app-route--visual{min-height:0}.app-route__body{min-height:0}.app-route__body b{margin-top:var(--space-md);padding-top:0}.app-condition-grid article,.app-condition-grid article+article,.app-comparison article:nth-child(odd),.app-comparison article:nth-child(even),.app-project-flow li,.app-project-flow li+li,.app-choice article:first-child,.app-choice article+article,.app-input-list li,.app-input-list li:nth-child(even){padding-inline:0;border-left:0!important}.app-comparison dl{grid-template-columns:1fr}.app-comparison dd{padding-top:0;border-top:0}.app-section{padding:var(--space-xl) 0}.app-foot__grid>:first-child{grid-column:auto}.app-actions{align-items:flex-start;flex-direction:column}.app-crumbs{font-size:var(--text-xs)}}
@media(max-width:900px){.app-hero--backdrop{min-height:38rem}.app-hero__content{grid-template-columns:1fr}.app-hero__veil{background:color-mix(in oklch,var(--color-navy-deep) 78%,transparent)}.app-hero--backdrop h1{max-width:12ch}}
@media(max-width:620px){.app-hero--backdrop{min-height:35rem}.app-hero .app-hero__source{margin-top:var(--space-md)}}
@media(max-width:900px){.app-hero--guide{min-height:38rem}.app-guide-hero__veil{background:color-mix(in oklch,var(--color-navy-deep) 80%,transparent)}.app-hero--guide h1{max-width:12ch}}
@media(max-width:620px){.app-hero--guide{min-height:35rem}.app-hero--guide .app-hero__source{margin-top:var(--space-md)}.app-section--media{padding-block:var(--space-2xl)}.app-media-stack{gap:var(--space-2xl)}.app-external-link b{font-size:var(--text-sm)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:var(--dur-reduced)!important;animation-duration:var(--dur-reduced)!important}}