/* Local design preview only. Coral brand with accessible deep teal actions. */
:root{--blue:#006e68;--lime:#ffdfd4;--line:#dce4e2;--paper:#fbfaf7}
.brand{display:flex;align-items:center;line-height:1;letter-spacing:0;width:168px;flex-shrink:0;overflow:hidden}
.brand-logo{display:block;width:216px;max-width:none;height:88px;object-fit:contain;margin-left:-24px}
.nav{height:92px}.navlinks,.navright{gap:19px}
.card:hover{border-color:#008f87;box-shadow:0 5px 20px #142a3a08}
.scenario-thumb{width:calc(100% + 20px);height:auto;aspect-ratio:3/2;object-fit:contain;display:block;margin:-8px -10px 18px}
.card .number{color:#a5412d}.card h3{margin-top:12px}
.how{background:#eef6f3;border-color:#dce8e3}.credits{background:#eef6f3}
.note{background:#e3f3ef;border-color:#b9dcd2;color:#173e3c}.chip{color:#006e68;background:#e8f5ef;border-color:#c5dfd6}
.canvas-footer{background:#f4f7f5}.closing{background:#173e3c}.closing .button{background:#ffdfd4;color:#142a3a;border-color:#ffdfd4}
.button:focus-visible{outline-color:#a5412d}.canvas img{padding:16px 10px}
.storyboard{border-top:1px solid var(--line)}.storyboard-scenes{list-style:none;padding:0;margin:25px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.storyboard-scenes li{border-top:3px solid #e36a52;padding:22px;background:#fff;border-radius:0 0 12px 12px}.storyboard-scenes .number{font-size:12px;color:#a5412d;font-weight:bold}.storyboard-scenes p{font-size:16px;line-height:1.7;color:var(--ink)}
@media(max-width:700px){.storyboard-scenes{grid-template-columns:1fr}}
@media(max-width:700px){.brand{width:140px}.brand-logo{width:182px;height:74px;margin-left:-20px}.nav{height:80px}.scenario-thumb{max-height:230px}.navright{gap:10px}}