/* UX35.1 • illustrated workflow headers and accessible editorial treatment */
:root{--ux351-sky:#5fe0ff;--ux351-deep:#04152b}
header.ux351-scene-head{position:relative;isolation:isolate;overflow:hidden;max-width:1600px;margin:10px auto 16px;padding:22px clamp(16px,3vw,36px) 24px;min-height:224px;border:1px solid #397db4;border-radius:14px;background-color:#081a2c;background-image:linear-gradient(90deg,#041226f9 0%,#06182de8 38%,#07152bbd 65%,#06152a48 100%),var(--ux351-scene);background-position:center,center 38%;background-size:cover,cover;box-shadow:inset 0 1px 0 #72d4ff63,0 12px 35px #0007}
header.ux351-scene-head::after{content:"";pointer-events:none;position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#3ae6ff,#2676ed 53%,#ffb34c);box-shadow:0 0 14px #38a9ff;z-index:-1}
header.ux351-scene-head>nav,header.ux351-scene-head>a{position:relative;z-index:1}
header.ux351-scene-head nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;max-width:1180px}
header.ux351-scene-head nav a,header.ux351-scene-head>a{display:inline-flex;align-items:center;min-height:33px;padding:5px 11px;border-radius:6px;background:#0b325bdc;border:1px solid #467baa;color:#e3f7ff;text-decoration:none;font-size:13px;font-weight:650;transition:border-color .2s,background .2s}
header.ux351-scene-head nav a:hover,header.ux351-scene-head>a:hover{background:#18527d;border-color:#8bdffe}
header.ux351-scene-head h1{position:relative;z-index:1;max-width:760px;font-weight:850;line-height:1.08;letter-spacing:.015em;font-size:clamp(29px,3.5vw,48px);color:#f5fbff;text-shadow:0 2px 16px #001223,0 0 18px #0555a9;margin:19px 0 11px}
header.ux351-scene-head .quiet,header.ux351-scene-head .muted,header.ux351-scene-head .intro{position:relative;z-index:1;max-width:690px;color:#d3eafb;font-size:clamp(13px,1.25vw,16px);line-height:1.55;text-shadow:0 2px 10px #001225}
header.ux351-scene-head .pill{position:relative;z-index:1;color:#70e8ff;letter-spacing:.11em;font-size:12px;font-weight:800}
header.ux351-workshop{--ux351-scene:url("assets/dashboard-images/visual-prompt-ux93.webp")}
header.ux351-layout{--ux351-scene:url("assets/dashboard-images/story.webp")}
header.ux351-borders{--ux351-scene:url("assets/theme-banners/rpg-superhero.webp")}
header.ux351-guide{--ux351-scene:url("assets/dashboard-images/uhu-multirealm-ux93.webp")}
.ux351-workflow-switcher{max-width:1500px;margin:12px auto 18px;padding:0 clamp(10px,2vw,23px);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ux351-workflow-switcher span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8fcde7;font-weight:850;margin-right:3px}
.ux351-workflow-switcher a{font-size:13px;color:#deefff;text-decoration:none;display:inline-flex;align-items:center;min-height:37px;padding:7px 13px;background:linear-gradient(135deg,#133755,#11283f);border:1px solid #45779f;border-radius:7px;font-weight:650}
.ux351-workflow-switcher a:hover,.ux351-workflow-switcher a:focus-visible{border-color:#66ddff;box-shadow:0 0 0 2px #54d8ff33}
.ux351-workflow-switcher a[aria-current="page"]{background:linear-gradient(110deg,#036a9e,#104e93);border-color:#72d8ff;color:#fff}
.ux351-workflow-switcher a:focus-visible,header.ux351-scene-head a:focus-visible{outline:3px solid #ffd36d;outline-offset:2px}
@media(max-width:700px){header.ux351-scene-head{min-height:250px;background-position:center,right center;background-image:linear-gradient(90deg,#041226fa 0%,#051329ed 60%,#06152a99 100%),var(--ux351-scene);padding:18px 15px}header.ux351-scene-head h1{margin:24px 0 10px;font-size:clamp(27px,7vw,36px)}header.ux351-scene-head nav a,header.ux351-scene-head>a{font-size:12px;min-height:35px}.ux351-workflow-switcher{padding:0 10px}.ux351-workflow-switcher span{width:100%}}
@media(prefers-reduced-motion:reduce){header.ux351-scene-head nav a,.ux351-workflow-switcher a{transition:none}}
/* Print-card landing: two intentional segments rather than duplicated mastheads. */
body.ux351-print-refined .visual-hero{min-height:330px;background-image:linear-gradient(90deg,#031326fc 0%,#041327e6 42%,#06182a76 100%),url("assets/dashboard-images/cards-collectibles-ux93.webp");background-position:center,center 44%}
body.ux351-print-refined .visual-hero .hero-copy{max-width:650px}
body.ux351-print-refined .visual-hero h1{font-size:clamp(32px,4.4vw,62px);font-weight:900;line-height:1.05;letter-spacing:-.02em}
body.ux351-print-refined .ux351-print-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
body.ux351-print-refined .ux351-print-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #79ceff;border-radius:9px;background:linear-gradient(115deg,#006dcb,#004f91);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 3px 15px #0065df55}
body.ux351-print-refined .ux351-print-actions>a:last-child{background:#061e39d9;border-color:#547caa}
body.ux351-print-refined .ux351-print-intro{background:#09243cf0;border:1px solid #2b6089;border-radius:14px;margin:18px 0 25px;padding:20px;box-shadow:inset 0 1px #8bc3e03d}
body.ux351-print-refined .ux351-print-intro h2{font-size:clamp(21px,2.4vw,30px);margin:5px 0 9px;line-height:1.2}
body.ux351-print-refined .ux351-print-intro img{max-height:198px;object-fit:contain}
body.ux351-print-refined .workbench{scroll-margin-top:22px}
@media(max-width:700px){body.ux351-print-refined .visual-hero{min-height:310px}body.ux351-print-refined .ux351-print-actions a{flex:1 1 140px}body.ux351-print-refined .ux351-print-intro img{max-height:140px}}