/* Opt-in font comparison. No font changes on the normal D1 page. */
.type-study{position:sticky;top:0;z-index:30;background:#151a23f7;border-bottom:1px solid #8e744a;backdrop-filter:blur(12px);font:14px/1.65 'Anuphan',sans-serif;color:#f6f2e9}
.type-study-inner{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding-block:16px}
.type-study-label{margin-right:auto}
.type-study-label strong{display:block;font-size:1rem;font-weight:500}
.type-study-label span{display:block;font-size:.875rem;color:#bab7b0}
.type-study-choices{display:flex;gap:8px}
.type-study-choices button{font:inherit;min-height:44px;padding:9px 16px;cursor:pointer;background:transparent;border:1px solid #746246;color:#e9ddc7;border-radius:2px;white-space:normal}
.type-study-choices button[aria-pressed="true"]{background:#d6b77d;border-color:#d6b77d;color:#111722;font-weight:600}
.type-study-exit{font-size:.875rem;text-decoration:underline;text-underline-offset:4px}
.type-study #type-study-status{font-size:.875rem;flex-basis:100%;color:#dfccaa;margin:0}
.type-study .type-study-note{font-size:.8125rem;color:#b7b3ab;margin:-8px 0 0}
html[data-type-study] {--font:'IBM Plex Sans Thai Looped',sans-serif;scroll-padding-top:185px}
html[data-type-study] .review-bar{display:none}
html[data-type-study="a"]{--display-font:'Noto Serif Thai',Georgia,serif}
html[data-type-study="b"]{--display-font:'Bai Jamjuree',sans-serif}
html[data-type-study] :is(h1,h2,h3,h4,h5,.journey-route strong,.role-deck strong){font-family:var(--display-font);font-weight:500;letter-spacing:0}
html[data-type-study] .hero h1{font-size:clamp(2.1rem,3.65vw,3.25rem);line-height:1.65}
html[data-type-study] .h1-intro{font-family:var(--font);font-size:1rem;line-height:1.8;letter-spacing:.025em}
html[data-type-study] .hero-lead{line-height:1.95}
html[data-type-study] :is(.micro-proof strong,.route-no,.years strong){font-family:var(--display-font);font-weight:400}
html[data-type-study] #experience .years strong{font-size:clamp(9rem,15vw,13rem);line-height:1.15;letter-spacing:-.055em}
html[data-type-study] .hero :is(.hero-copy,.hero-art){min-width:0}
@media(max-width:760px){
 .type-study-inner{gap:10px 12px;padding-block:12px}
 .type-study-label{flex:1}.type-study-label span{display:none}
 .type-study-exit{font-size:.8125rem}
 .type-study-choices{order:2;flex-basis:100%;gap:8px}
 .type-study-choices button{flex:1;padding:8px;font-size:.875rem}
 .type-study #type-study-status{order:3;font-size:.8125rem;min-height:3.3em}
 .type-study .type-study-note{display:none}
 html[data-type-study]{scroll-padding-top:175px}
 html[data-type-study] .hero h1{font-size:clamp(1.8rem,6.3vw,2.8rem);line-height:1.7}
 html[data-type-study] #experience .years strong{font-size:8.5rem}
 html[data-type-study] .h1-intro{font-size:.9375rem}
}
@media(max-width:380px){html[data-type-study] .hero h1{font-size:1.65rem}.type-study-label strong{font-size:.9375rem}}