@layer components{.acards{gap:2.25rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=43.75rem){.acards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=66.25rem){.acards{grid-template-columns:repeat(3,minmax(0,1fr))}}.acard{flex-direction:column;min-width:0;display:flex;position:relative}.acard .ph{aspect-ratio:3/2;background:var(--color-sunk);border-radius:1.25rem;margin:0;position:relative;overflow:hidden}.acard .ph img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-out)}.acard:hover .ph img{transform:scale(1.04)}.acard .ph-tool{background:var(--color-night);place-items:center;display:grid}.acard .ph-tool .tool-viz{width:60%;margin:0}.acard .ph-none{flex-direction:column;justify-content:space-between;padding:1.25rem 1.375rem;display:flex}.acard .ph-none .ph-pl{background:var(--color-lime);width:2.2rem;height:2.2rem;color:var(--color-ink);border-radius:50%;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.acard .ph-none .ph-lines{gap:.5rem;display:grid}.acard .ph-none .ph-lines i{background:color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:999px;height:.625rem}.acard .ph-none .ph-lines i:first-child{background:var(--color-brand);width:82%}.acard .ph-none .ph-lines i:nth-child(2){width:64%}.acard .ph-none .ph-lines i:nth-child(3){width:46%}.acard .cat{color:var(--color-brand);margin-top:1rem;font-size:1rem;font-weight:700}.acard h2,.acard h3,.acard h4{margin-top:.375rem;font-size:1.32rem;line-height:1.22}.acard h2 a,.acard h3 a,.acard h4 a{color:var(--color-ink);text-decoration:none}.acard h2 a:after,.acard h3 a:after,.acard h4 a:after{content:"";position:absolute;inset:0}.acard:hover h2 a,.acard:hover h3 a,.acard:hover h4 a{text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-underline-offset:4px;text-decoration-thickness:2px}.acard .desc{color:var(--color-ink);margin-top:.5rem;font-size:1.125rem;line-height:1.5}.acard .meta{color:var(--color-muted);font-size:var(--text-small);flex-wrap:wrap;gap:.25rem .75rem;margin-top:.5rem;display:flex}.ai-lbl{color:var(--color-muted);font-size:var(--text-small);order:9;margin-top:.5rem;font-weight:400;line-height:1.4}[data-kazalo=box] li>a{align-items:center;min-height:2.75rem;display:flex}.afeat{align-items:center;gap:1.75rem;margin-bottom:4rem;display:grid}@media (width>=62.5rem){.afeat{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}.afeat .print{--rot:-2deg;max-width:35rem;margin:0}.afeat .print img{aspect-ratio:3/2;object-fit:cover;border-radius:.5rem;width:100%;height:auto}.afeat .print figcaption{color:var(--color-muted);font-size:var(--text-small);padding:.5rem .25rem 0}.afeat h3{letter-spacing:-.03em;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.04}.afeat h3 a{color:var(--color-ink);text-decoration:none}.afeat h3 a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-decoration-thickness:3px}.afeat p{color:var(--color-ink);margin-top:1rem;font-size:1.125rem}.afeat .meta{color:var(--color-muted);font-size:var(--text-small);flex-wrap:wrap;gap:.25rem .75rem;margin-top:1rem;font-weight:400;display:flex}.filters{margin-bottom:2.5rem}.filters ul{flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.filters a{border:2px solid var(--color-field);background:var(--color-surface);min-height:3.25rem;color:var(--color-ink);border-radius:999px;align-items:center;padding:0 1.25rem;font-size:1.0625rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.filters a:hover{border-color:var(--color-ink)}.filters [aria-current=page]{border-color:var(--color-ink);background:var(--color-lime)}.art-head{padding:calc(var(--spacing-header) + 2.25rem) 0 3rem;background:var(--color-sunk)}@media (width>=56.25rem){.art-head{padding:calc(var(--spacing-header) + 3.5rem) 0 4.5rem}}.art-head-grid{align-items:end;gap:2.25rem;display:grid}@media (width>=62.5rem){.art-head-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:4rem}}.art-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.2rem,5.4vw,4.4rem);font-weight:800;line-height:1.02}.art-head .print{--rot:2.5deg;justify-self:center;max-width:28.75rem;margin:0}.art-head .print img{aspect-ratio:3/2;object-fit:cover;border-radius:.5rem;width:100%;height:auto}.art-head .print figcaption{color:var(--color-muted);font-size:var(--text-small);padding:.5rem .25rem 0}.art-lines{gap:.75rem;margin-top:1.5rem;display:grid}.calc-out{background:var(--color-night);color:var(--color-night-fg);border-radius:1.75rem;padding:1.75rem}.calc-out strong{color:var(--color-night-fg)}.calc-out a{color:var(--color-night-focus)}.calc-out [data-parts]{background:var(--color-night-3)}.tools-grid{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=43.75rem){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool h2{letter-spacing:-.025em;font-size:1.6rem;font-weight:800;line-height:1.2}.tool h2 a{color:inherit;text-decoration:none}.tools-grid .tool h2 a:after{content:"";position:absolute;inset:0}.tools-grid .tool:hover h2 a{text-decoration:underline;-webkit-text-decoration-color:var(--color-lime);text-decoration-color:var(--color-lime);text-underline-offset:4px;text-decoration-thickness:2px}[data-calculator]>[data-calculator-ui].card:not([hidden]){background:0 0;border:0;gap:1rem;padding:0;display:grid}@media (width>=64rem){.calc-split [data-calculator]>[data-calculator-ui].card:not([hidden]){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.calc-split [data-calculator]>[data-calculator-ui].card:not([hidden]):has(.calc-in [data-field]:nth-child(5)){grid-template-columns:minmax(0,1fr)}}[data-calculator] .calc-in{--color-focus:var(--color-night-focus);--color-focus-halo:var(--color-ink);border-radius:var(--radius-panel);background:var(--color-ink);min-width:0;color:var(--color-night-fg);padding:1.25rem;container-type:inline-size}[data-calculator] .calc-in .text-caption,[data-calculator] .calc-in .text-muted{color:var(--color-on-ink-muted)}[data-calculator] .calc-in .text-warm-ink{color:var(--color-night-warm)}[data-calculator] .calc-in .border-line{border-color:var(--color-night-line-2)}[data-calculator] .calc-in :is(input,select):focus-visible{outline-color:var(--color-lime)}[data-calculator] .calc-out{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;color:var(--color-ink);margin-top:0;padding:1.25rem}[data-calculator] .calc-out strong{color:inherit}[data-calculator] .calc-out a{color:var(--color-brand)}@media (width>=48rem){[data-calculator] .calc-in,[data-calculator] .calc-out{padding:1.75rem}}.rs{--tone-cool:#8fb6d9;--tone-good:#7fbf5a;--tone-warn:#e7c27d;--tone-warn-2:#e39a5c;--tone-hot:#d47650;--tone-hot-2:#b8573f;min-width:0}.rs[hidden]{display:none}.rs-caption{overflow-wrap:anywhere;margin:0 0 .25rem;font-weight:700}.rs-stage{padding-top:2.5rem;position:relative}.rs-stage:not(:has(.rs-flag)){padding-top:1.1rem}.rs-flag{pointer-events:none;height:1.9rem;position:absolute;inset:0 0 auto}.rs-flag[hidden]{display:none}.rs-flag>span{top:0;left:min(max(calc(var(--p,0) * 1%), 3rem), calc(100% - 3rem));background:var(--color-ink);color:var(--color-night-fg);white-space:nowrap;border-radius:.75rem;padding:.1rem .6rem;font-weight:800;line-height:1.5;position:absolute;transform:translate(-50%)}.rs-track{background:var(--color-sunk);border-radius:.75rem;gap:2px;height:1.5rem;display:flex;position:relative}.rs-seg{flex-basis:0;min-width:0}.rs-seg:first-child{border-radius:.75rem 0 0 .75rem}.rs-seg:last-of-type{border-radius:0 .75rem .75rem 0}.rs-seg[data-active]{outline:2px solid var(--color-ink);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--color-surface)}.rs-span{top:0;bottom:0;left:calc(var(--from,0) * 1%);width:calc((var(--to,0) - var(--from,0)) * 1%);background:var(--tone-good);border-radius:.75rem;position:absolute}.rs-pin{top:-.9rem;bottom:-.4rem;left:min(max(calc(var(--p,0) * 1%), 3rem), calc(100% - 3rem));background:var(--color-ink);border-radius:2px;width:4px;margin-left:-2px;position:absolute}.rs-pin[hidden]{display:none}.rs-pin:after{content:"";border:3px solid var(--color-ink);background:var(--color-surface);border-radius:50%;width:.9rem;height:.9rem;margin-left:-.45rem;position:absolute;bottom:-.25rem;left:50%}@media (prefers-reduced-motion:no-preference){.rs-pin,.rs-flag>span,.rs-span{transition:left .45s var(--ease-out,ease-out), width .45s var(--ease-out,ease-out)}}.rs-axis{color:var(--color-muted);font-size:var(--text-small,.875rem);justify-content:space-between;gap:1rem;margin-top:.35rem;display:flex}.rs-vals{gap:.5rem 1.5rem;margin:.75rem 0 0;display:grid}@media (width>=30rem){.rs-vals{grid-template-columns:repeat(2,minmax(0,1fr))}}.rs-vals dt{color:var(--color-muted);font-size:var(--text-small,.875rem)}.rs-vals dd{overflow-wrap:anywhere;margin:0;font-weight:800}.rs-legend{color:var(--color-muted);font-size:var(--text-small,.875rem);flex-wrap:wrap;gap:.25rem 1rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.rs-legend li{align-items:center;gap:.4rem;display:inline-flex}.rs-legend li[hidden]{display:none}.rs-legend li[data-active]{color:var(--color-ink);font-weight:800}.rs-dot{border-radius:3px;flex:none;width:.75rem;height:.75rem}.rs-tone-cool{background:var(--tone-cool)}.rs-tone-good{background:var(--tone-good)}.rs-tone-warn{background:var(--tone-warn)}.rs-tone-warn-2{background:var(--tone-warn-2)}.rs-tone-hot{background:var(--tone-hot)}.rs-tone-hot-2{background:var(--tone-hot-2)}.art-cta{border-radius:var(--radius-card);background:var(--color-ink);color:var(--color-night-fg);flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.art-cta-line{font-family:var(--font-head);text-wrap:balance;flex:14rem;margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:800;line-height:1.2}.art-cta .sk-cta{flex:none;margin:0}.recap{border-radius:var(--radius-panel);background:var(--color-warm-soft);gap:1.25rem;padding:clamp(1.25rem,3vw,2.25rem);display:grid}@media (width>=56rem){.recap{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start}.recap-intro{position:sticky;top:6rem}}.recap-intro h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}.recap-title{color:var(--color-warm-ink);margin-top:.5rem;font-weight:700}.recap-lead{color:var(--color-muted);margin-top:.4rem}.recap-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.recap-q{border-radius:var(--radius-card);background:var(--color-surface);padding:1rem}@media (width>=48rem){.recap-q{padding:1.5rem}}.recap-qt{font-size:1.125rem;font-weight:800;line-height:1.3}.recap-n{color:var(--color-muted);font-weight:700}.recap-a{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.recap-ans{border:2px solid var(--color-line-2);border-radius:var(--radius-card)}.recap-ans[data-quiz-state=correct]{border-color:var(--color-brand);background:var(--color-tint)}.recap-ans[data-quiz-state=incorrect]{border-color:var(--color-warm-ink);background:var(--color-warm-soft)}@media (width<48rem){.art-head .print{justify-self:start;max-width:9rem;margin-top:.5rem}.art-head .art-lines{gap:.4rem;margin-top:1rem}}}
