/* Inspired by the supplied DesignSystems.one light preview; no external runtime. */
:root{color-scheme:light;--bg:#fafafc;--surface:#fff;--subtle:#f2f1f6;--text:#24232a;--muted:#666371;--line:#e3e0eb;--brand:#7c3aed;--brand-hover:#6425cb;--tint:#f3edff;--radius:8px;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:#6b2bc8;text-underline-offset:3px}a:hover{color:#4e1f94}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px 14px;border-radius:var(--radius);cursor:pointer;min-height:44px}button:hover{background:var(--subtle);border-color:#c2bacc}button:active,.primary:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button,a,summary{transition:background-color .16s,border-color .16s,color .16s,transform .16s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9e79eb;outline-offset:3px}.primary,.copy{background:var(--brand);border-color:var(--brand);color:white;font-weight:600}.primary:hover,.copy:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:white}.site-boundary{margin:0;padding:10px 32px;background:var(--tint);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.45;max-width:none}.site-boundary strong{color:var(--text)}.bridge{margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--subtle);font-size:14px;color:var(--text);max-width:76ch}html{scroll-padding-top:24px}
header{display:flex;gap:32px;align-items:center;max-width:1200px;margin:auto;padding:20px 32px;border-bottom:1px solid var(--line)}.brand{color:var(--text);font-weight:650;letter-spacing:-.025em;text-decoration:none}header nav{display:flex;gap:4px}header nav a{text-decoration:none;color:var(--muted);padding:8px 14px;border-radius:6px;font-weight:550}header nav a[aria-current=page]{background:var(--tint);color:#6425cb}.header-note{margin-left:auto;font-size:12px;color:var(--muted)}main{max-width:1100px;margin:auto;padding:40px 32px 64px;min-height:75dvh}.section{scroll-margin-top:24px}h1,h2{font-size:clamp(28px,4vw,38px);line-height:1.18;letter-spacing:-.045em;font-weight:650;margin:0 0 12px}h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;font-weight:630;margin:0 0 16px}p{color:var(--muted);margin:10px 0 20px;max-width:76ch}strong{font-weight:600;color:var(--text)}small,.helper{color:var(--muted);font-size:13px}.notice{border-left:2px solid var(--brand);background:var(--tint);padding:12px 16px;font-size:14px}.toolbar{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 10px}.toolbar button{padding:6px 13px;min-height:40px;background:transparent;border-color:transparent;color:var(--muted)}.toolbar button[aria-pressed=true]{background:var(--text);color:#fff}.toolbar button:hover{background:var(--subtle);color:var(--text)}label[for=search]{display:block;margin:24px 0 6px;font-size:13px;font-weight:600}input[type=search]{width:100%;max-width:440px;min-height:44px;background:var(--surface);border:1px solid #908799;border-radius:var(--radius);padding:10px 14px;color:var(--text)}input::placeholder{color:#77717f}.prompt-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:28px;align-items:start}#prompt-list{display:grid;gap:4px}#prompt-list button{display:block;width:100%;text-align:left;border-color:transparent;background:transparent;padding:13px 16px;min-height:64px;border-left:2px solid transparent;border-radius:0 6px 6px 0}#prompt-list button span{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}#prompt-list button[aria-pressed=true]{background:var(--tint);border-left-color:var(--brand);color:#5d25ad;font-weight:600}#prompt-list button:hover{background:var(--subtle)}#prompt-detail{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:0 2px 4px #24232a04;min-width:0}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.tag{font-size:12px;color:#6b2bc8;font-weight:600;margin:0 0 6px;display:block}.token-count{color:var(--muted);font-size:12px;white-space:nowrap;padding-top:4px}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f6fa;border:1px solid var(--line);border-radius:6px;padding:18px;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#35313f;width:100%;margin:18px 0}.next{margin:20px 0 12px;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.next-action{border:0;padding:4px 0;color:#6b2bc8;background:transparent;min-height:36px}.next-action:hover{background:transparent;color:#4e1f94}.prompt-inputs{font-size:14px;margin-top:18px}details{border-bottom:1px solid var(--line);padding:0;margin:0;scroll-margin-top:24px}summary{cursor:pointer;padding:20px 0;font-weight:600;list-style-position:outside;margin-left:18px}details[open]>summary{color:#6b2bc8}details>div{padding:0 18px 20px;max-width:850px}details h3{font-size:17px;margin:22px 0 8px}details p,details li{font-size:14px}li{color:var(--muted);margin:8px 0;max-width:75ch}ol,ul{padding-left:22px}#lesson-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}#lesson-nav button{min-width:44px;font-variant-numeric:tabular-nums}#lesson-nav button[aria-current=step]{background:var(--brand);border-color:var(--brand);color:white}.lesson-step{max-width:850px;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.lesson-step p,.lesson-step li{font-size:14px}.lesson-step h3{font-size:22px}.lesson-controls{display:flex;gap:10px;justify-content:space-between;max-width:850px;margin-top:20px}.example-label{color:#6b2bc8;font-size:12px;font-weight:600}.checklist{display:grid;gap:14px;margin:22px 0}.checklist label{display:flex;align-items:start;gap:12px;cursor:pointer;color:var(--muted);font-size:14px}.checklist input{width:19px;height:19px;accent-color:var(--brand);margin-top:3px;flex-shrink:0}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.glossary dt{font-weight:600;margin-top:20px}.glossary dd{color:var(--muted);font-size:14px;margin:4px 0}#glossary{margin-top:32px}#glossary h2{font-size:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:20px;top:-100px;background:var(--surface);padding:10px;z-index:2}.skip:focus{top:8px}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:20px 32px;color:var(--muted);font-size:12px}textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px}code{overflow-wrap:anywhere}[hidden]{display:none!important}.view-enter{animation:enter .18s ease-out}@keyframes enter{from{opacity:.85;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:700px){.site-boundary{padding:10px 20px}header{padding:16px 20px;gap:12px;flex-wrap:wrap}.header-note{display:none}header nav{width:100%;gap:4px}header nav a{flex:1;text-align:center}main{padding:28px 20px 40px}.prompt-workspace{grid-template-columns:1fr;gap:16px}#prompt-list{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px}#prompt-list button{width:auto;flex:0 0 auto;min-height:44px;border:1px solid var(--line);border-radius:6px;padding:8px 12px}#prompt-list button span{display:none}#prompt-list button[aria-pressed=true]{border-color:var(--brand)}#prompt-detail,.lesson-step{padding:20px}.detail-heading{flex-wrap:wrap;gap:0}.token-count{padding:0}.glossary{grid-template-columns:1fr}footer{padding:20px}.prompt{padding:14px}}
/* SDLC flow: entry points and a selected stage; navigation never asserts completion. */
.flow-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.flow-heading>div{min-width:0}.flow-heading>button{white-space:nowrap}.seo-lead{margin:8px 0 0;max-width:78ch;font-size:14px;color:var(--muted)}.seo-lead strong{color:var(--text)}.has-stage .seo-lead{display:none}#faq{margin-top:24px}.entry-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.entry-choices button{text-align:left;padding:20px;min-height:120px;border-top:2px solid var(--brand)}.entry-choices button strong{display:block;margin-bottom:8px}.entry-choices button span{display:block;font-size:13px;color:var(--muted)}select{font:inherit;max-width:100%;background:var(--surface);color:var(--text);border:1px solid #908799;border-radius:6px;padding:10px 12px;min-height:44px}select:focus-visible{outline:3px solid #9e79eb;outline-offset:3px}#stage-picker{margin:20px 0}#stage-picker label,#stage-action+label{display:block;font-size:13px;margin-bottom:6px}#stage-picker select{width:100%;max-width:440px}.has-stage #stage-picker{display:none}.stage-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}#stage-list{display:grid;gap:6px}#stage-list a{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:var(--muted);border-radius:6px;font-size:14px}#stage-list a[aria-current=step]{background:var(--tint);color:#6425cb;font-weight:600}#stage-list a:hover{background:var(--subtle)}.stage-number{display:grid;place-items:center;min-width:26px;height:26px;border:1px solid var(--line);border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}#stage-list a[aria-current=step] .stage-number{background:var(--brand);color:white;border-color:var(--brand)}#stage-detail{min-width:0;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}#stage-detail h2{font-size:28px;letter-spacing:-.03em}.flow-inputs{margin:18px 0}.flow-inputs p{font-size:14px;margin:8px 0}.prompt-bar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.prompt-bar .copy-fallback{width:100%}#stage-detail label{display:block;font-size:13px;margin:20px 0 6px}.stage-gate{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.stage-gate h3{font-size:16px;margin-bottom:10px}.stage-gate li{font-size:14px}.stage-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 16px}.stage-actions .primary{text-decoration:none;padding:10px 14px;border-radius:6px;font-size:14px}.flow-boundary{margin:24px 0}#handoff-tools{margin-top:24px}#handoff-tools label{display:block;margin:12px 0 6px}.review-md-home{margin:28px 0 8px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:var(--surface);border-top:2px solid var(--brand)}.review-md-home h2{font-size:22px;margin:0 0 10px}.review-md-home>p{margin:0 0 16px;max-width:80ch}.review-md-home .prompt{max-height:220px;overflow:auto;margin:10px 0 18px}.has-stage .review-md-home{display:none}@media(max-width:700px){.flow-heading{display:block}.flow-heading>button{margin:0 0 14px}.entry-choices{grid-template-columns:1fr;gap:10px}.entry-choices button{min-height:0;padding:16px}.entry-choices button strong{margin-bottom:4px}.has-stage #stage-picker{display:block}.stage-workspace{grid-template-columns:1fr;margin-top:16px}#stage-list{display:none}#stage-detail{padding:20px}.prompt-bar .copy{width:100%}.stage-actions{align-items:flex-start;flex-direction:column}.stage-actions .primary{width:100%}#stage-action{width:100%}.review-md-home{padding:16px}}