/* Visitor story: shorter reading paths inside the established glass presentation.
   The opening, ambient layer, source diagrams and state controllers stay owned
   by their existing styles. */

/* Fit, problem and judgement lead into one shared project workspace. */
html.visitor-story #projectShowcase .case-story-heading{margin-bottom:18px}
html.visitor-story #projectShowcase .case-fit{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}
html.visitor-story #projectShowcase .case-fit>div{display:contents}
html.visitor-story #projectShowcase :is(.case-fit,.case-entry-story) dt{font-size:12px;font-weight:400;line-height:1.8;color:var(--muted)}
html.visitor-story #projectShowcase :is(.case-fit,.case-entry-story) dd{margin:0;font-size:14px;line-height:1.85;color:var(--ink)}
html.visitor-story #projectShowcase .case-entry-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0;padding:0 0 20px}
html.visitor-story #projectShowcase .case-entry-story>div{min-width:0}
html.visitor-story #projectShowcase .case-entry-story dt{margin-bottom:5px}
html.visitor-story #projectShowcase .product-case-context{gap:20px 36px;padding-top:20px}
html.visitor-story #projectShowcase .product-case-context .case-application{gap:0}
html.visitor-story #projectShowcase .case-design-decision{margin:0;padding-left:20px}
html.visitor-story #projectShowcase .case-verification{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.85;color:var(--muted)}
html.visitor-story #projectShowcase .case-verification>span:first-child{font-size:12px;line-height:1.8;margin-right:5px}

/* The four strengths form a single reading surface; their diagrams sit beside
   the heading instead of narrowing every line of explanatory copy. */
html.visitor-story #difference>.revision-heading{margin-bottom:26px}
html.visitor-story #difference .proof-item{display:block;position:relative;padding-block:18px}
html.visitor-story #difference .proof-item:first-child{padding-top:0}
html.visitor-story #difference .proof-visual{position:absolute;inset:26px 0 auto auto;width:56px;height:32px;margin:0;max-width:none}
html.visitor-story #difference .proof-item:first-child .proof-visual{top:8px}
html.visitor-story #difference .proof-copy h3{padding-right:68px;font-size:21px;line-height:1.55;margin-bottom:8px}
html.visitor-story #difference .proof-copy .micro{margin-bottom:5px;color:var(--muted)}
html.visitor-story #difference .reading-proof-intro [data-reading-purpose]{font-size:14px;line-height:1.85}
html.visitor-story #difference .proof-detail-link{font-size:12px;min-height:44px;margin-top:4px}
html.visitor-story .product-craft-layout{gap:32px}
html.visitor-story .product-craft-layout .taste-intro{margin-bottom:16px}
html.visitor-story .product-craft-layout .taste-intro>p{font-size:14px;line-height:1.85;margin-top:10px}
html.visitor-story .product-craft-layout .taste-workspace-bar{padding:14px 18px}
html.visitor-story .product-craft-layout .taste-boundary{margin-top:5px;line-height:1.7}
html.visitor-story .product-craft-layout .taste-records{padding:14px}
html.visitor-story .product-craft-layout .taste-filters{margin-bottom:10px}
html.visitor-story .product-craft-layout .taste-record-list button{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:10px;min-height:70px}
html.visitor-story .product-craft-layout .taste-record-list button>[data-taste-row-state]{grid-column:2;grid-row:1/3}
html.visitor-story .product-craft-layout .taste-detail{padding:18px}
html.visitor-story .product-craft-layout .taste-detail h4{font-size:25px}
html.visitor-story .product-craft-layout .taste-detail-description{font-size:14px;line-height:1.85}
html.visitor-story .product-craft-layout .taste-location{margin:14px 0}
html.visitor-story .product-craft-layout .taste-facts{padding:5px 0}
html.visitor-story .product-craft-layout .taste-facts>div{padding-block:6px}
html.visitor-story .product-craft-layout .taste-next{margin-top:14px}
html.visitor-story .product-craft-layout .taste-next p{font-size:14px;line-height:1.85}

/* Four decisions orient the reader before the complete technical article. */
html.visitor-story .tech-quickread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;margin:22px 0 26px;padding-block:20px;border-block:1px solid var(--line)}
html.visitor-story .tech-quickread[hidden]{display:none}
html.visitor-story .tech-quickread>div{min-width:0}
html.visitor-story .tech-quickread dt{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:5px}
html.visitor-story .tech-quickread dd{font-size:14px;line-height:1.85;margin:0;color:var(--ink)}
html.visitor-story .tech-dialog__close{width:44px;height:44px;flex:none}

/* An indicative collaboration sequence belongs to the invitation, as a quiet
   connected list rather than a second set of feature cards. */
html.visitor-story .contact-collaboration{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
html.visitor-story .contact-collaboration h3{font-size:17px;font-weight:500;line-height:1.6;margin:0 0 12px}
html.visitor-story .collaboration-steps{counter-reset:collaboration;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0}
html.visitor-story .collaboration-steps li{counter-increment:collaboration;display:grid;grid-template-columns:23px minmax(0,1fr);gap:8px;align-items:baseline;font-size:14px;line-height:1.8;min-width:0}
html.visitor-story .collaboration-steps li::before{content:"0" counter(collaboration);font-size:10px;color:var(--muted)}
html.visitor-story .collaboration-steps li>*{grid-column:2}
html.visitor-story .collaboration-steps li::before{grid-column:1;grid-row:1/3}
html.visitor-story .collaboration-steps strong{font-weight:400}
html.visitor-story .collaboration-steps p{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
html.visitor-story .contact-collaboration>p{font-size:12px;line-height:1.85;color:var(--muted);margin-top:12px}

/* Auxiliary linework shares a restrained weight. Semantic result strokes,
   diagram geometry and animated transforms are deliberately untouched. */
html.visitor-story .reading-services :is(.sw-preview__chart-grid,.vision-acquisition__surface-grid){stroke-width:1}
html.visitor-story #projectShowcase :is(.case-grid-line,.guidance-grid,.case-axis,.guidance-labels path){stroke-width:1}
html.visitor-story #difference .taste-location .taste-route{stroke-width:1}
html.visitor-story #difference .taste-location text{font-family:var(--font)}

@media(max-width:1100px){
 html.visitor-story #difference .proof-grid{gap:0 28px}
 html.visitor-story #difference .proof-item:first-child{padding-top:18px}
 html.visitor-story #difference .proof-item:first-child .proof-visual{top:26px}
}

@media(max-width:760px){
 /* Full-width sentences use the room recovered from nested padding. Dense
    sample-data labels keep their existing hierarchy; every action stays 44px. */
 html.visitor-story .reading-services #fields>p,
 html.visitor-story .business-copy .business-lead,
 html.visitor-story .business-deliverables>li :is(strong,span),
 html.visitor-story #projects>.reading-case-intro>p:last-child,
 html.visitor-story #projectShowcase :is([data-case-summary],[data-case-caption],[data-case-delivery],[data-case-decision]),
 html.visitor-story #difference>.revision-heading>p:last-child,
 html.visitor-story #engineeringLibrary>summary p,
 html.visitor-story .product-contact-intro>[data-reading-purpose],
 html.visitor-story .reading-evidence__body p{font-size:14px;line-height:1.85}
 html.visitor-story .reading-services :is(.domain-caption,.business-capabilities p,.business-boundary,.business-coverage),
 html.visitor-story #projectShowcase :is(.case-runtime-body>p,.case-static p),
 html.visitor-story #projectShowcase .product-case-context .case-application dd,
 html.visitor-story #projectShowcase .case-design-decision>[data-case-decision]{font-size:14px;line-height:1.85}
 html.visitor-story .reading-services :is(.domain-modes button,.domain-scenarios button,.domain-playback button),
 html.visitor-story .tech-dialog :is(.engineering-steps button,.engineering-controls button){min-height:44px}
 html.visitor-story .business-deliverables>li{grid-template-columns:minmax(88px,.8fr) minmax(0,1.2fr);gap:12px}
 html.visitor-story #projectShowcase .case-picker{margin-bottom:20px}
 html.visitor-story #projectShowcase .case-picker button{min-height:44px;padding:9px 7px;font-size:12px}
 html.visitor-story #projectShowcase .case-story-heading{gap:14px;margin-bottom:18px}
 html.visitor-story #projectShowcase .case-story-heading .eyebrow{margin-bottom:10px}
 html.visitor-story #projectShowcase .case-fit{grid-template-columns:minmax(0,1fr);gap:4px;margin-top:14px;padding-top:12px}
 html.visitor-story #projectShowcase .case-entry-story{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:16px}
 html.visitor-story #projectShowcase .case-entry-story>div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px}
 html.visitor-story #projectShowcase .case-entry-story dt{margin:0}
 html.visitor-story #projectShowcase :is(.case-loader-workspace,.case-screw-workspace,.case-aoi-workspace){padding:10px;gap:10px}
 html.visitor-story #projectShowcase .case-track{padding:12px}
 html.visitor-story #projectShowcase .case-track-head{margin-bottom:12px}
 html.visitor-story #projectShowcase .case-flow{margin-bottom:14px;row-gap:10px}
 html.visitor-story #projectShowcase .case-rail{gap:10px}
 html.visitor-story #projectShowcase .case-pane h4{padding:9px 10px}
 html.visitor-story #projectShowcase .case-events{padding:0 10px}
 html.visitor-story #projectShowcase .case-events li{padding:6px 0}
 html.visitor-story #projectShowcase .case-counts{padding:10px}
 html.visitor-story #projectShowcase .case-console-foot{padding:8px 10px;gap:8px}
 html.visitor-story #projectShowcase .case-steps{margin-top:16px;gap:10px}
 html.visitor-story #projectShowcase :is([data-case-step],.case-controls button){min-height:44px}
 html.visitor-story #projectShowcase .case-footer [data-case-caption]{margin-block:10px 12px}
 html.visitor-story #projectShowcase .product-case-context{gap:14px;padding-top:16px}
 html.visitor-story #projectShowcase .case-design-decision{padding-left:12px}
 html.visitor-story #projectShowcase .case-verification{padding-top:12px}
 html.visitor-story #projectShowcase>.case-details>summary{padding:16px}
 html.visitor-story #projectShowcase>.case-details>summary .depth-entry__copy{gap:6px}
 html.visitor-story #projectShowcase #caseEngineeringLink{margin-top:18px}
 html.visitor-story #difference{padding-block:16px 28px}
 html.visitor-story #difference>.revision-heading{margin-bottom:14px}
 html.visitor-story #difference .proof-grid{grid-template-columns:minmax(0,1fr);gap:0}
 html.visitor-story #difference .proof-item,
 html.visitor-story #difference .proof-item:first-child{padding-block:16px}
 html.visitor-story #difference .proof-visual,
 html.visitor-story #difference .proof-item:first-child .proof-visual{top:auto;bottom:23px;width:48px;height:30px}
 html.visitor-story #difference .proof-copy h3{font-size:21px;padding-right:0;line-height:1.55;margin-bottom:7px}
 html.visitor-story #difference .proof-detail-link{max-width:calc(100% - 58px)}
 html.visitor-story .product-craft-layout{gap:20px}
 html.visitor-story .product-craft-layout .taste-intro h3{font-size:26px}
 html.visitor-story .product-craft-layout .taste-workspace-bar{padding:12px}
 html.visitor-story .product-craft-layout .taste-records{padding:12px}
 html.visitor-story .product-craft-layout .taste-record-list button{min-height:64px;padding:8px 10px}
 html.visitor-story .product-craft-layout .taste-record-list button>strong{font-size:13px}
 html.visitor-story .product-craft-layout .taste-detail{padding:16px 12px}
 html.visitor-story .product-craft-layout .taste-detail-top{margin-bottom:10px;gap:8px}
 html.visitor-story .product-craft-layout .taste-facts>div{gap:8px;padding-block:5px}
 html.visitor-story .product-craft-layout .taste-facts dd{font-size:12px}
 html.visitor-story .tech-quickread{grid-template-columns:minmax(0,1fr);gap:12px;margin-block:18px;padding-block:16px}
 html.visitor-story .tech-quickread>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}
 html.visitor-story .tech-quickread dt{margin:0}
 html.visitor-story .tech-dialog__inner{padding:20px 16px}
 html.visitor-story .tech-dialog__head{margin-bottom:20px}
 html.visitor-story .tech-chapter p{font-size:14px;line-height:1.85}
 html.visitor-story .contact-collaboration{margin-top:20px;padding-top:16px}
 html.visitor-story .collaboration-steps{gap:10px 14px}
}

@media(max-width:360px){
 html.visitor-story .business-deliverables>li{grid-template-columns:minmax(0,1fr);gap:4px}
 html.visitor-story #projectShowcase .case-entry-story>div{grid-template-columns:minmax(0,1fr);gap:4px}
 html.visitor-story #projectShowcase .case-picker button{font-size:11px;padding-inline:6px;overflow-wrap:anywhere}
 html.visitor-story #projectShowcase .case-console-bar{align-items:flex-start;flex-wrap:wrap;gap:6px}
 html.visitor-story .product-craft-layout .taste-record-list button{grid-template-columns:minmax(0,1fr);gap:3px}
 html.visitor-story .product-craft-layout .taste-record-list button>[data-taste-row-state]{grid-column:1;grid-row:auto}
 html.visitor-story .tech-quickread>div{grid-template-columns:minmax(0,1fr);gap:4px}
 html.visitor-story .collaboration-steps{grid-template-columns:minmax(0,1fr);gap:8px}
}