/* Duolingo guidance uses green accents with dark text for readable contrast. */
:root { --det-green:#58cc02; --det-dark:#194b26; --det-tint:#f2faeb; --det-line:#cddfc4; }
.det-promotion { margin-block:30px 38px; }
.det-promo { display:grid; grid-template-columns:1.6fr 1fr; gap:40px; padding:36px 40px; border:1px solid var(--det-line); border-top:5px solid var(--det-green); border-radius:15px; background:var(--det-tint); }
.det-kicker { display:block; color:var(--det-dark); font-size:.8rem; font-weight:750; letter-spacing:.1em; margin-bottom:14px; }
.det-promo h2 { font-size:clamp(1.75rem,3vw,2.3rem); line-height:1.2; letter-spacing:-.03em; margin:0 0 16px; color:var(--det-dark); }
.det-promo p { margin:0 0 22px; }
.button.det-button { background:var(--det-dark); border-color:var(--det-dark); color:#fff; }
.button.det-button:hover { background:#123b1c; border-color:#123b1c; }
.det-button:focus-visible { outline:3px solid #0754c7; outline-offset:4px; }
.det-promo-facts { border-left:1px solid var(--det-line); padding-left:32px; align-self:center; }
.det-monogram { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border-radius:10px; background:var(--det-green); color:#153b12; font-size:1.5rem; font-weight:800; letter-spacing:.03em; margin-bottom:12px; }
.det-promo-facts h3 { margin:0 0 8px; color:var(--det-dark); }
.det-promo-facts p { font-size:.86rem; margin-bottom:12px; }
.det-fact-pill { display:inline-block; background:#fff; border:1px solid var(--det-line); padding:6px 10px; border-radius:6px; font-size:.78rem; margin:0 5px 8px 0; color:var(--det-dark); }
.det-promo-facts small { display:block; font-size:.81rem; line-height:1.6; margin-top:8px; }
.exam-menu-links { display:flex; align-items:center; gap:10px 22px; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:16px; margin-top:16px; }
.exam-menu-links>span { font-size:.72rem; font-weight:700; letter-spacing:.08em; }
.exam-menu-links a { min-height:40px; display:inline-flex; align-items:center; gap:14px; color:var(--det-dark); font-weight:650; }
.guidance-card.det-discovery { background:var(--det-tint); border-color:var(--det-line); border-left:4px solid var(--det-green); }
.det-discovery .guidance-label,.det-discovery .text-link { color:var(--det-dark); }
.det-page h2 { font-size:clamp(1.7rem,3vw,2.3rem); letter-spacing:-.035em; line-height:1.2; margin-bottom:20px; }
.det-page h3 { line-height:1.4; }
.det-page .eyebrow,.det-page .text-link { color:var(--det-dark); }
.det-page a { text-underline-offset:4px; }
.det-hero { background:var(--det-tint); border-bottom:4px solid var(--det-green); }
.det-hero-layout { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:64px; padding-block:48px; }
.det-hero h1 { font-size:clamp(2.5rem,5vw,4.15rem); color:var(--det-dark); letter-spacing:-.05em; line-height:1.08; margin:0 0 24px; }
.det-hero-layout>div>p { max-width:580px; font-size:1.1rem; }
.det-actions { display:flex; gap:18px; flex-wrap:wrap; align-items:center; margin-top:25px; }
.det-hero-note { border:1px solid var(--det-line); background:#fff; padding:28px; border-radius:12px; }
.det-hero-note h2 { font-size:1.65rem; color:var(--det-dark); margin:3px 0 12px; }
.det-hero-note p { font-size:.94rem; }
.det-hero-note .det-role { border-top:1px solid var(--det-line); margin:18px 0 0; padding-top:16px; font-size:.82rem; }
.det-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px; }
.det-card-grid article { border:1px solid var(--det-line); border-radius:12px; background:#fff; padding:25px; }
.det-card-grid h3 { font-size:1.12rem; margin:15px 0 10px; }
.det-card-grid p { margin:0; font-size:.95rem; }
.det-stat { display:block; font-size:2rem; font-weight:800; color:var(--det-dark); letter-spacing:-.04em; }
.det-source { font-size:.82rem; line-height:1.7; margin-top:20px; }
.det-four-skills { grid-template-columns:repeat(4,minmax(0,1fr)); }
.det-skill-number { background:var(--det-tint); color:var(--det-dark); padding:8px 12px; border-radius:8px; font-weight:750; display:inline-block; }
.det-score-panel,.det-two-columns { display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.det-score-panel { background:var(--det-tint); border:1px solid var(--det-line); border-radius:12px; padding:30px; margin-top:30px; }
.det-score-panel h3 { margin-top:0; }
.det-inline-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:30px; padding:24px 28px; border:1px solid var(--det-line); background:var(--det-tint); border-radius:12px; }
.det-inline-cta h3 { margin:0 0 8px; }
.det-inline-cta p { margin:0; }
.det-inline-cta>.button { flex-shrink:0; }
.det-countries { list-style:none; padding:0; display:flex; gap:12px; flex-wrap:wrap; margin:24px 0; }
.det-countries li { padding:10px 18px; border:1px solid var(--det-line); border-radius:6px; background:var(--det-tint); color:var(--det-dark); font-weight:650; }
.det-note { border-left:4px solid var(--det-green); background:var(--det-tint); padding:18px 22px; margin-top:25px; }
.det-setup-list { display:grid; gap:18px; }
.det-setup-list article { border-left:3px solid var(--det-green); padding-left:22px; }
.det-setup-list h3 { margin:0 0 8px; font-size:1.1rem; }
.det-setup-list p { margin:0; }
.det-comparison { border:1px solid var(--det-line); border-radius:10px; }
.det-comparison table { width:100%; border-collapse:collapse; min-width:640px; }
.det-comparison caption { text-align:left; padding:17px 20px; font-weight:700; color:var(--det-dark); }
.det-comparison thead th { color:#fff; background:var(--det-dark); }
.det-comparison th,.det-comparison td { padding:18px 20px; text-align:left; border-bottom:1px solid var(--det-line); vertical-align:top; }
.det-comparison tbody th { color:var(--det-dark); background:var(--det-tint); width:24%; }
.det-faq { padding-top:15px; }
.det-faq details { border-bottom:1px solid var(--det-line); }
.det-faq summary { cursor:pointer; padding:19px 5px; font-weight:650; }
.det-faq details p { padding:0 5px 15px; margin:0; max-width:900px; }
.det-enquiry-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); align-items:start; gap:50px; padding-top:25px; }
.det-process { list-style:none; counter-reset:det-step; padding:0; margin:28px 0; }
.det-process li { counter-increment:det-step; position:relative; padding-left:48px; margin-bottom:24px; }
.det-process li::before { content:counter(det-step,decimal-leading-zero); position:absolute; left:0; top:0; border-radius:7px; background:var(--det-tint); color:var(--det-dark); padding:6px 8px; font-size:.85rem; font-weight:750; }
.det-process p { margin:8px 0 0; font-size:.94rem; }
.det-help { padding:24px; border:1px solid var(--det-line); background:var(--det-tint); border-radius:10px; }
.det-help h3 { margin:0 0 14px; }
.det-help a { display:block; width:fit-content; max-width:100%; overflow-wrap:anywhere; margin-top:8px; }
.det-form { border-color:var(--det-line); border-top:5px solid var(--det-green); }
.det-form h2 { font-size:1.85rem; }
.det-form input,.det-form select,.det-form textarea { max-width:100%; min-width:0; }
.det-form input[readonly] { background:var(--det-tint); color:var(--det-dark); }
.det-form .form-row>div { min-width:0; }
.det-form [data-det-submit]:disabled { cursor:default; opacity:.65; transform:none; }
.det-form [data-det-status][data-state="success"] { color:var(--det-dark); background:var(--det-tint); }
.det-form [data-det-status][data-state="error"] { color:#972b22; background:#fff3f0; }
.det-form [data-det-status] { padding:12px; border-radius:6px; }
.det-form .privacy-note { font-size:.8rem; line-height:1.7; }
@media(max-width:1000px) { .det-hero-layout { gap:30px; } .det-four-skills { grid-template-columns:repeat(2,minmax(0,1fr)); } .det-enquiry-layout { gap:28px; grid-template-columns:1fr 1.35fr; } }
@media(max-width:760px) { .det-promo,.det-hero-layout,.det-score-panel,.det-two-columns,.det-enquiry-layout { grid-template-columns:1fr; gap:28px; } .det-promo { padding:26px; } .det-promo-facts { border-left:0; border-top:1px solid var(--det-line); padding:22px 0 0; } .det-card-grid { grid-template-columns:1fr; } .det-four-skills { grid-template-columns:repeat(2,minmax(0,1fr)); } .det-inline-cta { align-items:flex-start; flex-direction:column; padding:24px; } .det-hero-layout { padding-block:35px; } .det-enquiry-layout { padding-top:10px; } .det-form .form-row { grid-template-columns:1fr; gap:0; } .exam-menu-links { gap:8px; flex-direction:column; align-items:stretch; } }
@media(max-width:430px) { .det-four-skills { grid-template-columns:1fr; } .det-hero h1 { font-size:2.6rem; } .det-promo,.det-score-panel,.det-hero-note { padding:22px; } .det-actions .button { width:100%; } }