@layer vh-base,vh-part;@layer vh-part{.detail-flow .article-title{animation:browse-ink .65s cubic-bezier(.2,.8,.25,1) both}.detail-flow .design-intro{padding-top:12px}.detail-flow .article-tagline{font-size:1rem}.detail-flow .article-meta{color:var(--fg-muted);letter-spacing:0;font-size:.65rem;gap:10px 24px}.detail-flow .design-actions{gap:10px}.detail-flow .design-actions :is(a,button){border-radius:4px;font-size:.85rem}.detail-flow .design-actions [data-browse-motion]{margin-left:auto;background:transparent;color:var(--fg-muted);border-color:var(--border-strong);font-weight:400}.detail-flow .design-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-block:1px solid var(--border-strong);margin-block:28px 0}.detail-flow .design-workflow a{min-width:0;min-height:88px;padding:18px;gap:16px;background:transparent;border:0;border-radius:0}.detail-flow .design-workflow a+a{border-left:1px solid var(--border)}.detail-flow .design-workflow a>span:first-child{font:400 .8rem var(--font-mono);color:var(--accent)}.detail-flow .design-workflow a>span:last-child{margin-left:auto}.detail-flow .design-workflow small{display:block;margin-top:6px;color:var(--fg-muted);font-size:.7rem;line-height:1.6}.detail-flow .design-workflow a:hover{background:var(--accent-wash)}.detail-flow [data-copy-target]:disabled{background:var(--signal);color:var(--fg-inverse);animation:copy-seal .3s cubic-bezier(.2,.8,.25,1)}.detail-flow[data-motion=off] [data-copy-target]{animation:none}.detail-flow .prompt-copy{min-height:44px;min-width:44px}.detail-flow .prompt-box{border-radius:4px;border-left:3px solid var(--signal);padding-top:48px}.detail-flow .source-code summary{border-radius:4px;background:var(--bg-elev)}.detail-flow .source-code[open] summary{border-left:3px solid var(--accent)}@keyframes copy-seal{0%{transform:rotate(-4deg) scale(1.08)}to{transform:none}}@media(max-width:768px){.detail-flow .design-workflow{grid-template-columns:1fr}.detail-flow .design-workflow a{min-height:66px;padding:12px}.detail-flow .design-workflow a+a{border-left:0;border-top:1px solid var(--border)}.detail-flow .design-workflow small{margin-top:2px}.detail-flow .design-actions [data-browse-motion]{margin-left:0}}.source-code summary{min-height:44px;cursor:pointer;padding:.75rem;border:1px solid var(--border-strong);border-radius:8px}.source-code pre{max-height:500px;overflow:auto;padding:1rem;background:var(--bg-elev);border:1px solid var(--border);font-size:.85rem;line-height:1.7}.source-meta{font-size:.85rem;color:var(--fg-muted);overflow-wrap:anywhere}.design-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}.design-actions button,.design-actions a{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);font:inherit;font-size:.95rem;text-decoration:none;cursor:pointer}.design-actions button{background:var(--accent);color:var(--fg-inverse);border-color:var(--accent);font-weight:700}.design-actions :focus-visible{outline:2px solid var(--signal);outline-offset:3px}.design-action-status{min-height:1.8em;margin:0;color:var(--fg-muted);font-size:.9rem;line-height:1.8}.preview-frame{margin-block:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden;background:#fff;aspect-ratio:16 / 10;width:100%;box-shadow:var(--shadow-lg);position:relative}.preview-frame iframe{width:100%;height:100%;border:0;display:block;color-scheme:light}.preview-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.prompt-box{position:relative;background:var(--bg-inset);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.5rem 1.4rem 1.35rem;margin-top:1.25rem;box-shadow:var(--shadow-md)}.prompt-box:before{content:"$ PROMPT";position:absolute;top:.55rem;left:1.4rem;font-family:var(--font-mono);font-size:.65rem;letter-spacing:var(--track-wide);color:var(--signal);font-weight:600}.prompt-box:after{content:"";position:absolute;top:.75rem;right:1.4rem;width:36px;height:8px;background:radial-gradient(circle,#ff5f56 50%,transparent 51%) 0 0 / 8px 8px no-repeat,radial-gradient(circle,#ffbd2e 50%,transparent 51%) 14px 0 / 8px 8px no-repeat,radial-gradient(circle,#27c93f 50%,transparent 51%) 28px 0 / 8px 8px no-repeat;opacity:.6}.prompt-box pre{margin:.5rem 0 0;font-family:var(--font-mono);font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:var(--fg)}.prompt-copy{position:absolute;top:.5rem;right:.5rem;padding:.4rem .85rem;font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;background:var(--accent);color:var(--fg-inverse);border:0;border-radius:var(--radius);cursor:pointer;transition:all .2s var(--ease);z-index:2}.prompt-copy:hover{background:var(--accent-hover)}.prompt-copy:disabled{opacity:.7;cursor:default;background:var(--signal);color:var(--fg-inverse)}details.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;background:var(--bg-elev);transition:border-color .2s var(--ease),background .2s var(--ease)}details.faq-item+details.faq-item{margin-top:.6rem}details.faq-item[open]{border-color:var(--border-strong);background:var(--bg-raised)}details.faq-item summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:flex-start;gap:.7rem;line-height:1.6}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary:before{content:"+";flex:none;font-family:var(--font-mono);font-size:1.1rem;color:var(--accent);font-weight:400;line-height:1.3;transition:transform .25s var(--ease),color .2s var(--ease)}details.faq-item[open] summary{margin-bottom:.65rem}details.faq-item[open] summary:before{content:"−";transform:rotate(180deg)}details.faq-item>div{line-height:1.85;color:var(--fg-muted);padding-left:1.8rem}.context-cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:720px){.context-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.context-card{display:flex;flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem 1.1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform .25s var(--ease),border-color .2s var(--ease),background .25s var(--ease)}.context-card:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg-raised)}.context-eyebrow{font-family:var(--font-mono);font-size:.65rem;letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--accent);margin:0}.context-title{font-family:var(--font-display);font-weight:700;font-size:1.2rem;line-height:1.35;letter-spacing:0;margin:0;color:var(--fg)}.context-body{margin:0;font-size:.88rem;line-height:1.7;color:var(--fg-muted);flex:1}.context-cta{margin:.4rem 0 0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--track-caps);color:var(--accent);transition:transform .2s var(--ease)}.context-card:hover .context-cta{transform:translate(3px)}.prev-next{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2rem;border-top:1px solid var(--border)}.pn-link{display:flex;flex-direction:column;gap:.5rem;padding:1.35rem 1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .25s var(--ease);position:relative;overflow:hidden}.pn-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-wash),transparent 50%);opacity:0;transition:opacity .3s var(--ease)}.pn-link:hover{border-color:var(--accent);transform:translateY(-2px)}.pn-link:hover:before{opacity:1}.pn-next{text-align:right}.pn-label{position:relative;font-family:var(--font-mono);font-size:.7rem;letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--accent)}.pn-title{position:relative;font-family:var(--font-display);font-weight:700;font-size:1.1rem;line-height:1.4;letter-spacing:0;color:var(--fg);text-wrap:balance}.pn-title :lang(ja){letter-spacing:0;line-height:1.5}@media(max-width:640px){.prev-next{grid-template-columns:1fr}.pn-next{text-align:left}}}.preview-controls[data-astro-cid-vpupuv6g]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:.5rem;padding:12px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elev);font-size:.85rem}.preview-controls[data-astro-cid-vpupuv6g] label[data-astro-cid-vpupuv6g]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.preview-controls[data-astro-cid-vpupuv6g] select[data-astro-cid-vpupuv6g],.preview-controls[data-astro-cid-vpupuv6g] button[data-astro-cid-vpupuv6g]{min-height:44px;padding:.5rem .75rem;font:inherit;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px}.preview-controls[data-astro-cid-vpupuv6g] button[data-astro-cid-vpupuv6g]{cursor:pointer}.preview-note[data-astro-cid-vpupuv6g]{margin:0 0 1rem;font-size:.85rem;line-height:1.8;color:var(--fg-muted)}.preview-status[data-astro-cid-vpupuv6g]{padding:.75rem;border:1px solid var(--border-strong);border-radius:8px;line-height:1.8;color:var(--fg)}.preview-fallback[data-astro-cid-vpupuv6g] img[data-astro-cid-vpupuv6g]{width:100%;height:auto;display:block}.preview-fallback[data-astro-cid-vpupuv6g] p[data-astro-cid-vpupuv6g]{padding:.75rem 1rem;margin:0;line-height:1.8;font-size:.85rem;color:var(--fg-muted)}.preview-fallback[data-astro-cid-vpupuv6g][hidden],.preview-viewport[data-astro-cid-vpupuv6g][hidden],.preview-status[data-astro-cid-vpupuv6g][hidden]{display:none}.design-preview[data-astro-cid-vpupuv6g]{margin:1.5rem 0 0;padding:0}.preview-browser[data-astro-cid-vpupuv6g]{border:1px solid var(--border-strong);border-radius:4px;border-top:3px solid var(--accent);overflow:auto;box-shadow:var(--shadow-lg);background:var(--bg-elev)}.preview-chrome[data-astro-cid-vpupuv6g]{display:flex;align-items:center;gap:.8rem;padding:.5rem .85rem;background:var(--bg-raised);border-bottom:1px solid var(--border)}.preview-dots[data-astro-cid-vpupuv6g]{display:inline-flex;gap:.35rem;flex:none}.preview-dots[data-astro-cid-vpupuv6g] i[data-astro-cid-vpupuv6g]{width:10px;height:10px;border-radius:999px;background:var(--border-strong);display:block}.preview-dots[data-astro-cid-vpupuv6g] i[data-astro-cid-vpupuv6g]:first-child{background:#ff5f56}.preview-dots[data-astro-cid-vpupuv6g] i[data-astro-cid-vpupuv6g]:nth-child(2){background:#ffbd2e}.preview-dots[data-astro-cid-vpupuv6g] i[data-astro-cid-vpupuv6g]:nth-child(3){background:#27c93f}.preview-url[data-astro-cid-vpupuv6g]{flex:1;padding:.3rem .75rem;background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-url-scheme[data-astro-cid-vpupuv6g]{color:var(--fg-quiet)}.preview-open[data-astro-cid-vpupuv6g]{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:none;border:1px solid var(--border);color:var(--fg-muted);text-decoration:none;transition:all .2s var(--ease);flex:none}.preview-open[data-astro-cid-vpupuv6g]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.preview-viewport[data-astro-cid-vpupuv6g]{background:#fff;height:clamp(480px,55vw,750px);width:100%;overflow:auto}.preview-viewport[data-astro-cid-vpupuv6g] iframe[data-astro-cid-vpupuv6g]{max-width:none;width:100%;height:100%;border:0;display:block;color-scheme:light}@layer vh-base,vh-part;@layer vh-part{.design-print-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block:16px}.design-print-tools button{min-height:44px;padding:8px 16px;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-elev);color:var(--fg);font:inherit;font-size:.85rem;cursor:pointer}.design-print-tools button:disabled{cursor:wait}.design-print-tools p{margin:0;color:var(--fg-muted);font-size:.75rem;line-height:1.8}.design-print-tools .design-print-status:empty{display:none}.design-print-origin{display:none}}@media print{@page{size:A4;margin:15mm;@bottom-right{content:counter(page) " / " counter(pages);font:8pt sans-serif;color:#555}}@layer vh-base{.detail-flow [data-print-design] .preview-fallback[hidden]{display:block!important}}:root:has([data-print-design]){color-scheme:light;--bg:#fff;--bg-elev:#fff;--bg-raised:#f4f4f4;--bg-inset:#fff;--fg:#171717;--fg-muted:#424242;--fg-quiet:#555;--fg-inverse:#fff;--border:#bbb;--border-strong:#777;--accent:#9d2d12;--accent-wash:#f6eeeb;--signal:#255222}html:has([data-print-design]),body:has([data-print-design]){background:#fff!important;color:#171717!important}body:has([data-print-design]){font-size:10pt;line-height:1.7;overflow:visible;min-height:0}body:has([data-print-design]):before,body:has([data-print-design]):after{display:none!important}body:has([data-print-design]) :is(.site-header,.site-footer,.skip-link,.crumbs,.design-actions,.favorite-tools,.design-print-tools,.design-action-status,.preview-controls,.preview-note,.preview-status,.preview-chrome,.preview-viewport,.preview-fallback p,.prompt-copy,.prev-next,.source-code,ins.adsbygoogle,iframe){display:none!important}body:has([data-print-design]) :is(section[aria-labelledby=sec-context],section[aria-labelledby=sec-tech],section[aria-labelledby=sec-related]){display:none!important}body:has([data-print-design]) :is(main.container,.detail-flow){width:100%;max-width:none;padding:0;margin:0}.detail-flow [data-print-design] *,[data-print-design] *:before,[data-print-design] *:after{animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important}.detail-flow [data-print-design]{overflow:visible}.detail-flow [data-print-design] :is(h1,h2,h3){break-after:avoid;line-height:1.4}.detail-flow [data-print-design] .article-title{font-size:23pt;margin:0 0 8pt}.detail-flow [data-print-design] .article-tagline{font-size:10pt;line-height:1.7;margin:0 0 8pt}.detail-flow [data-print-design] .design-intro{padding:0}.detail-flow [data-print-design] .design-print-origin{display:block!important;font-size:8pt;line-height:1.7;margin:8pt 0;overflow-wrap:anywhere}.detail-flow [data-print-design] .article-meta{gap:4pt 12pt;margin:8pt 0;font-size:7pt}.detail-flow [data-print-design] .license-banner{padding:6pt 8pt;margin:8pt 0;border:1px solid #777;border-radius:0}.detail-flow [data-print-design] .license-text strong{font-size:9pt}.detail-flow [data-print-design] .license-price{padding:2pt 5pt;color:#171717;background:none;font-size:10pt}.detail-flow [data-print-design] .license-line{font-size:7pt;letter-spacing:0}.detail-flow [data-print-design] .section{margin:14pt 0;padding:0}.detail-flow [data-print-design] .section-head{padding-bottom:4pt;margin-bottom:8pt}.detail-flow [data-print-design] .section-head h2{font-size:14pt}.detail-flow [data-print-design] .section-head h2:after{display:none!important}.detail-flow [data-print-design] .section-index{display:none!important}.detail-flow [data-print-design] .design-preview{margin:0;break-inside:avoid}.detail-flow [data-print-design] .design-preview:after{content:"見本は静止画です。動作・HTMLは冒頭の元ページでご確認ください。";display:block;margin-top:5pt;font-size:8pt;text-align:center}.detail-flow [data-print-design] .preview-browser{max-width:130mm;margin:auto;overflow:visible;border:1px solid #777;border-radius:0}.detail-flow [data-print-design] .preview-fallback[hidden]{display:block!important}.detail-flow [data-print-design] .preview-fallback img{width:100%;height:auto;max-height:85mm;object-fit:contain}.detail-flow [data-print-design][data-print-image-error] .preview-fallback img{display:none!important}.detail-flow [data-print-design][data-print-image-error] .preview-fallback:after{content:"見本画像を取得できませんでした。見本は冒頭の元ページでご確認ください。";display:block;padding:10pt}.detail-flow [data-print-design] .prompt-box{padding:9pt!important;border:1px solid #777;border-radius:0;background:#fff;break-inside:auto}.detail-flow [data-print-design] .prompt-box:before,[data-print-design] .prompt-box:after{display:none!important}.detail-flow [data-print-design] .prompt-box pre{margin:0;font-size:9pt;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible;color:#171717}.detail-flow [data-print-design] .long-form{font-size:10pt;line-height:1.8}.detail-flow [data-print-design] .long-form h3{font-size:11.5pt;margin:12pt 0 6pt;padding-top:7pt}.detail-flow [data-print-design] .long-form h4{font-size:10.5pt;margin:10pt 0 5pt}.detail-flow [data-print-design] .long-form p{margin-bottom:7pt}.detail-flow [data-print-design] .long-form code{overflow-wrap:anywhere;word-break:normal}.detail-flow [data-print-design] .long-form pre{overflow:visible;max-height:none}.detail-flow [data-print-design] .long-form pre code{white-space:pre-wrap}.detail-flow [data-print-design] .long-form>*{max-width:100%}.detail-flow [data-print-design] :is(p,li){orphans:3;widows:3}.detail-flow [data-print-design] :is(.long-form figure,figure.anatomy){padding:8pt;margin:12pt 0;break-inside:avoid}.detail-flow [data-print-design] .fig-scroll{overflow:visible;background:none}.detail-flow [data-print-design] :is(.long-form figure,figure.anatomy) svg{width:100%;min-width:0;max-width:100%;height:auto}.detail-flow [data-print-design] .faq-item{break-inside:avoid;padding:7pt 8pt;font-size:9pt}.detail-flow [data-print-design] .faq-item summary{margin-bottom:5pt}.detail-flow [data-print-design] .faq-item summary:before{display:none}.detail-flow [data-print-design] .faq-item>div{padding-left:0;line-height:1.7}.detail-flow [data-print-design] .faq-item::details-content{content-visibility:visible!important}.detail-flow [data-print-design] .faq-item>:not(summary){display:block!important}.detail-flow [data-print-design] .stack-list{margin:10pt 0}}