*{box-sizing:border-box}:root{color-scheme:light dark;--ink: #1f2328;--ink-soft: #555;--ink-mute: #999;--bg: #fff;--bg-soft: #f5f5f5;--line: #e5e5e5;--accent: #2563eb;--accent-soft: #f0f5ff}html{font-family:system-ui,sans-serif;scrollbar-gutter:stable}body{margin:0;display:flex;flex-direction:column;min-height:100vh;color:var(--ink);background:var(--bg)}a{line-height:1.3}main{min-width:0}main article{line-height:1.8}main h1{line-height:1.3}pre{overflow-x:auto;padding:.75em 1em;margin:.8em 0;border-radius:8px}.giallo-l{display:inline-block;min-height:1lh;width:100%}.giallo-ln{user-select:none;margin-right:.4em;padding:.4em;min-width:3ch;text-align:right;opacity:.8}main img{max-width:100%;height:auto;border-radius:6px}blockquote{margin:1em 0;padding-left:1rem;border-left:3px solid var(--ink-mute);color:var(--ink-soft)}:where(article) a{color:inherit;text-decoration-color:var(--ink-mute);text-underline-offset:3px}:where(article) a:hover{color:var(--accent);text-decoration-color:var(--accent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #e8e8e8;--ink-soft: #b8b8b8;--ink-mute: #8b8b8b;--bg: #191919;--bg-soft: #262626;--line: #3a3a3a;--accent: #6ea8fe;--accent-soft: #1c2a42}}:root[data-theme=dark]{color-scheme:dark;--ink: #e8e8e8;--ink-soft: #b8b8b8;--ink-mute: #8b8b8b;--bg: #191919;--bg-soft: #262626;--line: #3a3a3a;--accent: #6ea8fe;--accent-soft: #1c2a42}:root[data-theme=light]{color-scheme:light}.layout{flex:1;display:grid;grid-template-columns:240px minmax(0, 760px) 220px;gap:40px;padding:40px 16px;max-width:1320px;width:100%;margin:0 auto;box-sizing:border-box}.layout>.sidebar{grid-column:1}.layout>main{grid-column:2}.layout>.toc{grid-column:3}@media (max-width: 1200px){.layout{grid-template-columns:220px minmax(0, 1fr)}.toc{display:none}}@media (max-width: 800px){.layout{display:block;padding:24px 16px}.sidebar{position:static;margin-bottom:24px;border-right:none;border-bottom:1px solid var(--line);padding-bottom:16px}}.site-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.site-title{font-weight:700;text-decoration:none}.site-nav{display:flex;gap:4px}.site-nav a{text-decoration:none;color:var(--ink-soft);font-size:14px;padding:6px 12px;border-radius:6px}.site-nav a:hover{background:var(--bg-soft);color:var(--ink)}.site-nav a.active{color:var(--accent);background:var(--accent-soft)}.sidebar nav a{display:block;padding:5px 8px;text-decoration:none;color:var(--ink-soft);font-size:13px}.sidebar summary{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;cursor:pointer;list-style:none}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary:hover{background:var(--bg-soft)}.sidebar summary::after{content:"";width:5px;height:5px;border-right:1.5px solid var(--ink-mute);border-bottom:1.5px solid var(--ink-mute);transform:rotate(-45deg);transition:transform .15s;flex-shrink:0}.sidebar details[open]>summary::after{transform:rotate(45deg)}.sidebar summary a{display:inline;padding:0}.sidebar a.active{color:var(--accent);background:var(--accent-soft)}.sidebar{position:sticky;top:20px;align-self:start;font-size:14px;line-height:1.5;padding-right:16px;border-right:1px solid var(--line);max-height:calc(100vh - 40px);overflow-y:auto}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul ul{margin:4px 0 4px 12px;padding-left:8px;border-left:1px solid var(--line)}.sidebar nav li{margin:4px 0}.sidebar nav a:hover{background:var(--bg-soft);color:var(--ink)}.toc{position:sticky;top:40px;align-self:start}.toc ul{list-style:none;padding:0;margin:0}.toc nav>ul>li>a{display:block;font-size:12px;color:var(--ink-mute);text-decoration:none;padding:3px 0}.toc nav>ul>li>ul{padding-left:12px}.toc nav>ul>li>ul>li>a{display:block;font-size:12px;color:var(--ink-mute);text-decoration:none;padding:3px 0}.toc nav a:hover{color:var(--ink)}.toc-link{display:block;font-size:12px;line-height:1.5;padding:4px 8px;text-decoration:none;color:var(--ink-mute);border-left:2px solid rgba(0,0,0,0);transition:color .2s}.toc-link:hover{color:var(--ink-soft)}.search-input{font:inherit;background:var(--bg);color:var(--ink);width:100%;max-width:480px;padding:8px 12px;border:1px solid var(--line);border-radius:6px}.search-result li{margin:8px 0}.theme-btn{font:inherit;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ink-soft);cursor:pointer;line-height:1}.theme-btn:hover{border-color:var(--ink-mute);color:var(--ink)}.code-wrap{position:relative}.copy-btn{position:absolute;top:.4em;right:.4em;font-size:12px;padding:2px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink-mute);cursor:pointer;opacity:.55}.code-wrap:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}footer{flex-shrink:0;padding:40px 24px;text-align:center;border-top:1px solid var(--line)}.layout-blog .sidebar,.layout-blog .toc{display:none}.post-list{list-sytle:none;padding:0;margin:20px 0 0}.post-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:10px 8px;margin:0 -8px;border-radius:6px}.post-row:hover{background:var(--bg-soft)}.post-title{font-size:16px;font-weight:600;color:var(--ink);text-decoration:none}.post-row:hover .post-title{color:var(--accent)}.post-meta{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}.meta-tag,.meta-date{font-size:12px;color:var(--ink-mute);text-decoration:none}.meta-tag:hover{color:var(--accent)}.meta-data{font-variant-numeric:tabular-nums;min-width:90px;text-align:right}.post-page-meta{display:flex;gap:16px;margin:-16px 0 28px}@media print{.sidebar,.toc,.site-nav{display:none}.layout{display:block;max-width:100%;padding:0}pre{white-space:pre-wrap;overflow:visible}}