.post[data-astro-cid-gjtny2mx]{padding:var(--space-12) 0;max-width:var(--max-content);margin:0 auto}.post__rail[data-astro-cid-gjtny2mx]{display:none}@media (min-width: 1100px){.post[data-astro-cid-gjtny2mx]{max-width:none;display:grid;grid-template-columns:minmax(0,var(--max-content)) minmax(200px,calc(var(--max-content) * .382));grid-template-rows:auto 1fr;justify-content:center;column-gap:var(--space-16)}.post__header[data-astro-cid-gjtny2mx]{grid-column:1}.post__main[data-astro-cid-gjtny2mx]{grid-column:1;min-width:0}.post__rail[data-astro-cid-gjtny2mx]{display:block;grid-column:2;grid-row:1 / span 2}.post__rail-inner[data-astro-cid-gjtny2mx]{position:sticky;top:var(--space-10);padding-top:var(--space-2)}}.post__digest[data-astro-cid-gjtny2mx]{margin-bottom:var(--space-8);padding:var(--space-4) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.post__digest-label[data-astro-cid-gjtny2mx]{font-size:.72rem;font-weight:600;color:var(--text-subtle);letter-spacing:.08em;margin-bottom:var(--space-2)}.post__digest-list[data-astro-cid-gjtny2mx]{list-style:none;padding:0;margin:0}.post__digest-list[data-astro-cid-gjtny2mx] li[data-astro-cid-gjtny2mx]{position:relative;padding-left:var(--space-4);margin:var(--space-1) 0;font-size:.9rem;line-height:1.7}.post__digest-list[data-astro-cid-gjtny2mx] li[data-astro-cid-gjtny2mx]:before{content:"▲";position:absolute;left:0;top:.05em;font-size:.55em;color:var(--accent)}.post__toc-label[data-astro-cid-gjtny2mx]{font-size:.75rem;font-weight:600;color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.post__toc-list[data-astro-cid-gjtny2mx]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);border-left:1px solid var(--border)}.post__toc-list[data-astro-cid-gjtny2mx] li[data-astro-cid-gjtny2mx]{margin:0;line-height:1.5}.post__toc-list[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]{display:block;padding:var(--space-1) 0 var(--space-1) var(--space-4);font-size:.85rem;color:var(--text-muted);margin-left:-1px;border-left:1px solid transparent}.post__toc-list[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]:hover{color:var(--accent);border-left-color:var(--accent);opacity:1}.post__header[data-astro-cid-gjtny2mx]{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--border)}.post__meta[data-astro-cid-gjtny2mx]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:.8rem;color:var(--text-muted)}.post__tech-icon[data-astro-cid-gjtny2mx]{width:22px;height:22px;object-fit:contain;opacity:.85}.post__title[data-astro-cid-gjtny2mx]{font-size:var(--fs-3);margin-bottom:var(--space-4);line-height:1.25}.post__desc[data-astro-cid-gjtny2mx]{font-size:1.05rem;color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-4)}.post__tags[data-astro-cid-gjtny2mx]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post__body[data-astro-cid-gjtny2mx]{font-size:1rem;line-height:1.8;content-visibility:auto;contain-intrinsic-size:0 auto}.post__body[data-astro-cid-gjtny2mx] h2{font-size:var(--fs-2);margin:1.25lh 0 .5lh;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.post__body[data-astro-cid-gjtny2mx] h3{font-size:var(--fs-1);margin:1lh 0 .5lh}.post__body[data-astro-cid-gjtny2mx] p{margin:.5lh 0}.post__body[data-astro-cid-gjtny2mx] pre{margin:.75lh 0}.post__body[data-astro-cid-gjtny2mx] ul,.post__body[data-astro-cid-gjtny2mx] ol{margin:.5lh 0}.post__body[data-astro-cid-gjtny2mx] table{margin:.75lh 0}.affiliate-box[data-astro-cid-gjtny2mx]{margin:var(--space-10) 0;padding:var(--space-4) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.affiliate-box__label[data-astro-cid-gjtny2mx]{font-size:.72rem;color:var(--text-subtle);margin-bottom:var(--space-2)}.affiliate-box__list[data-astro-cid-gjtny2mx]{list-style:none;padding:0}.affiliate-box__list[data-astro-cid-gjtny2mx] li[data-astro-cid-gjtny2mx]{margin:var(--space-2) 0}.affiliate-box__list[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]{font-size:.925rem}.post__source[data-astro-cid-gjtny2mx]{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:.825rem;color:var(--text-muted)}.post__source[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]{color:var(--text-muted);text-decoration:underline}.post__footer-nav[data-astro-cid-gjtny2mx]{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border)}.post__back[data-astro-cid-gjtny2mx]{display:inline-block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:var(--space-8)}.post__back[data-astro-cid-gjtny2mx]:hover{color:var(--accent);opacity:1}.post__related-label[data-astro-cid-gjtny2mx]{font-size:.75rem;font-weight:600;color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.post__related-list[data-astro-cid-gjtny2mx]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.post__related-list[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]{font-size:.925rem;color:var(--text);line-height:1.5}.post__related-list[data-astro-cid-gjtny2mx] a[data-astro-cid-gjtny2mx]:hover{color:var(--accent);opacity:1}.depth-dial{display:none}@supports selector(:has(*)){.depth-dial{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}}.depth-dial__label{font-size:.72rem;color:var(--text-subtle);letter-spacing:.05em}.depth-dial__options{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.depth-dial input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.depth-dial__opt{font-size:.8rem;padding:.35em .9em;color:var(--text-muted);cursor:pointer;user-select:none;transition:color .15s var(--ease),background .15s var(--ease)}.depth-dial__opt:not(:last-child){border-right:1px solid var(--border)}.depth-dial__opt:hover{color:var(--text)}.depth-dial input:checked+.depth-dial__opt{background:var(--accent-bg);color:var(--accent)}.depth-dial input:focus-visible+.depth-dial__opt{outline:2px solid var(--accent);outline-offset:-2px}.post:has(#depth-30:checked) .post__body>*:not(h2):not(h2+p):not(:first-child){display:none}.post:has(#depth-30:checked) .post__body:after{content:"── コード例と詳細は「全文」で表示されます";display:block;font-size:.8rem;color:var(--text-subtle);margin-top:var(--space-8)}