.dd-faqs {
--dd-green: var(--dd-brand-green, #0aa91f);
--dd-green-dark: var(--dd-brand-green-dark, #078f19);
--dd-green-soft: var(--dd-brand-green-soft, #72df7d);
--dd-navy: var(--dd-brand-navy, #18244a);
--dd-text: var(--dd-brand-text, #53617b);
--dd-muted: var(--dd-brand-muted, #6b7486);
--dd-faint: var(--dd-brand-faint, #8a92a1);
--dd-line: var(--dd-brand-line, rgba(24, 36, 74, .10));
--dd-card: #ffffff;
color: var(--dd-text);
font: inherit;
line-height: 1.6;
overflow: clip;
}
.dd-faqs, .dd-faqs * { box-sizing: border-box; }
.dd-faqs a { color: var(--dd-green); text-decoration: none; }
.dd-faqs a:hover { color: var(--dd-green-dark); }
.dd-faqs__hero { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.dd-faqs__eyebrow {
margin: 0 0 12px; color: var(--dd-green-dark);
font-size: var(--dd-scale-eyebrow, .82rem);
font-weight: 700; letter-spacing: .11em; text-transform: uppercase;
}
.dd-faqs__title {
margin: 0 0 16px; color: var(--dd-navy); font-weight: 600;
font-size: var(--dd-scale-h1, clamp(2.1rem, 3.6vw, 3.2rem));
line-height: 1.1; letter-spacing: -.025em;
}
.dd-faqs__intro { max-width: 640px; margin: 0 auto; font-size: 1.06rem; line-height: 1.7; text-wrap: pretty; }
.dd-faqs__intro a { font-weight: 600; }
.dd-faqs__search { position: relative; max-width: 560px; margin: 26px auto 0; }
.dd-faqs__search svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--dd-faint); }
.dd-faqs__search input {
width: 100%; padding: 15px 16px 15px 46px; border-radius: 12px;
border: 1px solid rgba(24, 36, 74, .55); background: var(--dd-card);
color: var(--dd-navy); font: inherit; font-size: 1rem; text-align: left;
}
.dd-faqs__search input:focus { outline: none; border-color: var(--dd-green); } .dd-faqs__layout { display: flex; gap: 48px; align-items: flex-start; flex-wrap: wrap; }
.dd-faqs__nav { flex: 0 0 230px; position: sticky; top: 24px; align-self: flex-start; min-width: 200px; }
.dd-faqs__content { flex: 1; min-width: 0; }
.dd-faqs__nav-label {
margin: 0 0 12px; padding-left: 12px; color: var(--dd-faint);
font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.dd-faqs__nav-link {
display: flex; justify-content: space-between; align-items: center; gap: 10px;
padding: 10px 12px; border-radius: 9px; color: var(--dd-text);
font-size: .92rem; font-weight: 600;
}
.dd-faqs__nav-link:hover { background: rgba(10, 169, 31, .08); color: var(--dd-green-dark); }
.dd-faqs__nav-count { color: var(--dd-faint); font-size: .78rem; } .dd-faqs__promo {
margin-top: 26px; padding: 20px; border-radius: 14px; color: #fff;
background: linear-gradient(160deg, var(--dd-green), var(--dd-green-dark));
}
.dd-faqs__promo-title { font-weight: 700; font-size: 1.06rem; line-height: 1.25; margin-bottom: 6px; }
.dd-faqs__promo p { margin: 0 0 14px; font-size: .82rem; line-height: 1.55; color: rgba(255,255,255,.88); }
.dd-faqs__promo-btn {
display: flex; width: 100%; justify-content: center; align-items: center; gap: 6px;
background: #fff; color: var(--dd-navy); white-space: nowrap;
font-weight: 700; font-size: .8rem; border-radius: 8px; padding: 10px 8px;
}
.dd-faqs__promo-btn:hover { color: var(--dd-green-dark); }
.dd-faqs__news { margin-top: 16px; padding: 20px; border-radius: 14px; border: 1px solid var(--dd-line); background: var(--dd-card); }
.dd-faqs__news-title { font-weight: 700; font-size: 1.06rem; color: var(--dd-navy); line-height: 1.25; margin-bottom: 6px; }
.dd-faqs__news p { margin: 0 0 14px; font-size: .82rem; line-height: 1.55; color: var(--dd-muted); }
.dd-faqs__news-form { display: flex; flex-direction: column; gap: 9px; }
.dd-faqs__news-form input {
width: 100%; background: #f8faf8; border: 1px solid rgba(24,36,74,.55);
border-radius: 9px; padding: 11px 13px; color: var(--dd-navy); font: inherit; font-size: .88rem;
}
.dd-faqs__news-form input:focus { outline: none; border-color: var(--dd-green); }
.dd-faqs__news-form button {
width: 100%; background: var(--dd-green); color: #fff; border: 0; border-radius: 9px;
padding: 11px; font: inherit; font-weight: 700; font-size: .88rem; cursor: pointer;
}
.dd-faqs__news-form button:hover { background: var(--dd-green-dark); }
.dd-faqs__news-fine { margin: 9px 0 0 !important; font-size: .68rem; color: var(--dd-faint) !important; } .dd-faqs__section { margin-bottom: 44px; scroll-margin-top: 24px; }
.dd-faqs__section-title { margin: 0 0 4px; color: var(--dd-navy); font-weight: 700; font-size: 1.4rem; letter-spacing: -.01em; }
.dd-faqs__items { border-bottom: 1px solid var(--dd-line); }
.dd-faqs__item { border-top: 1px solid var(--dd-line); }
.dd-faqs__q {
display: flex; justify-content: space-between; align-items: center; gap: 18px;
padding: 18px 4px; cursor: pointer; list-style: none;
font-size: 1.03rem; font-weight: 600; color: var(--dd-navy);
}
.dd-faqs__q::-webkit-details-marker { display: none; } .dd-faqs__icon {
flex: 0 0 auto; width: 27px; height: 27px; border-radius: 50%;
background: rgba(10, 169, 31, .12); color: var(--dd-green);
position: relative;
} .dd-faqs__icon::before,
.dd-faqs__icon::after {
content: ""; position: absolute; top: 50%; left: 50%; background: currentColor;
transform: translate(-50%, -50%); transition: transform .15s;
}
.dd-faqs__icon::before { width: 11px; height: 2.5px; border-radius: 2px; }
.dd-faqs__icon::after  { width: 2.5px; height: 11px; border-radius: 2px; }
.dd-faqs__item[open] .dd-faqs__icon::after { transform: translate(-50%, -50%) scaleY(0); }
.dd-faqs__a { padding: 0 4px 22px; }
.dd-faqs__a p { margin: 0; font-size: .95rem; line-height: 1.75; color: var(--dd-text); max-width: 760px; text-wrap: pretty; }
.dd-faqs__a-link { display: inline-block; margin-top: 12px; font-weight: 600; color: var(--dd-green-dark); }
.dd-faqs__noresults {
padding: 28px; border: 1px solid rgba(24,36,74,.12); border-radius: 14px;
background: var(--dd-card); text-align: center; color: var(--dd-muted);
} .dd-faqs__cta {
margin-top: 56px; background: var(--dd-navy); border-radius: 18px;
padding: clamp(2rem, 5vw, 3rem); display: flex; flex-wrap: wrap; gap: 26px;
align-items: center; justify-content: space-between; color: rgba(255,255,255,.72);
}
.dd-faqs__cta > div:first-child { max-width: 620px; }
.dd-faqs__cta-eyebrow { margin: 0 0 10px; color: var(--dd-green-soft); font-size: var(--dd-scale-eyebrow, .82rem); font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.dd-faqs__cta h2 { margin: 0 0 8px; color: #fff; font-weight: 700; font-size: 1.65rem; letter-spacing: -.01em; }
.dd-faqs__cta-text { margin: 0; font-size: .95rem; line-height: 1.65; }
.dd-faqs__cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.dd-faqs__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; font-weight: 700; border-radius: 8px; padding: .82rem 1.2rem; }
.dd-faqs__btn--primary { background: var(--dd-green); color: #fff; }
.dd-faqs__btn--primary:hover { background: var(--dd-green-dark); color: #fff; }
.dd-faqs__btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.42); }
.dd-faqs__btn--ghost:hover { border-color: var(--dd-green-soft); color: var(--dd-green-soft); } @media (max-width: 820px) {
.dd-faqs__layout { flex-direction: column; }
.dd-faqs__nav { position: static; flex: 1 1 auto; width: 100%; }
} .dd-faqs__news-form form {
display: grid;
gap: 9px;
margin: 0;
}
.dd-faqs__news-form input[type="email"] {
width: 100%;
min-height: 46px;
padding: 11px 12px;
border: 1px solid rgba(24, 36, 74, .55);
border-radius: 8px;
background: #fff;
color: var(--dd-navy);
font: inherit;
font-size: .9rem;
}
.dd-faqs__news-form button,
.dd-faqs__news-form input[type="submit"] {
width: 100%;
min-height: 44px;
padding: 10px 13px;
border: 0;
border-radius: 8px;
background: var(--dd-green);
color: #fff;
font: inherit;
font-size: .88rem;
font-weight: 700;
cursor: pointer;
}
.dd-faqs__news-form button:hover,
.dd-faqs__news-form input[type="submit"]:hover {
background: var(--dd-green-dark);
}
.dd-faqs__search input:focus-visible,
.dd-faqs__q:focus-visible,
.dd-faqs__nav-link:focus-visible,
.dd-faqs__btn:focus-visible,
.dd-faqs__promo-btn:focus-visible {
outline: 3px solid rgba(10, 169, 31, .20);
outline-offset: 3px;
}
.dd-faqs__section {
scroll-margin-top: 120px;
}
.dd-faqs__item[hidden],
.dd-faqs__section[hidden] {
display: none !important;
} .dd-faqs a.dd-faqs__nav-link { color: var(--dd-text); }
.dd-faqs a.dd-faqs__nav-link:hover { color: var(--dd-green-dark); }
.dd-faqs a.dd-faqs__promo-btn { color: var(--dd-navy); }
.dd-faqs a.dd-faqs__promo-btn:hover { color: var(--dd-green-dark); }
.dd-faqs a.dd-faqs__a-link { color: var(--dd-green-dark); }
.dd-faqs a.dd-faqs__btn--primary,
.dd-faqs a.dd-faqs__btn--primary:hover { color: #fff; }
.dd-faqs a.dd-faqs__btn--ghost { color: #fff; }
.dd-faqs a.dd-faqs__btn--ghost:hover { color: var(--dd-green-soft); } .dd-faqs__news .dd-nl-notice { margin: 0 0 10px; padding: 10px 12px; border-radius: 9px; font-size: .8rem; line-height: 1.5; }
.dd-faqs__news .dd-nl-notice--good { background: rgba(10,169,31,.1); color: #0a6b1f; border: 1px solid rgba(10,169,31,.25); }
.dd-faqs__news .dd-nl-notice--bad { background: rgba(200,40,40,.08); color: #a02323; border: 1px solid rgba(200,40,40,.22); } .dd-faqs__news { background: linear-gradient(120deg, #0f1d42 0%, #1c3166 100%); border: 0; }
.dd-faqs__news-title { color: #fff; }
.dd-faqs__news p { color: rgba(255,255,255,.78); }
.dd-faqs__news-fine { color: rgba(255,255,255,.55) !important; }
.dd-faqs__news-form input[type="email"] { background: #fff; border-color: transparent; }