.tariff-catalog{margin:32px 0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:24px;scroll-margin-top:100px}
.article-body .tariff-catalog>h2{margin:8px 0 16px;padding:0;border:0;font-size:clamp(24px,3vw,32px);line-height:1.25}
.tariff-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.tariff-filters label{display:grid;gap:6px;font-weight:700;font-size:14px}
.tariff-filters input,.tariff-filters select{width:100%;min-height:48px;background:var(--surface);color:var(--text);font:inherit;border:1px solid var(--border-strong);border-radius:10px;padding:10px}
.tariff-catalog button{cursor:pointer;background:var(--surface-muted);color:var(--text);border:1px solid var(--border-strong)}
.tariff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tariff-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised)}
.tariff-card h3{font-size:18px;margin:10px 0;overflow-wrap:anywhere}.tariff-card a{text-decoration:underline;text-underline-offset:3px}
.tariff-price{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.tariff-price small{display:block;font-size:13px;font-weight:500}
.tariff-card dl{font-size:14px}.tariff-card dl>div{padding:8px 0;border-bottom:1px solid var(--border)}.tariff-card dt{color:var(--text-muted)}.tariff-card dd{margin:4px 0 0;overflow-wrap:anywhere}
.tariff-note{font-size:13px;color:var(--text-muted)}
.tariff-card{display:flex;flex-direction:column;transition:border-color 180ms ease,box-shadow 180ms ease}
.tariff-card-actions{margin-top:auto;padding-top:16px;display:grid;gap:12px}
.article-body .tariff-card .tariff-official{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 16px;border-radius:12px;background:var(--blue-700);border:1px solid var(--blue-700);color:#fff;text-decoration:none;font-size:14px;font-weight:800;line-height:1.4;transition:background 180ms ease,box-shadow 180ms ease}
.tariff-official svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.article-body .tariff-card .tariff-official:hover{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 4px 14px #1d4ed826}
.article-body .tariff-card .tariff-official:active{background:#1e3a8a}
.tariff-select{position:relative;display:flex;gap:12px;align-items:center;min-height:68px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface-muted);cursor:pointer;transition:background 180ms ease,border-color 180ms ease;line-height:1.4}
.tariff-select input{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%);overflow:hidden}
.tariff-select-mark{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:2px solid var(--text-muted);border-radius:7px;background:var(--surface);color:#fff;transition:background 180ms ease,border-color 180ms ease}
.tariff-select-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.tariff-select-copy{display:grid;gap:3px}.tariff-select-title{font-size:14px;font-weight:800;color:var(--text)}.tariff-select-copy small{font-size:12px;color:var(--text-muted)}
.tariff-select:hover{border-color:var(--blue-600);background:var(--blue-100)}
.tariff-select:has(input:checked){background:var(--blue-100);border-color:var(--blue-600)}
.tariff-select input:checked+.tariff-select-mark{background:var(--blue-700);border-color:var(--blue-700)}
.tariff-select input:checked+.tariff-select-mark svg{opacity:1}
.tariff-select:has(input:focus-visible){outline:3px solid var(--blue-600);outline-offset:3px}
.tariff-card.is-selected{border-color:var(--blue-600);box-shadow:0 0 0 1px var(--blue-600)}
@media(prefers-reduced-motion:reduce){.tariff-card,.tariff-select,.tariff-select-mark,.article-body .tariff-card .tariff-official{transition:none}}
.tariff-comparison{margin-top:24px}.tariff-catalog [hidden]{display:none!important}.tariff-catalog :focus-visible{outline:3px solid var(--blue-600);outline-offset:3px}
@media(max-width:720px){.tariff-grid,.tariff-filters{grid-template-columns:1fr}.tariff-catalog{padding:16px}.tariff-comparison .article-table{max-width:100%;overflow:auto}}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.screenshot-grid figure{margin:0;border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--surface)}.screenshot-grid img{width:100%;height:auto}.screenshot-grid figcaption{font-size:13px;padding-top:12px;overflow-wrap:anywhere}.screenshot-grid a{text-decoration:underline}.screenshot-gallery dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;max-width:95vw;max-height:95vh;overflow:auto}.screenshot-gallery dialog::backdrop{background:#000b}.screenshot-gallery dialog img{max-width:100%;height:auto}.screenshot-gallery dialog button{margin:0 0 16px}.screenshot-gallery dialog p{font-size:14px}.screenshot-grid :focus-visible{outline:3px solid var(--blue-600);outline-offset:4px}
@media(max-width:720px){.screenshot-grid{grid-template-columns:1fr}}