:root{color-scheme:light;--red:#c30922;--ink:#151416;--muted:#5c5759;--line:#e9e3e3;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#faf8f8}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a92438;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.075em;line-height:.98;margin-bottom:25px;max-width:9ch}h2{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.055em;margin-bottom:24px}h3{font-size:1.16rem}p{line-height:1.6;color:var(--muted)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#151416;color:white;padding:9px max(4vw,16px)}.top img{display:block;object-fit:contain}.top nav,.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.top nav a{text-decoration:none;font-size:.9rem}.button{display:inline-flex;align-items:center;gap:12px;justify-content:center;background:var(--red);border:1px solid transparent;color:white;border-radius:8px;padding:13px 18px;text-decoration:none;font-weight:700}.button:hover{background:#9e061a}.small{padding:9px 13px}.secondary{background:white;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#f3eeee}.hero{max-width:1440px;margin:24px auto 0;width:94%;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:47% 53%;background:white;border:1px solid var(--line);min-height:510px}.hero-art{background:url(learnx-hero.png) left center/auto 100% no-repeat;aspect-ratio:784/941;background-size:213.27% 100%}.hero-copy{align-self:center;padding:clamp(28px,6vw,100px)}.hero-copy p{font-size:1.12rem;max-width:38ch}.wrap{width:min(1120px,92%);margin:70px auto;scroll-margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article,.setup,.lesson,.path{padding:24px;border:1px solid var(--line);border-radius:14px;background:white}.steps p,.lesson p:last-child{margin-bottom:0}.setup form{display:flex;flex-wrap:wrap;align-items:end;gap:16px}label{display:block;font-weight:650}select,textarea{display:block;margin-top:8px;padding:12px;border:1px solid #c7bfc0;border-radius:7px;background:white;color:var(--ink);width:100%}.studio-grid{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,3fr);gap:16px}.path{align-self:start}.path button{width:100%;text-align:left;background:white;border:1px solid transparent;border-radius:8px;padding:12px;color:var(--ink)}.path button[aria-current=true]{border-color:var(--red);font-weight:700}.path button:hover{background:#f8f1f2}.path p{font-size:.9rem}.lesson h2{margin-bottom:12px}.lesson h3{margin:20px 0 10px}.lesson details{border-bottom:1px solid var(--line);padding:12px 0}.lesson summary{cursor:pointer;font-weight:650}.lesson .card-text{white-space:pre-line;overflow-wrap:anywhere}.lesson article{border-left:2px solid var(--line);padding-left:14px}.lesson .actions{margin-top:22px}.lesson fieldset{border:1px solid var(--line);margin:14px 0;padding:12px;border-radius:8px}.lesson fieldset label{font-weight:400;padding:6px 0}.status{font-weight:650}.muted{color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 4%;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{grid-row:1;padding:30px 24px}.hero-art{aspect-ratio:1.1;background-size:213.27% auto;background-position:left 58%}.steps{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr}.top nav a:not(.button){display:none}.wrap{margin:42px auto}.setup form{display:grid}.actions{gap:13px}}
input[type=email],input[type=password]{display:block;margin-top:8px;padding:12px;border:1px solid #c7bfc0;border-radius:7px;background:white;color:var(--ink);width:100%}input:focus-visible{outline:3px solid #a92438;outline-offset:4px}#account-actions,#auth,.coaching{margin-bottom:16px}.coaching button{margin-top:12px}button:disabled{cursor:default;opacity:.6}#course-actions p{margin:0}#prompt-list .button{margin-top:14px}

/* Curated collection: retain LearnX branding and original course styles. */
html{scroll-behavior:auto}img{max-width:100%}a,button,input,select,textarea{touch-action:manipulation}.skip-link{position:absolute;left:16px;top:-100px;background:var(--ink);color:#faf8f8;padding:12px;z-index:100}.skip-link:focus{top:12px}.shop-intro{max-width:720px;margin-bottom:32px}.shop-intro h2{font-size:clamp(2.2rem,4vw,3.5rem);max-width:19ch}.eyebrow{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.shop-note{font-size:.92rem;max-width:68ch;padding:14px 0;border-top:1px solid var(--line)}.prompt-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.prompt-feature img{width:100%;height:280px;object-fit:cover;object-position:top;border-radius:12px;border:1px solid var(--line)}.prompt-feature h3{font-size:2rem;letter-spacing:-.045em;margin-bottom:12px}.prompt-feature-copy{min-width:0}.source-credit{font-size:.82rem;margin:16px 0 0;overflow-wrap:anywhere}.draft-status{font-size:.92rem;font-weight:650;color:#772435}.bonus-summary{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;border-block:1px solid var(--line);padding:28px 0;margin-top:20px}.bonus-summary img{height:140px;width:100%;object-fit:cover;object-position:top;border-radius:8px}.bonus-summary p{margin-bottom:0}.original-heading{margin:42px 0 20px}.prompt-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}.prompt-detail-grid figure{margin:0;min-width:0}.prompt-detail-grid img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.prompt-detail-grid figcaption{font-size:.85rem;color:var(--muted);margin:10px 0 20px}.prompt-detail-grid li{margin-bottom:8px;line-height:1.5}.prompt-detail-grid ul{padding-left:20px}.detail-back{display:inline-block;margin-bottom:24px;min-height:44px;padding-top:10px}.reuse-notice{border-block:1px solid var(--line);padding:20px 0;margin:32px 0}.reuse-notice summary{cursor:pointer;font-weight:650;min-height:44px;display:list-item;padding-top:10px}.reuse-notice p{max-width:72ch}.example-section{padding-top:12px}.example-stage iframe{display:block;width:100%;height:600px;border:1px solid #c7bfc0;border-radius:10px;background:#f6f2f3}.example-section .actions{margin-bottom:12px}summary:focus-visible{outline:3px solid #a92438;outline-offset:4px}.prompt-detail-grid>*{min-width:0}
@media(max-width:760px){.top{flex-wrap:wrap;gap:8px}.top nav{gap:4px 16px;width:100%;justify-content:space-between}.top nav a:not(.button){display:inline-flex;align-items:center;min-height:44px}.top nav a{font-size:.84rem}.top nav .small{padding:10px}.prompt-feature,.prompt-detail-grid{grid-template-columns:1fr;gap:20px}.prompt-feature{padding:24px 0}.prompt-feature img{height:215px}.prompt-feature h3{font-size:1.7rem}.bonus-summary{grid-template-columns:1fr}.bonus-summary img{width:100%;height:180px}.example-stage iframe{height:520px}.example-section .actions{align-items:stretch}.example-section button{width:100%}.setup form>*{min-width:0}.original-heading{margin-top:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
