:root{--bg:#d4d4d4;--fg:#1a1a1a;--border:#808080;--accent-green:#1a3d2e;--link:#1a3d2e;--link-hover-bg:#1a3d2e;--link-hover-fg:#f0f0f0;--code-bg:#1a1a1a;--code-fg:#f0f0f0}[data-theme=dark]{--bg:#1a1a1a;--fg:#f0f0f0;--border:#808080;--accent-green:#2d5a47;--link:#2d5a47;--link-hover-bg:#2d5a47;--link-hover-fg:#1a1a1a;--code-bg:#0d0d0d;--code-fg:#f0f0f0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.5}body{font-family:jetbrains mono,fira code,sf mono,consolas,monaco,courier new,monospace;background:var(--bg);color:var(--fg);transition:none;font-weight:400}.container{max-width:800px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-green);color:#f0f0f0;padding:10px 15px;text-decoration:none;font-weight:700;z-index:100}.skip-link:focus{top:0}.skip-link:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.skip-link:focus:not(:focus-visible){outline:none}header{border-bottom:3px solid var(--accent-green);padding:20px 0;margin-bottom:40px;max-width:1300px;margin-left:auto;margin-right:auto}header .header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}header .logo a{display:inline-block;font-size:1.5rem;font-weight:700;text-decoration:none;background:var(--accent-green);color:#f0f0f0;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;transform:skewX(-10deg)}header .logo a span{display:inline-block;transform:skewX(10deg)}header .logo a:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}header .logo a:focus:not(:focus-visible){outline:none}header nav ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap}header nav a{display:inline-block;text-decoration:none;color:var(--link);border:1px solid var(--border);padding:5px 10px}header nav a:hover{background:var(--link-hover-bg);color:var(--link-hover-fg)}header nav a:active{background:var(--link-hover-bg);color:var(--link-hover-fg)}header nav a:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}header nav a:focus:not(:focus-visible){outline:none}header nav .active{display:inline-block;border:1px solid var(--border);padding:5px 10px;background:var(--accent-green);color:#f0f0f0;cursor:default}header .header-controls{display:flex;gap:10px;align-items:center}header #theme-toggle{display:inline-block;background:var(--bg);border:1px solid var(--border);color:var(--fg);padding:5px 10px;cursor:pointer;font-family:inherit;font-size:1rem;line-height:1.5}header #theme-toggle:hover{background:var(--link-hover-bg);color:var(--link-hover-fg)}header #theme-toggle[data-theme-current=dark]{background:var(--accent-green);color:#f0f0f0}header #theme-toggle[data-theme-current=dark]:hover{background:var(--link-hover-bg);color:var(--link-hover-fg)}header #theme-toggle:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}header #theme-toggle:focus:not(:focus-visible){outline:none}header .lang-switcher{display:flex;gap:10px}header .lang-switcher a{display:inline-block;text-decoration:none;color:var(--link);border:1px solid var(--border);padding:5px 10px}header .lang-switcher a:hover{background:var(--link-hover-bg);color:var(--link-hover-fg)}header .lang-switcher a:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}header .lang-switcher a:focus:not(:focus-visible){outline:none}header .lang-switcher .active{display:inline-block;border:1px solid var(--border);padding:5px 10px;background:var(--accent-green);color:#f0f0f0;cursor:default}main{min-height:calc(100vh - 250px);padding:20px 0}article h1{font-size:2rem;margin-bottom:30px;border-bottom:3px solid var(--accent-green);padding-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}article h2{font-size:1.5rem;margin:30px 0 20px;border-bottom:2px solid var(--border);padding-bottom:5px;font-weight:700}article h3{font-size:1.25rem;margin:25px 0 15px;font-weight:700}article p{margin-bottom:20px}article ul,article ol{margin-left:30px;margin-bottom:20px}article li{margin-bottom:10px}article a{color:var(--link);text-decoration:underline}article a:hover{background:var(--link-hover-bg);color:var(--link-hover-fg);text-decoration:none}article a:active{background:var(--link-hover-bg);color:var(--link-hover-fg);text-decoration:none}article a:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}article a:focus:not(:focus-visible){outline:none}article strong{font-weight:700}[data-theme=dark] article strong{color:var(--accent-green)}article em{font-weight:700;text-decoration:underline}article code{background:var(--code-bg);color:var(--code-fg);padding:2px 5px;font-family:inherit;border:1px solid var(--border)}article pre{background:var(--code-bg);color:var(--code-fg);padding:15px;overflow-x:auto;margin-bottom:20px;border:2px solid var(--border)}article pre code{background:0 0;padding:0;border:none}article blockquote{border-left:4px solid var(--accent-green);padding-left:20px;margin:20px 0}footer{border-top:3px solid var(--accent-green);padding:20px 0;margin-top:40px;max-width:1300px;margin-left:auto;margin-right:auto}footer p{text-align:center;font-size:.9rem}@media(max-width:768px){header .header-content{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo controls" "nav nav" "lang lang";gap:15px;align-items:start}header .logo{grid-area:logo;align-self:center}header nav{grid-area:nav;width:100%}header nav ul{justify-content:flex-start;gap:10px}header .header-controls{grid-area:controls;align-self:center}header .header-controls .lang-switcher{display:none}header .lang-switcher{grid-area:lang;display:flex!important;gap:10px}}@media print{:root,[data-theme=dark]{--bg:#fff;--fg:#000;--border:#000;--accent-green:#000;--link:#000;--link-hover-bg:transparent;--link-hover-fg:#000;--code-bg:#f5f5f5;--code-fg:#000}.skip-link,header,footer{display:none!important}body{background:#fff!important;color:#000!important}main{background:0 0!important}article h1,article h2{border-bottom-color:#000!important}article a[href^=http]:not([href*="pitrian.be"])::after{content:" (" attr(href)")";font-size:.9em;font-weight:400}article code{border-color:#000!important}article pre{border-color:#000!important}article blockquote{border-left-color:#000!important}}