:root{--fono:#fbfaf7;--teksto:#1d2321;--malforta:#5b6662;--akcento:#1f5f5b;--akcento2:#b4542b;--karto:#fff;--bordero:#e0ddd5;--gen:#7a4fa0;--ombro:0 1px 2px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.05);color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--fono:#141917;--teksto:#e7ece9;--malforta:#9fb0aa;--akcento:#6cc4b9;--akcento2:#f0956b;--karto:#1c2321;--bordero:#2e3835;--gen:#c4a1e6;--ombro:none}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;background:var(--fono);color:var(--teksto)}
a{color:var(--akcento)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--akcento2);outline-offset:2px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2}
h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:.6em 0 .3em}
.vidaltaj{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salti{position:absolute;left:-999px;top:0;background:var(--akcento);color:#fff;padding:.5em 1em;z-index:10}.salti:focus{left:0}
.kapo{background:var(--akcento);color:#fff}
@media (prefers-color-scheme:dark){.kapo{background:#0f2f2c}}
.kapo__en{max-width:68rem;margin:auto;padding:.8rem 1rem .2rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.marko{color:#fff;text-decoration:none;display:flex;align-items:baseline;gap:.1rem;flex-wrap:wrap}
.marko__ri,.marko__vo{font:700 1.8rem/1 Georgia,serif}.marko__vo{color:#ffd59e}
.marko__sub{font-size:.85rem;opacity:.85;margin-left:.7rem}
.lingvoj{font-size:.9rem}.lingvoj a{color:#fff}.lingvoj [aria-current]{font-weight:700}
.nav{max-width:68rem;margin:auto;padding:0 .5rem;display:flex;overflow-x:auto;scrollbar-width:none}
.nav a{color:#fff;text-decoration:none;padding:.6rem .7rem;white-space:nowrap;border-bottom:3px solid transparent;opacity:.9}
.nav a:hover{opacity:1;border-bottom-color:rgba(255,255,255,.5)}.nav a[aria-current]{border-bottom-color:#ffd59e;opacity:1;font-weight:600}
.enhavo{max-width:68rem;margin:auto;padding:0 1rem 2rem;min-height:60vh}
.enkonduko{color:var(--malforta);max-width:46rem}
.sercxilo{background:var(--karto);border:1px solid var(--bordero);border-radius:14px;padding:1rem;box-shadow:var(--ombro);position:sticky;top:0;z-index:2}
.sercxilo__linio{display:flex;gap:.5rem}
.sercxilo input[type=search]{flex:1;min-width:0;font-size:1.25rem;padding:.6rem .8rem;border:2px solid var(--bordero);border-radius:10px;background:var(--fono);color:inherit}
.sercxilo input[type=search]:focus{border-color:var(--akcento)}
.sercxilo__opcioj{border:0;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.92rem}
.segmentoj{display:inline-flex;border:1px solid var(--bordero);border-radius:999px;overflow:hidden}
.segmentoj label{padding:.3rem .8rem;cursor:pointer}.segmentoj input{position:absolute;opacity:0}
.segmentoj label:has(input:checked){background:var(--akcento);color:#fff}
.segmentoj label:has(input:focus-visible){outline:3px solid var(--akcento2)}
.elekto select{font:inherit;padding:.2rem;border-radius:6px;border:1px solid var(--bordero);background:var(--fono);color:inherit;max-width:14rem}
.butono{font:inherit;padding:.45rem .9rem;border-radius:10px;border:1px solid var(--bordero);background:var(--karto);color:var(--teksto);cursor:pointer;text-decoration:none;display:inline-block}
.butono:hover{border-color:var(--akcento)}.butono--cxefa{background:var(--akcento);border-color:var(--akcento);color:#fff;font-weight:600}
@media (prefers-color-scheme:dark){.butono--cxefa{color:#0d1f1d}}
.ligilbutono{font:inherit;background:none;border:0;color:var(--akcento);text-decoration:underline;cursor:pointer;padding:0}
.legendo{font-size:.85rem;color:var(--malforta)}
.stato{font-size:.85rem;color:var(--malforta);min-height:1.3em}
.analizo{background:var(--karto);border-left:4px solid var(--akcento2);padding:.5rem .8rem;border-radius:6px}
.analizo u{text-decoration-color:var(--akcento2);text-decoration-thickness:3px}
.sekcio{background:var(--karto);border:1px solid var(--bordero);border-radius:12px;margin:1rem 0;padding:.2rem 1rem .6rem;box-shadow:var(--ombro)}
.sekcio>summary{cursor:pointer;list-style:none;padding:.5rem 0}.sekcio>summary::-webkit-details-marker{display:none}
.sekcio>summary h2{display:inline;font-size:1.25rem;margin:0}
.sekcio>summary::before{content:"▸";display:inline-block;width:1.1em;transition:transform .15s;color:var(--malforta)}
.sekcio[open]>summary::before{transform:rotate(90deg)}
.sekcio__pri{display:block;font-size:.85rem;color:var(--malforta);margin-left:1.1em}
.nombrilo{font:600 .8rem system-ui,sans-serif;background:var(--fono);border:1px solid var(--bordero);border-radius:999px;padding:.05rem .5rem;vertical-align:middle}
.sekcio--generitaj{border-style:dashed}
.silabgrupo__titolo{margin:.6rem 0 .2rem;font:600 .8rem system-ui,sans-serif;color:var(--malforta);text-transform:uppercase;letter-spacing:.04em}
.vortoj{margin:0;line-height:2.1}
.vorto{display:inline-block;padding:0 .45rem;border:1px solid var(--bordero);border-radius:6px;text-decoration:none;line-height:1.7;background:var(--fono);color:var(--teksto)}
.vorto:hover{border-color:var(--akcento);color:var(--akcento)}
.vorto--gen{border-style:dashed;border-color:var(--gen);color:var(--gen);font-style:italic}
.vorto--gen::after{content:"*";font-style:normal;margin-left:.1em}
.pli summary{cursor:pointer;color:var(--akcento);margin:.3rem 0}
.neniu{color:var(--malforta);font-style:italic}
.reklamujo{max-width:68rem;margin:1rem auto;padding:.5rem 1rem;border-top:1px solid var(--bordero);border-bottom:1px solid var(--bordero);text-align:center;min-height:100px}
.reklamujo__etikedo{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--malforta)}
.piedo{border-top:1px solid var(--bordero);padding:1rem;text-align:center;font-size:.85rem;color:var(--malforta)}
.konsento{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:36rem;margin:auto;background:var(--karto);border:1px solid var(--bordero);border-radius:12px;padding:1rem;box-shadow:0 8px 30px rgba(0,0,0,.2);z-index:20}
.konsento p{margin:0 0 .7rem}.konsento__butonoj{display:flex;gap:.5rem;justify-content:flex-end}
.pado{font-size:.9rem;margin:.8rem 0 0}.statistiko{color:var(--malforta)}
.literoj{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}
.literoj a{padding:.2rem .6rem;border:1px solid var(--bordero);border-radius:6px;text-decoration:none;background:var(--karto)}
.grupujo h2{border-bottom:1px solid var(--bordero);padding-bottom:.2rem}
.grupoj{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.3rem}
.grupoj a{text-decoration:none;padding:.2rem .4rem;border-radius:6px;background:var(--karto);border:1px solid var(--bordero);text-align:right}
.grupoj small,.fakoj small{color:var(--malforta)}
.inversa{list-style:none;padding:0;columns:13rem auto;column-gap:2rem;text-align:right;font-variant-ligatures:none}
.inversa li{break-inside:avoid;padding:.05rem 0}.inversa a{text-decoration:none;color:var(--teksto)}.inversa a:hover{color:var(--akcento);text-decoration:underline}
.pagxumado,.najbaroj{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0;align-items:center}
.najbaroj{justify-content:space-between}
.pagxumado a,.pagxumado span{padding:.2rem .6rem;border:1px solid var(--bordero);border-radius:6px;text-decoration:none}
.pagxumado [aria-current]{background:var(--akcento);color:#fff}
.fakoj{columns:16rem auto;padding-left:1.2rem}
.tabelujo{overflow-x:auto}
table{border-collapse:collapse;width:100%;background:var(--karto);border-radius:8px}
th,td{padding:.45rem .6rem;border-bottom:1px solid var(--bordero);text-align:left;vertical-align:top}
th[scope=row]{white-space:nowrap;font-family:Georgia,serif;font-size:1.1rem}
.nombro{text-align:right;font-variant-numeric:tabular-nums}
textarea{width:100%;font:1.05rem/1.6 Georgia,serif;padding:.8rem;border:2px solid var(--bordero);border-radius:10px;background:var(--karto);color:inherit}
.etikedo{display:block;font-weight:600;margin:.5rem 0 .2rem}
.silaboj{margin-top:1rem}.silaboj td:nth-child(2){font-family:Georgia,serif}
.akcento{color:var(--akcento2);text-decoration:underline}
.strofrompo td{border:0;padding:.3rem}
.rimlitero{display:inline-block;min-width:1.6em;text-align:center;border-radius:6px;font-weight:700;color:#fff}
.rimlitero--0{background:#1f5f5b}.rimlitero--1{background:#b4542b}.rimlitero--2{background:#6b4fa0}.rimlitero--3{background:#2f6fb0}.rimlitero--4{background:#8a6d00}.rimlitero--5{background:#a03060}.rimlitero--6{background:#3d7d2b}.rimlitero--7{background:#555}
.prozo{max-width:46rem}
code{background:var(--karto);border:1px solid var(--bordero);border-radius:4px;padding:0 .25em}
@media (max-width:600px){.marko__sub{display:none}.nav{flex-wrap:wrap}.nav a{padding:.4rem .55rem}.sercxilo{position:static}.sercxilo input[type=search]{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}