.project-page{max-width:1440px;margin:auto;padding:32px max(24px,4vw) 64px;color:var(--ink);font:400 1rem/1.55 var(--font-body)}
.project-page h1,.project-page h2,.project-page h3{font-family:var(--font-body);letter-spacing:-.025em;line-height:1.2}.project-page h1{font-size:clamp(2rem,4vw,3rem)}.project-page h2{font-size:1.7rem}.project-page h3{font-size:1.2rem}.project-page p{margin:12px 0 20px}.project-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.project-heading>div:first-child{flex:1;max-width:740px}.project-page label{display:block;font-weight:500;margin:12px 0 6px}.project-page input,.project-page textarea,.project-page select{font:inherit;color:var(--ink);background:white;border:1px solid var(--line);padding:12px;width:100%;border-radius:0;min-width:0}.project-page textarea{resize:vertical}.project-page label small{display:block;color:var(--muted);font-size:.875rem;font-weight:400}.project-page :focus-visible{outline:3px solid var(--orange);outline-offset:3px}.project-heading input{font-size:1.5rem;font-weight:500}.project-storage,[data-save-state]{font-size:.875rem}.project-progress{border-top:4px solid var(--gold);padding:20px 0}.project-progress>div{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.project-progress span{font-size:.875rem}.project-progress progress{width:100%;height:10px;accent-color:var(--gold);margin:12px 0 20px}.project-progress nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line)}.project-progress nav button{display:flex;flex-direction:column;align-items:start;gap:5px;background:white;border:0;border-right:1px solid var(--line);padding:14px;font:inherit;text-align:left;cursor:pointer;min-height:100px}.project-progress nav button:last-child{border-right:0}.project-progress nav button[aria-current=step]{background:var(--warm);box-shadow:inset 0 -3px var(--orange)}.project-progress nav small{font-size:.875rem}.project-progress nav button>span{color:var(--muted);font-family:var(--font-meta)}.project-work{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;border-top:1px solid var(--line);padding-top:24px}.project-stage{border-right:1px solid var(--line);padding-right:24px}.project-stage h2{margin:10px 0}.project-stage>p,.project-stage h3{margin-bottom:16px}.project-tool{width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;align-items:start;gap:4px;font:inherit;text-align:left;cursor:pointer}.project-tool span{font-size:.875rem;color:var(--muted)}.project-tool:hover strong{color:var(--orange)}.project-editor{min-width:0}.project-editor h2{margin:24px 0 10px}.project-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.project-fields .ai-draft{grid-column:1/-1}.project-empty{padding:24px;background:var(--warm);border-top:2px solid var(--gold)}.project-package{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.project-package pre{font:400 .875rem/1.6 var(--font-meta);white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:24px}.project-list{margin-top:28px;border-top:1px solid var(--line)}.project-list>a{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.project-page button:disabled{opacity:.55;cursor:not-allowed}.project-page summary{cursor:pointer;min-height:44px}.project-page .clean-actions{flex-wrap:wrap}
@media(max-width:800px){.project-heading{align-items:stretch;flex-direction:column}.project-progress nav{grid-template-columns:repeat(3,minmax(0,1fr))}.project-progress nav button{border-bottom:1px solid var(--line)}.project-work{grid-template-columns:1fr;gap:24px}.project-stage{border-right:0;padding-right:0}.project-stage [data-stage-tools]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.project-fields{grid-template-columns:1fr}.project-list>a{flex-direction:column;gap:4px}.project-page{padding:24px 20px 48px}}
.project-context{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 20px;padding:20px;background:var(--warm);margin-bottom:24px}.project-context p{margin:0;overflow-wrap:anywhere}@media(max-width:600px){.project-context{grid-template-columns:1fr}.project-context p{margin-bottom:12px}}
.project-example-entry,.project-example-note{border-top:4px solid var(--gold);background:var(--warm);padding:24px;margin:24px 0}.project-example-entry h2{margin:8px 0}.project-example-entry p{max-width:72ch}.project-example-note{margin-top:0}.project-example-note p{margin-bottom:16px}

.project-page [hidden]{display:none!important}