/* One information-first composition for every olympiad. Illustrations vary, order does not. */
html:has(.op-page),html:has(.op-directory){scroll-behavior:auto}
.op-page,.op-directory{--op-ink:#253a57;--op-muted:#62728a;--op-line:#dbe2ec;--op-paper:#fffdf9;--op-tile:#f3f5f8;--op-accent:#3b6096;color:var(--op-ink)}
.op-page *,.op-directory *{box-sizing:border-box}.op-page [hidden],.op-directory [hidden]{display:none!important}
.op-page{max-width:1180px;padding-bottom:54px;overflow-wrap:normal}.op-page [id]{scroll-margin-top:115px}
.op-page a,.op-directory a{color:var(--op-accent);text-underline-offset:4px}.op-page a:focus-visible,.op-page select:focus-visible,.op-page summary:focus-visible,.op-directory a:focus-visible{outline:3px solid var(--op-accent);outline-offset:5px}
[data-design="v2"] .op-page .op-crumb{font-size:13px;line-height:1.6;padding:26px 0 28px;display:flex;gap:8px;flex-wrap:wrap;color:var(--op-muted)}
.op-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:48px;align-items:center;background:var(--op-paper);border:1px solid var(--op-line);border-radius:26px;padding:clamp(28px,5vw,68px)}
.op-page .op-eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:650;line-height:1.6;color:var(--op-accent);margin:0 0 22px}
[data-design="v2"] .op-page h1{font-size:clamp(36px,4.6vw,62px);line-height:1.07;letter-spacing:-.042em;font-weight:550;max-width:19ch;margin:0 0 26px;color:var(--op-ink);text-wrap:balance;overflow-wrap:normal}
.op-page .op-hook{font-size:clamp(19px,2vw,25px);font-weight:550;line-height:1.4;letter-spacing:-.015em;margin:0 0 20px;max-width:31ch}
.op-page .op-lead{font-size:16px;line-height:1.75;color:var(--op-muted);margin:0;max-width:55ch}
.op-actions{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-top:30px}.op-actions>a{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;font-size:14px;font-weight:600;padding:13px 0}.op-actions>a.op-primary{padding:15px 22px;color:white;background:var(--op-accent);border-radius:9px}
.op-hero-art{min-width:0}.op-hero-art>span{display:block;font-size:11px;text-align:center;letter-spacing:.04em;line-height:1.5;border:1px solid var(--op-line);border-radius:100px;padding:10px 12px;max-width:280px;margin:20px auto 0;color:var(--op-muted)}
.oa-art{--art-ink:var(--op-ink);--art-accent:#456ca6;--art-soft:#dfe8f5;--art-paper:#fffdf9;--art-halo:#edf2f8;--os-accent:var(--art-accent);--os-tile:var(--art-soft);--os-paper:var(--art-paper);color:var(--art-ink);line-height:0;isolation:isolate}.oa-art svg{width:100%;height:auto;display:block;overflow:visible}.oa-art.oa-small svg{width:100%;height:100%;overflow:visible}.oa-belchonok,.oa-rosatom,.oa-energy-hope,.oa-math-festival{--art-accent:#9c7040;--art-soft:#f0dfc7;--art-halo:#f7efdf}.oa-step-future,.oa-kurchatov,.oa-formula-unity,.oa-archimedes-winter,.oa-vsesibirskaya{--art-accent:#447c75;--art-soft:#d3e7df;--art-halo:#eaf3ed}.oa-ommo,.oa-higher-test,.oa-maxwell{--art-accent:#84649d;--art-soft:#e6ddef;--art-halo:#f0eaf4}.oa-izumrud,.oa-yumsh{--art-accent:#5b815a;--art-soft:#dce7cd;--art-halo:#eef4e7}
.op-section-nav{display:flex;gap:8px 28px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--op-line);margin-bottom:0}.op-section-nav a{min-height:40px;display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:550}.op-section-nav a:hover{text-decoration:underline}
.op-section{padding:52px 0;border-bottom:1px solid var(--op-line)}.op-section-title{margin-bottom:27px}.op-section-title .op-eyebrow{margin-bottom:12px}
[data-design="v2"] .op-page h2{font-size:clamp(28px,3.1vw,39px);line-height:1.15;letter-spacing:-.028em;font-weight:550;color:var(--op-ink);margin:0 0 18px}
[data-design="v2"] .op-page h3{font-size:22px;line-height:1.3;font-weight:550;letter-spacing:-.015em;margin:0 0 16px;color:var(--op-ink)}
.op-page p{font-size:15px;line-height:1.7;margin:0 0 16px}.op-page .op-meta{font-size:12px;line-height:1.65;color:var(--op-muted)}.op-section-intro,.op-section-title>p:last-child:not(.op-eyebrow){color:var(--op-muted);max-width:78ch}
.op-about-copy{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;align-items:start;margin-bottom:25px}.op-about-copy>p:last-child{text-align:right;font-size:13px}
.op-profiles,.op-subject-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.op-profiles:has(>.op-profile:only-child),.op-subject-columns:has(>article:only-child){grid-template-columns:1fr}.op-profile{border:1px solid var(--op-line);border-radius:14px;padding:26px;background:var(--op-paper);min-width:0}.op-profile .og-profile-facts{border:0;padding:0;background:none;color:var(--op-ink)}.op-profile .og-profile-facts p{font-size:14px}.op-profile .og-evidence{font-size:12px;margin:14px 0}.op-profile .og-evidence ul{padding-left:20px;line-height:1.7}.op-profile .og-evidence li{margin-bottom:12px}.op-profile summary{cursor:pointer;line-height:1.5;padding:8px 0}.op-previous{font-size:13px;border-top:1px solid var(--op-line);padding-top:8px;margin-top:15px}.op-previous p{font-size:13px;margin-top:12px}.op-page .op-important{font-size:14px;color:var(--op-accent);font-weight:600}
.op-page .oi-history{margin:28px 0 0;border-color:var(--op-accent);max-width:85ch}.op-page .oi-history-label{font-size:19px;color:var(--op-ink)}.op-page .oi-history p:not(.oi-history-label){font-size:14px;color:var(--op-muted)}
.op-subject-columns>article{min-width:0}.op-page .oc-content{padding:0;margin:0;border:0}.op-page .oc-content>h2{display:none}.op-page .oc-table-wrap{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--op-line);border-radius:10px;max-width:100%}.op-page .oc-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;text-align:left}.op-page .oc-table th,.op-page .oc-table td{padding:13px 16px;border-bottom:1px solid var(--op-line);vertical-align:top;white-space:normal;min-width:90px}.op-page .oc-table tr:last-child>*{border-bottom:0}.op-page .oc-table thead{background:var(--op-tile)}.op-page .oc-table th{font-weight:550}.op-page .oc-table td strong{font-weight:550}.op-page .oc-table small{display:block;font-size:11px;color:var(--op-muted);font-weight:400;line-height:1.6;margin-top:5px}.op-page .oc-event-details{font-size:12px;font-weight:400;line-height:1.7;margin-top:6px}.op-page .oc-event-details summary{cursor:pointer;padding:5px 0;color:var(--op-accent)}.op-page .oc-event-details p{font-size:12px;margin:8px 0}.op-page .oc-event-details a{font-size:12px}
.op-score-subjects{display:grid;gap:32px}.op-score-subject{min-width:0;padding:28px;border:1px solid var(--op-line);border-radius:14px}.op-page .oc-score-head{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-bottom:20px}.op-page .oc-score-head h2{display:none}.op-page .oc-year-control label{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--op-muted)}.op-page .oc-score-record{padding:22px 0;border-top:1px solid var(--op-line);margin:0}.op-page .oc-score-record:first-of-type{border-top:0;padding-top:8px}.op-page .oc-score-record h4{font-size:17px;font-weight:550;margin:0 0 10px;color:var(--op-ink)}.op-page .oc-meta,.op-page .oc-caveat,.op-page .oc-source{font-size:12px;line-height:1.7;color:var(--op-muted);margin:12px 0}.op-page .oc-record-head .oc-meta{margin-top:4px}.op-page .oc-source{margin-bottom:0}.op-page .oc-stage-title{font-size:17px!important;color:var(--op-accent)!important;margin:28px 0 16px!important}.op-page .oc-history-note{margin-bottom:0}.op-page .oc-table caption{font-size:12px;color:var(--op-muted);text-align:left;margin-bottom:10px}
.op-example-head{margin:32px 0 23px}.op-example-head>p{color:var(--op-muted);font-size:14px}.op-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.op-examples:has(>.op-example:only-child){grid-template-columns:repeat(2,minmax(0,1fr))}.op-examples:has(>.op-example:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.op-example{border:1px solid var(--op-line);border-radius:15px;overflow:hidden;background:var(--op-paper);text-decoration:none;display:flex;flex-direction:column;min-width:0}.op-example>.oa-art,.op-example-image{height:185px;background:var(--op-tile);padding:15px 25px}.op-example>.oa-art svg{height:100%;object-fit:contain}.op-example-image img{width:100%;height:100%;object-fit:contain;display:block}.op-example-copy{padding:24px;display:flex;flex-direction:column;flex:1}.op-page .op-example h4{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.025em;margin:0 0 16px;color:var(--op-ink)}.op-page .op-example-copy>p:not(.op-meta){font-size:14px;color:var(--op-muted)}.op-example-copy>span{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600;margin-top:auto;padding-top:9px}.op-example:hover{border-color:var(--op-accent)}.op-practice .og-page{color:var(--op-ink)}.op-practice .og-archive{margin:45px 0 0}.op-practice .og-section-head h2{font-size:29px!important}.op-practice .og-section-head{gap:28px}.op-topics{padding-top:30px;margin-top:30px;border-top:1px solid var(--op-line)}.op-topics p{font-size:14px;color:var(--op-muted)}.op-topics a{display:inline-flex;align-items:center;min-height:44px;padding:7px 16px;border-radius:7px;border:1px solid var(--op-line);font-size:13px;margin:0 9px 9px 0;text-decoration:none}.op-official{display:flex;flex-wrap:wrap;gap:12px 28px}.op-official>a{min-height:44px;display:flex;align-items:center;font-size:14px}.op-faq{margin-top:25px}.op-faq details{border-top:1px solid var(--op-line)}.op-faq summary{font-size:15px;padding:19px 0;line-height:1.5;cursor:pointer}.op-faq p{max-width:80ch;color:var(--op-muted);font-size:14px}.op-credit{padding-top:25px;color:var(--op-muted);font-size:12px!important}
/* Explicit custom chrome around native selects preserves keyboard and touch controls. */
[data-design="v2"] :is(.op-page,.op-directory) select{appearance:none!important;-webkit-appearance:none!important;min-height:48px;height:auto;border:1px solid var(--op-line);border-radius:8px;background-color:var(--op-paper)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2367778d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important;padding:12px 42px 12px 14px!important;font:inherit;color:var(--op-ink);width:100%;min-width:0;line-height:1.4;box-shadow:none!important}
[data-design="v2"] .op-page .oc-year-control select{width:auto;min-width:170px;font-size:14px}.op-page .og-filters{padding:20px;background:var(--op-tile)}.op-page .og-filters select{font-size:14px!important}.op-page .og-filters label{font-size:12px}.op-page .og-filters button{min-height:48px}
/* Directory: readable cards with enough room for names and subject labels. */
.op-directory .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-design="v2"] .op-directory .op-directory-card{padding:0;border:1px solid var(--op-line);border-radius:20px;min-height:0;background:var(--op-paper);overflow:hidden;position:relative}
.op-directory-link{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:28px;padding:28px;text-decoration:none;color:var(--op-ink)!important;height:100%;min-height:240px}
.op-directory-card .oa-art{width:120px;height:136px}
.op-directory-card:hover{border-color:var(--op-accent);background:var(--op-paper)!important}
.op-directory-copy{min-width:0}
.op-directory .info-kicker{font-size:16px;line-height:1.5;letter-spacing:0;color:var(--op-muted);margin:0 0 9px}
.op-directory .op-directory-card h2{font-size:30px!important;line-height:1.18!important;letter-spacing:-.025em;font-weight:600;margin:0 0 12px;color:var(--op-ink)!important;text-wrap:balance;overflow-wrap:normal}
.op-directory .op-card-grades{font-size:16px;line-height:1.5;color:var(--op-muted);margin:0 0 16px}
.op-card-count{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;line-height:1.5;color:var(--op-accent);font-weight:600;padding-top:12px;border-top:1px solid var(--op-line)}
.op-card-count>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:var(--op-tile);border-radius:50%;font-size:20px}
.op-directory .op-directory-note{font-size:16px;line-height:1.65;color:var(--op-muted);margin:0 0 10px;max-width:65ch}
.op-directory .info-result{font-size:16px;line-height:1.5;font-weight:550;margin:0 0 24px;color:var(--op-ink)}
.op-directory .breadcrumbs{font-size:16px}
.op-directory .page-head{padding-bottom:12px}
.op-directory .topic-modes a{font-size:17px;min-height:48px;padding:12px 20px}
[data-design="v2"] .op-directory .info-controls{padding:24px 28px;border:1px solid var(--op-line);background:var(--op-tile);border-radius:20px;margin:24px 0}
.op-directory .info-controls summary{font-size:20px;min-height:32px;line-height:1.5;display:list-item;list-style-position:outside;margin-left:19px;padding-left:7px}
.op-directory .info-controls form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:22px}
.op-directory .info-controls form[hidden]{display:none!important}
.op-directory .info-controls .op-search{grid-column:span 2}
.op-directory .info-controls label:has(select[name="coverage"]){grid-column:span 2}
.op-directory .info-controls label{font-size:16px;line-height:1.4;gap:9px;min-width:0}
.op-directory .info-controls input[type=search]{min-height:54px!important;padding:14px 16px!important;font-size:17px!important;line-height:1.4;box-shadow:none;border:1px solid var(--op-line);background:var(--op-paper);border-radius:10px;color:var(--op-ink)}
[data-design="v2"] .op-directory .info-controls select{font-size:17px!important;min-height:54px;border-radius:10px;padding:14px 44px 14px 16px!important;background-position:right 17px center!important}
.op-directory .info-controls button{align-self:end;min-height:54px;padding:12px 20px;border:1px solid var(--op-line);border-radius:10px;background:var(--op-paper);font:inherit;font-size:17px;color:var(--op-ink);cursor:pointer}
.op-directory .info-crosslink{font-size:16px;line-height:1.65;color:var(--op-muted)}
.op-directory .info-empty{padding:30px 0}
.op-directory .info-empty p{font-size:17px}
.op-directory :is(input,select,button,summary):focus-visible{outline:3px solid var(--op-accent);outline-offset:4px}
html[data-theme="dark"] :is(.op-page,.op-directory){--op-ink:#e5edf7;--op-muted:#b4c2d5;--op-line:#354558;--op-paper:#152130;--op-tile:#1b2a3d;--op-accent:#9bb9eb}html[data-theme="dark"] .oa-art{--art-ink:#d2deeb;--art-paper:#17273a;--art-accent:#9bb9eb;--art-soft:#354b68;--art-halo:#203249}html[data-theme="dark"] :is(.oa-belchonok,.oa-rosatom,.oa-energy-hope,.oa-math-festival){--art-accent:#d0a16c;--art-soft:#67533b;--art-halo:#362f29}html[data-theme="dark"] :is(.oa-step-future,.oa-kurchatov,.oa-formula-unity,.oa-archimedes-winter,.oa-vsesibirskaya){--art-accent:#8bc6b4;--art-soft:#33584d;--art-halo:#213a38}html[data-theme="dark"] :is(.oa-ommo,.oa-higher-test,.oa-maxwell){--art-accent:#c4a4dd;--art-soft:#554168;--art-halo:#30283e}html[data-theme="dark"] :is(.oa-izumrud,.oa-yumsh){--art-accent:#adc48d;--art-soft:#455a39;--art-halo:#2b392a}html[data-theme="dark"] .op-actions>a.op-primary{color:#152130}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]) :is(.op-page,.op-directory){--op-ink:#e5edf7;--op-muted:#b4c2d5;--op-line:#354558;--op-paper:#152130;--op-tile:#1b2a3d;--op-accent:#9bb9eb}html:not([data-theme="light"]) .oa-art{--art-ink:#d2deeb;--art-paper:#17273a;--art-accent:#9bb9eb;--art-soft:#354b68;--art-halo:#203249}html:not([data-theme="light"]) .op-actions>a.op-primary{color:#152130}html:not([data-theme="light"]) :is(.oa-belchonok,.oa-rosatom,.oa-energy-hope,.oa-math-festival){--art-accent:#d0a16c;--art-soft:#67533b;--art-halo:#362f29}html:not([data-theme="light"]) :is(.oa-step-future,.oa-kurchatov,.oa-formula-unity,.oa-archimedes-winter,.oa-vsesibirskaya){--art-accent:#8bc6b4;--art-soft:#33584d;--art-halo:#213a38}html:not([data-theme="light"]) :is(.oa-ommo,.oa-higher-test,.oa-maxwell){--art-accent:#c4a4dd;--art-soft:#554168;--art-halo:#30283e}html:not([data-theme="light"]) :is(.oa-izumrud,.oa-yumsh){--art-accent:#adc48d;--art-soft:#455a39;--art-halo:#2b392a}}
@media(max-width:1250px){.op-hero{gap:25px;padding:40px}.op-page .og-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.op-page .og-filters button{grid-column:span 2}}
@media(max-width:900px){.op-hero{grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);padding:32px;gap:22px}.op-page .op-hook{font-size:21px}.op-page .op-lead{font-size:15px}.op-examples{gap:15px}.op-example-copy{padding:19px}.op-page .op-example h4{font-size:22px}.op-section-nav{gap:5px 20px}.op-page .og-variants{grid-template-columns:1fr}}
@media(max-width:640px){.op-hero{grid-template-columns:1fr;padding:27px 22px;gap:24px;border-radius:18px}.op-page .op-crumb{padding:22px 0!important}.op-page .op-eyebrow{font-size:10px;margin-bottom:16px}.op-page h1{font-size:36px!important;margin-bottom:21px!important}.op-page .op-hook{font-size:20px;margin-bottom:15px}.op-page .op-lead{font-size:15px;line-height:1.65}.op-hero-art{max-width:260px;justify-self:center;width:100%}.op-hero-art>.oa-art svg{max-height:170px}.op-hero-art>span{font-size:10px;margin-top:9px;padding:8px}.op-actions{gap:9px 18px;margin-top:23px}.op-actions>a{font-size:13px}.op-actions>a.op-primary{padding:13px 17px;min-height:47px}.op-section-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:15px 0}.op-section-nav a{font-size:12px;line-height:1.5;min-height:44px}.op-section{padding:35px 0}.op-section-title{margin-bottom:22px}.op-page h2{font-size:29px!important}.op-page h3{font-size:21px!important}.op-about-copy,.op-profiles,.op-subject-columns{grid-template-columns:1fr;gap:18px}.op-about-copy>p:last-child{text-align:left}.op-about-copy{gap:0}.op-profile{padding:21px}.op-page p{font-size:14px}.op-score-subject{padding:21px}.op-page .oc-score-head{justify-content:start}.op-page .oc-year-control label{flex-wrap:wrap;gap:8px}.op-page .oc-table{font-size:13px}.op-page .oc-table th,.op-page .oc-table td{padding:12px;min-width:75px}.op-examples,.op-examples:has(>.op-example:only-child),.op-examples:has(>.op-example:nth-child(2):last-child){grid-template-columns:1fr}.op-example>.oa-art,.op-example-image{height:175px}.op-page .op-example h4{font-size:25px}.op-example-copy{padding:23px}.op-page .og-section-head{grid-template-columns:1fr;gap:12px}.op-page .og-variant{padding:20px}.op-page .og-filters{padding:16px;gap:12px}.op-page .og-filters select{padding-left:10px!important;padding-right:32px!important;background-position:right 11px center!important;font-size:13px!important}.op-page .og-filters button{font-size:13px}}

@media(max-width:360px){.op-page h1{font-size:31px!important}.op-hero{padding:25px 18px}.op-hero-art{max-width:220px}.op-hero-art>.oa-art svg{max-height:145px}.op-actions>a.op-primary{width:100%}.op-actions>a{min-height:42px}.op-page .og-filters{grid-template-columns:1fr}.op-page .og-filters button{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.op-example,.op-directory-card{transition:border-color .18s ease}.op-example:hover .oa-art svg,.op-directory-card:hover .oa-art svg{transform:translateY(-2px);transition:transform .25s ease}}

.op-page .oc-table thead th{white-space:nowrap;overflow-wrap:normal}.op-page .oc-table td{overflow-wrap:normal}.op-page .oc-table-wrap.op-scrollable::after{content:"Прокрути таблицу вправо →";display:block;position:sticky;left:0;width:max-content;max-width:100%;padding:8px 12px;font-size:11px;line-height:1.5;color:var(--op-muted);background:var(--op-tile)}.op-page .oc-table-wrap:focus-visible{outline:3px solid var(--op-accent);outline-offset:4px}

/* Existing task diagrams use dark labels; keep their canvas legible in both themes. */
.op-page .op-example-image{background:#edf2f7}

/* Reflow the directory without shrinking its text. */
@media(max-width:1100px){
 .op-directory .info-grid{grid-template-columns:1fr;gap:20px}
 .op-directory-link{grid-template-columns:132px minmax(0,1fr);gap:32px;padding:28px 32px;min-height:224px}
 .op-directory-card .oa-art{width:132px;height:144px}
 .op-directory .op-directory-card h2{font-size:30px!important;text-wrap:pretty}
 .op-directory .info-controls form{grid-template-columns:repeat(2,minmax(0,1fr))}
 .op-directory .info-controls label:has(select[name="coverage"]){grid-column:auto}
 .op-directory .info-controls button{grid-column:span 2}
}
@media(max-width:640px){
 .op-directory .info-grid{gap:16px}
 .op-directory-link{grid-template-columns:96px minmax(0,1fr);gap:24px;padding:24px;min-height:224px}
 .op-directory-card .oa-art{width:96px;height:116px}
 .op-directory .op-directory-card h2{font-size:28px!important}
 .op-directory .topic-modes{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .op-directory .topic-modes a{font-size:16px;padding:12px 10px;text-align:center}
 [data-design="v2"] .op-directory .info-controls{padding:20px;border-radius:16px}
 .op-directory .info-controls form{grid-template-columns:1fr;gap:18px}
 .op-directory .info-controls .op-search,.op-directory .info-controls label:has(select[name="coverage"]),.op-directory .info-controls button{grid-column:auto}
 .op-directory .info-controls input::placeholder{font-size:17px}
 .op-directory .info-controls summary{font-size:19px}
 .op-directory .breadcrumbs{font-size:15px}
}
@media(max-width:480px){
 .op-directory-link{grid-template-columns:minmax(0,1fr) 82px;gap:12px 18px;padding:22px;min-height:0}
 .op-directory-card .oa-art{grid-column:2;grid-row:1;width:82px;height:78px}
 .op-directory-copy{display:contents}
 .op-directory .info-kicker{grid-column:1;grid-row:1;align-self:center;margin:0}
 .op-directory .op-directory-card h2{grid-column:1/-1;grid-row:2;font-size:28px!important;margin:0;text-wrap:pretty}
 .op-directory .op-card-grades{grid-column:1/-1;grid-row:3;margin:0}
 .op-directory .op-card-count{grid-column:1/-1;grid-row:4;margin-top:4px}
}
@media(max-width:360px){
 .op-directory-link{padding:18px;gap:10px 14px;grid-template-columns:minmax(0,1fr) 72px}
 .op-directory-card .oa-art{width:72px;height:70px}
 .op-directory .op-directory-card h2{font-size:26px!important}
 .op-directory .info-controls summary{font-size:18px}
}
