:root{--pd-ink:#163b4a;--pd-teal:#216b70;--pd-warm:#94502e;--pd-border:#d8e6e5}
.project-story{margin:0 0 24px;color:var(--pd-ink);font:15px/1.45 system-ui,sans-serif}
.story-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:22px;align-items:center;border:1px solid var(--pd-border);border-radius:16px;background:#fff;padding:20px;margin-bottom:14px}
.story-goal-image{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:2px dashed #a8c0c1;border-radius:11px;background:#f6faf9;color:#57737a;text-align:center;padding:16px}
.story-goal-image img{max-height:230px;max-width:100%;object-fit:contain}.story-goal-image input{max-width:220px;font-size:12px}.story-eyebrow{display:block;color:#527f81;letter-spacing:.12em;font-size:10px;font-weight:800}
.story-hero h2{font-size:clamp(24px,3vw,40px);line-height:1.1;margin:8px 0}.story-hero p{color:#70888b;margin:0}
.story-overview{background:#fff;border:1px solid var(--pd-border);border-radius:13px;padding:16px;margin-bottom:12px}
.story-overview h2{margin:0 0 9px;font-size:20px}.story-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.story-overall-team{font-size:11px;color:#527278;font-weight:750}.story-bars{display:flex;gap:4px;margin:5px 0}.story-bars i{display:block;height:9px;flex:1;border-radius:3px;background:#dce5e7}.story-bars i.s-working{background:#f2c654}.story-bars i.s-done{background:#3f9e68}.story-bars i.s-blocked{background:#d9574a}
.story-note{font-size:11px;color:#6b8386;margin:8px 0 0}
.story-teams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.story-card{display:flex;flex-direction:column;gap:9px;min-width:0;padding:16px;border:1px solid var(--pd-border);border-radius:13px;background:#fff}
.story-card h3{font-size:16px;line-height:1.2;margin:0;min-height:38px}.story-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}
.story-label{display:block;font-size:10px;color:#648087;font-weight:800;letter-spacing:.1em;margin-bottom:4px}
.story-image,.story-finish{height:120px;border-radius:8px;background:#edf4f3;overflow:hidden;display:flex;align-items:center;justify-content:center}
.story-image img{height:100%;width:100%;object-fit:contain}.story-image.two img{width:50%}.story-finish{border:1px dashed #aac3c4;background:#f8fbfa;color:#778f90;font-size:11px;text-align:center;padding:8px}
.story-caption,.story-outcome{font-size:11px;line-height:1.35;color:#546e75;margin:5px 0 0}.story-caption{font-size:10px}
.story-bottom{font-size:12px;font-weight:700}.story-card button,.story-personal-btn,.personal-board button{font:700 12px system-ui,sans-serif;cursor:pointer}
.story-card button{border:1px solid #b9d4d2;background:white;color:#246b6c;padding:7px 10px;border-radius:7px}
.story-card details{font-size:11px;color:#56757a}.story-card details label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px;margin-top:6px}.story-card details select{max-width:100%;font:11px system-ui;padding:4px}
.story-selected{margin-top:12px;border-left:4px solid var(--pd-teal);background:#ecf5f4;border-radius:10px;padding:14px}.story-selected[hidden]{display:none}.story-selected strong{font-size:14px}.story-selected p{margin:4px 0;color:#4e6d70;font-size:12px}
.story-selected-grid{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:10px;align-items:stretch}.story-selected-grid .story-image{height:105px}.story-selected-team,.story-selected-personal{padding:10px;border-radius:8px;background:#fff}.story-selected-personal{background:#fff1e5}.story-selected-grid button{border:1px solid #b9d4d2;background:#fff;color:#246b6c;padding:7px 10px;border-radius:7px;cursor:pointer;font:700 11px system-ui}.story-selected-personal button.story-personal-btn{margin:5px 0 0;background:#8a4623;color:#fff;border-color:#8a4623}
.story-personal-btn{background:#8a4623;color:white;border:1px solid #8a4623;border-radius:7px;padding:8px 12px;margin-left:8px}
.personal-board[hidden],#shared-board[hidden]{display:none!important}.personal-board{height:calc(100vh - 24px);min-height:420px;overflow:auto;background:#fffaf5;border:1px solid #ead5c5;border-radius:12px;padding:18px;font:14px/1.5 system-ui,sans-serif;color:#3d3732}
.personal-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.personal-head h2{font-size:22px;margin:0}.personal-head button,.personal-board button{border:1px solid #d9b99f;border-radius:7px;background:#fff;color:#794727;padding:7px 10px}
.personal-board .personal-kicker{color:#995c39;font-size:10px;font-weight:800;letter-spacing:.12em;margin:0}
.personal-board .personal-info{background:#fff0df;border:1px solid #efd3b7;color:#78543d;padding:9px;border-radius:8px;font-size:11px}
.personal-calendar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:12px 0}
.personal-calendar button{display:flex;flex-direction:column;text-align:left;min-width:0;padding:7px 6px;font-weight:500;font-size:11px}.personal-calendar button[aria-pressed="true"]{outline:3px solid #14667d;outline-offset:1px}
.personal-calendar button[data-status="unknown"]{background:#f2f5f6;color:#29424d}.personal-calendar button[data-status="working"]{background:#fff0c8;color:#623e00}.personal-calendar button[data-status="done"]{background:#d6f2e1;color:#164b2b}.personal-calendar button[data-status="blocked"]{background:#ffe0dc;color:#7b211b}
.personal-task{background:#fff;border:1px solid #efdccf;border-left:4px solid #bd6935;border-radius:9px;margin:10px 0;padding:12px}.personal-task h3{font-size:16px;margin:5px 0}.personal-task p{font-size:12px;margin:5px 0}.personal-task a{color:#81502e}.personal-task select{max-width:100%;padding:5px}.personal-task .detail-label{font-weight:750}
.personal-task button{margin-top:5px}.personal-empty{color:#856a5b;font-size:12px}.personal-dialog{border:0;border-radius:14px;max-width:440px;width:90vw;padding:22px;box-shadow:0 15px 45px #122b3550}.personal-dialog::backdrop{background:#112e3ca6}.personal-dialog form{display:grid;gap:12px}.personal-dialog select{padding:9px}.personal-dialog button{padding:9px}
.story-card button:focus-visible,.story-personal-btn:focus-visible,.personal-board button:focus-visible{outline:3px solid #df7739;outline-offset:2px}
body[data-home-draft="b"] .story-hero{background:#174b57;color:#fff;border:0}body[data-home-draft="b"] .story-hero p,body[data-home-draft="b"] .story-eyebrow{color:#b0d5d1}body[data-home-draft="b"] .story-teams{gap:16px}body[data-home-draft="b"] .story-card{border-top:4px solid #4a8986}body[data-home-draft="b"] .story-image,body[data-home-draft="b"] .story-finish{height:150px}
body[data-home-draft="c"] .story-hero{grid-template-columns:1fr 1.2fr;padding:14px;background:#f4f8f7}body[data-home-draft="c"] .story-goal-image{min-height:140px}body[data-home-draft="c"] .story-teams{grid-template-columns:1fr}body[data-home-draft="c"] .story-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) minmax(150px,.8fr);align-items:center;gap:14px}body[data-home-draft="c"] .story-card h3{min-height:0}body[data-home-draft="c"] .story-image,body[data-home-draft="c"] .story-finish{height:80px}
@media(max-width:980px){.story-hero{grid-template-columns:1fr}.story-teams,.story-progress,.story-selected-grid{grid-template-columns:1fr}.personal-board{height:auto;min-height:0}.personal-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-home-draft="c"] .story-card{grid-template-columns:1fr}body[data-home-draft="c"] .story-hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-story *{animation:none!important;transition:none!important}}