/* Hallmark · pre-emit critique: P5 H4 E4 S5 R4 V4 · local orientation proposal · design-system: design.md */
.orientation-preview{font:400 .75rem/1.5 var(--font-body);color:var(--color-muted);background:var(--color-paper-deep);text-align:center;padding:6px 20px;border-bottom:1px solid var(--color-rule)}
.orientation-section{padding-block:var(--space-2xl)}
.orientation-section--evidence{background:var(--color-paper-deep);border-block:1px solid var(--color-rule)}
.orientation-section--evidence .story-section__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-3xl);align-items:center}
.orientation-chart h3{font-size:1.125rem;margin-bottom:var(--space-md)}
.orientation-chart img{width:100%}
.orientation-chart figcaption{font-size:.75rem;line-height:1.65;color:var(--color-muted)}
.orientation-chart a,.orientation-details>a{text-decoration:underline;text-underline-offset:4px}
.orientation-small{font-size:.8125rem;line-height:1.65;margin-top:var(--space-md)!important;color:var(--color-muted)!important}
.orientation-details{border-block:1px solid var(--color-rule);margin-top:var(--space-md);font-size:.875rem}
.orientation-details summary{cursor:pointer;padding-block:var(--space-md);min-height:48px;font-weight:500;color:var(--color-ink);list-style-position:inside}
.orientation-details[open]{padding-bottom:var(--space-lg)}
.orientation-details summary:hover{color:var(--color-accent)}
.orientation-details p,.orientation-details h3{margin-block:var(--space-md)}
.orientation-data{border-collapse:collapse;width:100%;margin-block:var(--space-lg);font-size:.8125rem;font-variant-numeric:tabular-nums}
.orientation-data th,.orientation-data td{padding:8px 4px;text-align:left;border-bottom:1px solid var(--color-rule)}
.orientation-data th:last-child,.orientation-data td:last-child{text-align:right}
.orientation-section--context .story-section__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-3xl);align-items:center}
.orientation-perspectives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-lg);margin-block:var(--space-xl)!important}
.orientation-perspectives>div{border-top:1px solid var(--color-sage);padding-top:var(--space-sm)}
.orientation-perspectives dt{font-family:var(--font-display);font-size:1.35rem}
.orientation-perspectives dd{font-size:.8125rem;color:var(--color-ink-soft);margin:4px 0 0}
.orientation-art{min-width:0}
.orientation-art img{width:100%;height:auto}
.orientation-direction .orientation-art{max-width:340px;margin:auto!important}
.orientation-direction h3{font-size:1.6rem;max-width:25ch;margin-top:var(--space-lg)}
.orientation-direction>p{font-size:.9375rem;margin-top:var(--space-md)}
.orientation-section--learning{background:var(--color-paper-deep);border-top:1px solid var(--color-rule)}
.orientation-learning-heading{max-width:780px}
.orientation-loop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-lg);list-style:none;padding:0;margin-block:var(--space-xl)!important}
.orientation-loop li{border-top:1px solid var(--color-accent);padding-top:var(--space-md)}
.orientation-loop span{font:500 .75rem/1.5 var(--font-mono);color:var(--color-gold-ink)}
.orientation-loop h3{font-size:1.18rem;margin-block:var(--space-sm)}
.orientation-loop p{font-size:.8125rem;line-height:1.65}
.orientation-loop-note{font-size:.875rem;max-width:80ch}
.orientation-learning-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);margin-top:var(--space-xl);align-items:start}
.orientation-learning-bottom h3{font-size:1.4rem}
.orientation-modes{list-style:none;padding:0;margin-top:var(--space-md)!important}
.orientation-modes li{border-top:1px solid var(--color-rule);padding-block:var(--space-sm);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-md)}
.orientation-modes strong{font-size:.875rem;font-weight:500;display:block}
.orientation-modes span{font:400 .68rem/1.5 var(--font-mono);color:var(--color-muted)}
.orientation-modes p{font-size:.8125rem}
.orientation-plan{margin-top:0;background:var(--color-paper);padding-inline:var(--space-lg)}
.orientation-plan dl>div{padding-block:var(--space-md);border-top:1px solid var(--color-rule)}
.orientation-plan dt{font-weight:500}.orientation-plan dd{margin:4px 0 0;color:var(--color-ink-soft);font-size:.8125rem}
.orientation-close{border-top:1px solid var(--color-rule);margin-top:var(--space-2xl);padding-top:var(--space-xl)}
.orientation-close>.story-section__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-3xl)}
.orientation-close h3{font-size:1.65rem;margin-bottom:var(--space-md)}
.orientation-close p{font-size:.9375rem}
.orientation-book{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--space-lg);padding-left:var(--space-lg);border-left:1px solid var(--color-rule)}
.orientation-book img{width:70px;border:1px solid var(--color-rule)}
.orientation-book h3{font-size:1.25rem}.orientation-book p{font-size:.8125rem}.orientation-book .story-link{margin-top:var(--space-sm)}
.orientation-home .story-section--result,.orientation-home .story-section--founder,.orientation-home .story-section--offers{padding-block:var(--space-2xl)}
.orientation-home .story-founder__portrait{max-width:275px}
.orientation-ich8 .diagnostic-intro{max-width:960px}
.orientation-ich8 #rahmen{background:var(--color-paper-deep);padding:var(--space-xl);margin-inline:calc(-1 * var(--space-xl));border:0}
.orientation-ich8 .diagnostic-section--worlds .diagnostic-items,.orientation-ich8 .diagnostic-section--dimensions .diagnostic-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.orientation-ich8 .diagnostic-section--worlds .diagnostic-items>li,.orientation-ich8 .diagnostic-section--dimensions .diagnostic-items>li{padding-block:var(--space-md)}
.orientation-ich8 .diagnostic-items h3{font-size:1.25rem}
.orientation-ich8 .diagnostic-items p{font-size:.875rem}
.orientation-ich8 .orientation-art{margin-bottom:var(--space-lg)}
@media(max-width:1000px){.orientation-loop{gap:var(--space-md)}.orientation-learning-bottom,.orientation-close>.story-section__inner{gap:var(--space-xl)}}
@media(max-width:760px){
 .orientation-section--evidence .story-section__inner,.orientation-section--context .story-section__inner,.orientation-learning-bottom,.orientation-close>.story-section__inner{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}
 .orientation-section,.orientation-home .story-section--result,.orientation-home .story-section--founder,.orientation-home .story-section--offers{padding-block:var(--space-lg)}
 .orientation-direction{display:grid;grid-template-columns:minmax(0,1fr)}.orientation-direction .orientation-art{display:none}.orientation-direction h3{margin-top:0}
 .orientation-loop{grid-template-columns:minmax(0,1fr);gap:0;margin-block:var(--space-lg)!important}
 .orientation-loop li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:var(--space-md);padding-block:12px}
 .orientation-loop span{grid-column:1;grid-row:1/3;padding-top:2px}.orientation-loop h3{grid-column:2;margin:0}.orientation-loop p{grid-column:2;margin-top:4px}
 .orientation-close{margin-top:var(--space-xl)}.orientation-book{padding:var(--space-lg) 0 0;border-left:0;border-top:1px solid var(--color-rule);gap:var(--space-md)}
 .orientation-ich8 #rahmen{margin-inline:0;padding:var(--space-lg)}
 .orientation-ich8 .diagnostic-section--worlds .diagnostic-items,.orientation-ich8 .diagnostic-section--dimensions .diagnostic-items{grid-template-columns:minmax(0,1fr);gap:0}
 .orientation-plan{padding-inline:var(--space-md)}.orientation-preview{font-size:.68rem}
 .orientation-home .story-founder__portrait{max-width:180px}
 .orientation-book h3{font-size:1.125rem;margin-bottom:var(--space-sm)}
 .orientation-home .story-offers article{padding-block:var(--space-lg)}
}