.article-list-area{max-width:900px;padding-bottom:var(--space)}.article-categories{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px 24px;padding:16px 0;display:flex}.article-categories a{padding:10px 0;font-size:.87rem}.article-categories [aria-current]{color:var(--accent-text);text-underline-offset:7px;font-weight:700;text-decoration:underline}.article-list article{border-bottom:1px solid var(--line);padding:36px 0}.article-list h2{margin-bottom:12px;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.6}.article-list h2 a span{color:var(--accent-text);font-size:1rem}.article-list p:last-child{color:var(--muted);max-width:65ch;margin:0}.article-meta{color:var(--muted);margin-bottom:12px;font-size:.8rem}.article-meta span{margin:0 10px}.article-empty{padding:56px 0}.article-empty h2{font-size:1.4rem}.article-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;font-size:.9rem;display:flex}.article-pagination a{padding-block:12px;text-decoration:underline}.article-shell{max-width:780px;padding-block:clamp(2rem,6vw,5rem) var(--space)}.article-header h1{letter-spacing:-.025em;font-size:clamp(1.6rem,3.5vw,2.5rem);line-height:1.5}.article-header>.text-link{margin-bottom:32px}.article-lead{color:var(--muted);line-height:1.95}.article-byline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 40px;font-size:.78rem;display:flex}.article-notice{border-left:3px solid var(--accent);background:#e7eae5;padding:12px 18px;font-size:.87rem}.article-toc{border-block:1px solid var(--line);margin-bottom:48px;padding:24px 0}.article-toc p{font-size:.85rem;font-weight:700}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.article-toc li{border-top:1px solid var(--line);min-width:0}.article-toc a{grid-template-columns:1.6rem minmax(0,1fr);align-items:baseline;gap:14px;min-height:48px;padding:15px 0;font-size:.85rem;line-height:1.8;text-decoration:none;display:grid}.article-toc a:hover{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline}.toc-number{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--accent-text);font-size:.75rem;font-weight:650}.article-upcoming{border-top:1px solid var(--line);margin-top:56px;padding-top:28px}.article-upcoming h2{font-size:1.25rem}.article-upcoming ul{padding-left:20px;font-size:.9rem;line-height:1.9}.article-upcoming li{margin-block:8px}@media (width<=640px){.article-toc ol{grid-template-columns:1fr}.article-toc a{padding-block:13px}}.article-body{overflow-wrap:anywhere;font-size:1rem;line-height:2.05}.article-body p{margin-bottom:1.8em}.article-body h2{border-bottom:1px solid var(--line);margin:3em 0 1.2em;padding-bottom:.5em;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.6}.article-body h3{margin:2em 0 1em;font-size:1.15rem;line-height:1.65}.article-body :is(h2,h3,h4){scroll-margin-top:30px}.article-body ul,.article-body ol{margin-bottom:2em;padding-left:1.5em}.article-body li{margin-block:.5em}.article-body a{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline}.article-body blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:2em 0;padding:8px 24px}.article-body blockquote p:last-child{margin-bottom:0}.article-body pre{max-width:100%;padding:20px;font-size:.85rem;line-height:1.7;overflow-x:auto}.article-body :not(pre)>code{background:#e5e8e3;padding:.15em .35em;font-size:.9em}.article-body table{border-collapse:collapse;max-width:100%;margin:2em 0;font-size:.9rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;min-width:120px;padding:12px 16px}.article-body th{background:#e7eae5}.article-body img{max-width:100%;height:auto;margin:2em auto}.article-body figure{margin:2em 0}.article-body figcaption{color:var(--muted);text-align:center;font-size:.8rem}.article-body hr{border:0;border-top:1px solid var(--line);margin:3em 0}.article-end{border-top:2px solid var(--accent);margin-top:64px;padding-top:32px}.article-end h2{font-size:1.25rem}.article-end p{color:var(--muted);font-size:.9rem}.article-end nav{flex-wrap:wrap;gap:12px 28px;display:flex}@media (width<=640px){.article-shell{width:calc(100% - 40px)}.article-body{line-height:2}.article-byline{gap:10px}.article-byline>span:last-child{max-width:100%}.article-list article{padding-block:28px}}.article-header h1,.article-list h2{text-wrap:balance}.article-cover{margin:0 0 40px}.article-cover img{width:100%;height:auto}.article-cover figcaption{color:var(--muted);margin-top:12px;font-size:.8rem;line-height:1.8}.article-body .article-media img{margin:0}.article-media figcaption{margin-top:12px;line-height:1.8}.article-media figcaption a{margin-left:4px;padding:8px;display:inline-block}.article-body .recording-flow{border-block:1px solid var(--line);text-align:center;margin:2em 0;padding:28px 20px;font-size:.95rem;line-height:1.6}.recording-flow>div{max-width:480px;margin:auto}.recording-flow-source{font-weight:600}.recording-flow-arrow{color:var(--accent-text);padding:6px 0;font-size:1.2rem}.recording-flow-device{border:1px solid var(--ink);background:var(--ink);color:var(--bg);padding:14px;font-weight:600}.recording-flow-branches{grid-template-columns:1fr 1fr;gap:24px;display:grid}.recording-flow-signal{border:1px solid var(--line);padding:12px 6px}.recording-flow-signal strong{letter-spacing:.06em;display:block}.recording-flow-signal span,.recording-flow-daw span{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.recording-flow-daw{border:1px solid var(--line);padding:14px}.recording-flow-daw strong{letter-spacing:.06em}@media (width<=640px){.article-body .recording-flow{padding:24px 0}.recording-flow-branches{gap:16px}}