.phones {max-width:76ch;margin:0 auto;overflow-wrap:anywhere}
.phones [hidden] {display:none!important}
#phone-filters {display:grid;gap:.65rem;padding:1rem;background:#e3eff2;border-radius:1rem}
#phone-filters input,#phone-filters select,#phone-filters button {font:inherit;min-width:0;width:100%;padding:.75rem;border:1px solid #687a80;border-radius:.4rem;box-sizing:border-box}
#phone-filters :focus-visible {outline:3px solid #005c73;outline-offset:3px}
.phone {padding:1rem;margin:1rem 0;border:1px solid #b9cbce;border-radius:.75rem;scroll-margin-top:1rem}
.phone h3 {margin-top:0}.phone p {margin:.65rem 0}
.phone[data-status="unsupported"] {border-left:5px solid #9b3426}
.phone[data-status="unknown"] {border-left:5px solid #8b6500}
.phone[data-status="supported"] {border-left:5px solid #287052}
/* №28637: поиск модели с одной карточкой и раскрываемым справочником. */
.phone-search {position:relative}
.phone-input {position:relative}
#phone-filters #phone-query {padding-right:3.5rem;background:white}
#phone-filters #phone-clear {position:absolute;right:2px;top:2px;bottom:2px;width:2.75rem;padding:0;border:0;background:transparent;font-size:1.6rem;cursor:pointer}
#phone-suggestions {position:absolute;z-index:10;top:100%;left:0;right:0;margin:0;padding:.25rem;list-style:none;background:white;border:1px solid #687a80;border-radius:.4rem;box-shadow:0 5px 12px #0002;max-height:20rem;overflow-y:auto;overscroll-behavior:contain}
#phone-suggestions [role="option"] {padding:.75rem;min-height:44px;box-sizing:border-box;cursor:pointer;color:#142e35}
#phone-suggestions [aria-selected="true"],#phone-suggestions [role="option"]:hover {background:#dcecf2;outline:2px solid #005c73;outline-offset:-2px}
#phone-suggestions mark {background:#ffe29a;color:#142e35;font-weight:700}
.phone-answer-card {margin:1rem 0;border:2px solid #687a80;border-radius:.75rem;padding:1rem}
.phone-answer-card h2 {margin-top:0}
.phone-variant {padding:.25rem .75rem;margin:1rem 0;border-left:5px solid #687a80}
.phone-variant[data-status="supported"] {border-color:#287052}
.phone-variant[data-status="unknown"] {border-color:#8b6500}
.phone-variant[data-status="unsupported"] {border-color:#9b3426}
.phone-variant p:first-child {font-size:1.25rem}
#phone-catalogue summary {cursor:pointer;padding:1rem 0;text-decoration:underline;min-height:44px}
#phone-catalogue summary:focus-visible {outline:3px solid #005c73}
#phone-settings {scroll-margin-top:1rem}

/* №29191: сначала действие и краткий ответ, затем оговорки. */
.phones h1 {margin-bottom:.65rem}
#phone-filters {gap:.35rem;padding:.65rem}
#phone-hint {font-size:.85rem;line-height:1.3;margin:.15rem 0 0}
.phone-answer-card {margin:.5rem 0;padding:.65rem}
.phone-answer-card h2 {font-size:1.15rem;line-height:1.2;margin:0 0 .4rem}
.phone-variant {padding:.15rem .5rem;margin:.4rem 0;line-height:1.25}
.phone-variant p {margin:.2rem 0}
.phone-variant p:first-child {font-size:1.1rem}
.phone-variant summary,#phone-important summary {cursor:pointer;text-decoration:underline;padding:.4rem 0}
.phone-variant details {font-size:.9rem}
#phone-answer:focus {outline:2px solid #005c73;outline-offset:2px}
#phone-empty {padding:.65rem;border:2px solid #687a80;border-radius:.75rem;margin:.5rem 0}
#phone-suggestions {max-height:min(20rem,40dvh)}
