.traffic-choice {background:var(--surface,#fff);color:var(--ink,#183027);border-top:1px solid var(--line,#c9d8cf);padding:.45rem 0}
.traffic-choice[hidden] {display:none!important}
.traffic-choice details {max-width:48rem;border:0;padding:0}
.traffic-choice summary {display:list-item;min-height:44px;padding:.56rem .2rem;cursor:pointer;color:var(--brand,#07584a);font-weight:700}
.traffic-choice summary span {font-size:.8rem;font-weight:500;color:var(--muted,#4e615a);margin-inline-start:.5rem}
.traffic-choice p {margin:.2rem 0 .65rem;color:var(--muted,#4e615a);font-size:.9rem}
.traffic-choice label {display:flex;align-items:flex-start;min-height:44px;gap:.65rem;margin:.55rem 0;cursor:pointer;font-size:.93rem;font-weight:400}
.traffic-choice input {flex:none;margin:.25rem 0 0;width:18px;height:18px}
.traffic-choice .traffic-mode {display:grid;gap:.35rem;max-width:36rem}
.traffic-choice .traffic-actions {display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
.traffic-choice .traffic-actions button {color:var(--ink,#183027);background:var(--surface,#fff);border:1px solid var(--line,#c9d8cf);border-radius:var(--radius,5px);font-weight:650;padding:.45rem .8rem;min-height:44px}
.traffic-choice .traffic-actions button:hover {border-color:var(--brand,#07584a)}
.traffic-choice .traffic-actions a {color:var(--brand,#07584a);font-size:.88rem;text-decoration:underline;text-underline-offset:.2em}
.traffic-choice .traffic-note {margin-top:.5rem}
.traffic-choice .traffic-note:empty {display:none}
@media(min-width:681px){.traffic-choice .container{padding-bottom:2.4rem}}