.ex-tool{margin:28px 0;padding:clamp(20px,3vw,30px);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:20px;color:var(--text-light);font-family:var(--font-body)}.faq-content .ex-tool h3{margin:0 0 14px;font:700 clamp(21px,2.6vw,27px)/1.35 var(--font-body);color:var(--text-light)}.faq-content .ex-tool p{font:400 1rem/1.75 var(--font-body);color:var(--text-light)}.ex-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.ex-buttons button{appearance:none;background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;min-height:48px;padding:13px 16px;text-align:left;color:var(--text-light);font:600 15px/1.45 var(--font-body);cursor:pointer;white-space:normal}.faq-content .ex-buttons button[aria-pressed=true]{background:var(--accent-green);border-color:var(--accent-green);color:#081008!important}body.light-theme .faq-content .ex-buttons button[aria-pressed=true]{color:white!important}.ex-buttons button:disabled{cursor:default;opacity:.65}.ex-buttons button:focus-visible{outline:3px solid var(--accent-green);outline-offset:4px}.ex-result{padding:22px;border-inline-start:4px solid var(--accent-green);border-radius:12px;background:var(--bg-main)}.ex-result h4{margin:0 0 14px;font:700 20px/1.4 var(--font-body);color:var(--text-light)}.ex-result p{margin:0 0 14px}.faq-content .ex-tool .ex-scope,.faq-content .ex-tool .ex-note{font-size:14px;color:var(--text-secondary)}@media(max-width:600px){.ex-buttons{grid-template-columns:1fr}.ex-result{padding:18px}}
.ex-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.ex-group{padding:18px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-main)}.ex-group.is-active{border-color:var(--accent-green);box-shadow:inset 3px 0 var(--accent-green)}.ex-group strong{display:block;font-size:17px;line-height:1.45}.ex-badge{display:block;margin-top:8px;font-size:13px;color:var(--text-secondary)}.faq-content .ex-group p{margin:12px 0 0;font-size:14px}.faq-content.oil-guide .oil-guide-steps{list-style:none}.faq-content.oil-guide .oil-guide-steps>li:before{content:none}.ex-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:600px){.ex-groups,.ex-buttons{grid-template-columns:1fr}}