/* hnn68u hx1sxv */
:root{
  --v7e0q:#0b1f17;
  --cyrqp8ar:#123626;
  --uv86i69:#f6f4ec;
  --pkrqur:#eeebdd;
  --bb4jwu7:#12170f;
  --i1v5fx4:#4c574c;
  --hzc2jo:#c89b3c;
  --ph59tb0m:#83641c;
  --hsavvhg:#1f6e4a;
  --elr4sd3:#2c8c5f;
  --gnwrd4cb:#bb4a27;
  --cubki:rgba(246,244,236,.16);
  --kmsjvyz:rgba(18,23,15,.14);
  --d5lkf05i:6px;
  --e38rg2vk:#f6f4ec;
  --jeufx:rgba(200,155,60,0.28);
  --cx7gyggj:'Sora',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --dczzbhg9:'Sora',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  /* layout tokens of this variant (v4 "table first") */
  --b5skdpe:1200px;
  --w7qb53:24px;
  --sswis:60px;
  --kt32g3m:48px;
  --oqe2ymbl:color-mix(in srgb,var(--e38rg2vk) 74%,transparent);
  --mxiktae:color-mix(in srgb,var(--e38rg2vk) 9%,transparent);
  --a7voh2wp:color-mix(in srgb,var(--hzc2jo) 12%,var(--uv86i69));
  --zcce7k:color-mix(in srgb,var(--pkrqur) 55%,var(--uv86i69));
  --b7c303s:0 14px 34px color-mix(in srgb,var(--bb4jwu7) 14%,transparent);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--uv86i69);color:var(--bb4jwu7);font-family:var(--dczzbhg9);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.ueolu{max-width:var(--b5skdpe);margin:0 auto;padding:0 var(--w7qb53);}
h1,h2,h3,h4{font-family:var(--cx7gyggj);font-weight:800;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em;}
h1{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:900;}
h2{font-size:clamp(1.45rem,2.5vw,1.95rem);}
h3{font-size:1.1rem;font-weight:700;}
h4{font-size:1rem;font-weight:700;}
p{margin:0 0 1em;}
.abdegdpl{font-size:1.05rem;color:var(--i1v5fx4);}
.ogcug280{font-size:.8rem;}
:focus-visible{outline:3px solid var(--hzc2jo);outline-offset:2px;}
@media (max-width:600px){:root{--w7qb53:16px;}}

/* ---------- page kinds: the hero band carries a marker line in the page's own colour ---------- */
.kb065 .h5wk4ev1{border-top-color:var(--hzc2jo);}
.pcfbz .h5wk4ev1{border-top-color:var(--elr4sd3);}
.mn977y .h5wk4ev1{border-top-color:var(--gnwrd4cb);}
.bysmp .h5wk4ev1{border-top-color:var(--hsavvhg);}
.kqioj .h5wk4ev1{border-top-color:var(--ph59tb0m);}
.jcjd23 .h5wk4ev1{border-top-color:var(--hzc2jo);}

/* ---------- header: a dark brand line, the sections as tabs under it ---------- */
.y9r1i{position:relative;z-index:50;}
.efrpbps8{background:var(--v7e0q);color:var(--e38rg2vk);}
.cekff0o{display:flex;align-items:center;gap:16px;height:var(--sswis);}
/* a league with a long name for the brand («UEFA Champions League»): the brand gives way to the menu button — its name
   takes a second line, then an ellipsis — instead of pushing the button off a phone; a name that fits stays on one line */
.d95lfv{display:flex;align-items:center;gap:8px;font-family:var(--cx7gyggj);font-weight:800;font-size:1.25rem;color:var(--e38rg2vk);min-width:0;line-height:1;}
.d95lfv span{color:var(--hzc2jo);min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.15;}
.d95lfv b{font-weight:800;}
.vm3sva6s{margin-left:auto;background:var(--hzc2jo);color:var(--bb4jwu7);font-weight:700;font-size:.85rem;padding:9px 16px;border-radius:var(--d5lkf05i);white-space:nowrap;}
.vm3sva6s:hover{background:var(--ph59tb0m);color:var(--e38rg2vk);}
.odgeak3r{background:var(--pkrqur);border-bottom:1px solid var(--kmsjvyz);}
.rhtjtrbu{display:flex;align-items:stretch;justify-content:space-between;min-height:var(--kt32g3m);}
.drysnrb,.j6o1sfsp summary{display:inline-flex;align-items:center;gap:6px;height:var(--kt32g3m);padding:0 14px;font-size:.86rem;font-weight:700;color:var(--bb4jwu7);white-space:nowrap;border-bottom:3px solid transparent;border-top:3px solid transparent;cursor:pointer;}
.drysnrb:hover,.j6o1sfsp summary:hover,.j6o1sfsp[open] summary{background:var(--uv86i69);border-bottom-color:var(--hzc2jo);}
.drysnrb:first-child{padding-left:0;}
/* the strip never runs past the page — four guides named after the league, the two menus and the country switcher of a
   site with versions, in a wide font (1081-1440px): a guide's name takes a second line, in balanced halves, instead of
   pushing the last tab off the screen; a strip that fits stays on one line */
.drysnrb{white-space:normal;text-wrap:balance;line-height:1.2;height:auto;min-height:var(--kt32g3m);}
.j6o1sfsp{position:relative;}
.j6o1sfsp summary{list-style:none;}
.j6o1sfsp summary::-webkit-details-marker{display:none;}
.wroyqyt{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;}
.j6o1sfsp[open] .wroyqyt{transform:rotate(-135deg);margin-top:4px;}
.c7b4w4{position:absolute;top:100%;left:0;z-index:60;min-width:260px;background:var(--uv86i69);color:var(--bb4jwu7);border:1px solid var(--kmsjvyz);border-top:3px solid var(--hzc2jo);border-radius:0 0 var(--d5lkf05i) var(--d5lkf05i);padding:8px;box-shadow:var(--b7c303s);max-height:70vh;overflow:auto;}
.c7b4w4 a{display:block;padding:8px 10px;border-radius:4px;font-size:.88rem;font-weight:500;color:var(--bb4jwu7);}
.c7b4w4 a:hover{background:var(--pkrqur);color:var(--ph59tb0m);}
.c7b4w4 .k7pdeor7{font-weight:700;color:var(--ph59tb0m);border-bottom:1px solid var(--kmsjvyz);border-radius:0;padding-bottom:10px;margin-bottom:6px;}
.bmd19uiw .c7b4w4{left:auto;right:0;min-width:320px;}
.pxwkdo{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ph59tb0m);margin:12px 10px 4px;}
.qoqjwz1x{display:none;}
.zg8gom{display:none;list-style:none;cursor:pointer;color:var(--e38rg2vk);font-size:1.45rem;line-height:1;padding:6px 8px;border:1px solid var(--cubki);border-radius:var(--d5lkf05i);}
.zg8gom::-webkit-details-marker{display:none;}
@media (max-width:1180px){.drysnrb,.j6o1sfsp summary{font-size:.8rem;padding:0 9px;}}
@media (max-width:1080px){
  .odgeak3r{display:none;}
  .qoqjwz1x{display:block;position:relative;}
  .zg8gom{display:block;}
  .qoqjwz1x .c7b4w4{position:fixed;top:var(--sswis);left:0;right:0;width:100%;min-width:0;border-radius:0;max-height:calc(100vh - var(--sswis));}
  .vm3sva6s{font-size:.8rem;padding:8px 12px;}
}
/* a phone: the brand line holds the brand and the menu button alone — «Artículos» is in the menu */
@media (max-width:480px){
  .cekff0o .vm3sva6s{display:none;}
  .cekff0o .qoqjwz1x{margin-left:auto;}
}

/* ---------- buttons ---------- */
.awgnbuo{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--dczzbhg9);font-weight:700;font-size:.9rem;line-height:1.2;padding:11px 18px;border-radius:var(--d5lkf05i);border:1px solid transparent;cursor:pointer;white-space:nowrap;}
.kg692{background:var(--hzc2jo);color:var(--bb4jwu7);}
.kg692:hover{background:var(--ph59tb0m);color:var(--e38rg2vk);}
.ymo8i{border-color:var(--bb4jwu7);color:var(--bb4jwu7);}
.ymo8i:hover{background:var(--bb4jwu7);color:var(--uv86i69);}
.xndho5{border-color:var(--oqe2ymbl);color:var(--e38rg2vk);}
.xndho5:hover{background:var(--mxiktae);border-color:var(--e38rg2vk);}
.d42un{padding:8px 14px;font-size:.82rem;}
.fq519j{width:100%;}
.t4kh2oo{display:flex;gap:10px;flex-wrap:wrap;}

/* ---------- compact hero, centred: the title and the lead, then the bar with the chips and the buttons under them,
   each row in the middle ---------- */
.j3gvmro{background:var(--cyrqp8ar);color:var(--e38rg2vk);}
.h5wk4ev1{padding:24px 0 26px;border-top:4px solid var(--hzc2jo);}
.gvrle4{position:relative;text-align:center;}
.abl2m{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:.78rem;color:var(--oqe2ymbl);margin:0 0 12px;}
.abl2m a:hover{color:var(--hzc2jo);}
.h5wk4ev1 h1{color:var(--e38rg2vk);max-width:960px;margin:0 auto .4em;}
.h5wk4ev1 h1 em{font-style:normal;color:var(--hzc2jo);}
.h5wk4ev1 .abdegdpl{color:var(--oqe2ymbl);font-size:1rem;max-width:840px;margin:0 auto;}
.i6czj{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--cubki);}
.fm6trp7{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.jrvonx18{font-size:.76rem;font-weight:600;color:var(--oqe2ymbl);border:1px solid var(--cubki);border-radius:4px;padding:5px 10px;line-height:1.3;}
.jrvonx18 b{color:var(--hzc2jo);}
.j3gvmro .t4kh2oo{margin:0;justify-content:center;}

/* ---------- byline strip ---------- */
.bkqmso{background:var(--uv86i69);border-bottom:1px solid var(--kmsjvyz);}
.so3ho{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:12px 0;}
.i8rbg7{display:flex;align-items:center;gap:10px;}
.pg5uc{width:38px;height:38px;border-radius:50%;background:var(--hsavvhg);color:var(--e38rg2vk);display:flex;align-items:center;justify-content:center;font-family:var(--cx7gyggj);font-weight:800;font-size:.85rem;flex-shrink:0;}
.a5celmt5{background:none;overflow:hidden;}
.a5celmt5 svg,.a5celmt5 img{width:38px;height:38px;border-radius:50%;object-fit:cover;}
.bslna{display:flex;flex-direction:column;gap:1px;}
.u28dic{font-size:.86rem;color:var(--i1v5fx4);}
.gf4ow4qk{font-weight:700;color:var(--bb4jwu7);text-decoration:underline;text-underline-offset:2px;}
.gf4ow4qk:hover{color:var(--hsavvhg);}
.ngj7nq48{font-size:.75rem;color:var(--i1v5fx4);}
.k6bm3l{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.78rem;color:var(--i1v5fx4);}
.k6bm3l a{color:var(--hsavvhg);font-weight:700;}
.k6bm3l a:hover{text-decoration:underline;}

/* ---------- section shells ---------- */
.pwkaz{padding:52px 0;}
.fu0l6mj{background:var(--pkrqur);}
.gfl8qzt{padding:40px 0;}
.xqlqs28z,.b77xl{display:grid;grid-template-columns:1fr auto;gap:4px 24px;align-items:end;margin:0 0 24px;}
.xqlqs28z h2,.b77xl h2{grid-column:1;margin:0;padding-left:14px;border-left:4px solid var(--hzc2jo);}
.xqlqs28z .abdegdpl,.b77xl .abdegdpl{grid-column:1;margin:0;max-width:820px;}
.xqlqs28z .awgnbuo{grid-column:2;grid-row:1 / span 2;align-self:end;}
/* the showcase head has no button beside it: the H2 and the introduction above the ranking as wide as the table */
.b77xl{grid-template-columns:1fr;}
@media (max-width:700px){
  .xqlqs28z,.b77xl{grid-template-columns:1fr;}
  .xqlqs28z .awgnbuo{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px;}
}

/* ---------- shared bits ---------- */
.cgicw6q{display:inline-flex;gap:1px;vertical-align:middle;}
.cgicw6q svg{width:14px;height:14px;}
.bnykg40p{font-family:var(--cx7gyggj);font-weight:800;font-size:1.05rem;color:var(--ph59tb0m);margin-left:6px;}
.he4ljj{border-radius:var(--d5lkf05i);display:flex;align-items:center;justify-content:center;font-family:var(--cx7gyggj);font-weight:800;color:var(--e38rg2vk);flex-shrink:0;}
.mbg18{font-family:var(--cx7gyggj);font-weight:900;letter-spacing:-.02em;}

/* ---------- showcase: a comparison table on desktop, stacked cards on mobile ---------- */
.nbgff{border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);overflow:hidden;background:var(--uv86i69);}
.mdspk{width:100%;border-collapse:collapse;}
.mdspk td,.mdspk th{vertical-align:top;text-align:left;padding:18px 16px;border-top:1px solid var(--kmsjvyz);font-weight:400;}
.z3xif2:first-child td,.z3xif2:first-child th{border-top:0;}
.z3xif2:nth-child(even){background:var(--zcce7k);}
.z3xif2.fawnqyf{background:var(--a7voh2wp);box-shadow:inset 4px 0 0 var(--hzc2jo);}
.tpxwbpvs{width:124px;}
.ts8l605i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background:var(--hsavvhg);color:var(--e38rg2vk);font-family:var(--cx7gyggj);font-weight:800;font-size:1rem;}
.fawnqyf .ts8l605i{background:var(--hzc2jo);color:var(--bb4jwu7);}
.ububmfi{display:block;margin-top:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--i1v5fx4);line-height:1.3;}
.q7kgmhr{width:27%;}
.e5dk9wx1{display:flex;align-items:center;gap:10px;}
.u4ehiju{min-width:0;}
.utn3n26d{margin:0;font-family:var(--cx7gyggj);font-size:1.1rem;line-height:1.2;}
.fe1un{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.d8v4sg{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:96px;padding:6px 10px;border-radius:4px;background:var(--uv86i69);border:1px solid var(--kmsjvyz);flex-shrink:0;}
.d8v4sg img{max-height:30px;max-width:120px;}
.zzee1{font-size:1.02rem;font-weight:800;color:var(--bb4jwu7);}
.m259rat{margin:8px 0 0;font-size:.8rem;color:var(--i1v5fx4);line-height:1.45;}
.znfbcdq{width:240px;}
.fgpw16l{display:flex;flex-wrap:nowrap;align-items:center;gap:4px 6px;white-space:nowrap;}
.fgpw16l > *{flex-shrink:0;}
.fgpw16l .bnykg40p{margin-left:0;}
.dgbl5fo{font-size:.74rem;color:var(--i1v5fx4);}
.ndht1a{list-style:none;margin:0;padding:0;display:grid;gap:6px;}
.ndht1a li{display:flex;gap:7px;align-items:flex-start;font-size:.8rem;line-height:1.4;}
.ndht1a svg{flex-shrink:0;width:15px;height:15px;margin-top:2px;color:var(--hsavvhg);}
.hqrdra{min-width:220px;}
.tac4cf{width:190px;text-align:center;}
.tac4cf .awgnbuo{width:100%;}
.zim0h6{display:block;margin-top:8px;font-size:.76rem;font-weight:700;color:var(--hsavvhg);}
.zim0h6:hover{text-decoration:underline;}
.cixz5{font-size:.76rem;color:var(--i1v5fx4);margin:12px 0 0;}
@media (max-width:1100px){
  .mdspk td,.mdspk th{padding:14px 12px;}
  .tpxwbpvs{width:104px;}
  .znfbcdq{width:236px;}
  .tac4cf{width:160px;}
}
@media (max-width:960px){
  .nbgff{border:0;background:none;overflow:visible;}
  .mdspk,.mdspk tbody,.mdspk tr,.mdspk th,.mdspk td{display:block;width:auto;}
  .z3xif2{border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);background:var(--uv86i69);margin:0 0 14px;padding:6px 0;}
  .z3xif2:nth-child(even){background:var(--uv86i69);}
  .z3xif2.fawnqyf{border-color:var(--hzc2jo);background:var(--a7voh2wp);box-shadow:none;}
  .mdspk td,.mdspk th{border-top:0;padding:8px 18px;}
  .mdspk .tpxwbpvs{display:flex;align-items:center;gap:10px;padding-top:14px;}
  .mdspk .hqrdra{min-width:0;}
  .ububmfi{margin:0;}
  .mdspk .znfbcdq{padding-top:0;}
  .fgpw16l{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 12px;}
  .mdspk .tac4cf{text-align:left;padding-bottom:16px;}
  .tac4cf .awgnbuo{width:100%;}
  .zim0h6{text-align:center;}
}

/* ---------- quick navigation: an anchor bar at the top of the SEO block ---------- */
.u01mj9{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;background:var(--pkrqur);border:1px solid var(--kmsjvyz);border-left:4px solid var(--gnwrd4cb);border-radius:var(--d5lkf05i);margin:0 0 34px;}
.kzwnxv9{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.qbqrgpir{width:32px;height:32px;border-radius:4px;background:var(--gnwrd4cb);color:var(--e38rg2vk);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qbqrgpir svg{width:16px;height:16px;}
.qpv7kil{margin:0;font-family:var(--cx7gyggj);font-weight:800;font-size:.95rem;line-height:1.1;color:var(--bb4jwu7);}
.rx0msi1o{margin:2px 0 0;font-size:.74rem;color:var(--i1v5fx4);}
.wb4v5f32{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;}
.udr2zamc{display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border:1px solid var(--kmsjvyz);border-radius:4px;background:var(--uv86i69);font-size:.8rem;font-weight:600;color:var(--bb4jwu7);line-height:1.25;max-width:100%;}
.udr2zamc:hover{border-color:var(--gnwrd4cb);color:var(--gnwrd4cb);}
.lmnnfh1{font-family:var(--cx7gyggj);font-weight:800;font-size:.66rem;letter-spacing:.04em;color:var(--e38rg2vk);background:var(--bb4jwu7);padding:3px 5px;border-radius:3px;flex-shrink:0;}
.yzw888{display:inline-flex;color:var(--gnwrd4cb);flex-shrink:0;}
.yzw888 svg{width:14px;height:14px;}
.i67jq7{min-width:0;}
.hnarhfs{background:var(--bb4jwu7);border-color:var(--bb4jwu7);color:var(--e38rg2vk);}
.hnarhfs .lmnnfh1{background:var(--hzc2jo);color:var(--bb4jwu7);}
.hnarhfs .yzw888{color:var(--hzc2jo);}
.hnarhfs:hover{border-color:var(--hzc2jo);color:var(--hzc2jo);}
@media (max-width:700px){
  .u01mj9{padding:14px;}
  .kzwnxv9{width:100%;}
  .wb4v5f32{flex-basis:100%;flex-direction:column;align-items:stretch;}
  .udr2zamc{width:100%;white-space:normal;}
}

/* ---------- SEO block: ruled sections, each H3 text under a gold rule — the text at the page's full width, the intro
   paragraphs and every H3 text one under another (the frame's item 5, «SEO-текст на всю ширину страницы») ---------- */
.fp24t{padding:44px 0 52px;}
.bp389{max-width:none;}
.bp389 p{color:var(--i1v5fx4);}
.bp389 strong{color:var(--bb4jwu7);}
.oc4e2b21{padding:30px 0 6px;border-top:1px solid var(--kmsjvyz);display:grid;grid-template-columns:minmax(0,1fr);align-items:start;}
.oc4e2b21 > *{grid-column:1 / -1;min-width:0;}
.oc4e2b21:first-of-type{border-top:0;padding-top:0;}
.k9oqzb9z h2{font-size:clamp(1.4rem,2.4vw,1.85rem);margin:0 0 .65em;padding-left:14px;border-left:4px solid var(--hzc2jo);scroll-margin-top:16px;}
.xn3sqs2{max-width:none;}
.zpw9d{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:4px 0 8px;}
.nlzaaf7{min-width:0;}
.nlzaaf7 h3{font-size:1.06rem;margin:.55em 0 .4em;padding-top:.55em;border-top:2px solid var(--hzc2jo);color:var(--bb4jwu7);}
.bp389 h3{font-size:1.06rem;}
.bp389 h4{margin:1.2em 0 .5em;font-size:1rem;}
.vc9xf{margin:6px 0 22px;}
.vc9xf img{width:100%;height:auto;border-radius:var(--d5lkf05i);}
.vc9xf figcaption{font-size:.78rem;color:var(--i1v5fx4);margin-top:8px;}
.sc6y2k{width:100%;max-width:720px;border-radius:var(--d5lkf05i);}
.t3k2z6{overflow-x:auto;border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);margin:4px 0 22px;background:var(--uv86i69);}
table.h4gt3{width:100%;border-collapse:collapse;font-size:.86rem;min-width:460px;}
table.h4gt3 th{text-align:left;background:var(--bb4jwu7);color:var(--e38rg2vk);padding:11px 14px;font-weight:700;white-space:nowrap;}
table.h4gt3 td{padding:11px 14px;border-top:1px solid var(--kmsjvyz);color:var(--i1v5fx4);}
table.h4gt3 tr:nth-child(even) td{background:var(--zcce7k);}
.bp389 ul,.bp389 ol{color:var(--i1v5fx4);margin:0 0 20px;padding-left:1.35em;display:grid;gap:6px;}
.bp389 li{padding-left:2px;}
.kg7559pa{font-weight:600;color:var(--bb4jwu7);padding-left:14px;border-left:3px solid var(--i1v5fx4);}
.e9fbz{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 20px;margin:22px 0 26px;background:var(--pkrqur);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);}
.lnj1ota{min-width:0;}
.e9fbz p{margin:0;font-size:.9rem;color:var(--i1v5fx4);}
.e9fbz .v7x33{font-family:var(--cx7gyggj);font-weight:800;font-size:1.05rem;color:var(--bb4jwu7);margin:0 0 3px;}
@media (max-width:700px){.e9fbz{grid-template-columns:auto 1fr;}.e9fbz .awgnbuo{grid-column:1 / -1;}}

/* ---------- cards: four columns of articles, four section tiles, related sites ---------- */
/* up to four columns: a block of three cards fills the row, a block of one keeps a card's width */
.emn9sby{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(240px,calc((100% - 54px) / 4)),1fr));gap:18px;}
.emn9sby > *{max-width:600px;}
.ioh3aup{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.kvnsy1mu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:1100px){.ioh3aup{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){.kvnsy1mu{grid-template-columns:1fr;}}
@media (max-width:600px){.ioh3aup{grid-template-columns:1fr;}.emn9sby > *{max-width:none;}}
.yebye6i0,.zhx9l,.wu5c946{display:flex;flex-direction:column;background:var(--uv86i69);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);overflow:hidden;}
.pwkaz:not(.fu0l6mj) .yebye6i0,.pwkaz:not(.fu0l6mj) .zhx9l,.pwkaz:not(.fu0l6mj) .wu5c946{background:var(--pkrqur);}
.yebye6i0:hover,.zhx9l:hover,.wu5c946:hover{border-color:var(--hzc2jo);}
.zhx9l{border-top:4px solid var(--hzc2jo);}
.wu5c946{border-top:4px solid var(--hsavvhg);}
.srqexl6{width:100%;height:auto;border-bottom:1px solid var(--kmsjvyz);}
.codg9f{padding:14px 16px 8px;display:flex;flex-direction:column;gap:8px;flex:1;}
.xts2na{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--hsavvhg);}
.yebye6i0 h3,.zhx9l h3,.wu5c946 h3{margin:0;font-size:1rem;line-height:1.3;}
.zhx9l h3{font-size:1.12rem;}
.codg9f p{margin:0;font-size:.86rem;color:var(--i1v5fx4);flex:1;}
.aznyvnw{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px 14px;margin-top:auto;font-size:.78rem;color:var(--i1v5fx4);}
.q0owt{display:inline-flex;align-items:center;height:42px;padding:6px 10px;border-radius:4px;background:var(--uv86i69);border:1px solid var(--kmsjvyz);align-self:flex-start;}
.q0owt img{max-height:26px;max-width:120px;}

/* ---------- brand summary: the specifications first, the pros and cons beside them ---------- */
.yp1uk{padding-top:44px;}
.qlv1s2ek{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start;}
.w75amgws{border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);overflow:hidden;background:var(--uv86i69);}
.htbw4jh{width:100%;border-collapse:collapse;font-size:.86rem;}
.htbw4jh td{padding:11px 14px;border-top:1px solid var(--kmsjvyz);}
.htbw4jh tr:first-child td{border-top:0;}
.htbw4jh tr:nth-child(even) td{background:var(--zcce7k);}
.htbw4jh td:first-child{color:var(--i1v5fx4);width:44%;}
.htbw4jh td:last-child{font-weight:700;}
.yw3pbrh{display:grid;grid-template-columns:1fr;gap:14px;}
.dx14gydk{background:var(--uv86i69);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);padding:16px 18px;}
.t66fa2{border-left:4px solid var(--hsavvhg);}
.yjfk7{border-left:4px solid var(--gnwrd4cb);}
.dx14gydk h3{margin:0 0 10px;font-size:.98rem;}
.dx14gydk ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.dx14gydk li{display:flex;gap:8px;align-items:flex-start;font-size:.88rem;}
.t66fa2 svg{color:var(--hsavvhg);flex-shrink:0;margin-top:3px;}
.yjfk7 svg{color:var(--gnwrd4cb);flex-shrink:0;margin-top:3px;}
.d7l6e84v{margin:22px 0 0;border-radius:var(--d5lkf05i);overflow:hidden;}
@media (max-width:860px){.qlv1s2ek{grid-template-columns:1fr;}}

/* ---------- FAQ in two columns ---------- */
.ckq5pmsg{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
.gn652zeg{background:var(--pkrqur);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);}
.gn652zeg[open]{border-color:var(--hzc2jo);}
.gn652zeg summary{list-style:none;cursor:pointer;padding:14px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.gn652zeg summary::-webkit-details-marker{display:none;}
.e9jnpp2j{display:inline;font-size:.96rem;font-weight:700;margin:0;line-height:1.4;letter-spacing:0;}
.f9rsj5{width:18px;height:18px;flex-shrink:0;position:relative;margin-top:2px;}
.f9rsj5::before,.f9rsj5::after{content:"";position:absolute;background:var(--bb4jwu7);}
.f9rsj5::before{width:12px;height:2px;top:8px;left:3px;}
.f9rsj5::after{width:2px;height:12px;top:3px;left:8px;}
.gn652zeg[open] .f9rsj5::after{opacity:0;}
.eiooknxy{padding:0 16px 16px;font-size:.9rem;color:var(--i1v5fx4);}
.eiooknxy p{margin:0;}
.eiooknxy a{color:var(--hsavvhg);font-weight:600;text-decoration:underline;}
#preguntas{scroll-margin-top:16px;}
@media (max-width:860px){.ckq5pmsg{grid-template-columns:1fr;}}

/* ---------- footer: a light band of links, a dark band of notices ---------- */
.fupcjl9{font-size:.88rem;}
.ws517mac{background:var(--pkrqur);border-top:1px solid var(--kmsjvyz);}
.t9qxd{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.6fr;gap:28px;padding:44px 0 40px;}
.adbkbp{min-width:0;}
.v23edyt7{font-family:var(--cx7gyggj);font-weight:800;font-size:.9rem;color:var(--bb4jwu7);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--hzc2jo);display:inline-block;}
.t9qxd ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.t9qxd a{color:var(--i1v5fx4);}
.t9qxd a:hover{color:var(--ph59tb0m);}
.dd56txnb .ogcug280{color:var(--i1v5fx4);margin:0 0 8px;}
.qln112{display:flex;align-items:center;gap:8px;font-family:var(--cx7gyggj);font-weight:800;font-size:1.15rem;color:var(--bb4jwu7);margin:0 0 10px;}
.qln112 span{color:var(--ph59tb0m);}
.qln112 b{font-weight:800;}
.i2yume{font-size:.76rem;color:var(--i1v5fx4);margin:0;}
.hb6d06{background:var(--v7e0q);color:var(--oqe2ymbl);}
.ns2ph1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:22px 0;border-bottom:1px solid var(--cubki);}
.ma2p544x,.jkapb2nw{display:flex;flex-wrap:wrap;gap:8px;}
.ek58i,.jkapb2nw span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--cubki);border-radius:4px;padding:6px 10px;font-size:.72rem;color:var(--oqe2ymbl);}
.vbx8p6{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:2px solid var(--hzc2jo);border-radius:50%;color:var(--hzc2jo);font-weight:800;font-size:.66rem;font-family:var(--cx7gyggj);}
.m3vtn{padding:18px 0;text-align:center;font-size:.78rem;}
.m3vtn p{margin:0;}
@media (max-width:960px){.t9qxd{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.t9qxd{grid-template-columns:1fr;gap:22px;padding:34px 0 30px;}}

/* ---------- author page ---------- */
.a7658{padding:34px 0 36px;}
.bo3ruhvr{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.ba7i7170{width:124px;height:124px;border-radius:var(--d5lkf05i);overflow:hidden;border:1px solid var(--cubki);background:var(--mxiktae);flex-shrink:0;}
.ba7i7170 svg,.ba7i7170 img{width:100%;height:100%;object-fit:cover;}
.n0r2dz{flex:1;min-width:260px;}
.n0r2dz .fm6trp7{margin-top:14px;}
/* the author page keeps its hero at the left, as it was — the portrait and the text together, the crumbs, the title,
   the lead and the chips on the text's left edge: the centring of the hero above is the content pages' (item 23) */
.a7658 .gvrle4{text-align:left;}
.a7658 .abl2m,.a7658 .fm6trp7{justify-content:flex-start;}
.a7658 h1,.a7658 .abdegdpl{margin-left:0;margin-right:0;}
.ixahj{color:var(--hzc2jo);font-weight:700;margin:-4px 0 8px;}
.kx3s2{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start;}
.kx3s2 h2{padding-left:14px;border-left:4px solid var(--hzc2jo);}
.kp31porf{background:var(--pkrqur);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);padding:18px;}
.xuytz9l{font-family:var(--cx7gyggj);font-weight:800;font-size:1rem;margin:0 0 10px;color:var(--bb4jwu7);}
.ftk1a{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.ftk1a li{background:var(--uv86i69);border:1px solid var(--kmsjvyz);border-radius:4px;padding:5px 10px;font-size:.8rem;font-weight:600;color:var(--bb4jwu7);}
.o3o0o{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.o3o0o li{display:flex;gap:10px;align-items:flex-start;background:var(--uv86i69);border:1px solid var(--kmsjvyz);border-radius:var(--d5lkf05i);padding:12px 14px;font-weight:600;font-size:.9rem;}
.o3o0o svg{color:var(--hsavvhg);flex-shrink:0;margin-top:3px;}
.xty5qsp{margin:0;padding-left:1.3em;display:grid;gap:10px;max-width:820px;color:var(--i1v5fx4);}
.gbb59q1{display:flex;flex-wrap:wrap;gap:8px;}
.gbb59q1 a{border:1px solid var(--kmsjvyz);background:var(--uv86i69);border-radius:4px;padding:7px 12px;font-size:.84rem;font-weight:600;}
.gbb59q1 a:hover{border-color:var(--hzc2jo);color:var(--ph59tb0m);}
@media (max-width:900px){.o3o0o{grid-template-columns:repeat(2,1fr);}}
@media (max-width:860px){.kx3s2{grid-template-columns:1fr;}}
@media (max-width:600px){.o3o0o{grid-template-columns:1fr;}}

/* the intro paragraphs under a section H2 take the full width of their column */
.b77xl .abdegdpl,.xqlqs28z .abdegdpl,.ftrnotz .abdegdpl{max-width:none;}
/* the introduction above the ranking is two paragraphs, set apart */
.b77xl .abdegdpl+.abdegdpl{margin-top:.6em;}