:root{--story-size:21px;--success:#0f6a87;--success-bg:#e2f1f6;--danger:#b63a26;--danger-bg:#fbe3de}:root[data-theme=dark]{--success:#6cc9e6;--success-bg:#16394a;--danger:#ff8b78;--danger-bg:#43241f}.progress{background:var(--lamp-deep);z-index:30;width:0;height:3px;position:fixed;top:0;left:0}.ad{border-radius:var(--r-md);background:repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--line) 45%, transparent) 10px 11px);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-muted);text-align:center;place-items:center;font-size:13px;display:grid;position:relative}.ad:before{content:"Reklam";letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:12px;position:absolute;top:-20px;left:0}.ad-top{max-width:728px;height:100px;margin:36px auto 8px}@media (width>=760px){.ad-top{height:90px}}.ad-in{min-height:280px;margin:48px 0 0}.ad-in+.block{margin-top:48px}.ad-side{height:600px}.ad-multi{min-height:300px;margin-top:16px}.crumbs{color:var(--ink-muted);flex-wrap:wrap;gap:6px;padding-top:22px;font-size:14px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.layout{grid-template-columns:minmax(0,720px) 300px;justify-content:center;gap:56px;padding-block:28px 20px;display:grid}@media (width<=1100px){.layout{grid-template-columns:minmax(0,720px)}.side{display:none}}.side-inner{gap:34px;display:grid;position:sticky;top:92px}.story-head{grid-template-columns:1fr 168px;align-items:start;gap:16px 28px;display:grid}.sh-text{gap:12px;display:grid}.story-head h1{letter-spacing:-.025em;font-size:clamp(34px,4.2vw,46px);line-height:1.04}.story-head .tr-title{font:500 19px/1.2 var(--font-display);color:var(--ink-muted);margin:-4px 0 0}.story-head .summary{color:var(--ink-muted);margin:0;font-size:17px;line-height:27px}.thumb{aspect-ratio:1;border-radius:var(--r-lg);width:168px;overflow:hidden}.thumb svg{width:100%;height:100%}.meta{color:var(--ink-muted);border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:6px 18px;padding-top:14px;font-size:14px;display:flex}.meta>span{align-items:center;gap:6px;display:inline-flex}.meta .ico{width:16px;height:16px}@media (width<=600px){.story-head{grid-template-columns:1fr 96px}.thumb{width:96px}.story-head .summary{grid-column:1/-1}}.tools{z-index:10;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:20px 0 8px;padding:10px 0;display:flex;position:sticky;top:68px}.switch{font:600 15px/1 var(--font-display);cursor:pointer;color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;display:inline-flex}.switch .track{background:var(--line-strong);border-radius:12px;width:40px;height:24px;transition:background .15s;position:relative}.switch .track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .track{background:var(--lamp-deep)}.switch[aria-checked=true] .track:after{transform:translate(16px)}.sizes{border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--line-strong);margin-left:auto;display:inline-flex}.sizes button{font:600 15px/1 var(--font-display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 12px}.sizes button+button{border-left:1.5px solid var(--line-strong)}.hint{width:100%;color:var(--ink-muted);margin:0;font-size:13px}.story{font-size:var(--story-size);line-height:1.62}.para{margin:0 0 22px}.para p{margin:0}.para .tr{border-radius:var(--r-md);background:var(--surface-tint);color:var(--ink-muted);margin-top:10px;padding:12px 16px;font-size:17px;line-height:27px}.tr-btn{font:600 14px/1 var(--font-display);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:6px;padding:4px 0;display:inline-flex}.tr-btn:hover{color:var(--ink)}.tr-btn .ico{width:15px;height:15px}.w{font:inherit;color:var(--accent-text);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline 1.5px dotted}.pop{z-index:40;background:var(--night);color:#fff3d1;border-radius:var(--r-md);max-width:260px;padding:12px 14px;font-size:15px;line-height:22px;position:absolute;box-shadow:0 10px 30px #00000040}.pop b{font:700 17px/1.2 var(--font-display);color:#ffc845;display:block}.pop small{color:#c9d1e8}.block{margin-top:56px}.block>h2{margin-bottom:6px;font-size:28px;line-height:1.15}.block>.sub{color:var(--ink-muted);margin:0 0 20px}.vocab{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.vocab{grid-template-columns:1fr}}.v{border-radius:var(--r-md);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);padding:14px 16px}.v .top{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.v b{font:700 18px/1.2 var(--font-display)}.v .type{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:12px}.v .mean{color:var(--accent-text);margin-left:auto;font-weight:700}.v p{color:var(--ink-muted);margin:6px 0 0;font-size:15px;font-style:italic;line-height:22px}.grammar{border-radius:var(--r-lg);background:var(--surface-tint);padding:26px}.grammar h3{margin-bottom:8px;font-size:20px}.grammar p{margin:0 0 12px}.grammar ul{gap:6px;margin:0;padding-left:20px;display:grid}.grammar strong{color:var(--accent-text)}.quiz{gap:14px;display:grid}.q{border-radius:var(--r-lg);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);padding:20px}.q h3{margin-bottom:12px;font-size:18px;line-height:25px}.q h3 span{color:var(--ink-muted);margin-right:6px;font-weight:600}.opts{gap:8px;display:grid}.opt{text-align:left;font:400 16px/22px var(--font-text);color:var(--ink);background:var(--surface);border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--line-strong);cursor:pointer;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.opt:hover:not([disabled]){box-shadow:inset 0 0 0 1.5px var(--ink)}.opt[disabled]{cursor:default}.opt[disabled]:not(.ok):not(.bad){opacity:.55}.opt.ok{background:var(--success-bg);box-shadow:inset 0 0 0 2px var(--success);font-weight:700}.opt.bad{background:var(--danger-bg);box-shadow:inset 0 0 0 2px var(--danger)}.opt.bad .ot{text-decoration:line-through 1.5px}.opt .mk{font:700 13px/1 var(--font-display);border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px 6px 6px;text-decoration:none;display:inline-flex}.opt .mk:empty{display:none}.opt .mk i{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.opt.ok .mk{color:var(--success);background:var(--surface-raised)}.opt.ok .mk i{background:var(--success)}.opt.bad .mk{color:var(--danger);background:var(--surface-raised)}.opt.bad .mk i{background:var(--danger)}:root[data-theme=dark] .opt .mk i{color:#141a30}.q.done-ok{box-shadow:inset 0 0 0 1px var(--line), inset 4px 0 0 var(--success);border-radius:var(--r-lg)}.q.done-bad{box-shadow:inset 0 0 0 1px var(--line), inset 4px 0 0 var(--danger)}.explain{align-items:flex-start;gap:8px;display:flex}.explain b{flex:none}.explain{color:var(--ink-muted);margin:10px 0 0;font-size:15px}.score{border-radius:var(--r-lg);background:var(--night);color:#fff3d1;flex-wrap:wrap;align-items:center;gap:16px;padding:22px;display:flex}.score img{width:54px;height:auto}.score b{font:700 22px/1.2 var(--font-display);display:block}.score span{color:#c9d1e8;font-size:15px}.pager{grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;display:grid}.pager a{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:var(--surface-raised);padding:16px 18px;text-decoration:none}.pager a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.pager small{color:var(--ink-muted);font-size:13px;display:block}.pager b{font:700 17px/1.3 var(--font-display)}.pager a:last-child{text-align:right}.share{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-size:15px;display:flex}.share a{width:38px;height:38px;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface-raised);border-radius:50%;place-items:center;display:grid}.share .ico{width:18px;height:18px}.toc h4{font:600 13px/16px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px}.toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{border-radius:var(--r-md);font:500 15px/1.2 var(--font-display);justify-content:space-between;padding:8px 10px;text-decoration:none;display:flex}.toc a:hover,.toc a.on{background:var(--surface-tint)}.toc small{color:var(--ink-muted);font-family:var(--font-text)}.related{margin-top:64px}.story-tags{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.story-tags h2{font:600 13px/16px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}.story-tags ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.story-tags a{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:8px 12px;font-size:14px;line-height:1;text-decoration:none;display:inline-block}.story-tags a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.story-tags a[lang=en]{font-style:italic}.no-tr{font:600 15px/1 var(--font-display);color:var(--ink-muted)}.story-head.has-cover{grid-template-columns:1fr}.hero-cover{border-radius:var(--r-lg);background:var(--night);aspect-ratio:2;margin:8px 0 0;overflow:hidden}.hero-cover img{object-fit:cover;width:100%;height:100%;display:block}
