.blog{gap:var(--sp-6);max-width:44rem;padding-block:var(--sp-5) var(--sp-7);display:grid}.blog-head h1{margin:0 0 var(--sp-2);font-size:var(--fs-2xl);line-height:var(--lh-tight)}.blog-head__lead{color:var(--c-ink-soft);font-size:var(--fs-md);line-height:var(--lh-base);margin:0}.blog-empty{color:var(--c-ink-soft)}.post-cards{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.post-cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}.post-card{border:1px solid var(--c-line);border-radius:var(--r-panel);background:var(--c-surface);height:100%;box-shadow:var(--shadow-tile);grid-template-rows:auto auto 1fr auto;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-raised);transform:translateY(-2px)}.post-card:focus-within{box-shadow:var(--focus-ring)}.post-card__img{aspect-ratio:16/9;object-fit:cover;background:var(--c-surface-sunk);width:100%;height:auto;display:block}.post-card__title{margin:var(--sp-4) var(--sp-4) var(--sp-2);font-size:var(--fs-md);line-height:var(--lh-tight)}.post-card__title a{color:var(--c-ink);text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card__title a:focus-visible{outline:none}.post-card:hover .post-card__title a{text-underline-offset:.18em;text-decoration:underline}.post-card__desc{margin:0 var(--sp-4) var(--sp-3);color:var(--c-ink-soft);font-size:var(--fs-sm);line-height:var(--lh-base)}.post-card__meta{margin:0 var(--sp-4) var(--sp-4);color:var(--c-ink-soft);font-size:.8125rem}.post{gap:var(--sp-5);min-width:0;display:grid}.post__crumbs ol{gap:var(--sp-1);font-size:var(--fs-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.post__crumbs li+li:before{content:"›";margin-right:var(--sp-1);color:var(--c-ink-soft)}.post__crumbs a{color:var(--c-ink-soft)}.post__head{gap:var(--sp-2);display:grid}.post__topic{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-ink-soft);margin:0}.post__topic a{color:var(--c-primary)}.post__head h1{font-size:var(--fs-2xl);line-height:var(--lh-tight);text-wrap:balance;margin:0}.post__meta{color:var(--c-ink-soft);font-size:var(--fs-sm);margin:0}.post__cover{margin:0}.post__cover img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-panel);background:var(--c-surface-sunk);width:100%;height:auto;display:block}.post__body{font-size:var(--fs-base);overflow-wrap:break-word;line-height:1.7}.post__body>*+*{margin-top:var(--sp-4)}.post__body h2{margin-top:var(--sp-7);font-size:var(--fs-xl);line-height:var(--lh-tight);scroll-margin-top:5rem}.post__body h3{margin-top:var(--sp-6);font-size:var(--fs-md);line-height:var(--lh-tight);scroll-margin-top:5rem}.post__body h2+*,.post__body h3+*{margin-top:var(--sp-3)}.post__body ul,.post__body ol{padding-left:1.4rem}.post__body li+li{margin-top:var(--sp-2)}.post__body li::marker{color:var(--c-ink-soft)}.post__body a:not(.btn){color:var(--c-primary);text-underline-offset:.18em}.post__body blockquote{padding:var(--sp-3) var(--sp-4);border-left:4px solid var(--c-highlight);border-radius:0 var(--r-control) var(--r-control) 0;background:var(--c-surface-sunk);margin-inline:0}.post__body blockquote p{margin:0}.en{font-weight:var(--fw-medium);background:linear-gradient(transparent 62%, color-mix(in srgb, var(--c-highlight) 55%, transparent) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.phrase{gap:var(--sp-1);padding:var(--sp-4);border:1px solid var(--c-line);border-left:4px solid var(--c-primary);border-radius:var(--r-control);background:var(--c-surface);display:grid}.phrase p{margin:0}.phrase__en{font-size:var(--fs-md);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.phrase__tr{color:var(--c-ink-soft)}.phrase .phrase__note{margin-top:var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-base)}.post__body .embed{margin-block:var(--sp-6)}.embed{gap:var(--sp-3);padding:var(--sp-4);border:2px solid var(--c-ink);border-radius:var(--r-panel);background:var(--c-paper);box-shadow:4px 4px 0 var(--c-highlight);line-height:var(--lh-base);display:grid}.embed__title,.post__body .embed__title{font-size:var(--fs-md);margin:0}.embed__body>*+*{margin-top:var(--sp-2)}.embed__lead,.embed__fallback{margin:0}.embed__fallback{color:var(--c-ink-soft);font-size:var(--fs-sm)}.embed__game{gap:var(--sp-4);margin-top:var(--sp-3);display:grid}.embed__game>.progress{justify-self:end}.embed__result{gap:var(--sp-2);justify-items:start;display:grid}.embed__result p{margin:0}.embed__score{font-size:var(--fs-2xl);font-weight:var(--fw-bold);line-height:1}.embed__score:focus,.embed__score:focus-visible{box-shadow:none;outline:none}.embed__more{color:var(--c-ink-soft);font-size:var(--fs-sm)}.embed__actions{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.post__cta{gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-panel);background:var(--c-surface-sunk);justify-items:start;display:grid}.post__cta p{margin:0}.post__share:empty{display:none}.post__tags{gap:var(--sp-2);flex-wrap:wrap;margin:0;display:flex}.tag{border:1px solid var(--c-edge);border-radius:var(--r-pill);color:var(--c-ink-soft);padding:.1rem .6rem;font-size:.8125rem}.post-related h2{margin:0 0 var(--sp-4);font-size:var(--fs-xl)}.blog .ad-slot{border-radius:var(--r-control);background:var(--c-surface-sunk);width:100%;max-width:none;height:100px;margin:0;position:relative;overflow:hidden}.blog .ad-slot:empty:before{content:"Reklam";color:var(--c-ink-soft);font-size:var(--fs-sm);place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.post-card{transition:none}.post-card:hover{transform:none}}.post__share .board__share{padding-inline:var(--sp-4);border:1.5px solid var(--c-edge);border-radius:var(--r-pill);color:var(--c-ink);text-decoration:none}
