.dt-listening{--wf-navy:#14222f;--wf-amber:#dfae44;--wf-muted:#5f666b;background:var(--wf-paper);color:var(--wf-ink)}.dt-hero{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.65fr);align-items:end;gap:clamp(2rem,6vw,6rem);max-width:1180px;margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) 1.5rem 3rem;display:grid}.dt-hero h1{max-width:820px;font-family:var(--font-libre-baskerville),serif;color:var(--wf-navy);text-wrap:balance;letter-spacing:0;margin:.65rem 0 1.25rem;font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.04}.dt-hero-copy>p:not(.editorial-kicker){max-width:710px;color:var(--wf-muted);margin:0;font-size:1.16rem;line-height:1.75}.dt-hero-rule{border-left:4px solid var(--wf-amber);flex-direction:column;gap:.35rem;margin-top:2rem;padding:1.1rem 0 1.1rem 1.25rem;display:flex}.dt-hero-rule strong{color:var(--wf-navy);font-size:1.06rem}.dt-hero-rule span{color:var(--wf-muted)}.dt-listening-note{border-top:5px solid var(--wf-brick);padding:1.5rem 0 0}.dt-listening-note svg{width:2rem;height:2rem;color:var(--wf-brick)}.dt-listening-note p{font-family:var(--font-libre-baskerville),serif;color:var(--wf-navy);margin:1rem 0 0;font-size:1.15rem;line-height:1.55}.dt-survey-band{border-block:1px solid var(--wf-line);background:#fff;padding:clamp(2.5rem,5vw,4.5rem) 1.5rem}.dt-survey-anchor{scroll-margin-top:7rem}.dt-section-heading{text-align:center;max-width:780px;margin:0 auto 2.5rem}.dt-section-heading h2{font-family:var(--font-libre-baskerville),serif;color:var(--wf-navy);letter-spacing:0;margin:.45rem 0 1rem;font-size:clamp(2rem,4vw,3.35rem);line-height:1.12}.dt-section-heading>p:last-child{max-width:670px;color:var(--wf-muted);margin:0 auto;font-size:1.05rem;line-height:1.7}.dt-survey{border:1px solid var(--wf-line);border-top:6px solid var(--wf-navy);background:var(--wf-paper);max-width:790px;min-height:620px;margin:0 auto;padding:clamp(1.4rem,4vw,3.25rem);box-shadow:0 18px 55px #14222f17}.dt-progress{color:var(--wf-muted);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:2.7rem;font-size:.79rem;font-weight:800;display:flex}.dt-progress>span{white-space:nowrap}.dt-progress>div{background:#ddd7ca;flex:1;height:5px;overflow:hidden}.dt-progress i{background:var(--wf-amber);height:100%;transition:width .25s;display:block}.dt-survey section{animation:.22s dt-in}@keyframes dt-in{0%{opacity:0;transform:translateY(6px)}}.dt-question-icon{background:var(--wf-navy);color:#fff;place-items:center;width:44px;height:44px;margin-bottom:1rem;display:grid}.dt-question-icon svg{width:22px}.dt-question-icon--second{margin-top:2.5rem}.dt-question-number{margin:0 0:.4rem;color:var(--wf-brick);text-transform:uppercase;font-size:.77rem;font-weight:900}.dt-survey h3{color:var(--wf-navy);font-family:var(--font-libre-baskerville),serif;letter-spacing:0;margin:0 0 1rem;font-size:1.35rem;line-height:1.35}.dt-survey h3:not(:first-of-type){margin-top:2.3rem}.dt-survey h3 small{color:var(--wf-muted);font-family:var(--font-source-sans),sans-serif;font-size:.8rem;font-weight:600}.dt-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.dt-options label{min-height:54px;color:var(--wf-ink);cursor:pointer;background:#fff;border:1px solid #cec7b8;align-items:center;padding:.8rem 2.8rem .8rem 1rem;transition:border-color .15s,background .15s;display:flex;position:relative}.dt-options label:hover{border-color:var(--wf-navy)}.dt-options label.is-selected{border-color:var(--wf-navy);box-shadow:inset 4px 0 var(--wf-amber);background:#edf0ef}.dt-options input{opacity:0;pointer-events:none;position:absolute}.dt-options svg{opacity:0;width:18px;color:var(--wf-brick);position:absolute;right:1rem}.dt-options .is-selected svg{opacity:1}.dt-options--multi label{min-height:60px}.dt-written{margin-top:2rem;display:block}.dt-written>span{color:var(--wf-navy);margin-bottom:.55rem;font-weight:800;display:block}.dt-written small{color:var(--wf-muted);font-weight:400}.dt-written textarea,.dt-written input{width:100%;color:var(--wf-ink);font:inherit;resize:vertical;background:#fff;border:1px solid #bdb5a5;padding:.9rem 1rem}.dt-written textarea:focus,.dt-written input:focus{border-color:var(--wf-navy);outline:3px solid #dfae444d}.dt-survey-actions{border-top:1px solid var(--wf-line);justify-content:flex-end;gap:.75rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.dt-survey-actions button,.dt-heard a,.dt-heard button{border:1px solid var(--wf-navy);min-height:46px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.dt-survey-actions svg,.dt-heard a svg{width:18px}.dt-survey-actions .dt-next{border:2px solid var(--wf-navy);background:var(--wf-amber);min-height:54px;color:var(--wf-navy);box-shadow:0 5px 0 var(--wf-navy);margin-left:auto;padding:.85rem 1.6rem;font-size:1rem}.dt-survey-actions .dt-next:hover:not(:disabled){box-shadow:0 6px 0 var(--wf-navy);background:#efc766;transform:translateY(-1px)}.dt-survey-actions .dt-next:focus-visible{outline-offset:3px;outline:3px solid #81362859}.dt-survey-actions .dt-next:disabled{opacity:.55;filter:grayscale(.35);box-shadow:0 3px 0 var(--wf-navy);cursor:not-allowed}.dt-back{color:var(--wf-navy);background:0 0}.dt-privacy{color:var(--wf-muted);text-align:center;margin:1rem 0 0;font-size:.78rem;line-height:1.5}.dt-error{color:var(--wf-brick);font-weight:700}.dt-heard{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:680px;min-height:520px;margin:0 auto;padding:4rem 2rem;display:flex}.dt-heard>span{background:var(--wf-amber);width:62px;height:62px;color:var(--wf-navy);border-radius:50%;place-items:center;margin-bottom:1.4rem;display:grid}.dt-heard h3{margin:.4rem 0 1rem;font-size:2.2rem}.dt-heard>p:not(.editorial-kicker){max-width:580px;color:var(--wf-muted);line-height:1.7}.dt-heard a{background:var(--wf-navy);color:#fff;margin-top:1.3rem}.dt-heard button{color:var(--wf-muted);background:0 0;border:0;margin-top:.8rem;font-weight:600;text-decoration:underline}.dt-share{border:1px solid var(--wf-line);background:#fff;width:100%;max-width:600px;margin:1.4rem 0;padding:1.25rem}.dt-share>strong{color:var(--wf-navy);margin-bottom:.8rem;display:block}.dt-share .dt-share-primary{border-color:var(--wf-navy);background:var(--wf-navy);color:#fff;width:100%;margin:0;text-decoration:none}.dt-share>div{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.65rem;display:grid}.dt-share>div a,.dt-share>div button{border:1px solid var(--wf-line);background:var(--wf-paper);min-height:40px;color:var(--wf-navy);justify-content:center;align-items:center;gap:.3rem;margin:0;padding:.5rem;font-size:.82rem;font-weight:800;text-decoration:none;display:flex}.dt-share svg{width:17px}.dt-share small{color:var(--wf-brick);margin-top:.6rem;font-weight:700;display:block}.dt-use{max-width:1180px;margin:0 auto;padding:clamp(4rem,8vw,7rem) 1.5rem}.dt-use-grid{border-top:1px solid var(--wf-line);border-bottom:1px solid var(--wf-line);grid-template-columns:repeat(3,1fr);display:grid}.dt-use-grid article{border-right:1px solid var(--wf-line);padding:2rem;position:relative}.dt-use-grid article:last-child{border-right:0}.dt-use-grid svg{width:27px;color:var(--wf-brick)}.dt-use-grid span{color:var(--wf-amber);font-weight:900;position:absolute;top:1.5rem;right:1.5rem}.dt-use-grid h3{color:var(--wf-navy);font-family:var(--font-libre-baskerville),serif;letter-spacing:0;margin:1.3rem 0 .6rem}.dt-use-grid p{color:var(--wf-muted);margin:0;line-height:1.65}@media (max-width:800px){.dt-hero{grid-template-columns:1fr;padding-top:4rem}.dt-listening-note{max-width:560px}.dt-use-grid{grid-template-columns:1fr}.dt-use-grid article{border-right:0;border-bottom:1px solid var(--wf-line)}.dt-use-grid article:last-child{border-bottom:0}}@media (max-width:560px){.dt-hero{padding:2rem 1rem 1.5rem}.dt-hero-copy>p:not(.editorial-kicker){font-size:1rem;line-height:1.55}.dt-hero-rule{margin-top:1.2rem}.dt-listening-note{display:none}.dt-survey-band{padding:1.5rem .75rem 3rem}.dt-survey-anchor{scroll-margin-top:5rem}.dt-section-heading{text-align:left;margin-bottom:1.25rem}.dt-section-heading h2{font-size:1.8rem}.dt-section-heading>p:last-child{font-size:.95rem;line-height:1.5}.dt-survey{min-height:660px;padding:1.2rem}.dt-options{grid-template-columns:1fr}.dt-survey-actions{z-index:2;background:#f6f2e8fa;margin-inline:-1.2rem;padding:1rem 1.2rem 1.25rem;position:sticky;bottom:0;box-shadow:0 -10px 24px #14222f1a}.dt-survey-actions .dt-next{flex:1;min-height:58px}.dt-share>div{grid-template-columns:repeat(2,1fr)}.dt-use{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.dt-survey section{animation:none}}
