/* The closing r is the letter contour from the supplied Runwell wordmark. */
.rw-sign .rw-total h2 .rw-r{height:.53em;width:.361em;aspect-ratio:89.9/132;vertical-align:baseline;margin-right:.015em}
/* The summary remains the native, keyboard-operable disclosure control. */
.trace-prompt.trace-button{display:inline-flex;align-items:center;gap:25px;padding:13px 18px;background:#00c46a;color:#111a15;border:1px solid #00c46a;border-radius:var(--box-radius,12px);font:600 13px Geist,sans-serif;text-decoration:none;box-shadow:0 2px 0 #08120b}
.audit-trace>summary:hover .trace-button{background:#42d58f;border-color:#42d58f}.audit-trace>summary:focus-visible .trace-button{outline:2px solid #f4faf5;outline-offset:4px}
/* Role cards orbit a stationary Runwell mark while staying upright. */
.seats{position:relative;display:block;width:100%;height:580px;container-type:inline-size}
.seats .seats-label{position:absolute;left:0;top:0;margin:0}.seats-label:after{content:''}
.seats>.seat,.seats>.role-track{--role-radius:min(205px,calc(50cqw - 95px))}
.seats>.seat{position:absolute;left:50%;top:50%;grid-area:auto;width:170px;height:120px;margin-left:-85px;margin-top:-60px;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;padding:13px 11px;border:1px solid #3c6148;border-radius:var(--box-radius,12px);background:#192d20;z-index:2;transform:rotate(var(--role-angle)) translateY(calc(-1 * var(--role-radius))) rotate(calc(-1 * var(--role-angle)));animation:role-orbit 60s linear infinite}
.seats .seat-n{--role-angle:0deg}.seats .seat-e{--role-angle:90deg}.seats .seat-s{--role-angle:180deg}.seats .seat-w{--role-angle:270deg}
.seats .seat h3{font-size:22px;color:#f4faf5;margin:0}.seats .seat p{font-size:13px;line-height:1.4;color:#a5c1ae;margin:0}
.seats .seat:before,.seats .seat:after{display:none}
.seats .role-track{position:absolute;left:50%;top:50%;width:calc(2 * var(--role-radius));height:calc(2 * var(--role-radius));border:1px dashed #426a4e;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.seats .seat-table{position:absolute;left:50%;top:50%;grid-area:auto;transform:translate(-50%,-50%);width:170px;height:170px;aspect-ratio:1;border-radius:var(--box-radius,12px);padding:17px;z-index:1}
.seats .seat-table b{font-size:22px}.roles-pause{position:absolute;left:50%;bottom:0;transform:translateX(-50%);color:#96bca2}
.one-build>span{display:block;white-space:normal;margin:12px 0 0 43px;font-size:9px}.one-build{display:block}.one-build h3{font-size:20px}
@keyframes role-orbit{from{transform:rotate(var(--role-angle)) translateY(calc(-1 * var(--role-radius))) rotate(calc(-1 * var(--role-angle)))}to{transform:rotate(calc(var(--role-angle) + 360deg)) translateY(calc(-1 * var(--role-radius))) rotate(calc(-1 * (var(--role-angle) + 360deg)))}}
@media(hover:hover){.seats:hover .seat{animation-play-state:paused}}
@media(max-width:560px){.seats{height:420px}.seats>.seat,.seats>.role-track{--role-radius:min(145px,calc(50cqw - 62px))}.seats>.seat{width:110px;height:86px;margin-left:-55px;margin-top:-43px;padding:7px;gap:5px}.seats .seat h3{font-size:18px}.seats .seat p{font-size:10.5px;line-height:1.3}.seats .seat-table{width:126px;height:126px;padding:12px}.seats .seat-table b{font-size:17px}.seats .seat-table span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.seats>.seat{animation:none}}
/* Keep orbiting labels clear of the center at every angle. */
.seats{height:660px}.seats>.seat,.seats>.role-track{--role-radius:min(235px,calc(50cqw - 95px))}
.seats .seat-table{gap:8px}.seats .seat-table .seat-wm{position:static;inset:auto;width:50px;height:50px;opacity:1;flex:none}.seats .seat-table>b{font-size:18px}.seats .seat-table>span,.seats .seat-table>b{position:static}
.role-legend,.roles-caption{display:none}
@media(max-width:760px){.seats{height:510px}.seats>.seat,.seats>.role-track{--role-radius:min(195px,calc(50cqw - 75px))}.seats>.seat{width:130px;height:110px;margin-left:-65px;margin-top:-55px;padding:10px}.seats .seat h3{font-size:19px}.seats .seat p{font-size:12px}.seats .seat-table{width:112px;height:112px;padding:12px}.seats .seat-table>b{display:none}.seats .seat-table .seat-wm{width:48px;height:48px}.roles-caption{display:block;position:absolute;left:0;right:0;bottom:34px;text-align:center;font-size:18px;font-weight:600;color:#a9c7b3}}
@media(max-width:560px){.seats{height:390px}.seats>.seat,.seats>.role-track{--role-radius:min(145px,calc(50cqw - 48px))}.seats>.seat{width:78px;height:52px;margin-left:-39px;margin-top:-26px;padding:6px}.seats .seat h3{font-size:14px}.seats .seat p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seats .seat-table{width:64px;height:64px;padding:10px}.seats .seat-table .seat-wm{width:42px;height:42px}.seats .seat-table>span{display:none}.role-legend{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.role-legend p{font-size:13px;color:#9ebaa8;line-height:1.5}.role-legend b{display:block;font-size:16px;color:#f4faf5;margin-bottom:6px}}
