/* U Tiger v1.8.3 — indexable SJT support pages */
.sjt-page{background:var(--ut-paper)}
.sjt-page main{max-width:1120px;margin:0 auto;padding:clamp(2.2rem,6vw,5.8rem) 1.2rem 6rem}
.sjt-page-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);gap:clamp(2rem,7vw,6rem);align-items:start;padding-bottom:clamp(2.5rem,6vw,5rem);border-bottom:5px solid var(--ut-ink)}
.sjt-page-hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.94;max-width:12ch;margin:.25rem 0 1rem}
.sjt-page-hero .lede{font-size:clamp(1.08rem,2vw,1.3rem);max-width:42rem}
.sjt-page-hero .button{margin-top:.8rem}
.sjt-page-stat{background:linear-gradient(155deg,var(--ut-forest-deep),var(--ut-forest));color:#fff;border-top:8px solid var(--ut-orange);padding:1.5rem;box-shadow:var(--ut-shadow)}
.sjt-page-stat strong{display:block;font-family:Georgia,serif;font-size:3rem;line-height:1}
.sjt-page-stat span{display:block;margin-top:.35rem;color:rgba(255,255,255,.78)}
.sjt-content-section{padding:clamp(2.5rem,6vw,5rem) 0;border-bottom:1px solid var(--ut-line)}
.sjt-content-section>header{max-width:760px;margin-bottom:2rem}
.sjt-content-section h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;margin:.2rem 0 .8rem}
.sjt-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ut-line);border:1px solid var(--ut-line)}
.sjt-example{background:var(--ut-paper-light);padding:1.25rem;display:flex;flex-direction:column}
.sjt-example h3{font-size:1.45rem;margin:.2rem 0 .7rem}
.sjt-example p{color:var(--ut-ink-soft)}
.sjt-example details{margin-top:auto;border-top:1px solid var(--ut-line);padding-top:.9rem}
.sjt-example summary{font-weight:850;cursor:pointer;color:var(--ut-forest)}
.sjt-example .model{border-left:4px solid var(--ut-orange);padding-left:.8rem}
.sjt-family-list,.sjt-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ut-line);border:1px solid var(--ut-line)}
.sjt-family-list article,.sjt-check-list article{background:var(--ut-paper-light);padding:1.25rem;border-left:5px solid transparent}
.sjt-family-list article:hover,.sjt-check-list article:hover{border-left-color:var(--ut-orange)}
.sjt-family-list h3,.sjt-check-list h3{font-size:1.35rem;margin:.15rem 0 .45rem}
.sjt-scale{display:grid;gap:0;border:1px solid var(--ut-line)}
.sjt-scale article{display:grid;grid-template-columns:3rem minmax(0,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start;padding:1rem;background:var(--ut-paper-light);border-bottom:1px solid var(--ut-line)}
.sjt-scale article:last-child{border-bottom:0}.sjt-scale b{display:grid;place-items:center;width:2.2rem;height:2.2rem;background:var(--ut-forest);color:#fff}.sjt-scale strong{font-family:Georgia,serif;font-size:1.15rem}.sjt-scale p{margin:0;color:var(--ut-ink-soft)}
.sjt-page-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:clamp(3rem,7vw,6rem);padding:clamp(1.5rem,4vw,3rem);background:var(--ut-forest);color:#fff;border-top:8px solid var(--ut-orange)}
.sjt-page-cta h2{font-size:clamp(1.8rem,3vw,3rem);margin:.15rem 0}.sjt-page-cta p{color:rgba(255,255,255,.75)}
.breadcrumbs{font-size:.85rem;margin-bottom:1.5rem}.breadcrumbs a{color:var(--ut-forest)}
@media(max-width:800px){.sjt-page-hero,.sjt-example-grid,.sjt-family-list,.sjt-check-list{grid-template-columns:1fr}.sjt-page-stat{max-width:420px}.sjt-page-cta{align-items:flex-start;flex-direction:column}.sjt-scale article{grid-template-columns:2.6rem 1fr}.sjt-scale article p{grid-column:2}}

.challenge-note{border-left:6px solid var(--ut-orange);background:var(--ut-paper-deep);padding:1rem 1.2rem;margin:1.4rem 0 0}
.challenge-note strong{font-family:Georgia,serif}
.sjt-example .challenge-tag{align-self:flex-start;display:inline-block;margin:0 0 .28rem;padding:.2rem .42rem;border:1px solid var(--ut-orange);color:var(--ut-orange-dark);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}