/* Supporting pages: small, scoped additions to the established red/ink edition. */
body[data-visual-system] .sr-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;margin:0;padding:28px 0 0;font:11px/1.7 var(--ug-mono);color:var(--ug-muted)}
body[data-visual-system] main>.sr-breadcrumb{width:min(1160px,calc(100% - 96px));margin-inline:auto}
body[data-visual-system] :is(.shell,.study-shell,.wrap,.paper-shell) main>.sr-breadcrumb,body[data-visual-system] main:is(.shell,.wrap)>.sr-breadcrumb{width:100%}
body[data-visual-system] .sr-breadcrumb a{display:inline-flex;align-items:center;min-height:30px;color:var(--ug-bone);text-decoration:none;border-bottom:1px solid #57413c}
body[data-visual-system] .sr-breadcrumb>span[aria-hidden]{color:var(--ug-red)}
body[data-visual-system] .sr-next{clear:both;width:min(1160px,calc(100% - 96px));margin:80px auto 0;padding:34px 0 62px;border-top:1px solid var(--ug-red);text-align:left}
body[data-visual-system] :is(.shell,.study-shell) .sr-next{width:100%}
body[data-visual-system] .sr-next-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:28px}
body[data-visual-system] .sr-next-heading>p{font:10px/1.6 var(--ug-mono);letter-spacing:.09em;color:var(--ug-red);margin:0}
body[data-visual-system] .sr-next-heading>h2{font:400 clamp(30px,3vw,42px)/1.15 var(--ug-serif);letter-spacing:-.03em;color:var(--ug-bone);margin:0}
body[data-visual-system] .sr-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--ug-line)}
body[data-visual-system] .sr-next-card{display:block;min-width:0;color:var(--ug-bone);padding:28px 25px;text-decoration:none;border:0;border-right:1px solid var(--ug-line);background:transparent;transition:background .15s ease}
body[data-visual-system] .sr-next-card:first-child{padding-left:0}
body[data-visual-system] .sr-next-card:last-child{border-right:0}
body[data-visual-system] .sr-next-card:hover{background:#191110;color:var(--ug-bone)}
body[data-visual-system] .sr-next-label{font:10px/1.6 var(--ug-mono);letter-spacing:.045em;color:var(--ug-muted)}
body[data-visual-system] .sr-next-card h3{font:400 26px/1.2 var(--ug-serif);letter-spacing:-.025em;margin:17px 0 12px;color:var(--ug-bone);text-transform:none}
body[data-visual-system] .sr-next-card h3 span{font:20px var(--ug-mono);color:var(--ug-red)}
body[data-visual-system] .sr-next-card p{font:14px/1.75 var(--ug-sans);color:var(--ug-muted);margin:0;max-width:31ch}
/* Inset specimens give the page introductions a useful second reading layer. */
body[data-visual-system] .sr-hero-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:clamp(35px,5vw,75px);align-items:center}
body[data-visual-system] .sr-hero-split>*{min-width:0}
body[data-visual-system] .sr-specimen{border:1px solid #5e3933;border-top:3px solid var(--ug-red);background:linear-gradient(135deg,#231513,#110d0c);padding:30px;margin:0;align-self:center}
body[data-visual-system] .sr-specimen-label{font:10px/1.8 var(--ug-mono);letter-spacing:.12em;color:var(--ug-red);margin:0}
body[data-visual-system] .sr-specimen h2{font:400 32px/1.2 var(--ug-serif);letter-spacing:-.025em;margin:14px 0 24px;color:var(--ug-bone)}
body[data-visual-system] .sr-specimen ol{list-style:none;padding:0;margin:0;counter-reset:steps}
body[data-visual-system] .sr-specimen li{counter-increment:steps;display:grid;grid-template-columns:25px 1fr;gap:16px;border-top:1px solid #49332d;padding:18px 0;color:var(--ug-bone);font:16px/1.5 var(--ug-sans)}
body[data-visual-system] .sr-specimen li::before{content:'0' counter(steps);font:11px/1.8 var(--ug-mono);color:var(--ug-red)}
body[data-visual-system] .sr-specimen li small{display:block;font:13px/1.7 var(--ug-sans);color:var(--ug-muted);margin-top:5px}
body[data-visual-system] .sr-specimen>a{font:12px/1.6 var(--ug-mono);display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--ug-bone)}
body[data-visual-system] .sr-script-sample{font:400 clamp(70px,8vw,110px)/1.5 'Times New Roman',serif;color:var(--ug-bone);text-align:center;border-block:1px solid #49332d;margin:24px 0;padding:10px 0}
body[data-visual-system] .sr-specimen figcaption{font:13px/1.8 var(--ug-sans);color:var(--ug-muted)}
body[data-visual-system] .sr-specimen figcaption bdi{color:var(--ug-bone);font:20px/1.8 var(--ug-mono)}
body[data-ug-route="aramaic.html"] .sr-hero-split h1{font-size:clamp(44px,5.4vw,73px);max-width:700px}
body[data-ug-route="services.html"] .sr-hero-split h1{font-size:clamp(44px,5.4vw,73px)}
body[data-ug-route="services.html"] .tier{display:flex;flex-direction:column;align-items:flex-start}
body[data-ug-route="services.html"] .tier ul{flex:1}
body[data-ug-route="services.html"] .tier .btn{width:100%;text-align:center}
body[data-ug-route="services.html"] .proof{position:relative;padding-top:30px}
body[data-ug-route="services.html"] .proof a{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:900px){body[data-visual-system] .sr-hero-split{grid-template-columns:1fr;gap:34px}body[data-visual-system] .sr-specimen{max-width:650px;width:100%;padding:25px}body[data-visual-system] .sr-next-grid{grid-template-columns:1fr}body[data-visual-system] .sr-next-card,body[data-visual-system] .sr-next-card:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--ug-line)}body[data-visual-system] .sr-next-card:last-child{border-bottom:0}body[data-visual-system] .sr-next-card p{max-width:60ch}}
@media(max-width:600px){body[data-visual-system] .sr-next{width:calc(100% - 40px);margin-top:50px;padding-bottom:35px}body[data-visual-system] .sr-next-heading{display:block}body[data-visual-system] .sr-next-heading h2{margin-top:15px}body[data-visual-system] .sr-breadcrumb{font-size:10px;gap:5px 9px;padding-top:20px}body[data-visual-system] .sr-specimen{padding:22px}body[data-visual-system] .sr-script-sample{font-size:76px}}
@media print{body[data-visual-system] :is(.sr-next,.sr-breadcrumb){display:none}body[data-visual-system] .sr-specimen{background:none;color:#111;break-inside:avoid}}
@media(max-width:600px){body[data-visual-system] main>.sr-breadcrumb{width:calc(100% - 40px)}}