:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172622;background:#f3efe5}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header,main{width:min(100%,760px);margin:auto;padding:24px 18px}header{background:#233b36;color:#fff;padding-top:max(26px,env(safe-area-inset-top))}.kicker{letter-spacing:.16em;font-size:.72rem;color:#d7b86b}h1{font-family:Georgia,serif;font-size:2.5rem;margin:.2rem 0}header p{margin:.3rem 0}.now{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 35px #233b3618}.now h2{margin:.25rem 0 1rem;font-family:Georgia,serif}button,select{min-height:46px;border:0;border-radius:12px;font:inherit}button{background:#e7e1d2;padding:0 14px;color:inherit}#download{width:100%;margin-bottom:15px;background:#dbe9e2}.layers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.layers button.active{background:#233b36;color:white}.scrub{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:20px 0}.scrub span{font-size:.8rem}.scrub input{width:100%}.controls{display:flex;justify-content:center;gap:18px}.controls button{width:56px;height:56px;font-size:1.7rem}.controls .play{width:68px;height:68px;background:#b65e3c;color:white}.options{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:18px}.toggle{min-height:46px;display:flex;align-items:center;gap:8px}.chapters{display:grid;gap:8px}.chapter{width:100%;text-align:left;padding:14px 16px;display:flex;gap:12px;align-items:center}.chapter.active{outline:3px solid #b65e3c}.chapter span{font-variant-numeric:tabular-nums;color:#775b2c;font-weight:700}@media(min-width:650px){header{margin-top:20px;border-radius:20px}.layers{grid-template-columns:repeat(4,1fr)}}

.platform{margin:0 0 18px;font-size:.78rem}.platform a{color:#fff;text-decoration:none;border-bottom:1px solid #ffffff66}.edition-note{padding:20px 0 8px;color:#6c6a63;font-size:.78rem;text-align:center}

/* Screen UI follows faculty tokens. Existing print presentation is preserved. */
@media screen {
:root{font-family:var(--tf-v2-sans);color:var(--tf-ink);background:var(--tf-warm)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header,main{width:min(100%,760px);margin:auto;padding:24px 18px}header{background:var(--tf-brand-dark);color:var(--tf-paper);padding-top:max(26px,env(safe-area-inset-top))}.kicker{letter-spacing:.16em;font-size:.72rem;color:var(--tf-warm-deep)}h1{font-family:var(--tf-v2-sans);font-size:2.5rem;margin:.2rem 0}header p{margin:.3rem 0}.now{background:var(--tf-paper);border-radius:20px;padding:20px;box-shadow:0 10px 35px color-mix(in srgb,var(--tf-brand-dark) 9.412%,transparent)}.now h2{margin:.25rem 0 1rem;font-family:var(--tf-v2-sans)}button,select{min-height:46px;border:0;border-radius:12px;font:inherit}button{background:var(--tf-warm-deep);padding:0 14px;color:inherit}#download{width:100%;margin-bottom:15px;background:var(--tf-warm)}.layers{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.layers button.active{background:var(--tf-brand-dark);color:var(--tf-paper)}.scrub{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin:20px 0}.scrub span{font-size:.8rem}.scrub input{width:100%}.controls{display:flex;justify-content:center;gap:18px}.controls button{width:56px;height:56px;font-size:1.7rem}.controls .play{width:68px;height:68px;background:var(--tf-brand-dark);color:var(--tf-paper)}.options{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-top:18px}.toggle{min-height:46px;display:flex;align-items:center;gap:8px}.chapters{display:grid;gap:8px}.chapter{width:100%;text-align:left;padding:14px 16px;display:flex;gap:12px;align-items:center}.chapter.active{outline:3px solid var(--tf-brand-dark)}.chapter span{font-variant-numeric:tabular-nums;color:var(--tf-ink-soft);font-weight:700}@media(min-width:650px){header{margin-top:20px;border-radius:20px}.layers{grid-template-columns:repeat(4,1fr)}}

.platform{margin:0 0 18px;font-size:.78rem}.platform a{color:var(--tf-paper);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--tf-paper) 40.0%,transparent)}.edition-note{padding:20px 0 8px;color:var(--tf-ink-soft);font-size:.78rem;text-align:center}

}
