.blog-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1100px){.blog-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.blog-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.blog-list{grid-template-columns:1fr}}.blog-card{display:block;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .15s,box-shadow .15s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.blog-tag{display:inline-block;padding:3px 10px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.blog-title{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:0 0 12px}.blog-meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);display:flex;gap:12px;padding-top:14px;border-top:1px solid var(--line-soft)}.blog-article{width:100%;padding:16px 0 96px;min-width:0}.blog-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start}@media(max-width:900px){.blog-layout{grid-template-columns:1fr}}.blog-toc{position:sticky;top:96px;align-self:start;padding:0;margin-top:16px}@media(max-width:900px){.blog-toc{position:static;margin:16px 0 0}}.blog-toc-title{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 12px}.blog-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.blog-toc li{margin:0}.blog-toc a{display:block;padding:6px 0;font-size:13.5px;line-height:1.4;color:var(--ink-soft);text-decoration:none;transition:color .15s}.blog-toc a:hover{color:var(--accent)}.blog-toc a.active{color:var(--accent);font-weight:600}.blog-article .faq-list{max-width:none;margin:0}.blog-article h1{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 16px}.blog-article h2{font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.02em;margin:40px 0 14px}.blog-article h3{font-family:var(--font-display);font-size:21px;font-weight:600;margin:30px 0 12px;padding-left:15px;position:relative;color:var(--ink)}.blog-article h3:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;border-radius:2px;background:var(--accent)}.blog-article p,.blog-article li{font-size:17px;line-height:1.7;color:var(--ink-soft)}.blog-article p{margin:0 0 16px}.blog-article ul{padding-left:22px;margin:0 0 18px}.blog-article ul li::marker{color:var(--accent)}.blog-article blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:24px 0;font-family:var(--font-display);font-style:italic;background:var(--accent-soft);border-radius:0 var(--r-md) var(--r-md) 0}.blog-article a{color:var(--accent);text-decoration:underline}.blog-article table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-card)}.blog-article th,.blog-article td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line-soft)}.blog-article thead th{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}.blog-article tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--accent) 4%,transparent)}.blog-article tbody tr:hover td{background:color-mix(in srgb,var(--accent) 9%,transparent)}.blog-article tbody tr:last-child td{border-bottom:0}.blog-article td:first-child{font-weight:600;color:var(--ink)}.blog-article :is(.tldr,.focus,.info,.warning,.error){--cal: var(--accent);--cal-soft: var(--accent-soft);--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.5%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E);position:relative;margin:24px 0;padding:16px 18px 16px 62px;border:1px solid color-mix(in srgb,var(--cal) 30%,transparent);border-left:4px solid var(--cal);border-radius:var(--r-md);background:var(--cal-soft);color:var(--ink);font-size:16px;line-height:1.65}.blog-article :is(.tldr,.focus,.info,.warning,.error):before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background-color:var(--cal);-webkit-mask:var(--cal-icon) center / 32px 32px no-repeat;mask:var(--cal-icon) center / 32px 32px no-repeat}.blog-article .tldr{font-size:17px;font-weight:500;--cal: var(--accent);--cal-soft: var(--accent-soft);--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%3Cpath%20d%3D%22M10%2021h4%22%2F%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200-4%2010.5c.6.6%201%201.2%201%202.5h6c0-1.3.4-1.9%201-2.5A6%206%200%200%200%2012%203Z%22%2F%3E%3C%2Fsvg%3E)}.blog-article .focus{--cal: var(--green);--cal-soft: var(--green-soft);--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.2%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E)}.blog-article .info{--cal: var(--blue);--cal-soft: var(--blue-soft);--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227.5%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E)}.blog-article .warning{--cal: #C77A00;--cal-soft: var(--yellow-soft);--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%20L22%2020%20H2%20Z%22%2F%3E%3Cpath%20d%3D%22M12%2010v4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2217%22%20r%3D%221.1%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E)}.blog-article .error{--cal: #E5484D;--cal-soft: #FCEBEC;--cal-icon: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%209l6%206M15%209l-6%206%22%2F%3E%3C%2Fsvg%3E)}.blog-article .sim-embed-inline{margin:28px 0;border-radius:var(--r-lg);overflow:hidden;background:#fff8f0}.blog-article .sim-embed-inline iframe{width:100%;border:0;display:block;background:transparent;transition:height .15s ease}.blog-related{width:100%;margin:56px 0 0}.blog-related-h{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.015em;margin:0 0 20px}.blog-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1100px){.blog-related-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.blog-related-grid{grid-template-columns:1fr}}.blog-related-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);text-decoration:none;transition:transform .15s,box-shadow .15s}.blog-related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.blog-related-img{display:flex;align-items:center;justify-content:center;height:116px;color:var(--accent)}.blog-related-img svg{width:auto;height:84px}.blog-related-img.kind-house{background:var(--accent-soft);color:var(--accent)}.blog-related-img.kind-piggy{background:var(--green-soft);color:var(--green)}.blog-related-img.kind-tax{background:var(--blue-soft);color:var(--blue)}.blog-related-img.kind-auto{background:var(--yellow-soft);color:#c77a00}.blog-related-img.kind-work{background:var(--accent-soft);color:var(--accent)}.blog-related-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px}.blog-related-tag{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.blog-related-title{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.3;margin:0;color:var(--ink)}.blog-related-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}.blog-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);text-decoration:none;transition:background .15s,color .15s,border-color .15s}.blog-chip:hover{color:var(--accent);border-color:var(--accent)}.blog-chip span{font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.blog-chip-active{background:var(--accent);color:#fff!important;border-color:var(--accent)}.blog-chip-active span{color:#fffc}