:root{
  --dava:#FFFFFF; --pizo:#F7F6F2; --mapu:#F0EFEA;
  --nora:#1A1B1E; --dama:#3F4248; --mabe:#797D85; --goge:#A7ABB2;
  --gane:#E9E8E3; --tuno:#DEDCD5;
  --pobo:#33485C; --hali:#22323F; --ribo:#EDF1F4;
  --sela:'Newsreader',Georgia,serif;
  --rego:'Inter',system-ui,sans-serif;
  --pimu:1080px; --dezu:680px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--dava);color:var(--nora);font-family:var(--rego);font-size:17px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--nora);color:#fff}
.votezu{max-width:var(--pimu);margin:0 auto;padding:0 28px}
h1,h2,h3,h4{font-family:var(--sela);font-weight:500;line-height:1.14;letter-spacing:-.01em;color:var(--nora)}
.lotudu{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pobo)}
.cat{font-family:var(--rego);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pobo)}
.musida{font-family:var(--rego);font-size:.82rem;color:var(--mabe);font-weight:400}
.domefa{display:inline-block;margin:0 .45rem;color:var(--goge)}
.dozola{border-bottom:1px solid var(--gane)}
.dozola .votezu{display:flex;align-items:center;justify-content:space-between;height:78px}
.segi{font-family:var(--sela);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.1rem}
.segi i{color:var(--pobo);font-style:normal}
.zoze{display:flex;gap:2rem;align-items:center}
.zoze a{font-size:.92rem;color:var(--dama);transition:color .2s;position:relative}
.zoze a:hover,.zoze a.hitu{color:var(--nora)}
.zoze a.hitu::after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:var(--pobo)}
.zoze .natuba{color:var(--mabe);font-size:1rem}
.gita{display:none;font-size:1.4rem;background:none;border:none;cursor:pointer;color:var(--nora)}
.leda{padding-block:clamp(3rem,7vw,6rem) clamp(2rem,4vw,3.5rem)}
.leda .lideru{max-width:var(--dezu);margin-bottom:clamp(2rem,5vw,3.5rem)}
.leda .lideru h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:400;line-height:1.12;margin-bottom:1rem}
.leda .lideru p{font-size:1.18rem;color:var(--dama);max-width:54ch}
.dupu{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.dupu .vopu{display:block;height:clamp(300px,34vw,430px);overflow:hidden;border-radius:4px;background:var(--pizo)}
.dupu .vopu img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.dupu:hover .vopu img{transform:scale(1.03)}
.dupu .cat{margin-bottom:1rem;display:block}
.dupu h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:400;margin-bottom:.9rem}
.dupu h2 a{background-image:linear-gradient(var(--nora),var(--nora));background-size:0 1px;background-repeat:no-repeat;background-position:0 92%;transition:background-size .4s}
.dupu:hover h2 a{background-size:100% 1px}
.dupu p{color:var(--dama);font-size:1.05rem;margin-bottom:1.3rem}
.section{padding-block:clamp(2.5rem,5vw,4.5rem)}
.lekitu{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:1.6rem;margin-bottom:2.4rem;border-bottom:1px solid var(--gane)}
.lekitu h2{font-size:1.5rem;font-weight:500}
.lekitu .genohu{font-family:var(--rego);font-size:.86rem;color:var(--mabe);transition:color .2s}
.lekitu .genohu:hover{color:var(--pobo)}
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,3vw,2.6rem)}
.pebu .vopu{display:block;height:210px;overflow:hidden;border-radius:4px;background:var(--pizo);margin-bottom:1.1rem}
.pebu .vopu img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pebu:hover .vopu img{transform:scale(1.04)}
.pebu .cat{margin-bottom:.6rem;display:block}
.pebu h3{font-size:1.22rem;font-weight:500;margin-bottom:.5rem}
.pebu h3 a{background-image:linear-gradient(var(--nora),var(--nora));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s;padding-bottom:1px}
.pebu:hover h3 a{background-size:100% 1px}
.pebu p{color:var(--mabe);font-size:.95rem;margin-bottom:.7rem}
.sozi{max-width:var(--dezu);margin:0 auto;display:flex;flex-direction:column}
.pofu{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:baseline;padding:1.5rem 0;border-bottom:1px solid var(--gane)}
.pofu .timi{font-family:var(--sela);font-size:1rem;color:var(--goge)}
.pofu h3{font-size:1.18rem;font-weight:500}
.pofu h3 a:hover{color:var(--pobo)}
.pofu .musida{white-space:nowrap}
.bima{background:var(--pizo);border-top:1px solid var(--gane);border-bottom:1px solid var(--gane)}
.bima .votezu{padding:clamp(2.2rem,4vw,3.4rem) 28px}
.bima .dofi{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mabe);margin-bottom:1.4rem;display:flex;justify-content:space-between;align-items:center}
.bima .dofi a{color:var(--pobo);font-size:.82rem;letter-spacing:0;text-transform:none;font-weight:500}
.zileto{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gane);border:1px solid var(--gane)}
.zileto a{background:var(--pizo);padding:1.3rem 1.4rem;transition:background .2s}
.zileto a:hover{background:#fff}
.zileto .sarise{font-family:var(--sela);font-size:1.05rem;font-weight:500}
.zileto .palehe{font-size:.84rem;color:var(--mabe);margin-top:.2rem}
.peno{max-width:var(--dezu);margin:0 auto;text-align:center;padding:clamp(2.5rem,5vw,4rem) 0}
.peno .lotudu{margin-bottom:1rem;display:block}
.peno h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;margin-bottom:.7rem}
.peno p{color:var(--dama);margin-bottom:1.8rem}
.peno form{display:flex;gap:.6rem;max-width:430px;margin:0 auto}
.peno input{flex:1;font-family:var(--rego);font-size:.95rem;padding:.85rem 1.1rem;border:1px solid var(--tuno);border-radius:4px;background:#fff;outline:none;transition:border-color .2s}
.peno input:focus{border-color:var(--pobo)}
.btn{font-family:var(--rego);font-weight:500;font-size:.92rem;padding:.85rem 1.5rem;border-radius:4px;border:none;cursor:pointer;transition:.2s;display:inline-block}
.btn-solid{background:var(--nora);color:#fff}
.btn-solid:hover{background:var(--pobo)}
.rubira{max-width:var(--dezu);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) 28px 0}
.rubira .gepe{font-size:.82rem;color:var(--mabe);margin-bottom:1.8rem;display:flex;gap:.5rem;flex-wrap:wrap}
.rubira .gepe a:hover{color:var(--pobo)}
.rubira .cat{display:block;margin-bottom:1rem}
.rubira h1{font-size:clamp(2rem,4.2vw,3rem);font-weight:400;line-height:1.12;margin-bottom:1.1rem}
.rubira .tome{font-size:1.2rem;color:var(--dama);line-height:1.6;margin-bottom:1.8rem}
.horu{display:flex;align-items:center;gap:.8rem;padding-bottom:1.8rem;border-bottom:1px solid var(--gane)}
.horu .dobo{width:42px;height:42px;border-radius:50%;background:var(--pobo);color:#fff;display:grid;place-items:center;font-family:var(--sela);font-size:1.05rem;flex:none}
.horu b{font-weight:600;font-size:.95rem;font-family:var(--rego)}
.pogo{max-width:var(--pimu);margin:clamp(2rem,4vw,3rem) auto;padding:0 28px}
.pogo .img{height:clamp(240px,40vw,440px);overflow:hidden;border-radius:4px;background:var(--pizo)}
.pogo img{width:100%;height:100%;object-fit:cover}
.pogo figcaption{font-size:.82rem;color:var(--mabe);text-align:center;margin-top:.8rem}
.desava{max-width:var(--dezu);margin:0 auto;padding:0 28px;font-size:1.16rem;line-height:1.8;color:var(--dama)}
.desava>*{margin-bottom:1.5rem}
.desava h2{font-size:1.7rem;font-weight:500;color:var(--nora);margin-top:2.8rem}
.desava h3{font-size:1.3rem;font-weight:600;font-family:var(--rego);color:var(--nora);margin-top:2rem}
.desava a{color:var(--pobo);border-bottom:1px solid var(--tuno);transition:border-color .2s}
.desava a:hover{border-color:var(--pobo)}
.desava ul,.desava ol{padding-left:1.3rem}
.desava li{margin-bottom:.6rem}
.desava li::marker{color:var(--goge)}
.desava blockquote{font-family:var(--sela);font-size:1.5rem;font-weight:400;line-height:1.4;color:var(--nora);
  border-left:2px solid var(--pobo);padding:.3rem 0 .3rem 1.6rem;margin:2.2rem 0}
.desava img{border-radius:4px}
.desava figcaption{font-size:.84rem;color:var(--mabe);text-align:center;margin-top:.6rem}
.desava code{background:var(--mapu);padding:.1rem .4rem;border-radius:3px;font-size:.9em}
.puga{background:var(--pizo);border:1px solid var(--gane);border-radius:6px;padding:1.4rem 1.6rem;margin:2.2rem 0;font-size:.98rem}
.puga .bohi{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mabe);display:block;margin-bottom:.4rem}
.puga a{color:var(--pobo);font-weight:500;border-bottom:1px solid var(--tuno)}
.vuzibu{max-width:var(--dezu);margin:3rem auto 0;padding:1.8rem 28px 0;border-top:1px solid var(--gane);display:flex;gap:1.2rem;align-items:flex-start}
.vuzibu .dobo{width:54px;height:54px;border-radius:50%;background:var(--pobo);color:#fff;display:grid;place-items:center;font-family:var(--sela);font-size:1.3rem;flex:none}
.vuzibu h4{font-size:1.05rem;font-weight:600;font-family:var(--rego)}
.vuzibu p{font-size:.92rem;color:var(--mabe);margin-top:.25rem}
.bebo{max-width:var(--dezu);margin:0 auto;padding:clamp(2.8rem,6vw,5rem) 28px clamp(1.5rem,3vw,2.5rem)}
.bebo .lotudu{display:block;margin-bottom:1rem}
.bebo h1{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:400;margin-bottom:1rem}
.bebo p{font-size:1.15rem;color:var(--dama)}
.dobi{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--gane);border:1px solid var(--gane)}
.hife{background:#fff;padding:1.8rem;transition:background .2s;display:block}
.hife:hover{background:var(--pizo)}
.hife .kuka{width:48px;height:48px;border-radius:50%;background:var(--ribo);color:var(--pobo);display:grid;place-items:center;font-family:var(--sela);font-size:1.3rem;margin-bottom:1rem}
.hife h3{font-size:1.2rem;font-weight:500}
.hife .bilase{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mabe);margin:.3rem 0 .7rem}
.hife p{font-size:.95rem;color:var(--dama);margin-bottom:1rem}
.hife .zipobe{font-family:var(--rego);font-size:.86rem;font-weight:500;color:var(--pobo)}
.bovafu{border-top:1px solid var(--gane);margin-top:clamp(3rem,6vw,5rem)}
.bovafu .nodule{border-bottom:1px solid var(--gane);background:var(--pizo)}
.bovafu .nodule .votezu{display:flex;align-items:center;gap:1rem 1.6rem;flex-wrap:wrap;padding:1.2rem 28px;font-size:.86rem}
.bovafu .nodule .t{font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;color:var(--mabe)}
.bovafu .nodule a{color:var(--dama)}
.bovafu .nodule a:hover{color:var(--pobo)}
.seniga{padding:clamp(2.5rem,5vw,4rem) 0 2rem}
.metobe{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
.metobe .pasu{color:var(--mabe);font-size:.92rem;margin-top:.8rem;max-width:30ch}
.metobe .segi{font-size:1.3rem;margin-bottom:0}
.metobe h4{font-family:var(--rego);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--nora);margin-bottom:1rem}
.metobe ul{list-style:none}
.metobe li{margin-bottom:.6rem}
.metobe a{color:var(--mabe);font-size:.92rem}
.metobe a:hover{color:var(--pobo)}
.kiheti{display:flex;justify-content:space-between;padding-top:1.6rem;margin-top:1rem;border-top:1px solid var(--gane);font-size:.82rem;color:var(--mabe);flex-wrap:wrap;gap:.5rem}
.hiti{opacity:0;transform:translateY(16px);animation:revealUp .7s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes revealUp{to{opacity:1;transform:none}}
.vubo{animation-delay:.05s}.dalu{animation-delay:.13s}.lutula{animation-delay:.21s}.feke{animation-delay:.29s}
@media(prefers-reduced-motion:reduce){.hiti{animation:none;opacity:1;transform:none}}
@media(max-width:860px){
  .dupu{grid-template-columns:1fr;gap:1.4rem}
  .feed{grid-template-columns:1fr 1fr}
  .zileto,.metobe{grid-template-columns:1fr 1fr}
  .dobi{grid-template-columns:1fr}
  .dozola{position:relative}
  .zoze{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--gane);
    flex-direction:column;gap:0;padding:.4rem 28px 1.1rem;display:none;box-shadow:0 14px 26px rgba(0,0,0,.05);z-index:50}
  body.lanupu .zoze{display:flex}
  .zoze a{padding:.85rem 0;border-bottom:1px solid var(--gane);font-size:1rem}
  .zoze a:last-child{border-bottom:none}
  .zoze a.hitu::after{display:none}
  .gita{display:block}
}
@media(max-width:540px){
  .feed,.zileto,.metobe{grid-template-columns:1fr}
  .peno form{flex-direction:column}
  .pofu{grid-template-columns:auto 1fr;gap:.4rem 1rem}
  .pofu .musida{grid-column:2}
}
.zoze a { font-size: 1rem; }
a { transition: color .18s ease; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--pobo); outline-offset: 2px; border-radius: 3px; }
@media (max-width: 900px) {
  .zoze a { padding-top: .8rem; padding-bottom: .8rem; }
}
.rineto { max-width: 1180px; margin: 0 auto; padding: clamp(2rem,4vw,3.5rem) 28px; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: clamp(2rem,4vw,4rem); align-items: start; }
.fadi { min-width: 0; }
.fapure { position: fixed; top: 0; left: 0; right: 0; height: 3px; background: transparent; z-index: 100; pointer-events: none; }
.fapure i { display: block; height: 100%; width: 0; background: var(--pobo); transition: width .1s linear; }
.tema { display: flex; align-items: center; gap: .7rem; margin: 1.8rem 0; padding: 1rem 0; border-block: 1px solid var(--gane); }
.tema .dofi { font-size: .74rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--mabe); margin-right: auto; }
.tema a { width: 40px; height: 40px; border: 1px solid var(--tuno); border-radius: 50%; display: grid; place-items: center; color: var(--dama); transition: .2s; font-size: .82rem; font-weight: 600; }
.tema a:hover { background: var(--pobo); color: #fff; border-color: var(--pobo); transform: translateY(-2px); }
.helu { background: var(--pizo); border: 1px solid var(--gane); border-radius: 8px; padding: 1.3rem 1.5rem; margin: 0 0 2.2rem; }
.helu .pukefe, .helu .mozoso { font-size: .7rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--mabe); margin-bottom: .8rem; }
.helu ol, .zigeka { list-style: none; counter-reset: t; }
.helu li, .article-toc__item { counter-increment: t; padding: .3rem 0; }
.article-toc__item--sub { padding-left: 1.1rem; }
.helu a, .fipolo { font-size: .95rem; color: var(--dama); display: flex; gap: .7rem; align-items: baseline; transition: color .2s; }
.helu a::before, .fipolo::before { content: counter(t,decimal-leading-zero); color: var(--pobo); font-family: var(--sela); font-weight: 500; font-size: .9em; flex: none; }
.helu a:hover, .fipolo:hover { color: var(--pobo); }
.fopeku { display: flex; flex-direction: column; gap: 2rem; position: sticky; top: 2rem; }
.zipage .buhigu { font-family: var(--sela); font-size: 1.2rem; font-weight: 500; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--gane); }
.goho form { display: flex; border: 1px solid var(--tuno); border-radius: 8px; overflow: hidden; }
.goho input { flex: 1; border: 0; padding: .75rem .9rem; font: inherit; font-size: .92rem; outline: none; background: #fff; min-width: 0; }
.goho button { border: 0; background: var(--pobo); color: #fff; padding: 0 1.1rem; cursor: pointer; font-size: 1rem; }
.goho button:hover { background: var(--hali); }
.zoli p { font-size: .93rem; color: var(--dama); }
.nihu ul { list-style: none; }
.nihu li { border-bottom: 1px solid var(--gane); }
.nihu a { display: flex; justify-content: space-between; align-items: center; padding: .65rem 0; font-size: .96rem; color: var(--dama); transition: color .2s; }
.nihu a:hover { color: var(--pobo); }
.nihu .mapo { color: var(--goge); font-size: .82rem; background: var(--pizo); border-radius: 999px; padding: .1rem .6rem; }
.senase a { display: grid; grid-template-columns: auto 1fr; gap: .9rem; padding: .8rem 0; border-top: 1px solid var(--gane); align-items: center; }
.senase a:first-of-type { border-top: 0; padding-top: 0; }
.senase .n { font-family: var(--sela); font-size: 1.3rem; color: var(--pobo); font-weight: 500; }
.senase h4 { font-size: .96rem; font-weight: 500; line-height: 1.28; }
.senase a:hover h4 { color: var(--pobo); }
.dele { background: var(--pobo); color: #fff; border-radius: 10px; padding: 1.5rem; }
.dele .buhigu { color: #fff; border-color: rgba(255,255,255,.2); }
.dele p { font-size: .9rem; opacity: .92; margin-bottom: 1rem; }
.dele input { width: 100%; border: 0; border-radius: 6px; padding: .75rem .9rem; font: inherit; font-size: .9rem; margin-bottom: .6rem; outline: none; }
.dele button { width: 100%; background: var(--nora); color: #fff; }
.dele button:hover { background: #000; }
.nipeti a { display: block; padding: .7rem 0; border-top: 1px solid var(--gane); }
.nipeti a:first-of-type { border-top: 0; padding-top: 0; }
.nipeti .sarise { font-family: var(--sela); font-weight: 500; font-size: 1rem; }
.nipeti .palehe { font-size: .82rem; color: var(--mabe); }
.nipeti a:hover .sarise { color: var(--pobo); }
.lilivu { display: flex; flex-wrap: wrap; gap: .5rem; }
.lilivu a { font-size: .82rem; padding: .32rem .8rem; border: 1px solid var(--tuno); border-radius: 999px; color: var(--dama); transition: .2s; }
.lilivu a:hover { background: var(--pobo); color: #fff; border-color: var(--pobo); }
.noloma { border-bottom: 2px solid var(--nora); padding-bottom: 1.4rem; margin-bottom: 2.2rem; }
.noloma .lotudu { display: block; margin-bottom: .7rem; }
.noloma h1 { font-size: clamp(2rem,4.4vw,3rem); font-weight: 400; }
.noloma p { color: var(--dama); margin-top: .7rem; max-width: 62ch; }
.nafasa { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 1px; background: var(--gane); border: 1px solid var(--gane); border-radius: 10px; overflow: hidden; }
.nafasa a { background: var(--dava); padding: 1.6rem 1.5rem; transition: background .25s; }
.nafasa a:hover { background: var(--pizo); }
.nafasa .soza { font-family: var(--sela); font-size: 1.35rem; font-weight: 500; }
.nafasa .timede { font-size: .82rem; color: var(--mabe); margin-top: .25rem; }
.pebu .vopu { box-shadow: 0 6px 20px rgba(26,27,30,.07); }
.pebu:hover .vopu { box-shadow: 0 10px 28px rgba(26,27,30,.11); }
.dupu .vopu { box-shadow: 0 10px 30px rgba(26,27,30,.09); }
.vuzibu { background: var(--pizo); border-radius: 10px; padding: 1.6rem 1.8rem; border-top: 0; }
@media (max-width: 960px) {
  .rineto { grid-template-columns: 1fr; }
  .fopeku { position: static; flex-direction: row; flex-wrap: wrap; }
  .fopeku .zipage { flex: 1 1 260px; }
  .tema { flex-wrap: wrap; }
}
@media (max-width: 600px) { .fopeku { flex-direction: column; } }
.rineto .rubira { max-width: none; margin: 0; padding: 0; }
.rineto .pogo { max-width: none; margin: 1.6rem 0 0; padding: 0; }
.rineto .desava { max-width: none; margin: 1.8rem 0 0; padding: 0; }
.bakuti { border-top: 1px solid var(--gane); margin-top: clamp(2.5rem,5vw,4rem); }
.tema svg { width: 16px; height: 16px; display: block; }
.tema a.miruru { background: var(--pobo); color: #fff; border-color: var(--pobo); }
.search-form { display: flex; border: 1px solid var(--tuno); border-radius: 8px; overflow: hidden; }
.search-form input { flex: 1; border: 0; padding: .75rem .9rem; font: inherit; font-size: .92rem; outline: none; background: #fff; min-width: 0; }
.search-form button { border: 0; background: var(--pobo); color: #fff; padding: 0 1.1rem; cursor: pointer; font-size: 1.05rem; }
.search-form button:hover { background: var(--hali); }