/* X6308 / Canonical Genesis blue-steel certification surface.
 * Existing evidence, authorization and review workflow remain unchanged.
 */
:root{
 --x6308-accent:#b8d8e9;
 --x6308-bronze:var(--x6308-accent);
 --x6308-fog:#aabfcd;
 --x6308-line:rgba(164,199,219,.25);
}
body{
 background:radial-gradient(ellipse 900px 500px at 100% 0%,#1d394d 0%,transparent 76%),#09141e;
 color:#edf4f8;
 font-family:Inter,"DM Sans",system-ui,sans-serif
}
body>p.muted:first-child{letter-spacing:.13em;color:var(--x6308-accent);font-weight:700}
h1{font-family:"Manrope",Inter,system-ui,sans-serif;letter-spacing:-.055em}
body>section{
 background:linear-gradient(145deg,rgba(21,40,54,.97),rgba(13,26,37,.98));
 border:1px solid var(--x6308-line);
 border-radius:20px;
 box-shadow:0 14px 42px rgba(0,0,0,.18)
}
body>section>h2{letter-spacing:-.03em}
a{color:var(--x6308-accent)}
button{transition:background .18s,border-color .18s,transform .18s}
button:hover{border-color:var(--x6308-accent)}
#x6308-priority{
 padding:clamp(20px,3.8vw,36px);
 background:linear-gradient(125deg,#24465d,#132b3b 72%);
 border:1px solid rgba(174,213,233,.4);
 border-radius:19px;
 margin:16px 0 20px;
 display:grid;grid-template-columns:1fr auto;gap:16px
}
.x6308-kicker{font-size:10px;font-weight:750;letter-spacing:.16em;color:#c4deeb}
.x6308-priority-body h3{font:760 clamp(24px,3.3vw,38px)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.045em;margin:9px 0}
.x6308-priority-body p{max-width:680px;margin:0;font-size:13px;line-height:1.7;color:#b8ccda}
.x6308-meta{display:flex;flex-wrap:wrap;gap:9px;grid-column:1/-1}
.x6308-meta span{font-size:10px;border:1px solid rgba(177,210,229,.35);padding:6px 9px;border-radius:99px;color:#d6e5ed}
.x6308-action{align-self:start;text-align:center;min-width:160px;padding:13px 17px;border-radius:999px;background:var(--x6308-accent);color:#132735;text-decoration:none;font-size:12px;font-weight:800;line-height:1.5}
.x6308-action:hover{background:#e5f3fa;color:#0a1c29}
.x6308-progress{grid-column:1/-1;height:5px;border-radius:10px;background:rgba(157,193,215,.24);overflow:hidden}
.x6308-progress span{height:100%;display:block;background:var(--x6308-accent)}
#x6308-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.x6308-step{min-width:0;padding:17px!important;border:1px solid var(--x6308-line)!important;border-radius:14px!important;background:rgba(161,195,219,.055)!important;box-shadow:none!important;margin:0!important}
.x6308-step[data-status=observed]{border-color:rgba(168,212,235,.48)!important}
.x6308-step[data-status=blocked]{border-color:rgba(209,192,177,.48)!important}
.x6308-step-head{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.x6308-step-number{font-size:12px;font-weight:790;color:var(--x6308-accent);letter-spacing:.05em}
.x6308-step-heading{flex:1;min-width:125px;display:grid;gap:5px}
.x6308-step-heading strong{font-size:13px;line-height:1.35}
.x6308-step-heading small{font-size:11px;color:#a8c2d1}
.x6308-state{font-size:10px;color:#d7e5ed;padding:5px 8px;border-radius:20px;border:1px solid rgba(173,202,221,.38)}
.x6308-step[data-status=blocked] .x6308-state{color:#e0cabe}
.x6308-step[data-status=observed] .x6308-state{color:#c7e3f2}
.x6308-evidence{margin-top:14px}
.x6308-evidence summary{font-size:11px;font-weight:690;color:#c3d5e1;cursor:pointer}
.x6308-evidence p{font-size:12px;color:#b8cbd8}
.x6308-inline-link{font-size:12px;font-weight:740;text-underline-offset:3px}
.x6308-empty{font-size:13px;grid-column:1/-1}
#x6308-actor-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.x6308-actor{padding:16px;border:1px solid var(--x6308-line);background:rgba(167,201,223,.06);border-radius:13px;display:grid;gap:8px;align-content:start}
.x6308-actor strong{font-size:13px}
.x6308-actor small{color:#b9d4e5;font-size:11px}
.x6308-actor p{font-size:12px;margin:0}
#x6308-invite{margin-top:21px;padding:16px;border:1px solid var(--x6308-line);border-radius:14px}
#x6308-invite summary{font-weight:730;cursor:pointer}
#x6308-invite-form{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end;margin:18px 0}
#x6308-invite-form label{font-size:12px;line-height:1.4}
#x6308-invite-form input,#x6308-invite-form select{display:block;width:100%;margin-top:7px}
#x6308-invite-form button{min-height:45px}
.x6308-invite-row{padding:12px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--x6308-line);font-size:12px;overflow-wrap:anywhere;flex-wrap:wrap}
.x6308-secondary{font-size:12px;min-height:39px}
.x6308-secret{width:100%;font-size:12px;letter-spacing:-.02em}
#x6308-invite-output{display:grid;gap:10px;margin:12px 0}
#x6308-invite-status{font-size:12px}
#reviewer-authorization{scroll-margin-top:24px}
#reviewer-authorization:target{
 border-color:rgba(161,208,232,.78);
 box-shadow:inset 3px 0 #b8d8e9,0 16px 45px rgba(0,0,0,.22);
 background:linear-gradient(135deg,rgba(31,65,87,.92),rgba(12,28,40,.98))
}
#reviewer-authorization :is(p,small){overflow-wrap:anywhere}
button:focus-visible,.x6308-action:focus-visible,.x6308-inline-link:focus-visible,summary:focus-visible{outline:3px solid #b6deef;outline-offset:3px}
@media(max-width:860px){#x6308-guide{grid-template-columns:repeat(2,minmax(0,1fr))}#x6308-invite-form{grid-template-columns:1fr 1fr}#x6308-invite-form button{grid-column:1/-1}}
@media(max-width:570px){#x6308-guide,#x6308-actor-slots,#x6308-invite-form{grid-template-columns:1fr}#x6308-priority{grid-template-columns:1fr}#x6308-invite-form button{grid-column:auto}.x6308-action{width:100%;box-sizing:border-box}#x6308-priority{gap:14px}.x6308-step{padding:15px!important}#reviewer-authorization{padding:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}