:root{--sl-color-accent-low:#113d3d;--sl-color-accent:#42bfc1;--sl-color-accent-high:#d7f0ee;--sl-color-white:#fff;--sl-color-gray-1:#eef6f4;--sl-color-gray-2:#c7d3d0;--sl-color-gray-3:#9db0ac;--sl-color-gray-4:#667a76;--sl-color-gray-5:#344348;--sl-color-gray-6:#202b2f;--sl-color-black:#121a1e;--vc-ink:#0f1720;--vc-muted:#566863;--vc-line:#cfdcda;--vc-teal:#007a7e;--vc-teal-dark:#00656a;--vc-amber:#f3b64b;--vc-bg:#fff;--vc-soft:#f7faf9;--vc-radius:6px;--sl-font:"Inter", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Hiragino Sans", Meiryo, sans-serif;--sl-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=light]{--sl-color-accent-low:#d7f0ee;--sl-color-accent:#007a7e;--sl-color-accent-high:#003d40;--sl-color-white:#0f1720;--sl-color-gray-1:#17211f;--sl-color-gray-2:#283633;--sl-color-gray-3:#4d615d;--sl-color-gray-4:#7a8c88;--sl-color-gray-5:#cbd8d5;--sl-color-gray-6:#edf3f1;--sl-color-gray-7:#f7faf9;--sl-color-black:#fff}:root[data-theme=dark]{--vc-ink:#0f1720;--vc-muted:#566863;--vc-line:#cfdcda;--vc-teal:#007a7e;--vc-teal-dark:#00656a;--vc-amber:#f3b64b;--vc-bg:#fff;--vc-soft:#f7faf9}html{scroll-behavior:smooth}body{letter-spacing:0;color:var(--vc-ink);font-family:var(--sl-font);background:#fff;margin:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-shell{background:#fff;min-height:100vh}.skip-link{z-index:100;border:2px solid var(--vc-teal);border-radius:var(--vc-radius);color:var(--vc-teal-dark);background:#fff;padding:.55rem .75rem;font-weight:800;text-decoration:none;transition:transform .16s;position:fixed;top:.7rem;left:.7rem;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.landing-topbar{z-index:20;border-bottom:1px solid var(--vc-line);backdrop-filter:blur(10px);background:#fffffff0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.8rem,1.4vw,1.4rem);min-height:72px;padding:0 2.2rem;display:grid;position:sticky;top:0}.landing-brand{color:var(--vc-ink);align-items:center;gap:.65rem;font-size:1.28rem;font-weight:850;line-height:1.05;text-decoration:none;display:inline-flex;position:relative}.landing-brand:after{background:var(--vc-line);content:"";width:1px;position:absolute;top:.1rem;bottom:.1rem;right:-.72rem}.landing-brand span{max-width:8.7rem;line-height:.96;display:block}.landing-brand img{width:34px;height:34px}.landing-nav{overscroll-behavior-x:contain;scrollbar-width:thin;align-items:center;gap:clamp(.6rem,.85vw,.9rem);min-width:0;padding-block:.35rem;font-size:.92rem;font-weight:700;display:flex;overflow:auto hidden}.landing-nav::-webkit-scrollbar{height:.32rem}.landing-nav::-webkit-scrollbar-track{background:0 0}.landing-nav::-webkit-scrollbar-thumb{background:var(--vc-line);border-radius:999px}.landing-nav a{color:var(--vc-ink);white-space:nowrap;flex:none;line-height:1.2;text-decoration:none;position:relative}.landing-nav a+a:before{background:var(--vc-line);content:"";width:1px;position:absolute;top:.1rem;bottom:.1rem;left:-.45rem}.landing-nav a:hover,.landing-nav a:focus-visible{color:var(--vc-teal-dark)}.landing-menu{display:none}.landing-main{width:min(1500px,100% - 4.4rem);margin:0 auto}.landing-main:focus{outline:none}.landing-footer{border-top:1px solid var(--vc-line);color:var(--vc-muted);text-align:center;padding:2rem 2.2rem}.site-title{letter-spacing:0;font-weight:800}.sl-markdown-content :is(h1,h2,h3){letter-spacing:0}.sl-markdown-content h1{font-size:clamp(2.15rem,5vw,4rem);line-height:1.16}.sl-markdown-content h2{margin-top:3.25rem}:root[data-theme=dark] .main-pane :where(h1,h2,h3,h4,h5,h6):not(:where(.not-content *)){color:var(--vc-ink)}.sl-markdown-content p,.sl-markdown-content li{line-height:1.9}.sl-markdown-content a:not(.sl-anchor-link):not(:where(.not-content *)){color:var(--vc-teal-dark);text-decoration-color:color-mix(in srgb, var(--vc-teal-dark) 68%, transparent);text-underline-offset:.16em;font-weight:650;text-decoration-thickness:.08em}.sl-markdown-content a:not(.sl-anchor-link):hover:not(:where(.not-content *)),.sl-markdown-content a:not(.sl-anchor-link):focus-visible:not(:where(.not-content *)){color:#004f53;text-decoration-color:currentColor}.sl-markdown-content .sl-anchor-link{color:var(--vc-teal-dark)}.right-sidebar-panel h2{color:var(--vc-ink)}.right-sidebar-panel :where(a){color:var(--vc-muted)}.right-sidebar-panel :where(a[aria-current=true],a:hover,a:focus-visible){color:var(--vc-teal-dark)}.pagination-links a{border-color:var(--vc-line);color:var(--vc-muted);background:var(--vc-bg)}.pagination-links a:hover,.pagination-links a:focus-visible{border-color:var(--vc-teal);color:var(--vc-teal-dark)}.pagination-links .link-title{color:var(--vc-ink)}:root[data-theme=dark] mobile-starlight-toc :is(.toggle,.display-current){color:#eef6f4}.sl-markdown-content :not(pre)>code{color:var(--vc-ink)}:root[data-theme=dark] .sl-markdown-content :not(pre)>code{color:#eef6f4}.hero-grid{grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);min-height:calc(100vh - 13rem);padding-block:clamp(2rem,6vw,5rem);display:grid}.hero-copy{gap:1.35rem;display:grid}.hero-copy h1{max-width:11em;color:var(--vc-ink);margin:0;font-size:clamp(2.55rem,4.8vw,4.15rem);line-height:1.14}.hero-copy p{max-width:34rem;color:var(--vc-muted);margin:0;font-size:clamp(1.05rem,1.3vw,1.26rem);line-height:1.9}.hero-actions{grid-template-columns:minmax(0,1fr);gap:.7rem;max-width:24rem;margin-top:.4rem;display:grid}.hero-actions a,.chapter-link,.next-link{border-radius:var(--vc-radius);border:1px solid var(--vc-teal);justify-content:space-between;align-items:center;gap:1rem;padding:.82rem 1.05rem;font-weight:750;text-decoration:none;display:inline-flex}.hero-actions a:first-child{background:linear-gradient(180deg, #0b8f94 0%, var(--vc-teal-dark) 100%);color:#fff;box-shadow:0 14px 30px #006d732e}.hero-actions a:not(:first-child){color:var(--vc-teal-dark);background:#fff}.ai-shortcut{border:1px solid var(--vc-line);border-left:4px solid var(--vc-teal);border-radius:var(--vc-radius);background:#f9fbfb;gap:.45rem;max-width:34rem;padding:.9rem 1rem;display:grid}.ai-shortcut strong{color:var(--vc-teal-dark)}.ai-shortcut p{font-size:.95rem;line-height:1.75}.ai-shortcut a{color:var(--vc-teal-dark);text-decoration-color:color-mix(in srgb, var(--vc-teal-dark) 65%, transparent);text-underline-offset:.16em;justify-self:start;font-weight:800}.reading-order-label{color:var(--vc-teal-dark);margin:.25rem 0 -.7rem;font-size:.92rem;font-weight:850}.reading-order{counter-reset:reading-order;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;max-width:38rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.reading-order li{counter-increment:reading-order}.reading-order a{border:1px solid var(--vc-line);border-radius:var(--vc-radius);background:var(--vc-soft);min-height:4.8rem;color:var(--vc-ink);gap:.28rem;padding:.72rem;font-weight:800;line-height:1.35;text-decoration:none;display:grid}.reading-order a:before{content:counter(reading-order);background:var(--vc-teal);color:#fff;border-radius:999px;place-items:center;width:1.45rem;height:1.45rem;font-size:.78rem;display:inline-grid}.reading-order a:hover,.reading-order a:focus-visible{border-color:var(--vc-teal);color:var(--vc-teal-dark)}.after-reading{max-width:36rem;color:var(--vc-muted);margin:-.25rem 0 0;font-size:.94rem;line-height:1.75}.after-reading a{color:var(--vc-teal-dark);text-decoration-color:color-mix(in srgb, var(--vc-teal-dark) 65%, transparent);text-underline-offset:.16em;font-weight:800}.hero-points{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.point{align-content:start;gap:.38rem;display:grid}.point svg{width:28px;height:28px;color:var(--vc-teal)}.point strong{color:var(--vc-teal-dark)}.point span{color:var(--vc-muted);font-size:.9rem;line-height:1.65}.preview-shell{border:1px solid var(--vc-line);background:linear-gradient(90deg,#f9fbfb 0%,#fff 100%);border-radius:10px;grid-template-columns:170px minmax(0,1fr);min-width:0;min-height:35rem;display:grid;overflow:hidden;box-shadow:0 18px 50px #122a2b14}.preview-nav{border-right:1px solid var(--vc-line);background:#f9fbfb;align-content:start;gap:.35rem;min-width:0;padding:1.1rem .75rem;display:grid}.preview-nav strong{overflow-wrap:anywhere;min-width:0;padding:0 .5rem .75rem}.preview-nav span{box-sizing:border-box;border-radius:var(--vc-radius);color:#1f2d2b;overflow-wrap:anywhere;align-items:center;gap:.5rem;min-width:0;max-width:100%;padding:.56rem .5rem;font-size:.84rem;line-height:1.35;display:flex}.preview-nav span[aria-current=page]{color:var(--vc-teal-dark);background:#e8f4f3;font-weight:750}.preview-content{min-width:0;padding:clamp(1.2rem,2.6vw,2rem)}.example-table,.folder-table,.prompt-matrix{border-collapse:collapse;border:1px solid var(--vc-line);table-layout:fixed;background:#fff;width:100%;font-size:.95rem}.example-table caption,.folder-table caption,.prompt-matrix caption{color:var(--vc-muted);text-align:left;padding:.65rem 0;font-size:.92rem;line-height:1.6}.example-table th,.example-table td,.folder-table th,.folder-table td,.prompt-matrix th,.prompt-matrix td{border:1px solid var(--vc-line);vertical-align:top;padding:.74rem .8rem}.example-table th,.folder-table th,.prompt-matrix th{color:#17211f;text-align:left;background:#f7faf9}.folder-preview{border:1px solid var(--vc-line);background:#fff;grid-template-columns:.8fr 1fr;gap:0;display:grid}.tree{border-right:1px solid var(--vc-line);color:#173230;margin:0;padding:1rem;font-size:.95rem}.tree code{color:var(--vc-teal-dark)}.folder-list{display:grid}.folder-row{border-bottom:1px solid var(--vc-line);grid-template-columns:8rem minmax(0,1fr);display:grid}.folder-row:last-child{border-bottom:0}.folder-row strong,.folder-row span{padding:.7rem .8rem}.folder-row strong{color:var(--vc-teal-dark);border-right:1px solid var(--vc-line)}.reason-strip,.chapter-grid,.mistake-grid,.template-list,.check-grid{gap:1rem;display:grid}.reason-strip{grid-template-columns:repeat(3,1fr);margin-top:2rem}.reason-item,.chapter-card,.mistake-card,.template-card,.check-card,.do-dont{border:1px solid var(--vc-line);border-radius:var(--vc-radius);background:#fff;padding:1rem}.reason-item h3,.chapter-card h3,.mistake-card h3,.template-card h3,.check-card h3{margin-top:0}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-card{gap:.6rem;display:grid}.chapter-card p{margin:0}.chapter-link,.next-link{color:var(--vc-teal-dark);justify-self:start;padding:.58rem .75rem}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.do-dont h3{margin-top:0}.copy-block{border:1px solid var(--vc-line);border-radius:var(--vc-radius);background:#f9fbfb;padding:1rem;position:relative}.copy-block--enhanced{padding-right:3.45rem}.copy-block-button{border:1px solid var(--vc-line);border-radius:var(--vc-radius);width:2.05rem;height:2.05rem;color:var(--vc-teal-dark);cursor:pointer;background:#fff;place-items:center;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-grid;position:absolute;top:.65rem;right:.65rem}.copy-block-button:hover,.copy-block-button:focus-visible{border-color:var(--vc-teal);color:var(--vc-teal-dark);background:#e8f4f3}.copy-block-button:focus-visible{outline:2px solid var(--vc-teal);outline-offset:2px}.copy-block-button:active{transform:translateY(1px)}.copy-block-button[disabled]{cursor:wait}.copy-block-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.copy-block-button[data-copy-state=copied]{border-color:var(--vc-teal);background:var(--vc-teal);color:#fff}.copy-block-button[data-copy-state=error]{border-color:var(--vc-amber);color:#5a3b00;background:#fff7e3}.copy-block-button:after{z-index:1;border-radius:var(--vc-radius);box-sizing:border-box;color:#fff;content:attr(data-copy-status);opacity:0;pointer-events:none;overflow-wrap:anywhere;text-align:left;white-space:normal;background:#17211f;width:max-content;max-width:min(17rem,100vw - 2rem);padding:.25rem .45rem;font-size:.74rem;font-weight:750;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + .38rem);right:0;transform:translateY(-.2rem)}.copy-block-button[data-copy-status]:after{opacity:1;transform:translateY(0)}.copy-block-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-block pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sl-markdown-content .lead{color:var(--vc-muted);font-size:1.18rem;line-height:1.9}.skip-note{border-left:4px solid var(--vc-amber);color:#463817;background:#fff9eb;padding:.8rem 1rem}.landing-next{border-top:1px solid var(--vc-line);padding:clamp(2rem,4vw,3.5rem) 0}.landing-next h2{margin:0 0 .8rem;font-size:clamp(1.7rem,3vw,2.6rem)}.landing-next p{max-width:42rem;color:var(--vc-muted);line-height:1.9}@media (width<=49.999rem){html{scroll-padding-top:1rem}.page>.header{position:static}.main-frame{padding-top:0}starlight-menu-button button{position:absolute}mobile-starlight-toc nav{border-top:0;position:static}mobile-starlight-toc .dropdown{max-height:65vh}}@media (width<=1050px){.landing-topbar{position:static}.hero-grid,.preview-shell,.folder-preview,.split{grid-template-columns:1fr}.preview-nav{display:none}.tree{border-right:0;border-bottom:1px solid var(--vc-line)}}@media (width<=760px){.landing-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:1rem;position:static}.landing-nav--desktop{display:none}.landing-menu{justify-self:end;display:block}.landing-menu[open]{grid-column:1/-1;justify-self:stretch;width:100%}.landing-menu>summary{box-sizing:border-box;border:1px solid var(--vc-line);border-radius:var(--vc-radius);width:fit-content;min-height:44px;color:var(--vc-ink);cursor:pointer;justify-content:center;align-items:center;margin-left:auto;padding:.5rem .75rem;font-weight:800;display:flex}.landing-menu>summary:focus-visible{outline:2px solid var(--vc-teal);outline-offset:2px}.landing-nav--mobile{display:none}.landing-menu[open] .landing-nav--mobile{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;margin-top:.75rem;padding-block:0;display:grid;overflow-x:visible}.landing-nav a{border-top:1px solid var(--vc-line);white-space:normal;padding-block:.45rem;line-height:1.3}.landing-nav a:before,.landing-brand:after{display:none}.landing-nav a:nth-child(-n+2){border-top:0}.landing-nav a:nth-child(2n){border-left:1px solid var(--vc-line);padding-left:.75rem}.landing-main{width:min(100% - 2rem,1500px)}.hero-grid{min-height:auto}.hero-points,.reason-strip,.reading-order,.chapter-grid{grid-template-columns:1fr}.preview-content{padding:1rem}.example-table,.folder-table,.prompt-matrix{font-size:.86rem}.example-table th,.example-table td,.folder-table th,.folder-table td,.prompt-matrix th,.prompt-matrix td{overflow-wrap:anywhere;padding:.58rem}.folder-row{grid-template-columns:1fr}.folder-row strong{border-right:0;border-bottom:1px solid var(--vc-line)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}