:root{--color--primary: hsl(220, 80%, 53%);--color--primary-shade: hsl(220, 80%, 75%);--color--primary-tint: hsla(218, 80%, 98%, .835);--color--secondary: hsl(180, 100%, 55%);--color--secondary-shade: hsl(180, 100%, 75%);--color--secondary-tint: hsl(180, 100%, 98%);--color--accent: hsl(200, 100%, 50%);--color--yellow: #ffd400;--color--text: #1c1e26;--color--text-secondary: #64748b;--color--text-shade: #5d5f65;--color--text-inverse: #ffffff;--color--text-inverse-shade: #9eb4b5;--color--page-background: #f4f8fb;--color--background-secondary: #f8fafc;--color--post-page-background: #f3fbfc;--color--card-background: #ffffff;--color--callout-background: hsl(210, 33%, 97%);--color--callout-background--info: hsl(213, 93%, 93%);--color--callout-accent--info: hsl(213, 91%, 56%);--color--callout-background--warning: hsl(54, 100%, 86%);--color--callout-accent--warning: hsl(31, 72%, 45%);--color--callout-background--error: hsl(0, 100%, 95%);--color--callout-accent--error: hsl(359, 94%, 65%);--color--callout-background--success: hsl(160, 52%, 91%);--color--callout-accent--success: hsl(164, 100%, 31%);--color--code-background: #1c1e26;--color--code-text: #ffffff;--color--code-inline-background: #e3e3e3;--card-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .1);--card-shadow-hover: 0px 4px 10px 8px rgb(0 0 0 / 10%);--image-shadow: 8px 14px 38px rgba(39, 44, 49, .06), 1px 3px 8px rgba(39, 44, 49, .03);--spacing--page-outer: clamp(1rem, 4vw, 2rem);--spacing--content-inner: clamp(1.5rem, 6vw, 3rem);--spacing--section-gap: clamp(2rem, 8vw, 4rem);--spacing--element-gap: clamp(1rem, 4vw, 2rem);--spacing--page-max-width: 800px}:root[data-theme=dark]{--color--primary: hsl(220, 80%, 53%);--color--primary-shade: hsl(220, 80%, 75%);--color--primary-tint: hsla(218, 80%, 98%, .835);--color--secondary: hsl(180, 100%, 55%);--color--secondary-shade: hsl(180, 100%, 75%);--color--secondary-tint: hsl(180, 100%, 98%);--color--accent: hsl(200, 100%, 60%);--color--yellow: #ffd400;--color--text: #ffffff;--color--text-secondary: #94a3b8;--color--text-shade: #9eb4b5;--color--text-inverse: #1c1e26;--color--text-inverse-shade: #5d5f65;--color--page-background: #1c1e26;--color--background-secondary: #1e293b;--color--post-page-background: #141519;--color--card-background: #32343e;--color--callout-background: #1c1e26;--color--callout-background--info: #1d3874;--color--callout-accent--info: #6ca9f7;--color--callout-background--warning: #724413;--color--callout-accent--warning: #ffca39;--color--callout-background--error: #7c1d20;--color--callout-accent--error: #ff8082;--color--callout-background--success: #004737;--color--callout-accent--success: #00c48f;--color--code-inline-background: #2b3131;--spacing--page-outer: clamp(1rem, 4vw, 2rem);--spacing--content-inner: clamp(1.5rem, 6vw, 3rem);--spacing--section-gap: clamp(2rem, 8vw, 4rem);--spacing--element-gap: clamp(1rem, 4vw, 2rem);--spacing--page-max-width: 800px}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--color--primary: hsl(220, 80%, 53%);--color--primary-shade: hsl(220, 80%, 75%);--color--primary-tint: hsla(218, 80%, 98%, .835);--color--secondary: hsl(180, 100%, 55%);--color--secondary-shade: hsl(180, 100%, 75%);--color--secondary-tint: hsl(180, 100%, 98%);--color--accent: hsl(200, 100%, 60%);--color--yellow: #ffd400;--color--text: #ffffff;--color--text-secondary: #94a3b8;--color--text-shade: #9eb4b5;--color--text-inverse: #1c1e26;--color--text-inverse-shade: #5d5f65;--color--page-background: #1c1e26;--color--background-secondary: #1e293b;--color--post-page-background: #141519;--color--card-background: #32343e;--color--callout-background: #1c1e26;--color--callout-background--info: #1d3874;--color--callout-accent--info: #6ca9f7;--color--callout-background--warning: #724413;--color--callout-accent--warning: #ffca39;--color--callout-background--error: #7c1d20;--color--callout-accent--error: #ff8082;--color--callout-background--success: #004737;--color--callout-accent--success: #00c48f;--color--code-inline-background: #2b3131;--spacing--page-outer: clamp(1rem, 4vw, 2rem);--spacing--content-inner: clamp(1.5rem, 6vw, 3rem);--spacing--section-gap: clamp(2rem, 8vw, 4rem);--spacing--element-gap: clamp(1rem, 4vw, 2rem);--spacing--page-max-width: 800px}}.page-container.svelte-5j7nw2{padding:var(--spacing--page-outer);max-width:var(--spacing--page-max-width);margin:0 auto}.content.svelte-5j7nw2{background:#fff;padding:var(--spacing--content-inner);border-radius:12px;box-shadow:0 4px 6px #0000001a}.page-container.transparent.svelte-5j7nw2 .content:where(.svelte-5j7nw2){background:transparent;padding:0;border-radius:0;box-shadow:none}.content.svelte-5j7nw2 h1{font-size:2rem}@media (min-width: 320px){.content.svelte-5j7nw2 h1{font-size:calc(2rem + (2.5 - 2) * (100vw - 320px) / (1200 - 320))}}@media (min-width: 1200px){.content.svelte-5j7nw2 h1{font-size:2.5rem}}.content.svelte-5j7nw2 h1{color:var(--brand-primary);margin-bottom:var(--spacing--element-gap);text-align:center}.content.svelte-5j7nw2 h2{font-size:1.5rem}@media (min-width: 320px){.content.svelte-5j7nw2 h2{font-size:calc(1.5rem + (1.75 - 1.5) * (100vw - 320px) / (1200 - 320))}}@media (min-width: 1200px){.content.svelte-5j7nw2 h2{font-size:1.75rem}}.content.svelte-5j7nw2 h2{color:var(--brand-primary);margin-bottom:1rem;margin-top:var(--spacing--element-gap)}.content.svelte-5j7nw2 h3{font-size:1.1rem}@media (min-width: 320px){.content.svelte-5j7nw2 h3{font-size:calc(1.1rem + (1.25 - 1.1) * (100vw - 320px) / (1200 - 320))}}@media (min-width: 1200px){.content.svelte-5j7nw2 h3{font-size:1.25rem}}.content.svelte-5j7nw2 h3{color:var(--brand-primary);margin-bottom:.75rem;margin-top:1.5rem}.content.svelte-5j7nw2 p{color:var(--color--text, #374151);line-height:1.7;margin-bottom:1rem}.content.svelte-5j7nw2 ul{color:var(--color--text, #374151);line-height:1.7;margin-bottom:1rem;padding-left:1.5rem}.content.svelte-5j7nw2 li{margin-bottom:.5rem}.content.svelte-5j7nw2 a{color:var(--brand-primary);text-decoration:none;border-bottom:1px solid var(--brand-primary);transition:all .3s ease}.content.svelte-5j7nw2 a:hover{color:var(--color--accent, var(--brand-secondary));border-bottom-color:var(--color--accent, var(--brand-secondary))}.content.svelte-5j7nw2 em{color:var(--color--text-secondary, #64748b);font-style:italic}.content.svelte-5j7nw2 .error-container{text-align:center}