.post-page{min-height:100dvh;padding-top:64px}.post-header{background:var(--c-scl);padding:64px 24px 52px;text-align:center;border-bottom:1px solid var(--c-outline-variant)}.post-meta{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.post-meta__tag{background:var(--c-primary-container);color:var(--c-on-primary-container);border-radius:var(--r-full);padding:4px 14px;font-size:13px;font-weight:600}.post-meta__date,.post-meta__readtime{font-size:13px;color:var(--c-on-surface-variant);display:flex;align-items:center;gap:4px}.post-header__title{font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:-.5px;line-height:1.2;color:var(--c-on-surface);max-width:800px;margin:0 auto 20px}.post-header__subtitle{font-size:17px;color:var(--c-on-surface-variant);max-width:600px;margin:0 auto;line-height:1.7}.post-body{max-width:780px;margin:0 auto;padding:52px 24px 96px;user-select:text;-webkit-user-select:text}.post-body *{user-select:text;-webkit-user-select:text}.post-body h2{font-size:24px;font-weight:800;color:var(--c-on-surface);margin:52px 0 14px;display:flex;align-items:center;gap:8px}.post-body h2:first-of-type{margin-top:8px}.post-body h3{font-size:18px;font-weight:700;color:var(--c-on-surface);margin:32px 0 10px}.post-body p{font-size:16px;line-height:1.9;color:var(--c-on-surface-variant);margin-bottom:14px}.post-body strong{color:var(--c-on-surface);font-weight:600}.post-body a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px;user-select:text}.post-body ul{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.post-body ul li{font-size:16px;line-height:1.7;color:var(--c-on-surface-variant);padding-left:20px;position:relative}.post-body ul li:before{content:"";position:absolute;left:4px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--c-primary)}.code-block{position:relative;margin:20px 0}.code-block__lang{position:absolute;top:12px;right:14px;font-size:11px;font-weight:700;color:var(--c-on-surface-variant);letter-spacing:.5px;text-transform:uppercase;user-select:none;opacity:.7;z-index:1}.post-body pre{background:var(--c-scmax);border:1px solid var(--c-outline-variant);border-radius:var(--r-lg);padding:22px 20px;overflow-x:auto;margin:0;scrollbar-width:thin;scrollbar-color:var(--c-primary) transparent}.post-body pre::-webkit-scrollbar{height:6px}.post-body pre::-webkit-scrollbar-track{background:transparent;border-radius:var(--r-full);margin:0 12px}.post-body pre::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--c-primary) 45%,transparent);border-radius:var(--r-full);transition:background .2s var(--ease-out)}.post-body pre::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}.post-body pre code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:13.5px;line-height:1.75;color:var(--c-on-surface);user-select:text;-webkit-user-select:text}.post-body code:not(pre code){font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875em;background:var(--c-sch);color:var(--c-primary);padding:2px 6px;border-radius:var(--r-xs);user-select:text;-webkit-user-select:text}.callout{border-left:3px solid var(--c-primary);background:color-mix(in srgb,var(--c-primary-container) 45%,transparent);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px;margin:24px 0;display:flex;gap:12px;align-items:flex-start}.callout .material-symbols-rounded{color:var(--c-primary);font-size:20px;flex-shrink:0;margin-top:1px}.callout__text{font-size:15px;line-height:1.75;color:var(--c-on-surface-variant);user-select:text;-webkit-user-select:text}.callout__text strong{color:var(--c-on-surface)}.post-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;user-select:text;-webkit-user-select:text}.post-body th{background:var(--c-primary-container);color:var(--c-on-primary-container);font-weight:600;padding:11px 16px;text-align:left;font-size:13px}.post-body td{padding:10px 16px;border-bottom:1px solid var(--c-outline-variant);color:var(--c-on-surface-variant);line-height:1.6}.post-body tr:last-child td{border-bottom:none}.post-body tbody tr:hover td{background:var(--c-scl)}.post-body hr{border:none;border-top:1px solid var(--c-outline-variant);margin:48px 0 32px}.post-body blockquote{border-left:3px solid var(--c-outline);background:var(--c-scl);border-radius:0 var(--r-md) var(--r-md) 0;padding:14px 18px;margin:20px 0;color:var(--c-on-surface-variant);font-size:15px;line-height:1.75}.post-back{display:inline-flex;align-items:center;gap:6px;color:var(--c-primary);text-decoration:none;font-size:14px;font-weight:500;padding:6px 14px 6px 6px;border-radius:var(--r-full);transition:background .2s;margin-bottom:16px}.post-back:hover{background:color-mix(in srgb,var(--c-primary) 10%,transparent)}.toc{position:fixed;left:20px;top:80px;bottom:80px;width:188px;z-index:99;display:none;flex-direction:row;gap:0;opacity:0;transform:translate(-10px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none}.toc.visible{opacity:1;transform:translate(0);pointer-events:auto}@media (min-width: 1280px){.toc{display:flex}}.toc__rail-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;margin-right:5px}.toc__rail{position:relative;width:3px;flex:1;background:var(--c-outline-variant);border-radius:3px;overflow:hidden}.toc__rail-fill{position:absolute;top:0;left:0;right:0;height:0%;background:linear-gradient(to bottom,var(--c-primary),var(--c-tertiary));border-radius:3px;transition:height .1s linear}.toc__pct{font-size:11px;font-weight:700;color:var(--c-on-surface-variant);user-select:none;-webkit-user-select:none;width:28px;text-align:center;flex-shrink:0}.toc__list{flex:1;list-style:none;padding:0;margin:0;overflow-y:auto;scrollbar-width:none}.toc__list::-webkit-scrollbar{display:none}.toc__item{display:flex;align-items:flex-start;gap:7px;padding:4px 6px;border-radius:var(--r-sm);cursor:pointer;transition:background .15s}.toc__item:hover{background:color-mix(in srgb,var(--c-primary) 8%,transparent)}.toc__item--h3{padding-left:14px}.toc__dot{width:7px;height:7px;border-radius:50%;background:var(--c-outline-variant);flex-shrink:0;margin-top:4px;transition:background .2s var(--ease-out),transform .2s var(--spring),box-shadow .2s}.toc__item--h3 .toc__dot{width:5px;height:5px;margin-top:5px}.toc__item.passed .toc__dot{background:color-mix(in srgb,var(--c-primary) 55%,var(--c-outline-variant))}.toc__item.active .toc__dot{background:var(--c-primary);transform:scale(1.45);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 20%,transparent)}.toc__text{font-size:12px;line-height:1.5;color:var(--c-on-surface-variant);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s;user-select:none;-webkit-user-select:none}.toc__item--h3 .toc__text{font-size:11px;opacity:.85}.toc__item.passed .toc__text{color:color-mix(in srgb,var(--c-on-surface-variant) 75%,var(--c-primary))}.toc__item.active .toc__text{color:var(--c-primary);font-weight:600}.toc__item:hover .toc__text{color:var(--c-on-surface)}