#tn-intro{background:#faf9f4;color:#183e32;font-family:inherit}#tn-intro [hidden],#tn-intro[hidden]{display:none!important}body.tn-intro-active #main{display:none!important}.tn-wrap{max-width:1160px;margin:auto;padding:48px 28px 64px}.tn-hero{max-width:950px;padding:34px 0 48px}.tn-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:18px}.tn-hero h1{font-family:inherit;font-size:clamp(36px,5.5vw,66px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:0 0 25px}.tn-lead{font-size:20px;max-width:630px;line-height:1.6}.tn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.tn-actions button,.tn-actions a{font:inherit;min-height:48px;padding:12px 22px;border:1px solid #315d49;border-radius:9px;color:#173e31;background:transparent;text-decoration:none;cursor:pointer}.tn-actions button[aria-pressed=true],.tn-actions .dark{background:#173e31;color:white}.tn-role,.tn-example,.tn-case,.tn-faq,.tn-final{padding:32px 0;border-top:1px solid #cdd6c8}.tn-role h2,.tn-example h2,.tn-case h2,.tn-faq h2,.tn-final h2{font-family:inherit;font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.02em}.tn-role>p,.tn-case>p{max-width:790px}.tn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.tn-grid article{background:#f0f1e8;border:1px solid #dce2d4;border-radius:14px;padding:24px}.tn-grid h3{font-family:inherit;font-size:21px;line-height:1.3;margin:12px 0}.tn-grid span{font-size:13px;font-weight:700}.tn-wrap p{line-height:1.65}.tn-note,.tn-example small{font-size:13px;line-height:1.6;color:#465b50}.tn-faq details{border-bottom:1px solid #dce2d4;padding:18px 0}.tn-faq summary{cursor:pointer;font-size:18px;font-weight:600}.tn-final{padding:32px;border-radius:16px;background:#e6edc5}.tn-wrap button:focus-visible,.tn-wrap a:focus-visible,.tn-wrap summary:focus-visible{outline:3px solid #bc701a;outline-offset:4px}@media(max-width:700px){.tn-wrap{padding:20px 20px 36px}.tn-grid{grid-template-columns:1fr}.tn-hero{padding:24px 0 32px}.tn-final{padding:24px}.tn-lead{font-size:18px}.tn-actions>*{text-align:center;flex:1 1 180px}}

/* Homepage audio controls follow the featured banner. */
.tn-music-controls{max-width:1160px;margin:12px auto 0;padding:12px 28px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:inherit}.tn-music-controls[hidden]{display:none!important}.tn-music-controls button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #315d49;border-radius:9px;padding:10px 18px;color:#183e32;background:#eef2dd}.tn-music-controls input{max-width:120px;accent-color:#183e32}.tn-music-controls label,.tn-music-controls span{font-size:13px}.tn-music-controls button:focus-visible,.tn-music-controls input:focus-visible{outline:3px solid #bc701a;outline-offset:3px}@media(max-width:600px){.tn-music-controls{padding:10px 20px;gap:9px}.tn-music-controls input{max-width:90px}.tn-music-controls span{flex-basis:100%}}

/* Compact role-based introduction. */
.tn-wrap{max-width:1040px;padding-top:24px;padding-bottom:36px}.tn-hero{padding:12px 0 24px}.tn-hero h1{font-size:clamp(32px,4.5vw,52px);margin-bottom:16px}.tn-lead{font-size:18px;max-width:720px}.tn-role{padding:24px;border:1px solid #dce2d4;border-radius:16px;background:#f0f1e8}.tn-role h2{font-size:26px;margin:0 0 10px}.tn-role p{margin:0}.tn-help{padding:16px 0;border-top:1px solid #dce2d4}.tn-help summary,.tn-read-more summary{cursor:pointer;font-weight:600}.tn-help p{max-width:720px;font-size:14px}.tn-read-more{margin:12px 0 20px}.event-text{white-space:pre-wrap;overflow-wrap:anywhere}.tn-actions a.dark{color:#fff;background:#173e31}.tn-hero .tn-actions{margin-top:20px}#tn-start-feedback:empty{display:none}@media(max-width:600px){.tn-role{padding:20px}.tn-role h2{font-size:24px}.tn-actions{gap:10px}}
