.contact-lead[data-v-36e8f929]{margin-bottom:var(--space-3)}.contact-link[data-v-36e8f929]{margin-bottom:var(--space-2)}.contact-note[data-v-36e8f929]{color:var(--color-text-muted);margin:0 0 var(--space-1);font-size:.94rem}.compact .contact-link .button[data-v-36e8f929]{padding:.45em 1.1em;font-size:.94rem}.visually-hidden[data-v-36e8f929]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.release[data-v-08a6a351]{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.footer-contact[data-v-08a6a351]{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-4)}.footer-contact h2[data-v-08a6a351]{margin-bottom:var(--space-2);font-size:1rem}.links[data-v-08a6a351]{margin-top:var(--space-4)}.copyright[data-v-08a6a351]{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin:var(--space-4) 0 0;font-size:.94rem}.prep-note[data-v-6fbf7963]{color:var(--color-text-faint);font-size:.9rem}.five-points-title[data-v-ced5817d]{margin-bottom:var(--space-2);font-weight:700}.five-points-lead[data-v-ced5817d]{color:var(--color-text-muted);font-size:.98rem}.five-points-list[data-v-ced5817d]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.five-points-list>li[data-v-ced5817d]{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:flex-start;margin:0;display:flex}.point-no[data-v-ced5817d]{color:var(--color-accent);flex:none;font-size:1.25rem;font-weight:700}.five-points-list p[data-v-ced5817d]{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.96rem}.compact .five-points-list[data-v-ced5817d]{gap:var(--space-2)}.compact .five-points-list>li[data-v-ced5817d]{padding:var(--space-2) var(--space-4);background:var(--color-accent-soft);border-color:var(--color-accent-border)}.compact .point-no[data-v-ced5817d]{font-size:1.05rem}.part2-card[data-v-55555324]{border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-6)}.part2-card h2[data-v-55555324]{margin-bottom:var(--space-3)}.part2-note[data-v-55555324]{color:var(--color-text-muted);margin:0;font-size:.94rem}.start-here[data-v-55555324]{padding-top:0}.start-card[data-v-55555324]{border:1px solid var(--color-accent-border);background:var(--color-accent-soft);border-radius:var(--radius-lg);padding:var(--space-6)}.start-card h2[data-v-55555324]{margin-bottom:var(--space-2)}.trouble-examples[data-v-55555324]{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.trouble-examples>li[data-v-55555324]{margin:0}.trouble-examples a[data-v-55555324]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:.35em 1em;font-size:.98rem;text-decoration:none;display:inline-block}.trouble-examples a[data-v-55555324]:hover{border-color:var(--color-accent)}.start-actions[data-v-55555324]{margin-bottom:var(--space-3)}.button.large[data-v-55555324]{padding:.8em 1.8em;font-size:1.05rem}.start-note[data-v-55555324]{color:var(--color-text-muted);margin:0;font-size:.98rem}.five-steps[data-v-55555324]{gap:var(--space-3);padding:0;list-style:none;display:grid}.five-steps>li[data-v-55555324]{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);align-items:flex-start;margin:0;display:flex}.five-step-no[data-v-55555324]{color:var(--color-accent);flex:none;font-size:1.3rem;font-weight:700}.five-steps p[data-v-55555324]{color:var(--color-text-muted);margin:0;font-size:.98rem}.pattern-count[data-v-55555324]{color:var(--color-text-faint);margin:var(--space-2) 0 0;font-size:.92rem}:root{--color-accent:#2f6f4e;--color-accent-strong:#235640;--color-accent-soft:#eef5f0;--color-accent-border:#c8ded1;--color-text:#23282a;--color-text-muted:#626b6d;--color-text-faint:#6b7375;--color-bg:#fbfcfb;--color-surface:#fff;--color-surface-soft:#f3f6f4;--color-border:#e0e5e2;--color-info-bg:#eef3fa;--color-info-border:#c6d8ee;--color-tip-bg:#edf6f0;--color-tip-border:#c2e0cd;--color-warn-bg:#fdf5e7;--color-warn-border:#eedaad;--color-danger-bg:#fdeeec;--color-danger-border:#f0c2bb;--color-danger-text:#a3372a;--color-terminal-bg:#1f2422;--color-terminal-text:#e8ece9;--color-terminal-accent:#7fc9a2;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-card:0 1px 2px #23282a0d, 0 8px 24px #23282a0d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--max-width:1080px;--max-width-narrow:760px;--font-sans:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Courier New", monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.9}h1,h2,h3,h4{margin:0 0 var(--space-4);letter-spacing:.01em;font-weight:700;line-height:1.5}h1{font-size:clamp(1.6rem,4.2vw,2.5rem)}h2{font-size:clamp(1.3rem,3vw,1.8rem)}h3{font-size:1.15rem}h4{font-size:1rem}p{margin:0 0 var(--space-4)}ul,ol{margin:0 0 var(--space-4);padding-left:1.3em}li{margin-bottom:var(--space-2)}a{color:var(--color-accent-strong);text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:4px}img{max-width:100%}code{font-family:var(--font-mono);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:4px;padding:.1em .35em;font-size:.92em}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.app-main:focus{outline:none}.app-main:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow)}.page-section{padding:var(--space-7) 0}.page-section+.page-section{padding-top:0}.eyebrow{letter-spacing:.08em;color:var(--color-accent-strong);margin:0 0 var(--space-2);font-size:.9rem;font-weight:700}.lead{color:var(--color-text-muted);font-size:1.05rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-4);z-index:50;background:var(--color-surface);padding:var(--space-2) var(--space-4);border:2px solid var(--color-accent);border-radius:var(--radius-sm)}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:20;position:sticky;top:0}.app-header .container{align-items:center;gap:var(--space-5);min-height:64px;padding-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.brand{color:var(--color-text);align-items:center;gap:var(--space-3);white-space:nowrap;text-decoration:none;display:inline-flex}.brand-badge{background:var(--color-accent);color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:1.15rem;font-weight:700;line-height:1;display:grid}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-name{font-size:1.05rem;font-weight:700;line-height:1.3}.brand-tagline{color:var(--color-text-muted);font-size:.9rem;font-weight:400;line-height:1.3}.app-nav{gap:var(--space-4);flex-wrap:wrap;font-size:.98rem;display:flex}.app-nav a{color:var(--color-text-muted);padding:var(--space-1) 0;border-bottom:2px solid #0000;text-decoration:none}.app-nav a:hover{color:var(--color-text)}.app-nav a.router-link-active{color:var(--color-accent-strong);border-bottom-color:var(--color-accent);font-weight:700}.app-footer{border-top:1px solid var(--color-border);background:var(--color-surface-soft);padding:var(--space-6) 0;margin-top:var(--space-8);color:var(--color-text-muted);font-size:.94rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.card-grid>li{margin:0}.recipe-card{gap:var(--space-3);height:100%;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.recipe-card:hover{border-color:var(--color-accent-border);transform:translateY(-2px)}.recipe-card h3{margin:0;font-size:1.05rem}.recipe-card p{color:var(--color-text-muted);margin:0;font-size:.96rem}.recipe-card-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.recipe-no{font-family:var(--font-mono);color:var(--color-text-faint);font-size:.92rem}.badge{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:.15em .6em;font-size:.9rem;font-weight:700;display:inline-block}.badge-type{background:var(--color-accent-soft);border-color:var(--color-accent-border);color:var(--color-accent-strong)}.badge-best{color:#8a6416;background:#fdf5e7;border-color:#eedaad}.badge-safety-1{background:var(--color-tip-bg);border-color:var(--color-tip-border);color:#2c6b45}.badge-safety-2{background:var(--color-info-bg);border-color:var(--color-info-border);color:#2f5680}.badge-safety-3{background:var(--color-warn-bg);border-color:var(--color-warn-border);color:#8a6416}.badge-safety-4{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.badge-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.callout{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin:0 0 var(--space-5);background:var(--color-surface-soft);border-left-width:4px}.callout>:last-child{margin-bottom:0}.callout-title{margin:0 0 var(--space-2);font-weight:700}.callout-info{background:var(--color-info-bg);border-color:var(--color-info-border)}.callout-tip{background:var(--color-tip-bg);border-color:var(--color-tip-border)}.callout-warn{background:var(--color-warn-bg);border-color:var(--color-warn-border)}.callout-danger{background:var(--color-danger-bg);border-color:var(--color-danger-border)}.button{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:999px;padding:.65em 1.4em;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--color-accent-border)}.button.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.button.primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button.small{padding:.45em 1em;font-size:.94rem}.text-button{font:inherit;color:var(--color-accent-strong);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:.4em 0;text-decoration:underline}.button-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.field{margin-bottom:var(--space-5);border:none;padding:0}.field legend,.field .field-label{margin-bottom:var(--space-2);padding:0;font-weight:700;display:block}.field-no{font-family:var(--font-mono);color:var(--color-accent-strong);margin-right:var(--space-2)}.field-optional{color:var(--color-text-faint);margin-left:var(--space-2);font-size:.9rem;font-weight:400}.field-help,.field-example{color:var(--color-text-muted);margin:0 0 var(--space-2);font-size:.94rem}.field-example{color:var(--color-text-faint)}input[type=text],textarea,select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:inherit;padding:.6em .8em}textarea{resize:vertical;min-height:5.5em;line-height:1.7}.choice-grid{gap:var(--space-2);display:grid}.choice-grid label{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:.98rem;line-height:1.6;display:flex}.choice-grid label:hover{border-color:var(--color-accent-border)}.choice-grid input{flex:none;margin-top:.45em}.filter-bar{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.filter-bar label{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.9rem;font-weight:700;display:block}pre{font-family:var(--font-mono);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;margin:0 0 var(--space-4);font-size:.94rem;line-height:1.7;overflow-x:auto}pre code{font-size:inherit;background:0 0;border:none;padding:0}.terminal{background:var(--color-terminal-bg);color:var(--color-terminal-text);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;border:none;font-size:.94rem;overflow-x:auto}.terminal .prompt{color:var(--color-terminal-accent)}.artifact{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-4);overflow:hidden}.artifact-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface-soft);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.artifact-head h3{margin:0 0 var(--space-1);font-size:1rem}.artifact-path{font-family:var(--font-mono);color:var(--color-accent-strong);word-break:break-all;font-size:.9rem}.artifact-purpose{color:var(--color-text-muted);margin:var(--space-2) 0 0;flex-basis:100%;font-size:.94rem}.artifact-body{padding:var(--space-4) var(--space-5) var(--space-5)}.artifact-body pre{max-height:460px;margin:0;overflow-y:auto}.meter{align-items:center;gap:3px;display:flex}.meter-cell{background:var(--color-border);border-radius:2px;width:22px;height:8px}.meter-cell.on{background:var(--color-accent)}.step-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.step-list>li{margin:0}.step{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-5)}.step h3{margin-bottom:var(--space-2)}.step-why{color:var(--color-text-muted);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);font-size:.94rem}.two-col{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.definition-list{margin:0}.definition-list dt{margin-top:var(--space-3);font-weight:700}.definition-list dd{margin:0 0 var(--space-2);color:var(--color-text-muted)}.count-note{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.94rem}.copy-status{color:var(--color-accent-strong);min-height:1.6em;margin:var(--space-2) 0 0;font-size:.94rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.96rem}th,td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top}th{background:var(--color-surface-soft);font-weight:700}.hero{padding:var(--space-8) 0 var(--space-7)}.hero h1{max-width:20em}.hero-lead{color:var(--color-text-muted);max-width:42em;font-size:1.1rem}.pattern-card{color:inherit;border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface);height:100%;text-decoration:none;display:block}.pattern-card:hover{border-color:var(--color-accent-border);border-left-color:var(--color-accent-strong)}.pattern-card h3{margin-bottom:var(--space-1)}.pattern-tagline{color:var(--color-text-muted);margin:0;font-size:.98rem}@media (width<=640px){.page-section{padding:var(--space-6) 0}.container{padding:0 var(--space-4)}.app-header .container{gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.recipe-card:hover{transform:none}}