.article-layout{grid-template-columns:minmax(0, var(--measure)) 260px;justify-content:center;gap:56px;padding-top:28px;display:grid}.article-layout>aside{min-width:0}@media (width<=1100px){.article-layout{grid-template-columns:minmax(0, var(--measure))}.article-layout>aside{display:none}}.article-head h1{font-family:var(--font-display);letter-spacing:.01em;margin:14px 0 0;font-size:clamp(1.55rem,3.4vw,2.1rem);font-weight:700;line-height:1.45}.article-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:.8rem;display:flex}.article-meta time{font-family:var(--font-mono)}.article-eyecatch{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);background:var(--gray-soft);width:100%;margin-top:24px;display:block}.toc-inline{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:28px 0 0}.toc-inline summary{cursor:pointer;padding:14px 18px;font-weight:700}.toc-inline .toc{padding:0 18px 16px}@media (width>=1101px){.toc-inline{display:none}}.toc-rail{top:calc(var(--header-h) + 24px);max-height:calc(100dvh - var(--header-h) - 48px);padding-bottom:24px;position:sticky;overflow-y:auto}.toc-rail__title{letter-spacing:.1em;color:var(--ink-3);margin:0 0 10px;font-size:.75rem;font-weight:700}.toc ol{margin:0;padding:0;list-style:none}.toc li ol{padding-left:12px}.toc a{border-left:2px solid var(--line);color:var(--ink-2);padding:5px 0 5px 12px;font-size:.84rem;line-height:1.55;text-decoration:none;display:block}.toc li ol a{color:var(--ink-3);font-size:.8rem}.toc a:hover{color:var(--ink)}.toc a[aria-current=true]{border-left-color:var(--teal);color:var(--teal-deep);font-weight:700}.prose{font-size:1.0625rem;line-height:1.95}.prose>:first-child{margin-top:0}.prose p{margin:1.2em 0}.prose h2,.prose h3,.prose h4,.prose h5{font-family:var(--font-display);letter-spacing:.01em;font-weight:700;line-height:1.5}.prose h2{border-bottom:1px solid var(--line-strong);margin:2.8em 0 1em;padding-bottom:.5em;font-size:1.5rem;position:relative}.prose h2:after{content:"";background:var(--teal);border-radius:3px;width:56px;height:3px;position:absolute;bottom:-2px;left:0}.prose h3{border-left:4px solid var(--teal);margin:2.2em 0 .8em;padding-left:14px;font-size:1.22rem}.prose h4,.prose h5{margin:1.8em 0 .6em;font-size:1.06rem}.prose ul,.prose ol{margin:1.2em 0;padding-left:1.4em}.prose li{margin:.35em 0}.prose li::marker{color:var(--teal)}.prose strong{font-weight:700}.prose mark{background:linear-gradient(transparent 58%, var(--mark) 58%);color:inherit;padding:0 .05em}.prose img{border-radius:var(--radius-sm);margin:1.6em auto;display:block}.prose a img{transition:opacity .15s}.prose a:hover img{opacity:.88}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--ink-2);margin:1.6em 0;padding:.2em 1.2em}.prose video,.prose iframe{border-radius:var(--radius-sm);width:100%;margin:1.6em 0;display:block}.prose iframe{aspect-ratio:16/9;border:0;height:auto}.prose :not(pre)>code{background:var(--gray-soft);border:1px solid var(--line);font-family:var(--font-mono);border-radius:6px;padding:.12em .4em;font-size:.86em}.prose .code-block{margin:1.6em 0;position:relative}.prose pre{font-family:var(--font-mono);tab-size:4;border-radius:12px;margin:1.6em 0;padding:1.1em 1.2em;font-size:.85rem;line-height:1.7;overflow-x:auto}.prose .code-block pre{margin:0;padding-top:2.4em}.code-block__bar{font-family:var(--font-mono);color:#8b98a5;pointer-events:none;justify-content:space-between;align-items:center;padding:6px 8px 0 14px;font-size:.72rem;display:flex;position:absolute;inset:0 0 auto}.code-block__copy{pointer-events:auto;color:#cdd6df;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:6px;padding:3px 10px}.code-block__copy:hover{background:#ffffff24}.prose .katex-display{margin:1.4em 0;padding:.4em 0;overflow:auto hidden}.prose .katex{font-size:1.08em}.prose .table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:1.6em 0;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:.92em;line-height:1.7}.prose th,.prose td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;text-align:left;padding:.7em .9em}.prose tr>:last-child{border-right:0}.prose tbody tr:last-child>*{border-bottom:0}.prose th{background:var(--gray-soft);min-width:6em;font-weight:700}.prose td p,.prose th p{margin:0}.stars{--v:0;letter-spacing:.08em;vertical-align:-.05em;font-size:1.05em;line-height:1;display:inline-block}.stars:before{content:"★★★★★";background:linear-gradient(90deg, var(--star) calc(var(--v) / 5 * 100%), #d5dce1 0);color:#0000;-webkit-background-clip:text;background-clip:text}.stars[data-value="0.5"]{--v:.5}.stars[data-value="1"]{--v:1}.stars[data-value="1.5"]{--v:1.5}.stars[data-value="2"]{--v:2}.stars[data-value="2.5"]{--v:2.5}.stars[data-value="3"]{--v:3}.stars[data-value="3.5"]{--v:3.5}.stars[data-value="4"]{--v:4}.stars[data-value="4.5"]{--v:4.5}.stars[data-value="5"]{--v:5}.talk{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"avatar name""avatar bubble";column-gap:12px;margin:1.8em 0;display:grid}.talk+.talk{margin-top:1.1em}.talk__who{display:contents}.talk__avatar{border:1px solid var(--line);background:var(--surface);object-fit:cover;grid-area:avatar;width:48px;height:48px;border-radius:50%!important;margin:0!important}.talk__name{font-family:var(--font-display);color:var(--ink-3);grid-area:name;margin-bottom:4px;font-size:.75rem;font-weight:700;line-height:1.4}.talk__bubble{background:var(--gray-soft);border-radius:4px 18px 18px;grid-area:bubble;justify-self:start;max-width:100%;padding:.75em 1.1em;font-size:.97em;line-height:1.85}.talk__bubble>:first-child{margin-top:0}.talk__bubble>:last-child{margin-bottom:0}.talk__bubble p{margin:.6em 0}.talk--right{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"name avatar""bubble avatar"}.talk--right .talk__name{justify-self:end}.talk--right .talk__bubble{border-radius:18px 4px 18px 18px;justify-self:end}.talk--umatan .talk__bubble{background:var(--teal-soft)}.talk--robotan .talk__bubble{background:var(--violet-soft)}.talk--robotan .talk__name{color:var(--violet)}.talk--umatan .talk__name{color:var(--teal)}.talk:not(:has(.talk__name)){grid-template-areas:"avatar bubble";align-items:center}.talk--right:not(:has(.talk__name)){grid-template-areas:"bubble avatar"}.talk:not(:has(.talk__name)) .talk__avatar{justify-self:center;width:40px;height:40px}@media (width<=600px){.talk{grid-template-columns:40px minmax(0,1fr);column-gap:10px}.talk--right{grid-template-columns:minmax(0,1fr) 40px}.talk__avatar{width:40px;height:40px}}.callout{--c:var(--ink-2);--c-soft:var(--gray-soft);background:var(--c-soft);border:1px solid color-mix(in srgb, var(--c) 18%, transparent);border-radius:12px;margin:1.8em 0;padding:1em 1.25em}.callout>:last-child{margin-bottom:0}.callout p{margin:.6em 0}.callout>.callout__label+*{margin-top:.3em}.callout__label{font-family:var(--font-display);letter-spacing:.04em;color:var(--c);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.callout__label:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.callout--point{--c:var(--teal);--c-soft:var(--teal-soft)}.callout--warn{--c:var(--amber);--c-soft:var(--amber-soft)}.callout--good{--c:var(--green);--c-soft:var(--green-soft)}.callout--bad{--c:var(--red);--c-soft:var(--red-soft)}.callout--memo{--c:var(--violet);--c-soft:var(--violet-soft)}.callout--ref{--c:var(--ink-2);--c-soft:var(--gray-soft)}.callout--box{--c:var(--ink-2);--c-soft:var(--surface);border-color:var(--line)}.callout--related{--c:var(--teal);--c-soft:var(--surface);border:1px solid var(--line)}.callout--details{--c:var(--ink);--c-soft:var(--surface);border-color:var(--line);padding:0}.callout--details summary{cursor:pointer;padding:.8em 1.2em;font-weight:700}.callout--details .callout__body{padding:0 1.2em 1em}.callout .code-block,.callout pre,.callout .table-wrap{margin:.8em 0}.cta{text-align:center;flex-direction:column;align-items:center;gap:6px;margin:1.8em 0;display:flex}.cta__note{color:var(--ink-2);font-size:.85rem;font-weight:700}.prose .cta__button,.cta__button{background:var(--teal);color:#fff;min-width:min(100%,320px);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--teal) 70%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.cta__button:after{content:"→"}.cta__button:hover{background:var(--teal-deep);color:#fff;transform:translateY(-1px)}.product{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:18px;margin:1.8em 0;padding:16px;display:flex}.prose .product__image{object-fit:contain;border-radius:4px;flex:none;width:96px;height:auto;max-height:140px;margin:0}.product__body{flex:1;min-width:0}.prose .product__title{margin:0;font-weight:700;line-height:1.6}.prose .product__title a{color:var(--ink);text-decoration:none}.prose .product__title a:hover{color:var(--teal-deep);text-decoration:underline}.prose .product__detail{color:var(--ink-3);margin:4px 0 0;font-size:.8rem}.product__shops{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.prose .shop{border:1px solid;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-block}.prose .shop--amazon{color:#b35c00}.prose .shop--kindle{color:var(--ink)}.prose .shop--rakuten{color:#bf0000}.prose .shop--yahoo{color:#d6002b}.prose .shop:hover{background:var(--gray-soft)}@media (width<=480px){.product{gap:12px;padding:12px}.prose .product__image{width:72px}}.prose .card{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;gap:16px;margin:1.6em 0;padding:12px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.prose .card:hover{border-color:var(--teal);box-shadow:0 4px 18px -10px #0f1e2a59}.prose .card__thumb{aspect-ratio:16/9;object-fit:cover;background:var(--gray-soft);border-radius:8px;flex:none;width:152px;height:auto;margin:0}.card__thumb--empty{font-family:var(--font-display);color:var(--ink-3);place-items:center;font-size:.8rem;font-weight:700;display:grid}.card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.card__title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}.card__desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}@media (width<=480px){.prose .card__thumb{width:104px}.card__desc{display:none}}.yt{margin:1.6em 0}.yt__link,.yt iframe{aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000;width:100%;display:block;position:relative;overflow:hidden}.prose .yt img{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0}.yt__play{background:#0f0f0fd1;border-radius:14px;width:68px;height:48px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.yt__play:after{content:"";border:10px solid #0000;border-left:17px solid #fff;border-right-width:0;position:absolute;inset:50% auto auto 54%;translate:-50% -50%}.yt__link:hover .yt__play{background:#e00}.tweet{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:1.6em 0;padding:14px 18px}.prose .tweet blockquote{color:var(--ink);border:0;margin:0;padding:0;font-size:.95em}.tweet figcaption{margin-top:8px;font-size:.8rem}.author-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:72px 1fr;gap:18px;margin-top:56px;padding:22px;display:grid}.author-box img{border:1px solid var(--line);border-radius:50%;width:72px;height:72px}.author-box__name{font-family:var(--font-display);margin:0;font-weight:700}.author-box__role{color:var(--ink-3);margin-left:8px;font-size:.78rem;font-weight:600}.author-box p{color:var(--ink-2);margin:6px 0 0;font-size:.9rem;line-height:1.8}.author-box__links{gap:14px;margin-top:10px;font-size:.85rem;font-weight:600;display:flex}.academy-cta{border-radius:var(--radius);background:var(--ink);color:#dce4ea;margin-top:40px;padding:28px;position:relative;overflow:hidden}.academy-cta:after{content:"";border:28px solid color-mix(in srgb, var(--teal) 55%, transparent);opacity:.6;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-40px}.academy-cta__eyebrow{color:#7fd3de}.academy-cta h2{z-index:1;font-family:var(--font-display);color:#fff;margin:8px 0 0;font-size:1.3rem;position:relative}.academy-cta p{z-index:1;max-width:46ch;margin:8px 0 0;font-size:.92rem;position:relative}.academy-cta a{z-index:1;color:var(--ink);background:#fff;border-radius:999px;margin-top:18px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.academy-cta a:hover{background:var(--teal-soft)}