.work-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.work-sections button{background:white;border:1px solid #d9e7e5;border-radius:15px;padding:17px;text-align:left;color:#16435b;font-weight:800;box-shadow:var(--shadow)}.work-sections button:hover{border-color:#16785b;transform:translateY(-2px)}.work-output{margin-top:18px}.character-visual{height:120px;width:100%;border-radius:14px;background:linear-gradient(145deg,#d8ece7,#c7e1f0);display:grid;place-items:center;font-size:58px;margin-bottom:12px}.story-status{font-size:11px;font-weight:800;letter-spacing:.8px;color:#137558}.story-choice{display:block;width:100%;text-align:left;padding:14px;border-radius:12px;border:1px solid #d4e4e1;background:#fff;margin:10px 0;color:#183e55}.story-choice:hover{border-color:#176daa;background:#eff8fb}.canonical-note{border-left:4px solid #176daa;padding:12px 14px;background:#eff7fb;color:#31576d;font-size:13px;line-height:1.6}.relationship{display:flex;gap:12px;align-items:center;justify-content:center;padding:18px;border:1px solid #d8e7e5;border-radius:14px;background:white;color:#16435b}@media(max-width:760px){.work-sections{grid-template-columns:1fr}}