.editorial-page{--article-border:var(--line-dark);--article-panel:var(--black-2);--article-muted:var(--white-2)}.contents{margin:1rem auto;max-width:70rem;padding:0 1rem}.contents details{border:1px solid var(--article-border);border-radius:12px;background:var(--article-panel)}.contents summary{cursor:pointer;font-weight:720;padding:1rem}.contents ol{list-style:none;margin:0;padding:0 1rem 1rem}.contents li{margin:.3rem 0}.contents .toc-level-3{padding-left:1rem;font-size:.9rem}@media(min-width:1100px){.article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:3rem;max-width:1120px;margin:auto}.contents{position:sticky;top:88px;align-self:start;margin:2rem 0;padding:0}.contents details{max-height:calc(100vh - 110px);overflow:auto}.guide-content{min-width:0}}
.product-state-figure,.guide-video,.worked-example-card,.resource-kit{margin:2rem 0}.product-state-figure button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.product-state-figure img{display:block;width:100%;height:auto;border:1px solid var(--article-border);border-radius:14px}.product-state-figure figcaption,.guide-video figcaption{margin:.75rem 0 0;color:var(--article-muted);font-size:.92rem;line-height:1.55}.guide-video__frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--article-border);border-radius:14px;background:#09110d}.guide-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.resource-kit{padding:1.25rem;border:1px solid var(--article-border);border-radius:16px;background:var(--article-panel)}.resource-kit h2{margin-top:0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.tool-card{display:flex;flex-direction:column;gap:.3rem;padding:1rem;border:1px solid var(--article-border);border-radius:12px;text-decoration:none}.tool-card span{color:var(--article-muted);font-size:.9rem;line-height:1.45}.prompt summary{cursor:pointer;font-weight:700}.prompt pre{max-height:28rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.copy-status{margin-left:.65rem;color:var(--article-muted)}.worked-example-card{padding:1.25rem;border:1px solid var(--article-border);border-radius:16px;background:var(--article-panel)}.worked-example-card h3{margin-top:.2rem}.worked-example-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.worked-example-art figure{margin:0}.worked-example-art figure>span{display:block;margin-bottom:.4rem;font-weight:700}.worked-example-art img{display:block;width:100%;height:auto;border-radius:12px}.worked-example-art figcaption{font-size:.85rem;color:var(--article-muted)}.image-dialog{width:min(96vw,1200px);max-height:94vh;padding:1rem;border:1px solid var(--article-border);border-radius:16px;background:var(--article-panel);color:inherit}.image-dialog::backdrop{background:rgba(0,0,0,.78)}.image-dialog__canvas{margin-top:.75rem;max-height:76vh;overflow:auto}.image-dialog img{display:block;max-width:100%;height:auto;margin:auto}.image-dialog [data-dialog-original]{margin-left:.75rem}.table-wrap{max-width:100%;overflow-x:auto}@media(max-width:620px){.tool-grid,.worked-example-art{grid-template-columns:1fr}.resource-kit,.worked-example-card{padding:1rem}.guide-video,.product-state-figure{margin:1.5rem 0}}
