html{background:var(--color-page)}:root{color-scheme:light;--color-page: #f7f7f5;--color-surface: #ffffff;--color-surface-muted: #eef0ee;--color-text: #202522;--color-text-muted: #5e6862;--color-border: #d6dcd7;--color-border-strong: #aab5ad;--color-accent: #c94f4f;--color-accent-contrast: #ffffff;--color-focus: #a83b3b;--font-sans: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--container-width: 1200px;--reading-width: 760px;--radius-small: 4px;--radius-medium: 8px;--control-height: 44px;--header-height: 80px}[data-theme=dark]{color-scheme:dark;--color-page: #1c211e;--color-surface: #242b27;--color-surface-muted: #303a34;--color-text: #edf1ed;--color-text-muted: #b8c3bb;--color-border: #4b5950;--color-border-strong: #718076;--color-accent: #ef8b8b;--color-accent-contrast: #321414;--color-focus: #ffb0b0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-page: #1c211e;--color-surface: #242b27;--color-surface-muted: #303a34;--color-text: #edf1ed;--color-text-muted: #b8c3bb;--color-border: #4b5950;--color-border-strong: #718076;--color-accent: #ef8b8b;--color-accent-contrast: #321414;--color-focus: #ffb0b0}}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:auto}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}button,input{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}body{min-width:320px;background:var(--color-page);color:var(--color-text);font-family:var(--font-sans)}a{color:var(--color-accent)}button,input{color:inherit}button{border:1px solid transparent;background:transparent}hr{border:0;border-top:1px solid var(--color-border)}::placeholder{color:var(--color-text-muted);opacity:1}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}body{font-size:16px;line-height:1.6}h1,h2,h3,h4{color:var(--color-text);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:48px}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}p,li{max-width:72ch}small{font-size:14px}code,pre{font-family:var(--font-mono)}@media(max-width:700px){h1{font-size:36px}h2{font-size:28px}h3{font-size:22px}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);z-index:10;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast);opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-container{width:min(100% - 48px,var(--container-width));margin-inline:auto}.page-main{min-height:calc(100vh - var(--header-height));padding-block:var(--space-16) var(--space-20)}@media(max-width:700px){.page-container{width:min(100% - 32px,var(--container-width))}.page-main{padding-block:var(--space-12) var(--space-16)}}.section-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6)}.section-header__title{margin:0}@media(max-width:700px){.section-header{display:block}}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-page)}.site-header__inner{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:var(--space-6)}.site-header__brand{display:block;color:var(--color-text);text-decoration:none}.site-header__logo{width:220px;height:auto}.site-header__brand:hover,.site-header__brand:focus-visible{opacity:.72}.site-header__nav{display:flex;align-items:center;gap:var(--space-4)}.site-header__nav-link{color:var(--color-text-muted);text-decoration:none}.site-header__nav-link:hover,.site-header__nav-link:focus-visible{opacity:.72}@media(max-width:700px){.site-header__inner{min-height:64px}.site-header__logo{width:180px}}.site-header__theme-button{flex:0 0 auto}.site-header__theme-icon{display:inline-block;width:18px;text-align:center;font-size:18px;line-height:1}.site-header__theme-label{margin-left:var(--space-2)}@media(max-width:520px){.site-header__theme-label{display:none}}.site-header__theme-button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent)}.site-header__theme-button:hover,.site-header__theme-button:focus-visible{color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer__inner{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6)}.site-footer__text{font-size:14px}@media(max-width:700px){.site-footer__inner{display:block}}.site-footer__link{color:var(--color-text-muted);text-decoration:none}.site-footer__link:hover,.site-footer__link:focus-visible{opacity:.72}.site-footer__link+.site-footer__link{margin-left:var(--space-4)}@media(max-width:700px){.site-footer__links{margin-top:var(--space-3)}}.button{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-weight:600;line-height:1.4}.button:hover,.button:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.button--accent{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.button--accent:hover,.button--accent:focus-visible{border-color:var(--color-accent);background:var(--color-surface);color:var(--color-accent)}.button--small{min-height:36px;padding:var(--space-2) var(--space-3);font-size:14px}.button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.button[aria-pressed=true]:hover,.button[aria-pressed=true]:focus-visible{background:var(--color-surface);color:var(--color-accent)}.button:disabled{cursor:not-allowed;opacity:.56}.theme-toggle{display:inline-flex;min-height:40px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.theme-toggle__icon{display:inline-block;width:18px;font-size:18px;line-height:1;text-align:center}.theme-toggle__label{font-size:14px}@media(max-width:520px){.theme-toggle__label{display:none}}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);max-width:720px}.search-form__label{grid-column:1/-1;color:var(--color-text-muted);font-size:14px;font-weight:600}.search-form__input{min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface)}.search-form__input:hover{border-color:var(--color-accent)}@media(max-width:520px){.search-form{grid-template-columns:1fr}}.tag-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.tag-filter__label{flex-basis:100%;color:var(--color-text-muted);font-size:14px;font-weight:600}.tag-filter__button{min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:14px}.tag-filter__button:hover,.tag-filter__button:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.tag-filter__button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast)}.tag-filter__button[aria-pressed=true]:hover,.tag-filter__button[aria-pressed=true]:focus-visible{background:transparent;color:var(--color-accent)}.article-card{display:flex;min-width:0;flex-direction:column;border-top:2px solid var(--color-border-strong);background:var(--color-surface)}.article-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--color-border)}.article-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6)}.article-card__title{display:-webkit-box;overflow:hidden;margin:0;font-size:24px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-card__title-link{color:var(--color-text);text-decoration:none}.article-card__title-link:hover,.article-card__title-link:focus-visible{opacity:.72}.article-card__description{display:-webkit-box;overflow:hidden;color:var(--color-text-muted);-webkit-box-orient:vertical;-webkit-line-clamp:5}.article-card__meta{color:var(--color-text-muted);font-size:14px}.article-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.article-card__tag{color:var(--color-text-muted);font-size:14px}.article-card__tag a{color:var(--color-accent);text-decoration:none}.article-card__tag a:hover,.article-card__tag a:focus-visible{opacity:.72}.article-card__link{margin-top:auto;color:var(--color-accent);font-weight:600;text-decoration:none}.article-card__link:hover,.article-card__link:focus-visible{opacity:.72}@media(max-width:700px){.article-card__body{padding:var(--space-5)}}.article-header{margin-bottom:var(--space-12)}.article-header__back{display:inline-block;margin-bottom:var(--space-8);color:var(--color-text-muted);text-decoration:none}.article-header__back:hover,.article-header__back:focus-visible{opacity:.72}.article-header__title{margin-bottom:var(--space-6)}.article-header__description{color:var(--color-text-muted);font-size:20px;line-height:1.5}.article-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-6);color:var(--color-text-muted);font-size:14px}.article-header__tags{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:0;list-style:none}.article-header__tags-link{color:var(--color-accent);font-weight:600;text-decoration:none}.article-header__tags-link:hover,.article-header__tags-link:focus-visible{opacity:.72}@media(max-width:700px){.article-header__description{font-size:18px}}.article-header__date{white-space:nowrap}.article-content{max-width:var(--reading-width);font-family:var(--font-serif);font-size:18px;line-height:1.75}.article-content>*+*{margin-top:var(--space-6)}.article-content h1,.article-content h2,.article-content h3,.article-content h4{max-width:100%;margin-top:var(--space-12);font-family:var(--font-sans)}.article-content h1{font-size:36px}.article-content h2{font-size:30px}.article-content h3{font-size:24px}.article-content h4{font-size:20px}.article-content__section-heading{scroll-margin-top:var(--space-8)}.article-content p,.article-content li{max-width:72ch}.article-content ul,.article-content ol{padding-left:var(--space-6)}.article-content li+li{margin-top:var(--space-2)}.article-content a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px}.article-content a:hover,.article-content a:focus-visible{opacity:.72}.article-content ol a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.article-content blockquote{padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-accent);background:var(--color-surface-muted);color:var(--color-text-muted);font-style:italic}.article-content blockquote>*+*{margin-top:var(--space-4)}.article-content hr{margin-block:var(--space-12)}.article-content img{width:100%;height:auto}.article-content figure{margin-block:var(--space-8)}.article-content figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:14px}.article-content pre{overflow-x:auto;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text);font-size:14px;line-height:1.6;tab-size:2}.article-content code{overflow-wrap:anywhere;font-size:.9em}.article-content :not(pre)>code{padding:2px 4px;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted)}.article-content table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:16px;line-height:1.5}.article-content :has(>table){overflow-x:auto}.article-content th,.article-content td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);text-align:left;vertical-align:top}.article-content th{background:var(--color-surface-muted);font-weight:700}.article-content strong{font-weight:700}.article-content em{font-style:italic}@media(max-width:700px){.article-content{font-size:17px}.article-content h1{font-size:30px}.article-content h2{font-size:26px}}.related-articles{max-width:var(--reading-width);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-articles__title{margin-bottom:var(--space-6);font-size:24px}.related-articles__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding:0;list-style:none}.related-articles__link{display:block;height:100%;padding:var(--space-4);border:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.related-articles__link:hover,.related-articles__link:focus-visible{opacity:.72}.related-articles__empty{color:var(--color-text-muted)}@media(max-width:700px){.related-articles__list{grid-template-columns:1fr}}.home-page__intro{max-width:760px;margin-bottom:var(--space-12)}.home-page__title{margin-bottom:var(--space-4)}.home-page__lead{color:var(--color-text-muted);font-size:20px;line-height:1.5}.home-page__tools{display:grid;gap:var(--space-8);margin-bottom:var(--space-16);padding-block:var(--space-8);border-block:1px solid var(--color-border)}.home-page__articles{margin-top:var(--space-8)}.home-page__articles-title{margin-bottom:var(--space-6)}.home-page__article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.home-page__empty{padding-block:var(--space-8);color:var(--color-text-muted)}@media(max-width:960px){.home-page__article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.home-page__lead{font-size:18px}.home-page__article-grid{grid-template-columns:1fr}}.article-page__content{max-width:var(--reading-width)}.article-page__related{margin-top:var(--space-16)}@media(max-width:700px){.article-page__related{margin-top:var(--space-12)}}