.cmp,.cmp *{box-sizing:border-box}
.cmp{--ink:#251a32;--muted:#5b5363;--accent:#6440b5;--lilac:#f2edf9;--rule:#ddd8e4;color:var(--ink);background:#fff;font-family:inherit}
.cmp [hidden]{display:none!important}
.cmp .cmp-wrap{width:min(1140px,100%);margin:0 auto;padding-inline:clamp(18px,4vw,50px)}
.cmp .cmp-crumb{display:flex;align-items:center;gap:.65rem;min-height:49px;flex-wrap:wrap;font-size:.88rem;color:var(--muted)}
.cmp a{color:var(--accent);text-underline-offset:.2em}
.cmp a:focus-visible,.cmp input:focus-visible{outline:3px solid #6740c1;outline-offset:4px}
.cmp .cmp-hero{background:linear-gradient(112deg,#f5f1fb 0%,#fbf9fd 62%,#f2edf8 100%);border-block:1px solid var(--rule);padding-block:clamp(30px,5vw,66px)}
.cmp .cmp-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);align-items:center;gap:clamp(24px,5vw,70px)}
.cmp h1,.cmp h2,.cmp p,.cmp dl,.cmp dt,.cmp dd{margin:0}
.cmp h1,.cmp h2,.cmp b,.cmp th{color:var(--ink)}
.cmp h1{font-size:clamp(2.05rem,4.4vw,4.1rem);line-height:1.04;letter-spacing:-.047em;overflow-wrap:break-word;max-width:20ch}
.cmp h2{font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.15;letter-spacing:-.033em}
.cmp .cmp-kicker{font-weight:750;letter-spacing:.065em;text-transform:uppercase;color:#60488b;font-size:.76rem;margin-bottom:13px}
.cmp .cmp-lead{font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.52;color:#46394e;margin-top:17px;max-width:64ch;text-wrap:pretty}
.cmp .cmp-actions,.cmp .cmp-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.cmp .cmp-primary,.cmp .cmp-secondary,.cmp .cmp-jumps a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:720;min-height:44px;padding:11px 17px;border-radius:10px}
.cmp .cmp-primary{background:#3b234f;color:white}.cmp .cmp-primary:hover{background:#593576}
.cmp .cmp-secondary,.cmp .cmp-jumps a{background:#fff;border:1px solid #d7cce6;color:#41275b}
.cmp .cmp-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.cmp .cmp-duel>div{display:grid;place-items:center;background:white;border:1px solid var(--rule);border-radius:18px;min-width:0;min-height:96px;padding:12px}
.cmp .cmp-duel>span{font-weight:700;color:#746584}
.cmp .cmp-duel img,.cmp .cmp-mark img{width:100%;height:44px;max-width:138px;object-fit:contain;display:block}
.cmp .cmp-duel .cmp-duel-dark,.cmp .cmp-dark-mark{background:#302936}
.cmp .cmp-content>section,.cmp .cmp-sources{margin-block:clamp(30px,4vw,52px)}
.cmp .cmp-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:1rem;line-height:1.55;margin-top:18px;border:1px solid var(--rule);border-radius:14px;overflow:hidden}
.cmp .cmp-table :is(td,th){text-align:left;vertical-align:top;overflow-wrap:break-word;padding:clamp(14px,1.6vw,23px);border:0;border-bottom:1px solid var(--rule)}
.cmp .cmp-table thead th{background:#f6f4f8;font-weight:750}.cmp .cmp-table thead th:first-child{width:19%}.cmp .cmp-table thead th:nth-child(2){background:#e7ddf7;color:#3b2255}
.cmp .cmp-table tbody td:first-of-type{background:#faf7fe}.cmp .cmp-table tbody th{font-size:.91rem}.cmp .cmp-table td{color:#413a46}
.cmp .cmp-table tr:last-child>:is(td,th){border-bottom:0}.cmp .cmp-table thead tr:last-child th{border-bottom:1px solid var(--rule)}
.cmp .cmp-plans,.cmp .cmp-join{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(18px,4vw,55px);padding:clamp(20px,3vw,34px);border:1px solid var(--rule);border-radius:18px}
.cmp .cmp-plans p,.cmp .cmp-join p{margin:10px 0 12px;line-height:1.5;color:var(--muted)}
.cmp .cmp-plans dt{font-weight:750}.cmp .cmp-plans dd{margin:3px 0 12px;line-height:1.5;color:var(--muted)}.cmp .cmp-plans dd:last-child{margin-bottom:0}
.cmp .cmp-join{grid-template-columns:1fr auto;background:var(--lilac);align-items:center}.cmp .cmp-join p{margin-bottom:0}
.cmp .cmp-sources{border-top:1px solid var(--rule);padding-top:20px;font-size:.91rem;line-height:1.7}.cmp .cmp-sources small{color:var(--muted)}
.cmp .cmp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 14px}
.cmp .cmp-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:82px;padding:12px;border:1px solid var(--rule);border-radius:12px;text-decoration:none;background:white}
.cmp .cmp-card:hover{border-color:#a78ac9;background:#fcfafe}.cmp .cmp-card small,.cmp .cmp-card b{display:block}.cmp .cmp-card b{line-height:1.22;overflow-wrap:anywhere}.cmp .cmp-card small{color:var(--muted);font-size:.79rem;margin-bottom:2px}
.cmp .cmp-mark{width:70px;height:46px;border-radius:6px;display:grid;place-items:center;padding:4px}.cmp .cmp-mark img{height:34px}
.cmp .cmp-find label{display:block;font-weight:750;margin-bottom:6px}.cmp .cmp-find input{padding:12px 15px;font:inherit;width:min(34rem,100%);min-height:46px;color:var(--ink);border:1px solid #9a8da4;border-radius:9px}
.cmp .cmp-find p{font-size:.88rem;margin-top:6px;color:var(--muted)}.cmp .cmp-category{scroll-margin-top:90px}.cmp .cmp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.cmp .cmp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp .cmp-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(180px,.7fr)}}
@media(max-width:700px){.cmp .cmp-hero-grid,.cmp .cmp-plans,.cmp .cmp-join{grid-template-columns:minmax(0,1fr)}.cmp .cmp-duel{max-width:300px;width:100%}.cmp .cmp-duel>div{min-height:60px}.cmp .cmp-duel img{height:30px}.cmp .cmp-join .cmp-primary{justify-self:start}.cmp .cmp-table,.cmp .cmp-table tbody,.cmp .cmp-table tr,.cmp .cmp-table th,.cmp .cmp-table td{display:block;width:100%;height:auto}.cmp .cmp-table thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.cmp .cmp-table tbody th{background:#eeeaf2;font-size:1rem}.cmp .cmp-table td::before{content:attr(data-label);display:block;font-weight:750;color:#412655;margin-bottom:4px}.cmp .cmp-table td{line-height:1.5}.cmp .cmp-cards{grid-template-columns:minmax(0,1fr)}}