/*
Theme Name: Akvaryum Tema
Author: Akvaryum Cenneti
Version: 1.0.0
Text Domain: akvaryumtema
*/
:root{
  --bg:#F2F5F4;--surface:#FFFFFF;--sunk:#E9EEEC;--ink:#0E1A1F;--ink-2:#4A5B61;--ink-3:#6E7E83;--rule:#D3DCDA;--rule-2:#E3E9E7;
  --accent:#0A6C80;--accent-ink:#FFFFFF;--accent-tint:#E3F1F4;--accent-hover:#085768;--marker:#E4572E;
  --easy:#2F7D4F;--mid:#9A6200;--hard:#B3402E;
  --glass:rgba(242,245,244,.78);--scrim:rgba(14,26,31,.42);--shadow-float:0 12px 32px rgba(14,40,48,.16);
  --f-display:'Bricolage Grotesque',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-data:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);
  --t-press:140ms;--t-fast:180ms;--t-base:240ms;--t-sheet:360ms;
  --wrap:1240px;--measure:68ch;--hd:64px;--r:6px;--r-lg:8px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0B1417;--surface:#122025;--sunk:#0F1B1F;--ink:#E4EDEB;--ink-2:#9AB0B4;--ink-3:#7C9297;--rule:#22353B;--rule-2:#1A2A2F;
  --accent:#4FB8D4;--accent-ink:#06181D;--accent-tint:#123038;--accent-hover:#7BCDE2;--marker:#F07A55;
  --easy:#5BBF85;--mid:#E0A63A;--hard:#E57863;
  --glass:rgba(11,20,23,.74);--scrim:rgba(0,0,0,.6);--shadow-float:0 12px 32px rgba(0,0,0,.45);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0B1417;--surface:#122025;--sunk:#0F1B1F;--ink:#E4EDEB;--ink-2:#9AB0B4;--ink-3:#7C9297;--rule:#22353B;--rule-2:#1A2A2F;
  --accent:#4FB8D4;--accent-ink:#06181D;--accent-tint:#123038;--accent-hover:#7BCDE2;--marker:#F07A55;
  --easy:#5BBF85;--mid:#E0A63A;--hard:#E57863;
  --glass:rgba(11,20,23,.74);--scrim:rgba(0,0,0,.6);--shadow-float:0 12px 32px rgba(0,0,0,.45);color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--ink);margin:0;text-wrap:balance;letter-spacing:-.015em;font-optical-sizing:auto}
h1{font-size:clamp(2rem,1.4rem + 3vw,3.25rem);line-height:1.06;font-weight:750;letter-spacing:-.025em}
h2{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.125rem);line-height:1.15;font-weight:700}
h3{font-size:1.25rem;line-height:1.3;font-weight:650}
p{margin:0;text-wrap:pretty}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
::selection{background:var(--accent-tint)}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:16px}
@media (min-width:768px){.wrap{padding-inline:32px}}
.label{font:600 .75rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
[hidden]{display:none!important}
.nt{text-transform:none!important}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:var(--r)}
.skip:focus{top:12px}
.n,.mono{font-family:var(--f-data);font-variant-numeric:tabular-nums slashed-zero}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
.btn:active{transform:scale(.98)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule)}
.btn--ghost:hover{background:var(--surface);color:var(--ink);border-color:var(--ink-3)}
.btn i{font-size:.85em}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9375rem;text-decoration:none;color:var(--accent)}
.more i{font-size:.8em;transition:transform var(--t-fast) var(--ease-out)}
.more:hover i{transform:translateX(3px)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--ink);font-size:.8125rem;line-height:1.3;text-decoration:none;transition:border-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
a.chip:hover{border-color:var(--accent);color:var(--ink)}
a.chip:active,button.chip:active{transform:scale(.97)}
.chip small{color:var(--ink-3);font-size:.75rem}
.chip--quiet{background:transparent;color:var(--ink-2)}
.chip--x{cursor:pointer}
.chip--x i{font-size:.7rem;color:var(--ink-3)}
.ph{display:grid;place-items:center;width:100%;height:100%;background:var(--sunk);color:var(--ink-3);font-size:1.75rem}

.meter{display:inline-flex;align-items:center;gap:8px;font:500 .875rem var(--f-body);white-space:nowrap}
.meter__bars{display:inline-flex;gap:3px}
.meter__bars b{width:14px;height:6px;border-radius:2px;background:var(--rule)}
.meter--kolay .on{background:var(--easy)}.meter--orta .on{background:var(--mid)}.meter--zor .on{background:var(--hard)}

.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--bg);border-bottom:1px solid transparent;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}
.hd.is-scrolled{background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-bottom-color:var(--rule)}
.hd.is-hidden{transform:translateY(-100%)}
.hd__in{max-width:var(--wrap);margin-inline:auto;padding-inline:16px;height:var(--hd);display:flex;align-items:center;gap:24px}
@media (min-width:768px){.hd__in{padding-inline:32px}}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex-shrink:0}
.brand:hover{color:var(--ink)}
.brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--accent);color:var(--accent-ink);font-size:1rem}
.brand__word{font:700 1.1875rem/1 var(--f-display);letter-spacing:-.02em}
.brand__word b{font-weight:700;color:var(--accent);margin-left:2px}
.brand__logo{height:40px;width:auto}
.nav{display:none;align-items:center;gap:4px;margin-left:8px}
@media (min-width:960px){.nav{display:flex}}
.nav__a,.nav__btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--r);border:0;background:none;color:var(--ink-2);font-weight:500;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}
.nav__a:hover,.nav__btn:hover,.nav__btn[aria-expanded="true"]{color:var(--ink);background:var(--sunk)}
.nav__a.is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--marker)}
.nav__btn i{font-size:.65rem;transition:transform var(--t-fast) var(--ease-out)}
.nav__btn[aria-expanded="true"] i{transform:rotate(180deg)}
.hd__tools{display:flex;align-items:center;gap:4px;margin-left:auto}
.tool{display:inline-grid;grid-auto-flow:column;align-items:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border:1px solid transparent;border-radius:var(--r);background:none;color:var(--ink-2);cursor:pointer;justify-content:center;transition:color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
.tool:hover{color:var(--ink);background:var(--sunk)}
.tool:active{transform:scale(.96)}
.tool--search{border-color:var(--rule);background:var(--surface)}
.tool--search span{display:none;font-size:.875rem}
.tool--search kbd{display:none;font:500 .6875rem var(--f-data);padding:2px 6px;border:1px solid var(--rule);border-radius:4px;color:var(--ink-3)}
@media (min-width:768px){.tool--search{min-width:180px;justify-content:start}.tool--search span{display:inline}.tool--search kbd{display:inline;margin-left:auto}}
.tool--menu{display:inline-grid}
@media (min-width:960px){.tool--menu{display:none}}
.mega{border-top:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow-float)}
.mega__in{max-width:var(--wrap);margin-inline:auto;padding:20px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega__item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);text-decoration:none;color:var(--ink);transition:background-color var(--t-fast) var(--ease-out)}
.mega__item:hover{background:var(--sunk);color:var(--ink)}
.mega__item i{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--accent-tint);color:var(--accent);font-size:.95rem;flex-shrink:0}
.mega__item b{display:block;font-weight:600}
.mega__item small{color:var(--ink-3);font-size:.8125rem}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}

.drawer{position:fixed;inset:0;z-index:60}
.drawer__scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;transition:opacity var(--t-base) var(--ease-out)}
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--surface);padding:calc(env(safe-area-inset-top,0px) + 12px) 16px calc(env(safe-area-inset-bottom,0px) + 24px);overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);transition:transform 220ms var(--ease-drawer);display:flex;flex-direction:column;gap:2px}
.drawer.is-open .drawer__scrim{opacity:1}
.drawer.is-open .drawer__panel{transform:none;transition-duration:320ms}
.drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.drawer__label{margin:16px 12px 6px}
.drawer__a{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 12px;border-radius:var(--r);color:var(--ink);text-decoration:none;font-weight:500}
.drawer__a:hover{background:var(--sunk);color:var(--ink)}
.drawer__a i{width:20px;color:var(--accent);text-align:center}

.srch{border:0;padding:0;margin:12vh auto 0;width:min(640px,calc(100vw - 32px));max-height:76vh;background:var(--surface);color:var(--ink);border-radius:12px;box-shadow:var(--shadow-float);overflow:visible}
.srch::backdrop{background:var(--scrim)}
.srch[open]{animation:pop 200ms var(--ease-out)}
.srch.no-anim[open]{animation:none}
@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.srch__form{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-bottom:1px solid var(--rule)}
.srch__form>i{color:var(--ink-3)}
.srch__form input{flex:1;min-width:0;height:52px;border:0;background:none;font-size:1.125rem;outline:none}
.srch__quick{padding:16px 20px 20px;display:grid;gap:10px}
.sug{list-style:none;margin:0;padding:6px;display:grid;gap:2px}
.sug li a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;border-radius:var(--r);color:var(--ink);text-decoration:none}
.sug li a small{color:var(--ink-3);font-style:italic;font-size:.8125rem}
.sug li a:hover,.sug li a[aria-selected="true"]{background:var(--sunk)}
.sug li a i{color:var(--accent);margin-right:10px;font-size:.85rem}

.hero{padding-block:48px 32px}
@media (min-width:768px){.hero{padding-block:88px 48px}}
.hero__in{display:grid;gap:20px}
.hero__title{max-width:16ch;font-size:clamp(2.25rem,1.5rem + 4vw,4.25rem)}
.hero__sub{max-width:52ch;font-size:1.125rem;color:var(--ink-2)}
.hero__search{position:relative;display:flex;align-items:center;gap:10px;max-width:640px;margin-top:8px;padding:6px 6px 6px 18px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}
.hero__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.hero__search>i{color:var(--ink-3)}
.hero__search input{flex:1;min-width:0;height:48px;border:0;background:none;font-size:1.0625rem;outline:none}
.hero__search .sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:var(--surface);border:1px solid var(--rule);border-radius:10px;box-shadow:var(--shadow-float)}
.hero__search--inline{margin-top:16px}
.hero__quick{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.9375rem;color:var(--ink-3)}
.hero__quick a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--rule)}
.hero__quick a:hover{color:var(--accent);text-decoration-color:currentColor}
.band{margin:0;max-width:1600px;margin-inline:auto;aspect-ratio:16/9;background:var(--sunk);overflow:hidden}
@media (min-width:768px){.band{aspect-ratio:21/9;margin-inline:auto;width:calc(100% - 64px);border-radius:4px}}
@media (min-width:1664px){.band{width:1600px}}
.band img{width:100%;height:100%;object-fit:cover}

.sec{padding-block:56px}
@media (min-width:768px){.sec{padding-block:88px}}
.sec--flush{padding-top:0}
.sec--tint{background:var(--sunk)}
.sec+.sec:not(.sec--tint):not(.week):not(.trust){border-top:1px solid var(--rule)}
.sec__head{display:grid;gap:8px;margin-bottom:28px;max-width:64ch}
.sec__head p{color:var(--ink-2)}
.sec__head--split{max-width:none;grid-template-columns:1fr auto;align-items:end;gap:16px}
.sec__head--split p{max-width:60ch;margin-top:8px}

.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{min-height:44px;padding:0 20px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--ink);font:500 .9375rem var(--f-data);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
.seg button:hover{border-color:var(--ink-3)}
.seg button:active{transform:scale(.97)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.count{margin:16px 0;font-size:.9375rem;color:var(--ink-2)}
.count b{font:500 1rem var(--f-data);color:var(--ink);font-variant-numeric:tabular-nums;display:inline-block;transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}
.count b.is-tick{opacity:0;transform:translateY(4px)}
.count a{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-weight:500;text-decoration:none}
.count a i{font-size:.75em}
.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
@media (min-width:1100px){.shelf{grid-auto-columns:calc((100% - 36px)/4)}}
.shelf>.spc{scroll-snap-align:start}
.spc{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--t-fast) var(--ease-out)}
.spc:hover{border-color:var(--ink-3)}
.spc[hidden]{display:none}
.spc.is-in{animation:fadein 200ms var(--ease-out) both}
@keyframes fadein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.spc__img{aspect-ratio:16/10;background:var(--sunk);overflow:hidden}
.spc__img img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.spc:hover .spc__img img{transform:scale(1.03)}}
.spc__body{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;flex:1}
.spc__name{font-size:1.125rem;font-weight:650}
.spc__name a{color:var(--ink);text-decoration:none}
.spc__name a::after{content:"";position:absolute;inset:0}
.spc__name a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.spc__sci{font-style:italic;color:var(--ink-3);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spc__strip{margin-top:10px;font:500 .8125rem var(--f-data);color:var(--ink-2);font-variant-numeric:tabular-nums}
.spc__foot{margin-top:auto;padding-top:12px}

.table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right,var(--surface) 30%,transparent),linear-gradient(to left,var(--surface) 30%,transparent),linear-gradient(to right,rgba(14,26,31,.1),transparent),linear-gradient(to left,rgba(14,26,31,.1),transparent);background-position:left center,right center,left center,right center;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}
table{border-collapse:collapse;width:100%;font-size:.9375rem}
.table-wrap table{min-width:640px}
th,td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule-2)}
thead th{font:600 .75rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--sunk);border-bottom:1px solid var(--rule);white-space:nowrap}
tbody tr:last-child>*{border-bottom:0}
tbody th{font-weight:600}
tbody th a{color:var(--ink);text-decoration:none}
tbody th a:hover{color:var(--accent);text-decoration:underline}
tbody th small{display:block;font-weight:400;font-style:italic;color:var(--ink-3);font-size:.8125rem}
td.n{white-space:nowrap}
.data tbody th{position:sticky;left:0;background:var(--surface);z-index:1}
.data tr.is-self>*{background:var(--accent-tint)}
.data--sortable thead button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.data--sortable thead button::after{content:"\f0dc";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;color:var(--ink-3)}
.data--sortable thead button[data-dir="asc"]::after{content:"\f0de";color:var(--accent)}
.data--sortable thead button[data-dir="desc"]::after{content:"\f0dd";color:var(--accent)}
.data--sortable thead button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.week{background:var(--accent-tint)}
.week__in{display:grid;gap:14px}
.week__in>*{max-width:820px}
.week__label{display:flex;align-items:center;gap:8px;color:var(--accent)}
.week__q{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.25rem)}
.week__q a{color:var(--ink);text-decoration:none}
.week__q a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.week__a{font-size:1.125rem;line-height:1.65;color:var(--ink)}

.index{display:grid;gap:0 48px;border-top:1px solid var(--rule)}
@media (min-width:860px){.index{grid-template-columns:1fr 1fr}}
.index__item{padding:22px 0;border-bottom:1px solid var(--rule)}
.index__head{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink)}
.index__head:hover{color:var(--ink)}
.index__head>i:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--accent-tint);color:var(--accent);font-size:1.05rem;flex-shrink:0}
.index__head b{display:block;font:650 1.25rem/1.2 var(--f-display)}
.index__head small{color:var(--ink-3);font:500 .8125rem var(--f-data)}
.index__go{margin-left:auto;color:var(--ink-3);font-size:.85rem;transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.index__head:hover .index__go{transform:translateX(3px);color:var(--accent)}
.index__item ul{list-style:none;margin:14px 0 0 60px;padding:0;display:grid;gap:8px}
.index__item li a{color:var(--ink-2);text-decoration:none;font-size:.9375rem}
.index__item li a:hover{color:var(--accent);text-decoration:underline}

.latest{display:grid;gap:32px}
@media (min-width:960px){.latest{grid-template-columns:1.15fr 1fr;gap:48px}}
.lead{display:grid;gap:10px;align-content:start}
.lead__img{display:block;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--sunk);margin-bottom:6px}
.lead__img img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.lead:hover .lead__img img{transform:scale(1.03)}}
.lead__title{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
.lead__title a,.row__title a{color:var(--ink);text-decoration:none}
.lead__title a:hover,.row__title a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.lead p{color:var(--ink-2)}
.latest__list{display:grid;border-top:1px solid var(--rule)}

.row{position:relative;display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:start}
.row--plain{grid-template-columns:1fr}
@media (min-width:640px){.row{grid-template-columns:200px 1fr;gap:24px}.row--plain{grid-template-columns:1fr}}
.row__img{aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--sunk)}
.row__img img{width:100%;height:100%;object-fit:cover}
.row__body{display:grid;gap:6px;min-width:0}
.row__cat{color:var(--accent)}
.row__title{font-size:1.125rem;line-height:1.3}
@media (min-width:640px){.row__title{font-size:1.25rem}}
.row__title a::after{content:"";position:absolute;inset:0}
.row__ex{color:var(--ink-2);font-size:.9375rem}
.row__meta{font:500 .8125rem var(--f-data);color:var(--ink-3)}
.list{border-top:1px solid var(--rule)}
.grid{display:grid;gap:16px}
@media (min-width:640px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}}
.grid .row{border-bottom:0;border-top:1px solid var(--rule);grid-template-columns:1fr}
.grid__cell{display:flex}
.grid__cell>.spc{flex:1}
.grid__cell[hidden]{display:none}

.trust__in{display:grid;gap:32px}
@media (min-width:900px){.trust__in{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.trust__in>div{display:grid;gap:14px}
.trust__in>div p{color:var(--ink-2);max-width:56ch}
.trust__list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule)}
.trust__list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--rule)}
.trust__list i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--accent-tint);color:var(--accent);flex-shrink:0}
.trust__list b{display:block;font-weight:600}
.trust__list span{color:var(--ink-2);font-size:.9375rem}

.crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:.8125rem;color:var(--ink-3)}
.crumb li{display:inline-flex;align-items:center}
.crumb li+li::before{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.55rem;margin:0 10px;color:var(--ink-3)}
.crumb a{color:var(--ink-2);text-decoration:none}
.crumb a:hover{color:var(--accent);text-decoration:underline}

.article__head{display:grid;gap:14px;padding-block:28px 28px}
@media (min-width:768px){.article__head{padding-block:40px 36px}}
.article__cat{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;justify-self:start}
.article__title{max-width:22ch;font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem)}
.byline{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.875rem;color:var(--ink-2)}
.byline span{display:inline-flex;align-items:center;gap:8px}
.byline i{color:var(--ink-3)}
.article__grid{display:grid;gap:24px;padding-bottom:56px}
@media (min-width:1100px){.article__grid{grid-template-columns:240px minmax(0,var(--measure));gap:56px;justify-content:start}}
.article__main{min-width:0;display:grid;gap:28px;align-content:start;max-width:var(--measure)}
.article__fig{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--sunk);aspect-ratio:4/3}
.article__fig img{width:100%;height:100%;object-fit:cover}
.article__tags{margin-top:-4px}

.toc{min-width:0}
@media (min-width:1100px){.toc{order:-1}.toc__box{position:sticky;top:calc(var(--hd) + 24px);max-height:calc(100vh - var(--hd) - 48px);overflow:auto}}
.toc__box{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);padding:4px 16px}
@media (min-width:1100px){.toc__box{border:0;background:none;padding:0}}
.toc__box summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:48px}
.toc__box summary::-webkit-details-marker{display:none}
.toc__box summary span{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-3)}
.toc__box summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;color:var(--ink-3);transition:transform var(--t-fast) var(--ease-out)}
.toc__box[open] summary::after{transform:rotate(180deg)}
@media (min-width:1100px){.toc__box summary{pointer-events:none;min-height:0;margin-bottom:12px}.toc__box summary::after{display:none}}
.toc ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:2px;border-left:1px solid var(--rule);position:relative}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink-2);text-decoration:none;font-size:.875rem;line-height:1.4;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}
.toc a:hover{color:var(--ink)}
.toc a.is-active{color:var(--ink);border-left-color:var(--marker);font-weight:500}

.answer{display:grid;gap:10px;padding:18px 20px;background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:0 var(--r-lg) var(--r-lg) 0}
.answer__label{display:flex;align-items:center;gap:8px;font:600 .75rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.answer p{font-size:1.0625rem;line-height:1.65;color:var(--ink)}
.answer__kv{display:flex;flex-wrap:wrap;gap:4px 16px;font:500 .8125rem var(--f-data);color:var(--ink-2);font-variant-numeric:tabular-nums}
.answer__kv span{white-space:nowrap}

.prose{font-size:1.0625rem;line-height:1.75;color:var(--ink);min-width:0}
@media (min-width:768px){.prose{font-size:1.125rem}}
.prose>*+*{margin-top:1.1em}
.prose h2{margin-top:2.2em;font-size:clamp(1.5rem,1.25rem + 1vw,1.875rem);scroll-margin-top:calc(var(--hd) + 16px)}
.prose h3{margin-top:1.8em;font-size:1.25rem;scroll-margin-top:calc(var(--hd) + 16px)}
.prose h2+*,.prose h3+*{margin-top:.6em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose li::marker{color:var(--accent)}
.prose strong{font-weight:600}
.prose blockquote{margin-left:0;padding:4px 0 4px 18px;border-left:2px solid var(--rule);color:var(--ink-2)}
.prose .table-wrap{margin-block:1.6em;font-size:.9375rem;line-height:1.5}
.prose figure{margin:1.6em 0}
.prose figure img{border-radius:var(--r-lg);width:100%}
.prose figcaption{margin-top:8px;font-size:.8125rem;color:var(--ink-3)}
.prose a{text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.prose a:hover{text-decoration-color:currentColor}
.hlink{display:inline-flex;margin-left:10px;font-size:.6em;vertical-align:middle;color:var(--ink-3);opacity:0;text-decoration:none;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
h2:hover .hlink,h3:hover .hlink,.hlink:focus-visible{opacity:1}
.hlink:hover{color:var(--accent)}
@media (hover:none){.hlink{opacity:.45}}
.hlink.is-copied{opacity:1;color:var(--easy)}

.faq{display:grid;gap:0;border-top:1px solid var(--rule);padding-top:28px}
.faq h2{font-size:1.5rem;margin-bottom:12px}
.faq__item{border-bottom:1px solid var(--rule)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;font-size:1.0625rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--rule);border-radius:50%;font-size:.75rem;color:var(--ink-2);transition:transform 200ms var(--ease-out),background-color var(--t-fast) var(--ease-out)}
.faq__item[open] summary i{transform:rotate(45deg);background:var(--sunk)}
.faq__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 180ms var(--ease-out)}
.faq__item[open] .faq__body{grid-template-rows:1fr;transition-duration:240ms}
.faq__body>div{overflow:hidden}
.faq__body p{padding-bottom:18px;color:var(--ink-2);line-height:1.7}
.note{display:flex;gap:12px;padding:14px 16px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);font-size:.9375rem;color:var(--ink-2)}
.note i{color:var(--accent);margin-top:4px}
.sources{display:grid;gap:10px}
.sources ol{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:.875rem}
.sources a{color:var(--ink-2);word-break:break-word}
.sources__credit{font-size:.8125rem;color:var(--ink-3)}
.authorbox{display:flex;gap:16px;padding:20px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.authorbox__icon{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--accent-tint);color:var(--accent);font-size:1.1rem}
.authorbox>div{display:grid;gap:6px}
.authorbox p{color:var(--ink-2);font-size:.9375rem}
.authorbox a{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9375rem;text-decoration:none}
.authorbox a i{font-size:.75em}

.species__head{display:grid;gap:10px;padding-block:28px 24px}
@media (min-width:768px){.species__head{padding-block:40px 32px}}
.species__title{font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem)}
.species__sci{font-style:italic;font-size:1.125rem;color:var(--ink-2)}
.species__grid{display:grid;gap:28px;padding-bottom:56px}
@media (min-width:1000px){.species__grid{grid-template-columns:minmax(0,1fr) 380px;column-gap:56px;align-items:start}.species__side{grid-column:2;grid-row:1 / span 2}.species__main,.species__body{grid-column:1}.species__main>*{max-width:var(--measure)}}
@media (min-width:1000px) and (min-height:1180px){.species__side{position:sticky;top:calc(var(--hd) + 20px)}}
.species__main{display:grid;gap:24px;min-width:0}
.species__body{display:grid;gap:32px;min-width:0;max-width:var(--measure)}
.species__fig{margin:0;display:grid;gap:8px}
.species__fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg);background:var(--sunk)}
.species__fig figcaption{font-size:.75rem;color:var(--ink-3)}
.compare{display:grid;gap:16px}
.compare h2{font-size:1.5rem}

.kunye{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
.kunye__head{display:block;padding:14px 18px;border-bottom:1px solid var(--rule);font-size:.75rem}
.kunye__rulers{display:grid;gap:18px;padding:18px;border-bottom:1px solid var(--rule)}
.ruler{display:grid;gap:7px}
.ruler__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ruler__val{font:500 1.5rem/1 var(--f-data);font-variant-numeric:tabular-nums;color:var(--ink)}
.ruler__track{position:relative;display:block;height:6px;background:var(--rule-2);border-radius:3px}
.ruler__track span{position:absolute;top:0;bottom:0;left:var(--l);width:var(--w);background:var(--accent);border-radius:3px;transform-origin:left;animation:fill 500ms var(--ease-out) 120ms both}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ruler__scale{display:flex;justify-content:space-between;font:500 .6875rem var(--f-data);color:var(--ink-3)}
.kunye__grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--rule-2);border-bottom:1px solid var(--rule)}
.kunye__grid>div{background:var(--surface);padding:12px 18px;display:grid;gap:4px;align-content:start}
.kunye__grid dt{font:600 .6875rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);hyphens:auto}
.kunye__grid dd{margin:0;font:500 1rem var(--f-data);font-variant-numeric:tabular-nums}
.kunye__grid dd.txt{font-family:var(--f-body);font-weight:500}
.kunye__row{padding:14px 18px;border-bottom:1px solid var(--rule);display:grid;gap:4px}
.kunye__row p{font-size:.9375rem;color:var(--ink-2)}
.kunye__compat{padding:16px 18px;display:grid;gap:14px}
.kunye__compat:empty{display:none}
.compat{display:grid;gap:8px}
.compat .label{display:flex;align-items:center;gap:6px}
.compat .chip:has(small){flex-direction:column;align-items:flex-start;gap:0;border-radius:10px;padding:6px 12px}
.compat .chip small{font-size:.75rem;line-height:1.35}
.compat--ok .label i{color:var(--easy)}.compat--warn .label i{color:var(--mid)}.compat--no .label i{color:var(--hard)}
.kunye__src{padding:12px 18px;border-top:1px solid var(--rule);font-size:.75rem;color:var(--ink-3)}

.arch-head{display:grid;gap:12px;padding-block:28px 32px}
@media (min-width:768px){.arch-head{padding-block:40px 48px}}
.arch-head__lead{max-width:64ch;font-size:1.0625rem;color:var(--ink-2)}
.arch-head__meta{font:500 .8125rem var(--f-data);color:var(--ink-3)}
.arch-head__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:var(--accent-tint);color:var(--accent);font-size:1.25rem;margin-top:8px}
.arch{display:grid;gap:32px;padding-bottom:72px}
@media (min-width:1000px){.arch{grid-template-columns:264px minmax(0,1fr);gap:48px;align-items:start}}
.arch__main{min-width:0}
.arch__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--rule);margin-bottom:16px}
.arch__bar .count{margin:0}
.arch__tools{display:flex;align-items:center;gap:8px}
.arch__tools select,.filters select{height:44px;padding:0 36px 0 12px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);font-size:.9375rem;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.toggle{display:inline-flex;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.toggle button{width:44px;height:42px;border:0;background:var(--surface);color:var(--ink-3);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.toggle button+button{border-left:1px solid var(--rule)}
.toggle button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.arch__active{margin-bottom:16px}
.arch__active:empty{display:none}
.empty{display:grid;justify-items:center;gap:14px;text-align:center;padding:56px 16px;border:1px dashed var(--rule);border-radius:var(--r-lg);color:var(--ink-2)}
.empty>i{font-size:1.75rem;color:var(--ink-3)}
.empty[hidden]{display:none}

.filters__sheet{display:grid;gap:4px}
.filters__handle,.filters__top{display:none}
.filters__form{display:grid;gap:22px}
.filters fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.filters legend{padding:0;margin-bottom:10px}
.filters select{width:100%}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{position:relative;cursor:pointer}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pill span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);font-size:.875rem;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
.pill:hover span{border-color:var(--ink-3)}
.pill input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.pill:active span{transform:scale(.97)}
.filters__actions{display:flex;gap:8px}
.filters__actions .btn{flex:1}
.js .filters__actions [data-apply-filters]{display:none}
.filters__open{display:inline-flex}
@media (min-width:1000px){.filters__open{display:none}.filters{position:sticky;top:calc(var(--hd) + 20px)}.js .filters__actions{display:block}.js .filters__actions .btn{width:100%}}
.sheet-scrim{position:fixed;inset:0;z-index:55;background:var(--scrim);opacity:0;transition:opacity var(--t-base) var(--ease-out)}
.sheet-scrim.is-on{opacity:1}
@media (max-width:999.98px){
  .js .filters{position:fixed;left:0;right:0;bottom:0;z-index:58;transform:translateY(100%);transition:transform 240ms var(--ease-drawer),visibility 0s linear 240ms;visibility:hidden}
  .js .filters.is-open{transform:none;transition:transform var(--t-sheet) var(--ease-drawer),visibility 0s;visibility:visible}
  .js .filters.is-dragging{transition:none}
  .js .filters__sheet{background:var(--surface);border-radius:16px 16px 0 0;box-shadow:var(--shadow-float);max-height:86vh;overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(env(safe-area-inset-bottom,0px) + 16px)}
  .js .filters__handle{display:grid;place-items:center;height:28px;cursor:grab;touch-action:none;position:sticky;top:0;background:var(--surface)}
  .js .filters__handle span{width:40px;height:4px;border-radius:2px;background:var(--rule)}
  .js .filters__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
  .js .filters__actions{position:sticky;bottom:calc(-1 * (env(safe-area-inset-bottom,0px) + 16px));background:var(--surface);padding:12px 0 calc(env(safe-area-inset-bottom,0px) + 16px);margin-bottom:calc(-1 * (env(safe-area-inset-bottom,0px) + 16px));border-top:1px solid var(--rule)}
  .js .filters__actions [data-apply-filters]{display:inline-flex}
  .filters__open span:empty{display:none}
}
.no-scroll{overflow:hidden;scrollbar-gutter:stable}

.start{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:900px){.start{grid-template-columns:repeat(3,1fr);gap:20px}}
.start li{display:flex;gap:16px;padding:20px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.start__n{font:500 1.5rem/1 var(--f-data);color:var(--marker)}
.start h3{font-size:1.125rem}
.start h3 a{color:var(--ink);text-decoration:none}
.start h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
.start p{margin-top:6px;font-size:.9375rem;color:var(--ink-2)}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px}
.doc-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:var(--r);color:var(--ink);text-decoration:none;font:500 .9375rem var(--f-data);background:var(--surface)}
.doc-numbers.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.doc-numbers:hover{border-color:var(--ink-3);color:var(--ink)}
.res__label{margin:8px 0 16px}
.res__block{margin-bottom:40px}
.more-line{margin-top:32px}

.doc{display:grid;gap:16px;padding-block:28px 72px;max-width:calc(var(--measure) + 64px)}
.doc--wide{max-width:var(--wrap)}
.doc__title{margin-top:4px}
.doc__meta{font:500 .8125rem var(--f-data);color:var(--ink-3)}
.doc__lead{max-width:68ch;font-size:1.0625rem;color:var(--ink-2)}
.doc__note{font-size:.875rem;line-height:1.6;color:var(--ink-3);max-width:110ch;margin:8px auto 0;text-align:center}
.doc .prose{margin-top:12px}
.doc>.btn{justify-self:start}
.values{list-style:none;margin:16px 0;padding:0;display:grid;gap:12px}
@media (min-width:768px){.values{grid-template-columns:repeat(3,1fr)}}
.values li{display:grid;gap:8px;padding:20px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.values i{color:var(--accent);font-size:1.1rem}
.values p{font-size:.9375rem;color:var(--ink-2)}
.tablebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.tablebar .count{margin:0}
.field{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);min-width:min(320px,100%)}
.field input{flex:1;min-width:0;border:0;background:none;outline:none}
.field i{color:var(--ink-3)}
.field:focus-within{border-color:var(--accent)}
.contact{display:grid;gap:32px}
@media (min-width:900px){.contact{grid-template-columns:1fr 1fr;gap:56px}}
.contact__list{list-style:none;padding:0;display:grid;gap:10px}
.contact__list li{display:flex;align-items:center;gap:12px}
.contact__list i{color:var(--accent);width:20px}
.form{display:grid;gap:16px;padding:24px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
.form label{display:grid;gap:6px;font-weight:500;font-size:.9375rem}
.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--rule);border-radius:var(--r);background:var(--bg)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.form .hp{position:absolute;left:-9999px}
.form__msg{padding:12px 14px;border-radius:var(--r);font-size:.9375rem}
.form__msg--ok{background:var(--accent-tint);color:var(--ink)}
.form__msg--err{background:color-mix(in srgb,var(--hard) 14%,transparent);color:var(--ink)}

.nf{display:grid;justify-items:start;gap:16px;padding-block:72px 96px;max-width:720px}
.nf__code{font:500 1rem var(--f-data);color:var(--marker)}
.nf p{color:var(--ink-2);font-size:1.0625rem}
.nf .hero__search{width:100%}
.nf__chips{margin-top:8px}

.ft{border-top:1px solid var(--rule);background:var(--surface)}
.ft__in{max-width:var(--wrap);margin-inline:auto;padding:56px 16px 40px;display:grid;gap:32px}
@media (min-width:768px){.ft__in{padding-inline:32px;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}}
.ft__brand{display:grid;gap:14px;align-content:start}
.ft__brand p{color:var(--ink-2);font-size:.9375rem;max-width:36ch}
.ft__col{display:grid;gap:12px;align-content:start}
.ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft__col a{color:var(--ink-2);text-decoration:none;font-size:.9375rem}
.ft__col a:hover{color:var(--accent);text-decoration:underline}
.ft__bar{max-width:var(--wrap);margin-inline:auto;padding:18px 16px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8125rem;color:var(--ink-3)}
@media (min-width:768px){.ft__bar{padding-inline:32px}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-property:opacity,color,background-color,border-color!important;scroll-behavior:auto!important}
  .ruler__track span{transform:none}
}
@media (prefers-reduced-transparency:reduce){.hd.is-scrolled{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media print{.hd,.ft,.toc,.drawer,.search,.filters,.hlink{display:none!important}body{background:#fff;color:#000}}

.prose figure+h2,.article__fig+.prose>h2:first-child{margin-top:1.4em}
.article__main>.prose>h2:first-child,.species__body>.prose>h2:first-child{margin-top:.4em}
@media (max-width:639px){
  .crumb li[aria-current]{display:none}
  .crumb li:nth-last-child(2)::after{content:""}
  .sec .data tbody th small{display:none}
  .data tbody th{min-width:130px}
  .sec .data th:nth-child(5),.sec .data td:nth-child(5){display:none}
  .sec .table-wrap table{min-width:480px}
}

.ab-hero{display:grid;gap:40px;padding-block:28px 56px;align-items:center}
@media (min-width:1000px){.ab-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;padding-block:40px 88px}}
.ab-hero__text{display:grid;gap:18px;align-content:start}
.ab-eyebrow{color:var(--accent);margin-top:12px}
.ab-hero__title{font-size:clamp(2.25rem,1.5rem + 3.4vw,4rem);line-height:1.04;max-width:14ch}
.ab-hero__lead{font-size:1.125rem;line-height:1.7;color:var(--ink-2);max-width:56ch}
.ab-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ab-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ab-mosaic__item{position:relative;display:block;aspect-ratio:4/3;max-width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--sunk);color:#fff;text-decoration:none}
.ab-mosaic__item:nth-child(2){transform:translateY(28px)}
.ab-mosaic__item:nth-child(4){transform:translateY(28px)}
.ab-mosaic__item img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.ab-mosaic__item:hover img{transform:scale(1.04)}}
.ab-mosaic__cap{position:absolute;left:0;right:0;bottom:0;display:grid;padding:28px 14px 12px;background:linear-gradient(to top,rgba(6,20,27,.78),rgba(6,20,27,0));color:#fff}
.ab-mosaic__cap b{font:650 1rem/1.2 var(--f-display)}
.ab-mosaic__cap i{font-size:.75rem;opacity:.85}
@media (max-width:999.98px){.ab-mosaic__item:nth-child(2),.ab-mosaic__item:nth-child(4){transform:none}}
.ab-stats{border-block:1px solid var(--rule);background:var(--surface)}
.ab-stats__in{display:grid;grid-template-columns:repeat(2,1fr)}
@media (min-width:768px){.ab-stats__in{grid-template-columns:repeat(4,1fr)}}
.ab-stats__in>div{display:grid;gap:4px;padding:28px 20px;border-left:1px solid var(--rule)}
.ab-stats__in>div:first-child,.ab-stats__in>div:nth-child(3){border-left:0}
@media (min-width:768px){.ab-stats__in>div:nth-child(3){border-left:1px solid var(--rule)}.ab-stats__in>div:first-child{padding-left:0}}
@media (max-width:767.98px){.ab-stats__in>div:nth-child(-n+2){border-bottom:1px solid var(--rule)}.ab-stats__in>div{padding-inline:4px 16px}.ab-stats__in>div:nth-child(even){padding-left:20px}}
.ab-stats b{font:500 clamp(2rem,1.5rem + 2vw,3rem)/1 var(--f-data);color:var(--accent);font-variant-numeric:tabular-nums}
.ab-stats span{color:var(--ink-2);font-size:.9375rem}
.ab-why__in{display:grid;gap:28px}
@media (min-width:960px){.ab-why__in{grid-template-columns:1fr 1fr;gap:72px;align-items:start}}
.ab-why__statement{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.625rem);line-height:1.12}
.ab-why__body{display:grid;gap:16px;font-size:1.0625rem;line-height:1.75;color:var(--ink-2)}
.ab-process{background:var(--sunk)}
.ab-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:700px){.ab-steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.ab-steps{grid-template-columns:repeat(4,1fr)}}
.ab-steps li{position:relative;display:grid;gap:10px;align-content:start;padding:24px 22px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg)}
.ab-steps__n{font:500 .875rem var(--f-data);color:var(--marker)}
.ab-steps li>i{position:absolute;top:22px;right:22px;font-size:1.1rem;color:var(--accent)}
.ab-steps h3{font-size:1.1875rem}
.ab-steps p{font-size:.9375rem;color:var(--ink-2)}
.ab-explore__grid{display:grid;gap:12px}
@media (min-width:640px){.ab-explore__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ab-explore__grid{grid-template-columns:repeat(6,1fr)}.ab-tile{grid-column:span 2}.ab-tile--wide{grid-column:span 3}}
.ab-tile{display:flex;align-items:center;gap:14px;padding:18px 18px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color var(--t-fast) var(--ease-out)}
.ab-tile:hover{border-color:var(--accent);color:var(--ink)}
.ab-tile>i:first-child{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--accent-tint);color:var(--accent)}
.ab-tile span{display:grid;gap:2px;min-width:0}
.ab-tile b{font-weight:600}
.ab-tile small{color:var(--ink-3);font-size:.8125rem}
.ab-tile__go{margin-left:auto;color:var(--ink-3);font-size:.8rem;transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.ab-tile:hover .ab-tile__go{transform:translateX(3px);color:var(--accent)}
.ab-tile--wide{padding-block:24px}
.ab-tile--wide b{font:650 1.25rem/1.2 var(--f-display)}
.ab-sources__in{display:grid;gap:28px}
@media (min-width:960px){.ab-sources__in{grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}}
.ab-sources__in>div{display:grid;gap:12px}
.ab-sources__in>div p{color:var(--ink-2);max-width:52ch}
.ab-sources__list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule)}
@media (min-width:640px){.ab-sources__list{grid-template-columns:1fr 1fr;column-gap:32px}}
.ab-sources__list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}
.ab-sources__list i{color:var(--accent);margin-top:4px}
.ab-sources__list b{display:block;font-weight:600}
.ab-sources__list span{color:var(--ink-2);font-size:.9375rem}
.ab-close{display:grid;gap:16px;padding-block:8px 88px}
.ab-close__note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border:1px solid var(--rule);border-radius:var(--r-lg);color:var(--ink-2);font-size:.9375rem}
.ab-close__note i{color:var(--accent);margin-top:4px}
.ab-close__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:var(--r-lg);background:var(--accent-tint);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.ab-close__cta b{font:650 1.25rem/1.3 var(--f-display);display:block;margin-bottom:4px}
.ab-close__cta p{color:var(--ink-2)}

.entries{border-top:0}
.entries__head{display:none}
.ent{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 20px;grid-template-areas:"img name go" "img data go" "img diff go";column-gap:16px;row-gap:6px;align-items:center;padding:14px 8px;border-bottom:1px solid var(--rule);transition:background-color var(--t-fast) var(--ease-out)}
.ent:hover{background:var(--surface)}
.ent__img{grid-area:img;align-self:start;width:96px;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--sunk)}
.ent__img img{width:100%;height:100%;object-fit:cover}
.ent__name{grid-area:name;display:grid;gap:1px;min-width:0}
.ent__name h3{font-size:1.0625rem;line-height:1.25}
.ent__name a{color:var(--ink);text-decoration:none}
.ent__name a::after{content:"";position:absolute;inset:0}
.ent:hover .ent__name a{color:var(--accent)}
.ent__sci{font-style:italic;color:var(--ink-3);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ent__fam{font-size:.75rem;color:var(--ink-3)}
.ent__data{grid-area:data;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:4px 18px;margin:2px 0 0}
.ent__data>div{display:flex;gap:6px;align-items:baseline}
.ent__data dt{font:600 .625rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ent__data div:first-child dt{text-transform:none;letter-spacing:.02em}
.ent__data dd{margin:0;font:500 .8125rem var(--f-data);font-variant-numeric:tabular-nums;white-space:nowrap}
.ent__diff{grid-area:diff}
.ent__go{grid-area:go;color:var(--ink-3);font-size:.75rem;transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.ent:hover .ent__go{transform:translateX(3px);color:var(--accent)}
.grid__cell>.ent{flex:1}
.entries .grid__cell{display:block}
.entries .grid__cell[hidden]{display:none}
@media (min-width:900px){
  .entries__head,.ent{grid-template-columns:88px minmax(0,1.7fr) repeat(4,minmax(0,.9fr)) 112px 20px;grid-template-areas:none;column-gap:18px}
  .entries__head{display:grid;padding:10px 8px;border-bottom:1px solid var(--rule);font:600 .6875rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);position:sticky;top:calc(var(--hd) + env(safe-area-inset-top,0px));background:var(--bg);z-index:2}
  .entries__head span:nth-child(3){text-transform:none;letter-spacing:.02em}
  .ent{padding:12px 8px}
  .ent__img,.ent__name,.ent__diff,.ent__go{grid-area:auto}
  .ent__img{width:88px;align-self:center}
  .ent__data{display:contents}
  .ent__data dt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ent__data dd{font-size:.875rem}
}

@media (max-width:999.98px){
  .arch__bar{flex-direction:column;align-items:stretch}
  .arch__tools{width:100%}
  .arch__tools select{flex:1;min-width:0}
}
@media (max-width:899.98px){
  .ent__data>div{display:grid;gap:2px}
  .ent__data dd{font-size:.875rem}
}

.ghero{display:grid;gap:28px;padding-block:28px 32px;align-items:end}
@media (min-width:1000px){.ghero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;padding-block:40px 48px}}
.ghero__text{display:grid;gap:14px;align-content:start}
.ghero h1{font-size:clamp(2.25rem,1.5rem + 3vw,3.75rem);line-height:1.04}
.ghero__lead{font-size:1.125rem;line-height:1.7;color:var(--ink-2);max-width:60ch}
.ghero__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 .8125rem var(--f-data);color:var(--ink-3)}
.ghero__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:1.4rem;margin-top:6px}
.ghero__stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--rule)}
.ghero__stats>div{display:grid;gap:6px;padding:18px 0 0}
.ghero__stats>div+div{padding-left:20px;border-left:1px solid var(--rule)}
.ghero__stats dt{font:600 .6875rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ghero__stats dd{margin:0;font:500 clamp(1.75rem,1.3rem + 1.6vw,2.5rem)/1 var(--f-data);color:var(--accent);font-variant-numeric:tabular-nums}
.ghero--cat{align-items:start}
.gstart{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);padding:18px 20px 8px}
.gstart h2{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--accent)}
.gstart ol{list-style:none;margin:0;padding:0}
.gstart li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--rule-2)}
.gstart li:first-child{border-top:0}
.gstart__n{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--rule);font:500 .8125rem var(--f-data);color:var(--marker)}
.gstart a{display:grid;gap:2px;color:var(--ink);text-decoration:none}
.gstart a b{font-weight:600;line-height:1.35}
.gstart a:hover b{color:var(--accent)}
.gstart a small{font:500 .75rem var(--f-data);color:var(--ink-3)}

.catbar{position:sticky;top:calc(var(--hd) + env(safe-area-inset-top,0px));z-index:30;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-block:1px solid var(--rule)}
.hd.is-hidden~main .catbar,.hd.is-hidden+.drawer+.srch+main .catbar{top:0}
.catbar__in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:10px}
.catbar__in::-webkit-scrollbar{display:none}
.catbar__a{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:.875rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}
.catbar__a i{font-size:.8rem;color:var(--accent)}
.catbar__a small{font:500 .75rem var(--f-data);color:var(--ink-3)}
.catbar__a:hover{border-color:var(--ink-3);color:var(--ink)}
.catbar__a.is-on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.catbar__a.is-on i,.catbar__a.is-on small{color:inherit;opacity:.8}

.sec--tight{padding-block:40px}
@media (min-width:768px){.sec--tight{padding-block:56px}}
.gfeat{display:grid;gap:20px}
@media (min-width:1000px){.gfeat{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}}
.gfeat__lead{position:relative;display:grid;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
@media (min-width:700px){.gfeat__lead{grid-template-columns:1.1fr 1fr}}
.gfeat__img{display:block;aspect-ratio:4/3;max-width:100%;overflow:hidden;background:var(--sunk)}
@media (min-width:700px){.gfeat__img{aspect-ratio:auto;min-height:100%}}
.gfeat__img img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.gfeat__lead:hover .gfeat__img img{transform:scale(1.03)}}
.gfeat__body{display:grid;gap:12px;align-content:center;padding:24px}
@media (min-width:1000px){.gfeat__body{padding:32px}}
.gfeat__title{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);line-height:1.15}
.gfeat__title a{color:var(--ink);text-decoration:none}
.gfeat__title a::after{content:"";position:absolute;inset:0}
.gfeat__lead:hover .gfeat__title a{color:var(--accent)}
.gfeat__body p{color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.gfeat__side{display:grid;gap:20px}
@media (min-width:640px) and (max-width:999.98px){.gfeat__side{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.gfeat__side .gcard{grid-template-columns:150px minmax(0,1fr)}.gfeat__side .gcard__img{aspect-ratio:auto;height:100%;min-height:150px}.gfeat__side .gcard__ex{display:none}}

.ggrid{display:grid;gap:20px}
@media (min-width:640px){.ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.ggrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.gcard{position:relative;display:grid;align-content:start;border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);transition:border-color var(--t-fast) var(--ease-out)}
.gcard:hover{border-color:var(--ink-3)}
.gcard__img{aspect-ratio:16/10;max-width:100%;overflow:hidden;background:var(--sunk)}
.gcard__img img{width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.gcard:hover .gcard__img img{transform:scale(1.04)}}
.gcard__body{display:grid;gap:8px;align-content:start;padding:16px 18px 18px}
.gcard__cat{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}
.gcard__title{font-size:1.125rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gcard__title a{color:var(--ink);text-decoration:none}
.gcard__title a::after{content:"";position:absolute;inset:0}
.gcard:hover .gcard__title a{color:var(--accent)}
.gcard__ex{font-size:.9375rem;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard__meta{display:inline-flex;align-items:center;gap:6px;font:500 .75rem var(--f-data);color:var(--ink-3)}

.gtopic{padding-block:40px}
@media (min-width:768px){.gtopic{padding-block:56px}}
.gtopic__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;align-items:center;margin-bottom:24px}
.gtopic__head>div{display:grid;gap:4px}
.gtopic__head h2{font-size:clamp(1.375rem,1.15rem + 1vw,1.75rem)}
.gtopic__head p{color:var(--ink-2);font-size:.9375rem;max-width:70ch}
.gtopic__head .more{grid-column:1 / -1}
@media (min-width:768px){.gtopic__head{grid-template-columns:auto minmax(0,1fr) auto}.gtopic__head .more{grid-column:auto}}
.gtopic__head--plain{grid-template-columns:1fr}
.gtopic__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--accent-tint);color:var(--accent);font-size:1.15rem}
.gtopic:nth-of-type(even){background:var(--sunk)}

:root{--ft-bg:#0E1A1F;--ft-bg-2:#13242A;--ft-ink:#E4EDEB;--ft-ink-2:#9AB0B4;--ft-rule:#24383F;--ft-accent:#4FB8D4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ft-bg:#060D10;--ft-bg-2:#0D1A1F;--ft-rule:#1B2B31}}
:root[data-theme="dark"]{--ft-bg:#060D10;--ft-bg-2:#0D1A1F;--ft-rule:#1B2B31}
@media (min-width:1000px){.catbar__in{flex-wrap:wrap}}

.hd__in{gap:20px}
.nav{gap:2px}
.nav__btn.is-on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--marker)}
.hd__cta{display:none;min-height:40px;padding:0 16px;font-size:.875rem}
@media (min-width:1100px){.hd__cta{display:inline-flex}}
.hd__tools{gap:6px}
.mega{position:absolute;left:0;right:0;top:100%;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--surface);box-shadow:var(--shadow-float)}
.mega:not([hidden]){animation:megaIn 200ms var(--ease-out)}
@keyframes megaIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mega__in{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;padding:28px 32px 32px}
.mega__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mega__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.mega__item{align-items:flex-start;padding:12px 14px}
.mega__item b small{font:500 .75rem var(--f-data);color:var(--ink-3);margin-left:4px}
.mega__item em{display:block;font-style:normal;color:var(--ink-3);font-size:.8125rem;line-height:1.45;margin-top:2px}
.mega__side{display:grid;gap:10px;align-content:start;padding-left:32px;border-left:1px solid var(--rule)}
.mega__feature{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:14px;border:1px solid var(--rule);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;transition:border-color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}
.mega__feature:hover{border-color:var(--accent);background:var(--accent-tint);color:var(--ink)}
.mega__feature i{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-ink)}
.mega__feature b{font:650 1rem/1.25 var(--f-display)}
.mega__feature span{font-size:.8125rem;color:var(--ink-2)}
.mega__pop{display:grid;gap:10px;margin-top:6px}

.ft{border-top:0;background:var(--ft-bg);color:var(--ft-ink)}
.ft .label{color:var(--ft-ink-2)}
.ft__litre{background:var(--ft-bg-2);border-bottom:1px solid var(--ft-rule)}
.ft__litre-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:28px}
.ft__litre-in>div:first-child{display:grid;gap:4px}
.ft__litre-q{font:700 clamp(1.5rem,1.2rem + 1.2vw,2rem)/1.1 var(--f-display);color:var(--ft-ink)}
.ft__litre-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:520px}
.ft__litre-btns a{display:grid;justify-items:center;gap:2px;padding:12px 8px;border:1px solid var(--ft-rule);border-radius:var(--r-lg);color:var(--ft-ink);text-decoration:none;transition:border-color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}
.ft__litre-btns a:hover{border-color:var(--ft-accent);background:rgba(79,184,212,.08);color:var(--ft-ink)}
.ft__litre-btns a:active{transform:scale(.97)}
.ft__litre-btns b{font:500 1.375rem/1 var(--f-data);color:var(--ft-accent)}
.ft__litre-btns span{font-size:.75rem;color:var(--ft-ink-2)}
.ft__in{max-width:var(--wrap);display:grid;gap:36px;padding-block:56px 40px}
@media (min-width:768px){.ft__in{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}}
.ft__brand{display:grid;gap:16px;align-content:start}
.brand--ft,.brand--ft:hover{color:var(--ft-ink)}
.brand--ft .brand__word b{color:var(--ft-accent)}
.ft__brand p{color:var(--ft-ink-2);font-size:.9375rem;max-width:38ch}
.ft__stats{display:flex;gap:28px;margin:4px 0 0}
.ft__stats div{display:grid;gap:2px}
.ft__stats dt{font:600 .6875rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ft-ink-2)}
.ft__stats dd{margin:0;font:500 1.75rem/1 var(--f-data);color:var(--ft-ink)}
.ft__col{display:grid;gap:14px;align-content:start}
.ft__col ul{gap:10px}
.ft__col a,.ft__col a:visited{color:var(--ft-ink);opacity:.82;text-decoration:none;font-size:.9375rem;transition:opacity var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.ft__col a:hover{opacity:1;color:var(--ft-accent);text-decoration:none}
.ft__more{display:inline-flex;align-items:center;gap:6px;color:var(--ft-accent)!important;opacity:1!important}
.ft__more i{font-size:.75em}
.ft__bar{max-width:var(--wrap);display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:20px calc(env(safe-area-inset-bottom,0px) + 22px);border-top:1px solid var(--ft-rule);color:var(--ft-ink-2);font-size:.8125rem}
.ft__bar>span{flex:1 1 320px}
.ft__legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.ft__legal a{color:var(--ft-ink-2);text-decoration:none}
.ft__legal a:hover{color:var(--ft-ink)}
.ft__top{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--ft-rule);border-radius:999px;color:var(--ft-ink);text-decoration:none}
.ft__top:hover{border-color:var(--ft-accent);color:var(--ft-ink)}
.ft :focus-visible{outline-color:var(--ft-accent)}
@media (max-width:767.98px){
  .ft__in{grid-template-columns:1fr 1fr;gap:32px 20px;padding-block:40px 32px}
  .ft__brand{grid-column:1 / -1}
  .ft__col:last-child{grid-column:1 / -1}
  .ft__col:last-child ul{display:flex;flex-wrap:wrap;gap:10px 20px}
  .ft__litre-q{font-size:1.375rem}
}

.sph{background:var(--sunk);border-bottom:1px solid var(--rule);padding-block:24px 40px}
@media (min-width:768px){.sph{padding-block:32px 56px}}
.sph__grid{display:grid;gap:28px;margin-top:20px;align-items:center}
@media (min-width:1000px){.sph__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px}}
.sph__fig{margin:0;display:grid;gap:8px}
.sph__fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--surface)}
.sph__fig figcaption{font-size:.75rem;color:var(--ink-3)}
.sph__info{display:grid;gap:14px;align-content:center;min-width:0}
.sph__tags{display:flex;flex-wrap:wrap;gap:6px}
.sph__tags .chip i{font-size:.75rem;color:var(--accent)}
.sph__title{font-size:clamp(2.5rem,1.6rem + 3.6vw,4.25rem);line-height:1}
.sph__sci{font-style:italic;font-size:1.125rem;color:var(--ink-2);margin-top:-4px}
.sph__short{font-size:1.0625rem;line-height:1.7;color:var(--ink);padding-left:14px;border-left:3px solid var(--accent)}
.sph__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:6px 0 0;background:var(--rule);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}
@media (min-width:560px){.sph__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sph__stats>div{background:var(--surface);padding:14px 16px;display:grid;gap:6px}
.sph__stats dt{font:600 .6875rem/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.sph__stats dd{margin:0;font:500 clamp(1.125rem,1rem + .5vw,1.375rem)/1.1 var(--f-data);font-variant-numeric:tabular-nums;white-space:nowrap}
.sph__meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.9375rem;color:var(--ink-2)}
.sph__meta span{display:inline-flex;align-items:center;gap:8px}
.sph__meta i{color:var(--accent)}

.sptabs{position:sticky;top:calc(var(--hd) + env(safe-area-inset-top,0px));z-index:30;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--rule)}
.sptabs__in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.sptabs__in::-webkit-scrollbar{display:none}
.sptabs a{flex-shrink:0;display:inline-flex;align-items:center;min-height:48px;padding:0 14px;color:var(--ink-2);font-size:.9375rem;font-weight:500;text-decoration:none;box-shadow:inset 0 -2px 0 transparent;transition:color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}
.sptabs a:hover{color:var(--ink)}
.sptabs a.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--marker)}
#rehber,#kunye,#uyum,#karsilastirma,#sss{scroll-margin-top:60px}

.spbody{display:grid;gap:32px;padding-block:40px 64px}
@media (min-width:1000px){.spbody{grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}.spbody__side{grid-column:2;grid-row:1}.spbody__main{grid-column:1;grid-row:1}}
@media (min-width:1000px) and (min-height:760px){.spbody__side{position:sticky;top:calc(var(--hd) + 72px)}}
.spbody__main{min-width:0}
.spbody__main .prose{max-width:72ch}
.spbody__main .prose>h2:first-child{margin-top:0}

.spcompat{background:var(--sunk);border-block:1px solid var(--rule)}
.spcompat__grid{display:grid;gap:16px}
@media (min-width:900px){.spcompat__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.spcompat__col{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden;border-top:3px solid var(--easy)}
.spcompat__col--warn{border-top-color:var(--mid)}
.spcompat__col--no{border-top-color:var(--hard)}
.spcompat__head{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:16px 18px;border-bottom:1px solid var(--rule)}
.spcompat__head i{grid-row:span 2;font-size:1.25rem;color:var(--easy);margin-top:2px}
.spcompat__col--warn .spcompat__head i{color:var(--mid)}
.spcompat__col--no .spcompat__head i{color:var(--hard)}
.spcompat__head b{font:650 1.125rem/1.2 var(--f-display)}
.spcompat__head small{color:var(--ink-3);font-size:.8125rem}
.spcompat ul{list-style:none;margin:0;padding:6px}
.spcompat li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r);color:var(--ink);text-decoration:none;transition:background-color var(--t-fast) var(--ease-out)}
.spcompat li a:hover{background:var(--sunk);color:var(--ink)}
.spcompat__img{width:52px;height:52px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--sunk)}
.spcompat__img img{width:100%;height:100%;object-fit:cover}
.spcompat__img .ph{font-size:1rem}
.spcompat__txt{display:grid;gap:1px;min-width:0}
.spcompat__txt b{font-weight:600;font-size:.9375rem}
.spcompat__txt small{color:var(--ink-3);font-size:.8125rem;line-height:1.4}

.spend__grid{display:grid;gap:32px}
@media (min-width:1000px){.spend__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:start}}
.spend__faq .faq{border-top:0;padding-top:0}
.spend__side{display:grid;gap:20px}

.pgh{background:var(--sunk);border-bottom:1px solid var(--rule)}
.pgh__in{display:grid;gap:14px;padding-block:28px 40px}
@media (min-width:768px){.pgh__in{padding-block:40px 56px}}
.pgh__icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:1.25rem;margin-top:8px}
.pgh h1{font-size:clamp(2.25rem,1.5rem + 3vw,3.5rem);max-width:20ch}
.pgh__meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.875rem;color:var(--ink-2)}
.pgh__meta span{display:inline-flex;align-items:center;gap:8px}
.pgh__meta i{color:var(--ink-3)}
.pgb{display:grid;gap:28px;padding-block:40px 80px}
@media (min-width:1000px){.pgb{grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}.pgb__side{position:sticky;top:calc(var(--hd) + 24px)}}
.pgb__side{display:grid;gap:16px;align-content:start}
.pgb__box{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);padding:16px 18px;display:grid;gap:10px}
.pgb__box.toc ol{margin:0}
.pgb__rel ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pgb__rel a{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:var(--r);color:var(--ink-2);text-decoration:none;font-size:.9375rem}
.pgb__rel a:hover{background:var(--sunk);color:var(--ink)}
.pgb__rel i{width:18px;text-align:center;color:var(--accent);font-size:.875rem}
.pgb__main{min-width:0;display:grid;gap:40px;align-content:start}
.prose--doc{max-width:78ch;font-size:1.0625rem}
.prose--doc>p:first-child{font-size:1.1875rem;line-height:1.7;color:var(--ink)}
.prose--doc h2{margin-top:1.8em;padding-top:1.2em;border-top:1px solid var(--rule);font-size:1.5rem}
.prose--doc>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.pgb__contact{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;padding:20px 22px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);max-width:78ch}
.pgb__contact>i{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-tint);color:var(--accent)}
.pgb__contact>div{flex:1 1 260px;display:grid;gap:4px}
.pgb__contact p{color:var(--ink-2);font-size:.9375rem}

.brand{gap:11px}
.brand__img{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:block}
.brand__txt{display:grid;gap:3px;line-height:1}
.brand__name{font:780 1.3125rem/1 var(--f-display);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.brand__tag{font:600 .5625rem/1 var(--f-body);letter-spacing:.2em;color:var(--accent);white-space:nowrap}
.brand:hover .brand__name{color:var(--accent)}
.brand--ft .brand__name{color:var(--ft-ink)}
.brand--ft .brand__tag{color:var(--ft-accent)}
.brand--ft:hover .brand__name{color:var(--ft-accent)}
@media (max-width:359.98px){.brand__tag{display:none}}
.btn{white-space:nowrap}
.crumb li+li::before{content:"/";font-family:var(--f-body);font-weight:400;font-size:.8125rem;margin:0 9px;color:var(--rule)}
.sptabs,.catbar,.entries__head{transition:top 200ms var(--ease-out),box-shadow 200ms var(--ease-out)}
.hd.is-hidden~main .sptabs,.hd.is-hidden~main .catbar{top:env(safe-area-inset-top,0px)}
@media (min-width:900px){.hd.is-hidden~main .entries__head{top:env(safe-area-inset-top,0px)}}
.sptabs.is-stuck,.catbar.is-stuck{box-shadow:0 6px 18px rgba(14,40,48,.08)}
.sptabs__in{align-items:center}
.sptabs__name{display:none;margin-right:10px;padding-right:14px;border-right:1px solid var(--rule);font:700 .9375rem/1 var(--f-display);color:var(--ink);white-space:nowrap}
.sptabs.is-stuck .sptabs__name{display:inline-block}
@media (max-width:640px){.sptabs.is-stuck .sptabs__name{display:none}}

.hmh{position:relative;padding-block:36px 48px;overflow:hidden}
.hmh::before{content:"";position:absolute;inset:0 0 auto 0;height:100%;background:radial-gradient(60% 70% at 85% 30%,var(--accent-tint),transparent 70%);pointer-events:none}
@media (min-width:1000px){.hmh{padding-block:64px 80px}}
.hmh__grid{position:relative;display:grid;gap:40px;align-items:center}
@media (min-width:1000px){.hmh__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px}}
.hmh__text{display:grid;gap:18px;align-content:center}
.hmh__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}
.hmh__dot{width:7px;height:7px;border-radius:50%;background:var(--marker)}
.hmh__title{font-size:clamp(2.5rem,1.6rem + 4vw,4.5rem);line-height:1.02;letter-spacing:-.03em;max-width:13ch}
.hmh__sub{font-size:1.125rem;line-height:1.7;color:var(--ink-2);max-width:54ch}
.hmh__search{margin-top:4px;max-width:600px;box-shadow:0 10px 30px rgba(14,40,48,.06)}
.hmh__quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hmh__quick>span{font-size:.8125rem;color:var(--ink-3);margin-right:4px}
.hmh__visual{position:relative;padding-bottom:28px}
@media (min-width:1000px){.hmh__visual{padding:0 0 40px 40px}}
.hmh__img{aspect-ratio:4/3;max-width:100%;border-radius:18px;overflow:hidden;background:var(--sunk);box-shadow:0 30px 60px rgba(14,40,48,.14)}
.hmh__img img{width:100%;height:100%;object-fit:cover}
.hmh__card{position:absolute;left:12px;right:12px;bottom:0;display:grid;gap:12px;padding:16px 18px;border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid var(--rule);box-shadow:var(--shadow-float);color:var(--ink);text-decoration:none;transition:transform var(--t-fast) var(--ease-out)}
@media (min-width:560px){.hmh__card{left:auto;right:auto;width:340px}}
@media (min-width:1000px){.hmh__card{left:0;bottom:0}}
.hmh__card:hover{color:var(--ink);transform:translateY(-2px)}
.hmh__card-head{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}
.hmh__card-img{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--sunk)}
.hmh__card-img img{width:100%;height:100%;object-fit:cover}
.hmh__card-head b{display:block;font:650 1.0625rem/1.2 var(--f-display)}
.hmh__card-head i{font-size:.8125rem;color:var(--ink-3)}
.hmh__card-tag{align-self:start;font-size:.625rem;color:var(--accent)}
.hmh__card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:10px;overflow:hidden}
.hmh__card-stats>span{display:grid;gap:3px;padding:9px 10px;background:var(--surface)}
.hmh__card-stats small{font:600 .625rem/1 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.hmh__card-stats b{font:500 .9375rem/1.1 var(--f-data);font-variant-numeric:tabular-nums;white-space:nowrap}
.hmh__card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hmh__card-go{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--accent)}
.hmh__card-go i{font-size:.7rem}

.hmpath__list{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:none}
@media (min-width:900px){.hmpath__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}}
.hmpath__step{position:relative;display:grid;gap:10px;align-content:start;padding:24px;border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}
@media (min-width:900px){.hmpath__step{border:0;border-radius:0}.hmpath__step+.hmpath__step{border-left:1px solid var(--rule)}.hmpath__step:not(:last-child)::after{content:"";position:absolute;right:-9px;top:34px;width:16px;height:16px;background:var(--surface);border-top:1px solid var(--rule);border-right:1px solid var(--rule);transform:rotate(45deg);z-index:1}}
.hmpath__n{font:500 .8125rem var(--f-data);color:var(--marker)}
.hmpath__icon{position:absolute;top:22px;right:24px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-tint);color:var(--accent);font-size:1.05rem}
.hmpath__step h3{font-size:1.375rem}
.hmpath__step p{color:var(--ink-2);font-size:.9375rem}
.hmpath__link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-weight:600;font-size:.9375rem;text-decoration:none}
.hmpath__link i{font-size:.75em;transition:transform var(--t-fast) var(--ease-out)}
.hmpath__link:hover i{transform:translateX(3px)}

.hmlitre{background:var(--sunk);border-block:1px solid var(--rule)}
.hmlitre__grid{display:grid;gap:28px}
@media (min-width:1000px){.hmlitre__grid{grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center}}
.hmlitre__ctrl{display:grid;gap:14px;align-content:start;justify-items:start}
.hmlitre__ctrl p{color:var(--ink-2)}
.hmlitre__count{display:flex;align-items:baseline;gap:10px;margin:4px 0}
.hmlitre__count b{font:500 2.5rem/1 var(--f-data);color:var(--accent);font-variant-numeric:tabular-nums;transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}
.hmlitre__count b.is-tick{opacity:0;transform:translateY(4px)}
.hmlitre__count span{color:var(--ink-2)}
@media (min-width:1100px){.hmlitre__shelf{grid-auto-columns:calc((100% - 24px)/3)}}

.hmtopics .sec__head p{margin-top:8px}
.bento{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1000px){.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:16px}}
.bento__tile{position:relative;display:block;min-height:180px;border-radius:14px;overflow:hidden;background:var(--ink);color:#fff;text-decoration:none;isolation:isolate}
.bento__tile--lg{grid-column:span 2;min-height:300px}
@media (min-width:1000px){.bento__tile--lg{grid-row:span 2}.bento__tile{min-height:0}}
.bento__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 500ms var(--ease-out)}
.bento__tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(6,20,27,.88) 0%,rgba(6,20,27,.35) 55%,rgba(6,20,27,.1) 100%)}
@media (hover:hover) and (pointer:fine){.bento__tile:hover img{transform:scale(1.04)}}
.bento__body{position:absolute;left:0;right:0;bottom:0;display:grid;gap:6px;padding:18px}
.bento__tile--lg .bento__body{padding:26px}
.bento__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:4px}
.bento__body b{font:700 1.125rem/1.2 var(--f-display)}
.bento__tile--lg .bento__body b{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.bento__desc{font-size:.9375rem;line-height:1.5;color:rgba(255,255,255,.82);max-width:44ch}
.bento__body small{display:inline-flex;align-items:center;gap:8px;font:500 .8125rem var(--f-data);color:rgba(255,255,255,.75)}
.bento__body small i{font-size:.7rem;transition:transform var(--t-fast) var(--ease-out)}
.bento__tile:hover .bento__body small i{transform:translateX(3px)}
.bento__tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

.hmdata__grid{display:grid;gap:32px}
@media (min-width:1000px){.hmdata__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}}
.hmdata__table{min-width:0}
.hmdata__table .sec__head{margin-bottom:20px}
.hmweek{display:grid;gap:14px;padding:26px;border-radius:14px;background:var(--accent-tint);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}
@media (min-width:1000px){.hmweek{margin-top:62px}}
.hmweek__label{display:flex;align-items:center;gap:8px;color:var(--accent)}
.hmweek__q{font-size:1.375rem;line-height:1.25}
.hmweek__q a{color:var(--ink);text-decoration:none}
.hmweek__q a:hover{color:var(--accent)}
.hmweek__a{color:var(--ink);line-height:1.7}
.hmweek .btn{justify-self:start}
.hmh__title{max-width:16ch;font-size:clamp(2.375rem,1.6rem + 3.4vw,4rem)}
@media (min-width:1000px){.hmlitre__grid{grid-template-columns:380px minmax(0,1fr)}}
.hmlitre .seg{flex-wrap:nowrap;gap:6px}
.hmlitre .seg button{padding:0 14px}
@media (max-width:420px){.hmlitre .seg{flex-wrap:wrap}}
.hmh__title{max-width:none;font-size:clamp(2.375rem,1.5rem + 3vw,3.6rem)}
@media (min-width:1000px){.hmh__title{max-width:12.5em}}
@media (max-width:639.98px){.sec__head--split{grid-template-columns:1fr;align-items:start}.sec__head--split .more{justify-self:start}}
@media (min-width:1000px){.hmh__title{font-size:clamp(2.75rem,1.4rem + 2.4vw,3.35rem)}}
@media (min-width:1000px){.hmh__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:56px}}
.catbar__in{flex-wrap:nowrap!important;gap:2px;padding-block:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 16px,#000 calc(100% - 24px),transparent 100%)}
@media (min-width:1100px){.catbar__in{-webkit-mask-image:none;mask-image:none}}
.catbar__a{min-height:52px;padding:0 14px;border:0;border-radius:0;background:transparent;gap:8px;font-size:.9375rem;color:var(--ink-2);box-shadow:inset 0 -2px 0 transparent;transition:color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}
.catbar__a:hover{border:0;color:var(--ink);background:transparent;box-shadow:inset 0 -2px 0 var(--rule)}
.catbar__a i{font-size:.8125rem;color:var(--ink-3);transition:color var(--t-fast) var(--ease-out)}
.catbar__a:hover i{color:var(--accent)}
.catbar__a small{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:var(--sunk);font:500 .6875rem var(--f-data);color:var(--ink-3)}
.catbar__a.is-on{background:transparent;color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--marker)}
.catbar__a.is-on i{color:var(--accent);opacity:1}
.catbar__a.is-on small{background:var(--accent);color:var(--accent-ink);opacity:1}