:root{--navy:#142641;--blue:#234be7;--muted:#56667b;--line:#dce3ed;--bg:#f5f7fb;--yellow:#f7d75f;--scamper:#2452db;--reverse:#08796e;--assumptions:#845329;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.6}button,input,textarea,select{font:inherit}a{color:var(--blue);text-underline-offset:3px}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #deae12;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.13;letter-spacing:-.045em;font-weight:750}h2{font-size:1.6rem;line-height:1.25;letter-spacing:-.025em}h3{font-size:1.125rem;line-height:1.35}p{margin-bottom:1rem}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.skip{position:fixed;top:-100px;background:white;padding:1rem;z-index:10}.skip:focus{top:0}.wrap{width:min(1232px,calc(100% - 64px));margin:auto}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:88px}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.18rem;font-weight:750;letter-spacing:-.04em;text-decoration:none;color:var(--navy);white-space:nowrap}.brand img{width:34px;height:34px}.brand small{font-size:.85rem;font-weight:500;color:var(--muted)}.nav{display:flex;align-items:center;gap:1.4rem;font-size:.9rem;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-weight:600}.nav a[aria-current=page]{color:var(--blue)}.nav .pack-link{background:#fdf3c7;color:var(--navy);padding:.6rem .9rem;border-radius:7px}.nav details{position:relative}.nav summary{cursor:pointer;color:var(--muted);font-weight:600}.nav details div{position:absolute;top:2rem;right:0;z-index:4;background:#fff;padding:.8rem;border:1px solid var(--line);box-shadow:0 8px 20px #14264110;width:235px;border-radius:10px}.nav details a{display:block;padding:.6rem}.page{padding:2.3rem 0 4rem}.intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:center;margin-bottom:1.9rem}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--blue);margin-bottom:.8rem}.intro h1{margin-bottom:0;max-width:740px}.intro .lede{color:var(--muted);font-size:1.0625rem;max-width:510px;margin-bottom:.7rem}.micro{font-size:.875rem;color:var(--muted)}.tag{background:var(--yellow);display:inline-block;font-size:.75rem;line-height:1.5;font-weight:700;color:var(--navy);border-radius:4px;padding:.15rem .5rem;vertical-align:middle}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.35rem;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 4px 18px #14264104}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.05rem 1.5rem;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:1.125rem;margin:0}.number{color:var(--blue);font-size:.85rem;padding-right:.5rem;font-weight:700}.panel-body{padding:1.3rem 1.5rem}.examples{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.example{border:1px solid var(--line);background:var(--bg);border-radius:5px;color:#475771;font-size:.8125rem;padding:.4rem .65rem;text-align:left}.example:hover{border-color:var(--blue);color:var(--blue)}label,.field-title{display:block;font-size:.9375rem;font-weight:650;margin-bottom:.45rem}.field{margin-bottom:1.05rem}textarea,input[type=text],select{display:block;width:100%;border:1px solid #cbd4e2;border-radius:7px;padding:.7rem .8rem;background:#fff;color:var(--navy);font-size:.9375rem}textarea{resize:vertical;min-height:88px;line-height:1.6}textarea::placeholder,input::placeholder{color:#78869a}#problem{min-height:96px}.optional{font-weight:400;color:var(--muted);font-size:.8125rem}.goal-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.goal{border:1px solid var(--line);border-radius:7px;padding:.55rem .5rem;font-size:.8125rem;background:white;color:var(--muted);font-weight:600}.goal[aria-pressed=true]{background:#edf2ff;border-color:var(--blue);color:var(--blue)}.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.criteria{display:flex;gap:.45rem;flex-wrap:wrap;margin:.6rem 0}.chip{font-size:.8125rem;border:1px solid var(--line);border-radius:20px;padding:.25rem .65rem;background:white;color:var(--muted)}.chip[aria-pressed=true]{border-color:var(--blue);background:#edf2ff;color:var(--blue)}.primary,.secondary{border-radius:7px;font-weight:650;font-size:.9375rem;min-height:44px;padding:.7rem 1rem;display:inline-flex;justify-content:center;align-items:center;gap:.45rem;text-decoration:none}.primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.primary:hover{background:#173aca}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.secondary:hover{background:var(--bg)}.wide{width:100%}.actions{display:flex;gap:.6rem;flex-wrap:wrap}.local-controls{display:flex;flex-wrap:wrap;gap:.7rem;padding-top:.7rem}.text-button{border:0;background:none;padding:.1rem 0;color:var(--blue);font-size:.8125rem;text-decoration:underline;text-underline-offset:3px;min-height:32px}.error{color:#a92e23;font-size:.875rem;margin:.5rem 0}.status{font-size:.8125rem;color:var(--muted);min-height:1.5em;margin:.5rem 0 0}.preview{position:sticky;top:1rem}.preview .panel-heading{background:#f0f4fc}.method-badge{border-radius:5px;color:var(--scamper);background:#eaf0ff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.method-badge.reverse{color:var(--reverse);background:#e6f6f1}.method-badge.assumptions{color:var(--assumptions);background:#fff2e3}.reason{font-size:.9375rem;color:var(--muted);margin-bottom:1rem}.stage-list{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.stage-list li{display:flex;gap:.6rem;font-size:.8125rem;line-height:1.45}.stage-list span{flex-shrink:0;width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--blue);font-size:.75rem}.prompt-area{background:#f8faff;font-family:Consolas,monospace;font-size:.8125rem;min-height:240px;max-height:500px;line-height:1.7}.empty{padding:1.8rem 1rem;border:1px dashed #c9d4e7;border-radius:10px;background:#f9fbff;margin:0 0 1.2rem;text-align:center}.empty .symbol{font-size:2rem;color:var(--blue);line-height:1;margin-bottom:1rem}.empty h3{margin-bottom:.5rem}.empty p{font-size:.875rem;color:var(--muted);margin:0 auto;max-width:325px}.hidden{display:none!important}.handoff{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.handoff h3{font-size:.9375rem}.handoff .ai-links{display:flex;gap:.5rem;flex-wrap:wrap}.ai-links a{font-size:.8125rem;min-height:40px}.notice{font-size:.8125rem;color:var(--muted);margin:.7rem 0 0}.method-section{margin-top:3rem}.section-top{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-top h2{margin:0}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.method-card{background:white;border:1px solid var(--line);border-top:3px solid var(--scamper);border-radius:10px;padding:1.5rem;text-decoration:none;color:var(--navy)}.method-card.reverse{border-top-color:var(--reverse)}.method-card.assumptions{border-top-color:var(--assumptions)}.method-card:hover{box-shadow:0 4px 18px #14264110}.method-card .index{font-size:.8rem;color:var(--muted);margin-bottom:1.5rem}.method-card h3{margin-bottom:.6rem}.method-card p{font-size:.9375rem;color:var(--muted);margin-bottom:1rem}.method-card .read{color:var(--blue);font-size:.875rem;font-weight:650}.footer{padding:1.6rem 0;background:white;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer a{color:var(--muted)}.footer-links{display:flex;gap:1.2rem}.article{max-width:900px;margin:auto}.article h1{max-width:800px}.article .lede{font-size:1.2rem;color:var(--muted)}.article section{margin:2.5rem 0}.article li{margin-bottom:.65rem}.article table{border-collapse:collapse;width:100%;background:white;font-size:.9375rem}.article th,.article td{text-align:left;vertical-align:top;padding:.9rem;border:1px solid var(--line)}.article th{background:#eef3fb}.table-scroll{overflow:auto}.article .callout{padding:1.3rem 1.5rem;border-left:4px solid var(--blue);background:#eef3ff;border-radius:0 8px 8px 0}.article .callout p:last-child{margin:0}.method-generator{margin-top:3rem}.method-generator>h2{margin-bottom:1.2rem}.pack-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:start}.pack-card{padding:1.5rem}.price{font-size:3.2rem;font-weight:750;letter-spacing:-.05em;margin:.2rem 0}.pack-list{list-style:none;padding:0}.pack-list li{padding:.6rem 0;border-bottom:1px solid var(--line)}.pack-list li:before{content:'✓';color:var(--blue);padding-right:.7rem}.sample{background:#eef3ff;border:1px solid #d3dfff;border-radius:10px;padding:1.5rem;margin-top:1.5rem}.sample h3{margin-bottom:.6rem}.sample p{font-size:.9375rem}.purchase-status{font-weight:650;border:1px solid var(--line);padding:.8rem;border-radius:7px;text-align:center;margin-top:.5rem}.mini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.mini-steps p{font-size:.875rem;color:var(--muted)}.mini-steps h3{font-size:1rem}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:1rem}details.accordion{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fff;margin-bottom:.7rem}details.accordion summary{font-weight:650;cursor:pointer}details.accordion p{margin:1rem 0 0}
@media(min-width:1400px){.wrap{width:min(1300px,calc(100% - 80px))}}@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:.8rem;padding:1rem 0}.nav{gap:1rem}.intro{gap:1.2rem}.workspace{grid-template-columns:1fr 1fr;gap:1rem}.panel-body{padding:1.1rem}.panel-heading{padding:1rem}.goal-options{grid-template-columns:1fr}.goal{text-align:left}.row{grid-template-columns:1fr}.pack-layout{grid-template-columns:1fr}.stage-list{grid-template-columns:1fr}.brand small{display:none}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.page{padding-top:1.6rem}.intro{grid-template-columns:1fr;gap:1rem}.intro h1{max-width:550px}.workspace{grid-template-columns:1fr}.preview{position:static}.goal-options{grid-template-columns:repeat(3,1fr)}.goal{text-align:center}.row{grid-template-columns:1fr 1fr}.stage-list{grid-template-columns:1fr 1fr}.method-cards{grid-template-columns:1fr}.method-card .index{margin-bottom:.6rem}.nav{font-size:.8125rem;justify-content:space-between;width:100%}.method-section{margin-top:2rem}.mini-steps{grid-template-columns:1fr;gap:.4rem}.footer-inner{gap:.6rem}.article table{font-size:.875rem}.article th,.article td{padding:.65rem}}@media(max-width:390px){.brand{font-size:1rem}.row,.stage-list{grid-template-columns:1fr}.goal-options{grid-template-columns:1fr}.goal{text-align:left}.nav{gap:.7rem}}
h1,h2,h3,.brand{overflow-wrap:anywhere}.brand{max-width:100%;min-width:0;flex-wrap:wrap;white-space:normal}.panel-heading{flex-wrap:wrap}.nav details div{max-width:85vw;overflow-wrap:anywhere}.panel-body{min-width:0}.method-badge{white-space:normal}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,border-color .15s,box-shadow .15s}}
