/* One control hierarchy: filled actions, text actions and bare utilities. */
:root{--control-height:32px;--control-font:14px;--control-pad-y:4px;--control-pad-x:12px;--control-radius:4px}
.night-actions a,.collaborate-cta,.workflow-submit,.cookie-btn{font-family:var(--sans);font-size:var(--control-font);line-height:22px;min-height:var(--control-height);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--control-radius);letter-spacing:0}
.night-actions a,.collaborate-cta,.workflow-submit{width:fit-content;max-width:100%;font-weight:600;gap:12px}
.cookie-btn{font-weight:400;border:0}
.cookie-decline{border:1px solid var(--rule);background:transparent;text-decoration:none}
.theme-toggle{font-size:var(--control-font);line-height:20px;border-radius:var(--control-radius);min-height:var(--control-height);padding:6px 12px;gap:8px}
.theme-icon{width:20px;height:20px}
.r-copy{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:4px 0;border:0;border-radius:0;background:transparent;font:400 14px/22px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.r-record-actions{gap:24px;align-items:center}
.r-record-actions a{display:inline-flex;align-items:center;min-height:var(--control-height)}
.r-copy:focus-visible,.detail-copy:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.r-copy:hover,.cookie-decline:hover{background:transparent;color:var(--ink-dim)}}
@media(prefers-reduced-motion:no-preference){.workflow-submit,.cookie-btn,.r-copy{transition:color .16s ease,background-color .16s ease}.workflow-submit:active{transform:scale(.98)}}
@media(max-width:760px),(pointer:coarse){:root{--control-height:44px;--control-pad-y:10px}.night-actions a,.collaborate-cta,.workflow-submit,.cookie-btn{font-size:14px}.theme-toggle{font-size:var(--control-font);line-height:20px;border-radius:var(--control-radius);min-height:44px}.r-copy,.r-record-actions a{min-height:44px}}

/* The single hero action has more visual weight than ordinary controls. */
@media(min-width:761px) and (pointer:fine){.night-actions a{min-height:40px;padding:8px 18px;font-size:15px}}

.night-actions a span,.collaborate-cta-arrow{font-size:20px;line-height:20px}
:root[data-brand] #submit,:root[data-brand] #resubscribe{width:fit-content;max-width:100%;min-height:var(--control-height);padding:var(--control-pad-y) var(--control-pad-x);border-radius:var(--control-radius);font-size:var(--control-font);line-height:22px}