.action-intro{background:var(--navy);color:white;padding:55px 0}.action-intro h1{font-size:clamp(2.1rem,6vw,3.7rem);margin:8px 0;line-height:1.1}.action-intro p{max-width:640px;color:#dce9f7}.action-preview{background:var(--cream);padding:36px 0}.action-preview h2{margin:0 0 6px}.action-preview p{margin:0 0 18px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.action-strip{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:4px 2px 16px}.action-strip .action-card{flex:0 0 clamp(230px,30vw,345px);scroll-snap-align:start}.action-card{display:block;padding:0;border:1px solid #d8e2ec;border-radius:14px;overflow:hidden;background:white;text-align:left;color:var(--ink);font:inherit;cursor:pointer}.action-card img{width:100%;height:250px;object-fit:cover;object-position:center 70%}.action-card span{display:block;padding:13px;font-weight:700;font-size:.92rem}.action-card:hover{border-color:#087bb8}.action-card:focus-visible,.action-viewer button:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.action-viewer{width:min(1100px,96vw);max-width:96vw;max-height:95dvh;background:#071936;color:#fff;border:0;border-radius:14px;padding:16px}.action-viewer::backdrop{background:rgba(0,0,0,.9)}.action-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.action-controls button{border:1px solid #8293ac;background:#142c4d;color:white;padding:10px 16px;border-radius:8px;min-height:44px;font:inherit;cursor:pointer}.action-stage{display:flex;justify-content:center;align-items:center;min-height:150px}.action-stage img,.action-stage video{max-width:100%;width:auto;max-height:70dvh;object-fit:contain}.action-caption{text-align:center;margin:12px 0 0}.action-grid-wrap{padding:40px 0}.action-help{color:var(--muted)}@media(max-width:700px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card img{height:190px}.action-controls button{padding:10px}.action-viewer{padding:10px}}@media(max-width:420px){.action-grid{grid-template-columns:1fr}.action-card img{height:260px}}@media(prefers-reduced-motion:reduce){.action-strip{scroll-behavior:auto}}