.toc{max-height:calc(100vh - 118px);max-height:calc(100dvh - 118px);overflow-y:auto;scrollbar-width:thin;padding-inline:8px;margin-inline:-8px}.mobile-toc{display:none;padding:16px 20px;margin-bottom:26px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mobile-toc summary{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px;font-weight:500;list-style:none}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc[open] summary .icon{transform:rotate(180deg)}.mobile-toc nav{display:grid;gap:4px;padding-top:16px}.mobile-toc nav a{display:flex;gap:12px;padding:8px 0;font-size:16px;line-height:1.5;color:var(--ink-2)}.mobile-toc nav a span{font:14px/1.7 var(--font-mono);color:var(--muted)}.mobile-toc nav a.active{color:var(--link)}.article-section:first-of-type{margin-top:28px}.article-section>ul,.article-section>ol{color:var(--ink-2);padding-left:23px}.article-section li{margin-block:8px}.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.code-foot{flex-wrap:wrap;gap:6px}.task-fields{margin:26px 0 0;border-top:1px solid var(--border)}.task-fields>div{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,2.4fr);gap:22px;padding:16px 0;border-bottom:1px solid var(--border)}.task-fields dt{font-size:16px;font-weight:600;color:var(--ink)}.task-fields dd{margin:0;font-size:16px;line-height:1.7;color:var(--ink-2)}.input-notes{padding:20px 24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-block:24px}.input-notes p{margin:0 0 12px;font-size:16px;line-height:1.7;color:var(--ink-2)}.input-notes p:last-child{margin:0}.input-notes strong{color:var(--ink)}.input-notes code{font:14px/1.5 var(--font-mono);overflow-wrap:anywhere}.worked-result{margin-top:22px;padding:20px 24px;border-left:3px solid var(--accent);background:var(--blue-soft);border-radius:0 10px 10px 0}.worked-result p{font-size:16px;line-height:1.7;margin:0 0 12px;color:var(--ink-2)}.worked-result p:last-child{margin:0}.worked-result strong{color:var(--ink)}.task-diagram{margin:30px 0 0;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.task-diagram h3{margin:0 0 18px;font-size:21px;line-height:1.4}.annotation-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-bottom:12px;font:13px/1.5 var(--font-mono);color:var(--ink-2)}.annotation-head span:last-child{padding-left:18px}.annotation-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:10px}.annotation-phrase{margin:0;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:15px;line-height:1.6;color:var(--ink)}.annotation-check{position:relative;margin:0;padding:14px 16px 14px 18px;border-left:3px solid var(--accent);font-size:15px;line-height:1.6;color:var(--ink-2)}.annotation-check::before{content:"";position:absolute;left:-31px;top:50%;width:28px;border-top:1px solid var(--diagram-line)}.annotation-no{display:block;margin-bottom:5px;font:12px/1.4 var(--font-mono);color:var(--ink-2)}.annotation-check strong{font-weight:600;color:var(--ink)}.task-diagram figcaption{margin-top:18px;color:var(--ink-2);font-size:14px;line-height:1.6}.variant-table{min-width:640px}.variant-table th:first-child{width:19%}.variant-table td{vertical-align:top}.variant-table th,.variant-table td{padding:16px}.variant-table p{margin:0 0 8px}.variant-table p:last-child{margin:0}.variant-table strong{color:var(--ink);font-weight:600}.table-wrap:focus-visible{outline:2px solid var(--accent)}.source-list{list-style:none;padding:0;margin:24px 0}.source-list li{padding:14px 0;border-bottom:1px solid var(--border);margin:0}.source-list a{color:var(--link);text-decoration:underline;text-underline-offset:3px;font-size:16px;font-weight:500;overflow-wrap:anywhere}.source-list span{display:block;font-size:14px;color:var(--ink-2);line-height:1.6;margin-top:3px}@media (max-width:1020px){.mobile-toc{display:block}}@media (max-width:680px){.task-fields>div{grid-template-columns:1fr;gap:5px}.annotation-head{display:none}.annotation-row{grid-template-columns:1fr;gap:0;margin-top:16px}.annotation-check{margin-left:16px;border-left:1px solid var(--diagram-line);padding:12px 14px}.annotation-check::before{display:none}.input-notes,.worked-result{padding:18px}}@media (max-width:480px){.task-diagram{padding:18px}.task-diagram h3{font-size:20px}.code-block pre{padding:20px 18px}.source-list span{font-size:14px}}