/* Shared light-DOM stylesheet; no shadow-root copies or hidden slot layers. */
rk-icon { display: inline-flex; flex: none; vertical-align: middle; }
rk-status, rk-editable-title, rk-card-header, rk-list-row { font-optical-sizing: var(--font-optical-sizing); font-synthesis: none; }
rk-icon > .rakus-icon { display: inline-block; }
rk-status, rk-signal { --rk-state-ink: var(--state-live-ink); --rk-state-surface: var(--state-live-surface); --rk-state-glow: var(--state-live-glow); }
rk-status { --rk-state-text: var(--state-live-text); }
rk-status[status="edit"] { --rk-state-text: var(--state-edit-text); }
rk-status[status="attention"] { --rk-state-text: var(--state-attention-text); }
rk-status[status="disabled"] { --rk-state-text: var(--state-disabled-text); }
rk-status[status="edit"], rk-signal[status="edit"] { --rk-state-ink: var(--state-edit-ink); --rk-state-surface: var(--state-edit-surface); --rk-state-glow: var(--state-edit-glow); }
rk-status[status="attention"], rk-signal[status="attention"] { --rk-state-ink: var(--state-attention-ink); --rk-state-surface: var(--state-attention-surface); --rk-state-glow: var(--state-attention-glow); }
rk-status[status="disabled"], rk-signal[status="disabled"] { --rk-state-ink: var(--state-disabled-ink); --rk-state-surface: var(--state-disabled-surface); --rk-state-glow: var(--state-disabled-glow); }
.rk-signal-dot { display: block; inline-size: 6px; block-size: 6px; border-radius: var(--radius-round); background: var(--rk-state-ink); box-shadow: 0 0 4px var(--rk-state-glow); }
rk-signal[status="disabled"] .rk-signal-dot { box-shadow: none; }
rk-status { --rk-pupil-glance-x: 1.2px;  display: inline-block; position: relative; flex: none; --rk-status-target-size: var(--target-size); }
.rk-status-control { position: absolute; inset-block: 0; inset-inline-end: 0; min-inline-size: 100%; appearance: none; border: 0; background: transparent; color: var(--ink-muted); font: inherit; cursor: pointer; min-block-size: var(--target-size); padding: 0; display: inline-flex; align-items: center; justify-content: flex-end; border-radius: var(--radius-tight); }
rk-status[status="edit"] .rk-status-control, rk-status[status="attention"] .rk-status-control { color: var(--rk-state-text); }
.rk-status-visual, .rk-status-reserve { display: grid; grid-template-columns: max-content 18px; align-items: center; gap: 2px; padding: 4px; border-radius: var(--radius-tight); position: relative; font-family: var(--font-ui); font-size: var(--font-status-size); line-height: var(--font-status-line); font-weight: 500; font-variation-settings: var(--font-status-axes); letter-spacing: var(--font-tracking); transition: color var(--motion-reveal) var(--motion-easing), background var(--motion-reveal) var(--motion-easing), transform var(--motion-press) var(--motion-easing); }
.rk-status-label, .rk-status-preview-word, .rk-status-sizing-label { text-box-trim: trim-both; text-box-edge: cap alphabetic; grid-area: 1 / 1; white-space: nowrap; text-align: end; }
.rk-status-indicator, .rk-status-sizing-indicator { position: relative; grid-area: 1 / 2; display: inline-grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: center; inline-size: 18px; block-size: 18px; }
.rk-status-indicator > * { grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; min-inline-size: 0; min-block-size: 0; inline-size: 100%; block-size: 100%; line-height: 0; transition: opacity var(--motion-reveal) var(--motion-easing), transform var(--motion-reveal) var(--motion-easing); }
.rk-status-eye { color: var(--rk-state-ink); opacity: 0; transform: scaleY(0); transition: opacity 80ms var(--motion-reveal-easing), transform var(--motion-reveal) var(--motion-easing); }
rk-status[leading] .rk-status-visual, rk-status[leading] .rk-status-reserve { grid-template-columns: 18px max-content; }
rk-status[leading] .rk-status-control { inset-inline-start: 0; inset-inline-end: auto; justify-content: flex-start; }
rk-status[leading] .rk-status-indicator, rk-status[leading] .rk-status-sizing-indicator { grid-area: 1 / 1; }
rk-status[leading] .rk-status-labels, rk-status[leading] .rk-status-sizing-label { grid-area: 1 / 2; text-align: start; }
rk-status[leading] :is(.rk-status-label,.rk-status-preview-word) { text-align: start; justify-self: start; }
rk-status[leading] .rk-status-visual, rk-status[leading] .rk-status-reserve { padding-inline-start: 0; }
.rk-status-reserve { min-block-size: var(--rk-status-target-size); visibility: hidden; pointer-events: none; }
/* Immutable current/alternate label metrics are measured; hover motion is CSS. */
.rk-status-labels { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); inline-size: var(--rk-status-rest-label-size, max-content); overflow-x: clip; overflow-y: visible; transition: inline-size var(--motion-reveal) var(--motion-easing); }
.rk-status-label, .rk-status-preview-word { inline-size: max-content; justify-self: end; transition: opacity var(--motion-reveal) var(--motion-easing), transform var(--motion-reveal) var(--motion-easing); }
.rk-status-preview-word { opacity: 0; transform: translateX(6px); }
rk-status[leading] .rk-status-preview-word { transform: translateX(-6px); }
rk-status .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-labels, rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-labels,
rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-labels { inline-size: var(--rk-status-preview-label-size, max-content); }
rk-status .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-visual, rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-visual,
rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-visual { color: var(--rk-state-text); --rk-status-fill: var(--rk-state-surface); }
.rk-status-indicator > rk-signal { opacity: 1; transform: translateX(var(--rk-status-pupil-shift, 0px)); z-index: 2; transition: transform 180ms ease-in-out; }
.rk-status-indicator .rk-signal-dot { transition: background-color var(--motion-feedback) var(--motion-easing); }
.rk-status-eye { z-index: 1; }
rk-status .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-eye, rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-eye,
rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-eye { opacity: 1; transform: scaleY(1); }
rk-status .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-label, rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-label,
rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-label { opacity: 0; transform: translateX(-6px); }
rk-status .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-preview-word, rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-preview-word,
rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-preview-word { opacity: 1; transform: none; }
rk-status[leading] .rk-status-control:not(:disabled):is(:focus-visible,:active) .rk-status-label, rk-status[leading]:not([data-pointer-blocked]) .rk-status-control:not(:disabled):hover .rk-status-label,
rk-status[leading]:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"],[previewing]) .rk-status-control:not(:disabled) .rk-status-label { transform: translateX(6px); }
rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):has(.rk-status-indicator:hover) .rk-status-visual::before,
rk-status[previewing] .rk-status-control:not(:disabled) .rk-status-visual::before { transform: scale(.97); }
.rk-status-indicator > .rk-status-arrow { position: absolute; inset-block-start: -6px; inset-inline-end: -6px; inline-size: 12px; block-size: 12px; opacity: 0; transform: translate(-2px,2px); pointer-events: none; z-index: 3; color: var(--rk-state-ink); }
rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):has(.rk-status-indicator:hover) .rk-status-arrow,
rk-status[previewing] .rk-status-control:not(:disabled) .rk-status-arrow { opacity: 1; transform: none; pointer-events: none; }
rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):has(.rk-status-indicator:hover) rk-signal,
rk-status[previewing] .rk-status-control:not(:disabled) rk-signal { --rk-status-pupil-shift: var(--rk-pupil-glance-x); }
rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):has(.rk-status-indicator:hover) .rk-signal-dot,
rk-status[previewing] .rk-status-control:not(:disabled) .rk-signal-dot { background: color-mix(in srgb, var(--rk-state-ink) 5%, var(--surface)); box-shadow: none; }
rk-status:not([data-pointer-blocked]) .rk-status-control:not(:disabled):has(.rk-status-indicator:hover) .rk-status-eye .rakus-icon,
rk-status[previewing] .rk-status-control:not(:disabled) .rk-status-eye .rakus-icon { --_clip: var(--_filled); }
.rk-status-control:disabled { color: var(--state-disabled-text); cursor: default; }
.rk-status-control:disabled .rk-status-visual { background: transparent; color: var(--state-disabled-text); transform: none; }
.rk-status-control:disabled .rk-status-eye, .rk-status-control:disabled .rk-status-arrow { opacity: 0; pointer-events: none; }
.rk-status-control:disabled rk-signal { --rk-state-ink: var(--state-disabled-ink); --rk-state-glow: transparent; }
.rk-status-control:disabled .rk-status-label { opacity: 1; transform: none; }
.rk-status-control:disabled .rk-status-preview-word { opacity: 0; transform: none; }
.rk-status-control:disabled .rk-status-labels { inline-size: var(--rk-status-rest-label-size, max-content); }
.rk-status-visual { grid-template-columns: minmax(max-content, 1fr) 18px; isolation: isolate; }
rk-status[leading] .rk-status-visual { grid-template-columns: 18px minmax(max-content, 1fr); }
.rk-status-visual::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--rk-status-fill, transparent); transition: transform var(--motion-press) var(--motion-easing); }
.rk-status-control:disabled .rk-status-visual::before { background: transparent; transform: none; }
rk-editable-title { display: block; min-inline-size: 0; font-family: var(--font-overview-family); font-optical-sizing: var(--font-optical-sizing); font-size: var(--font-row-size); line-height: var(--font-row-line); font-weight: 500; font-variation-settings: var(--font-row-axes); letter-spacing: var(--font-tracking); }
rk-editable-title[size="header"] { font-family: var(--font-overview-family); font-size: var(--font-title-size); line-height: var(--font-title-line); font-variation-settings: var(--font-title-axes); font-optical-sizing: var(--font-optical-sizing); color: var(--ink); }
rk-editable-title { --rk-title-line-clip: 100%; --rk-title-rest-ink: var(--ink-muted); --rk-title-ink: var(--rk-title-rest-ink); --rk-title-pencil-opacity: 0; --rk-title-pencil-shift: 0px; --rk-pencil-size: 22px; --rk-pencil-gap: 3px; --rk-title-inline-travel: 3px; --rk-title-pencil-rest-ink: color-mix(in srgb, var(--ink) 33%, transparent); --rk-title-stroke: 1.5px; --rk-title-clearance: calc(.2145em + 1.125px); }
rk-editable-title[size="header"] { --rk-title-rest-ink: var(--ink); --rk-title-ink: var(--rk-title-rest-ink); }
.rk-title-controls { display: grid; grid-template-columns: minmax(0, max-content) var(--rk-title-rename-size, calc(var(--rk-pencil-size) + var(--rk-pencil-gap))) minmax(0,1fr); grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr); min-block-size: var(--target-size); min-inline-size: 0; max-inline-size: 100%; inline-size: 100%; }
.rk-title-control, .rk-title-rename-control { appearance: none; border: 0; padding: 0; background: transparent; color: var(--rk-title-ink); font: inherit; font-variation-settings: inherit; letter-spacing: inherit; cursor: pointer; display: flex; align-items: center; min-block-size: var(--target-size); text-align: start; border-radius: var(--radius-tight); }
.rk-title-control { grid-column: 1 / -1; grid-row: 1 / -1; display: grid; grid-template-columns: subgrid; grid-template-rows: subgrid; min-inline-size: 0; }
.rk-title-control > .rk-title-text { grid-column: 1; grid-row: 2; }
.rk-title-rename-control { grid-column: 2; grid-row: 1 / -1; display: grid; grid-template-rows: subgrid; z-index: 1; min-inline-size: var(--rk-title-rename-size, calc(var(--rk-pencil-size) + var(--rk-pencil-gap))); }
.rk-title-pencil-anchor { grid-row: 2; align-self: end; display: block; position: relative; inline-size: var(--rk-pencil-size); block-size: calc(1cap + 2 * (var(--rk-title-clearance) + var(--rk-title-stroke))); margin-inline-start: var(--rk-pencil-gap); line-height: 0; }
.rk-title-text { position: relative; text-box-trim: trim-both; text-box-edge: cap alphabetic; padding-block: var(--rk-title-clearance); border-block-start: var(--rk-title-stroke) solid transparent; border-block-end: var(--rk-title-stroke) solid transparent; overflow-wrap: anywhere; transition: color var(--rk-title-intent-color-motion, var(--motion-title-press)) var(--motion-easing); }
/* One constant-thickness stroke reveals from the left across name and gap.
   Blue remains painted under the clip during exit, without a second bridge fade. */
.rk-title-text::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-end: calc(-1 * var(--rk-title-stroke)); inline-size: calc(100% + var(--rk-pencil-gap) + var(--rk-pencil-size) / 6 + var(--rk-title-pencil-shift)); block-size: var(--rk-title-stroke); background: var(--state-edit-ink); clip-path: inset(0 var(--rk-title-line-clip) 0 0); pointer-events: none; transition: inline-size var(--motion-reveal) var(--motion-title-easing), clip-path var(--motion-feedback) var(--motion-reveal-easing); }
rk-editable-title:is([disabled],[interaction-state="disabled"]) .rk-title-text::after { clip-path: inset(0 100% 0 0); transition: none; }
/* Shared content subgrid anchors the supplied nib to the final wrapped line. */
.rk-title-pencil { position: absolute; inset-inline-start: 0; inset-block-end: calc(var(--rk-pencil-size) * var(--rk-pencil-bottom-reserve, -.132324)); opacity: var(--rk-title-pencil-opacity); color: var(--rk-title-pencil-ink, var(--rk-title-pencil-rest-ink)); transition: opacity var(--rk-title-intent-motion, var(--motion-reveal)) var(--motion-easing), color var(--rk-title-intent-motion, var(--motion-reveal)) var(--motion-easing), transform var(--motion-reveal) var(--motion-title-easing); transform: translateX(var(--rk-title-pencil-shift)); }
rk-editable-title:has(.rk-title-control:not(:disabled):is(:hover,:focus-visible,:active)),
rk-editable-title:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]) { --rk-title-ink: var(--ink); --rk-title-pencil-opacity: 1; --rk-title-pencil-shift: 0px; }
.rk-title-controls:has(> .rk-title-rename-control:not(:disabled):is(:hover:not([data-confirmation-hover-blocked]),:focus-visible:not([data-edit-settled]))) { --rk-title-line-clip: 0%; --rk-title-pencil-ink: var(--state-edit-ink); --rk-title-ink: color-mix(in srgb, var(--state-edit-ink) 50%, transparent); --rk-title-pencil-opacity: 1; --rk-title-pencil-shift: calc(-1 * var(--rk-title-inline-travel)); --rk-title-intent-motion: 80ms; --rk-title-intent-color-motion: 25ms; --rk-pencil-bottom-reserve: -.125; }
.rk-title-controls:has(> .rk-title-rename-control:not(:disabled):is(:hover:not([data-confirmation-hover-blocked]),:focus-visible:not([data-edit-settled]))) .rk-title-pencil .rakus-icon[data-icon-state] { --_clip: var(--_filled); }
rk-editable-title:is([disabled],[interaction-state="disabled"]) { --rk-title-line-clip: 100%; --rk-title-ink: var(--state-disabled-text); --rk-title-pencil-opacity: 0; }
.rk-title-control:disabled, .rk-title-rename-control:disabled { cursor: default; }
.rk-title-controls:has(> .rk-title-input) { grid-template-columns: minmax(0,1fr) var(--rk-title-rename-size, calc(var(--rk-pencil-size) + var(--rk-pencil-gap))); }
rk-editable-title[editing] .rk-title-rename-control { grid-column: 2; }
.rk-title-input { grid-column: 1; grid-row: 1 / -1; appearance: none; min-inline-size: 0; inline-size: 100%; min-block-size: var(--target-size); margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; box-shadow: none; color: var(--ink); caret-color: var(--state-edit-ink); background: transparent; font: inherit; font-variation-settings: inherit; letter-spacing: inherit; }
.rk-title-input:is(:focus,:focus-visible) { outline: 0; border: 0; box-shadow: none; }
/* Paint the faint edit-hover tint once, on the owning domain, without clipping
   overflowing cues. Page cards own their header tint; child rows stay separate. */
.rk-list-row-body:not([data-editing]):has(> rk-editable-title:not([disabled]):not([interaction-state="disabled"])):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing],rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))):is(:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)),:has(.rk-title-control:focus-visible,.rk-title-rename-control:focus-visible:not([data-edit-settled]),> rk-editable-title:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))) { background: var(--interaction-edit-hover); }
.rk-card-header-body:not([data-editing]):not(.rk-card[data-edit-domain="page"] .rk-card-header-body):has(> .rk-heading-line > rk-editable-title:not([disabled]):not([interaction-state="disabled"])):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing],rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))):is(:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)),:has(.rk-title-control:focus-visible,.rk-title-rename-control:focus-visible:not([data-edit-settled]),.rk-open-control:focus-visible,> .rk-heading-line > rk-editable-title:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))) { background: var(--interaction-edit-hover); border-start-start-radius: var(--radius-loose); border-start-end-radius: var(--radius-loose); }
.rk-card[data-edit-domain="page"]:not(:has(.rk-title-input)):has(> rk-card-header > .rk-card-header-body > .rk-heading-line > rk-editable-title:not([disabled]):not([interaction-state="disabled"])):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing],rk-status:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))):is(:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)),:has(.rk-title-control:focus-visible,.rk-title-rename-control:focus-visible:not([data-edit-settled]),.rk-open-control:focus-visible,rk-editable-title:is([interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]))) { background: linear-gradient(var(--interaction-edit-hover),var(--interaction-edit-hover)), var(--surface); }
rk-editable-title:not(.rk-list-row-body rk-editable-title,.rk-card-header-body rk-editable-title):not([editing]):not([disabled]):not([interaction-state="disabled"]):is(:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)),:has(.rk-title-control:focus-visible,.rk-title-rename-control:focus-visible:not([data-edit-settled])),[interaction-state="hover"],[interaction-state="focus"],[interaction-state="pressed"]) { background: var(--interaction-edit-hover); border-radius: var(--radius-tight); }

/* The owning row/header is the editing surface; child rows never color their collection header. */
.rk-list-row-body:has(.rk-title-input), .rk-card-header-body:has(.rk-title-input) { background: var(--state-edit-surface); }
.rk-list-row-body:has(.rk-title-input) { border-block-end-color: var(--state-edit-ink); }
rk-editable-title:has(.rk-title-input):not(.rk-list-row-body rk-editable-title,.rk-card-header-body rk-editable-title) { background: var(--state-edit-surface); border-radius: var(--radius-tight); }

.rk-title-control:focus-visible, .rk-title-rename-control:focus-visible:not([data-focus-restored]):not([data-edit-settled]), .rk-status-control:focus-visible, .rk-open-control:focus-visible,
rk-editable-title[interaction-state="focus"] .rk-title-control,
rk-status[interaction-state="focus"] .rk-status-control,
rk-card-header .rk-open-control:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.rk-title-rename-control:focus-visible[data-focus-restored] { outline: 0; }
rk-list-row { display: block; min-inline-size: 0; }
.rk-list-row-body { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: var(--gap-inline); padding-inline: var(--gap-inline) 0; border-block-end: 1px solid var(--line); min-block-size: 52px; }
rk-list-row:last-child .rk-list-row-body { border-block-end: 0; }
rk-card-header { display: block; min-inline-size: 0; }
.rk-card-header-body { position: relative; isolation: isolate; padding: var(--inset-container); }
/* Existing native Open owns the padded header plane; sibling controls sit above. */
.rk-card-header-body .rk-open-control::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: var(--radius-loose); }
/* A page owns its whole edit domain, including any blank space below its header.
   Collections retain the header containing block so child rows stay independent. */
.rk-card[data-edit-domain="page"] { position: relative; }
.rk-card[data-edit-domain="page"] > rk-card-header > .rk-card-header-body { position: static; }
.rk-card-header-body .rk-heading-line > rk-editable-title, .rk-card-header-body > rk-status { position: relative; z-index: 1; }
.rk-card-header-body .rk-open-control > rk-icon { position: relative; z-index: 1; }
.rk-heading-line { display: flex; align-items: center; gap: 7px; min-inline-size: 0; }
.rk-heading-line > rk-editable-title { flex: 1; }
.rk-heading-line > rk-icon { color: var(--ink); }
.rk-card-header-body :is(.rk-title-control,.rk-title-rename-control,.rk-title-input) { min-block-size: 32px; }
.rk-card-header-body .rk-title-controls { min-block-size: 32px; }
.rk-card-header-body rk-status { --rk-status-target-size: 26px; }
.rk-card-header-body .rk-status-control { min-block-size: 26px; }
.rk-open-control { appearance: none; display: grid; place-items: center; inline-size: var(--target-size); min-block-size: var(--target-size); flex: none; border: 0; border-radius: var(--radius-tight); padding: 0; margin-inline-end: -8px; background: transparent; color: var(--ink-subtle); cursor: pointer; transition: background var(--motion-feedback) var(--motion-easing), color var(--motion-feedback) var(--motion-easing); }
.rk-open-control:hover { background: var(--state-edit-surface); color: var(--ink); }
.rk-open-control:active { background: var(--interaction-pressed); }
.rk-open-control:disabled { color: var(--state-disabled-ink); cursor: default; background: transparent; }
.rk-card-header-body .rk-open-control { inline-size: 32px; min-block-size: 32px; margin-inline-end: 0; }
.rk-open-control > rk-icon { transition: transform var(--motion-reveal) var(--motion-easing); }
.rk-card { min-inline-size: 0; background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-loose); }
.rk-stack { display: flex; flex-direction: column; gap: var(--gap-group); min-inline-size: 0; }
.rk-inline { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-inline); min-inline-size: 0; }
/* Explicit edit hover domains never include the independent preview control. */
:is(
  .rk-list-row-body:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  .rk-card-header-body:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  .rk-card[data-edit-domain="page"]:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing]))
) rk-editable-title:not([disabled]):not([interaction-state="disabled"]) { --rk-title-ink: var(--ink); --rk-title-pencil-opacity: 1; --rk-title-pencil-shift: 0px; }
:is(
  .rk-card-header-body:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  .rk-card[data-edit-domain="page"]:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  rk-card-header[interaction-state="hover"]:not([interaction-target="preview"])
) .rk-open-control:not(:disabled) { color: var(--state-edit-text); }
:is(
  .rk-card-header-body:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  .rk-card[data-edit-domain="page"]:hover:not(:has(.rk-title-rename-control[data-confirmation-hover-blocked]:hover)):not(:has(.rk-status-control:is(:hover,:focus-visible),rk-status[previewing])),
  rk-card-header[interaction-state="hover"]:not([interaction-target="preview"])
) .rk-open-control:not(:disabled) > rk-icon { transform: translateX(2px); }
.rk-card-header-body:has(.rk-title-controls > .rk-title-rename-control:not(:disabled):is(:hover:not([data-confirmation-hover-blocked]),:focus-visible:not([data-edit-settled]))) .rk-open-control:not(:disabled),
.rk-card-header-body:has(.rk-title-controls > .rk-title-input:not(:disabled):is(:hover,:focus)) .rk-open-control:not(:disabled) { color: var(--ink-subtle); }
.rk-card-header-body:has(.rk-title-controls > .rk-title-rename-control:not(:disabled):is(:hover:not([data-confirmation-hover-blocked]),:focus-visible:not([data-edit-settled]))) .rk-open-control:not(:disabled) > rk-icon,
.rk-card-header-body:has(.rk-title-controls > .rk-title-input:not(:disabled):is(:hover,:focus)) .rk-open-control:not(:disabled) > rk-icon { transform: none; }
@media (pointer: coarse) {
  rk-editable-title { --rk-title-rename-size: var(--target-size); }
  .rk-card-header-body rk-status { --rk-status-target-size: var(--target-size); }
  .rk-card-header-body .rk-title-controls { min-block-size: var(--target-size); }
  .rk-card-header-body :is(.rk-title-control,.rk-title-rename-control,.rk-title-input),
  .rk-card-header-body .rk-status-control { min-block-size: var(--target-size); }
  .rk-card-header-body .rk-open-control { inline-size: var(--target-size); min-block-size: var(--target-size); }
}
@media (prefers-reduced-motion: reduce) {
  .rk-status-visual, .rk-status-visual::before, .rk-status-labels, .rk-status-label, .rk-status-preview-word, .rk-status-indicator > *, .rk-title-text, .rk-title-text::after, .rk-title-pencil, .rk-open-control, .rk-open-control > rk-icon { transition: none; }
}
[data-motion="reduced"] :is(.rk-status-visual,.rk-status-visual::before,.rk-status-labels,.rk-status-label,.rk-status-preview-word,.rk-status-indicator > *,.rk-title-text,.rk-title-text::after,.rk-title-pencil,.rk-open-control,.rk-open-control > rk-icon) { transition: none; }

/* Status-only anatomy: exact licensed Rakus eye lens contours, without its
   separate drawn iris/pupil. The existing rk-signal remains the actual pupil. */
.rk-status-eye .rakus-icon {
  --_outline: polygon(nonzero, 50% 21.5658%, 48.4817% 21.5931%, 46.9782% 21.675%, 45.4896% 21.8112%, 44.0161% 22.0014%, 42.5578% 22.2454%, 41.115% 22.5429%, 39.6877% 22.8937%, 38.2762% 23.2975%, 36.8806% 23.7541%, 35.5011% 24.2631%, 34.1378% 24.8245%, 32.7909% 25.4378%, 31.4607% 26.1029%, 30.1471% 26.8195%, 28.8505% 27.5873%, 27.5709% 28.4061%, 26.3085% 29.2756%, 25.0636% 30.1956%, 23.8362% 31.1659%, 22.6266% 32.1861%, 21.4348% 33.256%, 20.2612% 34.3754%, 19.1057% 35.544%, 17.9686% 36.7616%, 16.8501% 38.0278%, 15.7503% 39.3425%, 14.6694% 40.7055%, 13.6076% 42.1163%, 12.565% 43.5748%, 11.5417% 45.0808%, 10.538% 46.634%, 9.554% 48.2341%, 9.3404% 48.6534%, 9.1879% 49.0917%, 9.0963% 49.5427%, 9.0658% 50%, 9.0963% 50.4573%, 9.1879% 50.9083%, 9.3404% 51.3466%, 9.554% 51.766%, 10.538% 53.366%, 11.5417% 54.9192%, 12.565% 56.4252%, 13.6076% 57.8837%, 14.6694% 59.2945%, 15.7503% 60.6575%, 16.8501% 61.9722%, 17.9686% 63.2384%, 19.1057% 64.456%, 20.2612% 65.6246%, 21.4348% 66.744%, 22.6266% 67.8139%, 23.8362% 68.8341%, 25.0636% 69.8044%, 26.3085% 70.7244%, 27.5709% 71.5939%, 28.8505% 72.4127%, 30.1471% 73.1805%, 31.4607% 73.8971%, 32.7909% 74.5622%, 34.1378% 75.1755%, 35.5011% 75.7369%, 36.8806% 76.2459%, 38.2762% 76.7025%, 39.6877% 77.1063%, 41.115% 77.4571%, 42.5578% 77.7546%, 44.0161% 77.9986%, 45.4896% 78.1888%, 46.9782% 78.325%, 48.4817% 78.4069%, 50% 78.4342%, 51.5183% 78.4069%, 53.0218% 78.325%, 54.5104% 78.1888%, 55.9839% 77.9986%, 57.4422% 77.7546%, 58.885% 77.4571%, 60.3123% 77.1063%, 61.7238% 76.7025%, 63.1194% 76.2459%, 64.4989% 75.7369%, 65.8622% 75.1755%, 67.2091% 74.5622%, 68.5393% 73.8971%, 69.8529% 73.1805%, 71.1495% 72.4127%, 72.4291% 71.5939%, 73.6915% 70.7244%, 74.9364% 69.8044%, 76.1638% 68.8341%, 77.3734% 67.8139%, 78.5652% 66.744%, 79.7388% 65.6246%, 80.8943% 64.456%, 82.0314% 63.2384%, 83.1499% 61.9722%, 84.2497% 60.6575%, 85.3306% 59.2945%, 86.3924% 57.8837%, 87.435% 56.4252%, 88.4583% 54.9192%, 89.462% 53.366%, 90.446% 51.766%, 90.6596% 51.3466%, 90.8121% 50.9083%, 90.9037% 50.4573%, 90.9342% 50%, 90.9037% 49.5427%, 90.8121% 49.0917%, 90.6596% 48.6534%, 90.446% 48.2341%, 89.462% 46.634%, 88.4583% 45.0808%, 87.435% 43.5748%, 86.3924% 42.1163%, 85.3306% 40.7055%, 84.2497% 39.3425%, 83.1499% 38.0278%, 82.0314% 36.7616%, 80.8943% 35.544%, 79.7388% 34.3754%, 78.5652% 33.256%, 77.3734% 32.1861%, 76.1638% 31.1659%, 74.9364% 30.1956%, 73.6915% 29.2756%, 72.4291% 28.4061%, 71.1495% 27.5873%, 69.8529% 26.8195%, 68.5393% 26.1029%, 67.2091% 25.4378%, 65.8622% 24.8245%, 64.4989% 24.2631%, 63.1194% 23.7541%, 61.7238% 23.2975%, 60.3123% 22.8937%, 58.885% 22.5429%, 57.4422% 22.2454%, 55.9839% 22.0014%, 54.5104% 21.8112%, 53.0218% 21.675%, 51.5183% 21.5931%, 50% 21.5658%, 50% 21.5658%, 50% 28.4342%, 51.2254% 28.4546%, 52.4373% 28.5157%, 53.6357% 28.6177%, 54.8208% 28.7608%, 55.9929% 28.945%, 57.152% 29.1706%, 58.2983% 29.4377%, 59.4321% 29.7463%, 60.5533% 30.0967%, 61.6623% 30.489%, 62.7591% 30.9233%, 63.844% 31.3998%, 64.9171% 31.9186%, 65.9785% 32.4798%, 67.0284% 33.0837%, 68.067% 33.7302%, 69.0944% 34.4196%, 70.1109% 35.1521%, 71.1165% 35.9276%, 72.1114% 36.7465%, 73.0958% 37.6088%, 74.0698% 38.5146%, 75.0337% 39.4642%, 75.9875% 40.4576%, 77.8657% 42.5765%, 79.7057% 44.8724%, 81.5089% 47.3466%, 83.2764% 50%, 81.5089% 52.6534%, 79.7057% 55.1276%, 77.8657% 57.4235%, 75.9875% 59.5424%, 75.0337% 60.5358%, 74.0698% 61.4854%, 73.0958% 62.3912%, 72.1114% 63.2535%, 71.1165% 64.0724%, 70.1109% 64.8479%, 69.0944% 65.5804%, 68.067% 66.2698%, 67.0284% 66.9163%, 65.9785% 67.5202%, 64.9171% 68.0814%, 63.844% 68.6002%, 62.7591% 69.0767%, 61.6623% 69.511%, 60.5533% 69.9033%, 59.4321% 70.2537%, 58.2983% 70.5623%, 57.152% 70.8294%, 55.9929% 71.055%, 54.8208% 71.2392%, 53.6357% 71.3823%, 52.4373% 71.4843%, 51.2254% 71.5454%, 50% 71.5658%, 48.7746% 71.5454%, 47.5627% 71.4843%, 46.3643% 71.3823%, 45.1792% 71.2392%, 44.0071% 71.055%, 42.848% 70.8294%, 41.7017% 70.5623%, 40.5679% 70.2537%, 39.4467% 69.9033%, 38.3377% 69.511%, 37.2409% 69.0767%, 36.156% 68.6002%, 35.0829% 68.0814%, 34.0215% 67.5202%, 32.9716% 66.9163%, 31.933% 66.2698%, 30.9056% 65.5804%, 29.8891% 64.8479%, 28.8835% 64.0724%, 27.8886% 63.2535%, 26.9042% 62.3912%, 25.9302% 61.4854%, 24.9663% 60.5358%, 24.0125% 59.5424%, 22.1343% 57.4235%, 20.2943% 55.1276%, 18.4911% 52.6534%, 16.7236% 50%, 18.4911% 47.3466%, 20.2943% 44.8724%, 22.1343% 42.5765%, 24.0125% 40.4576%, 24.9663% 39.4642%, 25.9302% 38.5146%, 26.9042% 37.6088%, 27.8886% 36.7465%, 28.8835% 35.9276%, 29.8891% 35.1521%, 30.9056% 34.4196%, 31.933% 33.7302%, 32.9716% 33.0837%, 34.0215% 32.4798%, 35.0829% 31.9186%, 36.156% 31.3998%, 37.2409% 30.9233%, 38.3377% 30.489%, 39.4467% 30.0967%, 40.5679% 29.7463%, 41.7017% 29.4376%, 42.848% 29.1706%, 44.0071% 28.945%, 45.1792% 28.7608%, 46.3643% 28.6177%, 47.5627% 28.5157%, 48.7746% 28.4546%, 50% 28.4342%, 50% 21.5658%, 50% 21.5658%);
  --_filled: polygon(nonzero, 50% 20.8333%, 48.4564% 20.8613%, 46.9276% 20.9451%, 45.4137% 21.0843%, 43.915% 21.2787%, 42.4317% 21.5279%, 40.9639% 21.8317%, 39.512% 22.1897%, 38.076% 22.6016%, 36.6562% 23.0671%, 35.2527% 23.586%, 33.8659% 24.1578%, 32.4958% 24.7823%, 31.1427% 25.4592%, 29.8068% 26.1881%, 28.4883% 26.9688%, 27.1873% 27.801%, 25.9042% 28.6842%, 24.639% 29.6184%, 23.392% 30.603%, 22.1634% 31.6378%, 20.9534% 32.7226%, 19.7621% 33.8569%, 18.5899% 35.0405%, 17.4369% 36.2731%, 16.3032% 37.5543%, 15.1891% 38.8839%, 14.0949% 40.2616%, 13.0206% 41.687%, 11.9665% 43.1598%, 10.9328% 44.6797%, 9.9197% 46.2465%, 8.9274% 47.8597%, 8.6686% 48.3679%, 8.4837% 48.8992%, 8.3727% 49.4458%, 8.3358% 50%, 8.3727% 50.5542%, 8.4837% 51.1008%, 8.6686% 51.6321%, 8.9274% 52.1403%, 9.9197% 53.7535%, 10.9328% 55.3203%, 11.9665% 56.8402%, 13.0206% 58.313%, 14.0949% 59.7384%, 15.1891% 61.1161%, 16.3032% 62.4457%, 17.4369% 63.7269%, 18.5899% 64.9595%, 19.7621% 66.1431%, 20.9534% 67.2774%, 22.1634% 68.3622%, 23.392% 69.397%, 24.639% 70.3816%, 25.9042% 71.3158%, 27.1873% 72.199%, 28.4883% 73.0312%, 29.8068% 73.8119%, 31.1427% 74.5408%, 32.4958% 75.2177%, 33.8659% 75.8422%, 35.2527% 76.414%, 36.6562% 76.9329%, 38.076% 77.3984%, 39.512% 77.8103%, 40.9639% 78.1683%, 42.4317% 78.4721%, 43.915% 78.7213%, 45.4137% 78.9157%, 46.9276% 79.0549%, 48.4564% 79.1387%, 50% 79.1667%, 51.5436% 79.1387%, 53.0724% 79.0549%, 54.5863% 78.9157%, 56.085% 78.7213%, 57.5683% 78.4721%, 59.0361% 78.1683%, 60.488% 77.8103%, 61.924% 77.3984%, 63.3438% 76.9329%, 64.7473% 76.414%, 66.1341% 75.8422%, 67.5042% 75.2177%, 68.8573% 74.5408%, 70.1932% 73.8119%, 71.5117% 73.0312%, 72.8127% 72.199%, 74.0958% 71.3158%, 75.361% 70.3816%, 76.608% 69.397%, 77.8366% 68.3622%, 79.0466% 67.2774%, 80.2379% 66.1431%, 81.4101% 64.9595%, 82.5631% 63.7269%, 83.6968% 62.4457%, 84.8109% 61.1161%, 85.9051% 59.7384%, 86.9794% 58.313%, 88.0335% 56.8402%, 89.0672% 55.3203%, 90.0803% 53.7535%, 91.0726% 52.1403%, 91.3314% 51.6321%, 91.5163% 51.1008%, 91.6273% 50.5542%, 91.6642% 50%, 91.6273% 49.4458%, 91.5163% 48.8992%, 91.3314% 48.3679%, 91.0726% 47.8597%, 90.0803% 46.2465%, 89.0672% 44.6797%, 88.0335% 43.1598%, 86.9794% 41.687%, 85.9051% 40.2616%, 84.8109% 38.8839%, 83.6968% 37.5543%, 82.5631% 36.2731%, 81.4101% 35.0405%, 80.2379% 33.8569%, 79.0466% 32.7226%, 77.8366% 31.6378%, 76.608% 30.603%, 75.361% 29.6184%, 74.0958% 28.6842%, 72.8127% 27.801%, 71.5117% 26.9688%, 70.1932% 26.1881%, 68.8573% 25.4592%, 67.5042% 24.7823%, 66.1341% 24.1578%, 64.7473% 23.586%, 63.3438% 23.0671%, 61.924% 22.6016%, 60.488% 22.1897%, 59.0361% 21.8317%, 57.5683% 21.5279%, 56.085% 21.2787%, 54.5863% 21.0843%, 53.0724% 20.9451%, 51.5436% 20.8613%, 50% 20.8333%, 50% 20.8333%);
}
@supports (clip-path: shape(from 0% 0%, line to 100% 0%, line to 100% 100%, close)) {
  .rk-status-eye .rakus-icon {
    --_outline: shape(nonzero
    from 50% 21.5658%,
    curve to 9.554% 48.2341% with 33.7269% 21.5658% / 19.9442% 30.9172%,
    curve to 9.554% 51.766% with 8.9031% 49.3214% / 8.9031% 50.6786%,
    curve to 50% 78.4342% with 19.9442% 69.0828% / 33.7269% 78.4342%,
    curve to 90.446% 51.766% with 66.2732% 78.4342% / 80.0558% 69.0828%,
    curve to 90.446% 48.2341% with 91.0969% 50.6786% / 91.0969% 49.3214%,
    curve to 50% 21.5658% with 80.0558% 30.9172% / 66.2732% 21.5658%,
    close,
    move to 50% 28.4342%,
    curve to 83.2764% 50% with 63.1442% 28.4342% / 73.9423% 35.3683%,
    curve to 50% 71.5658% with 73.9423% 64.6317% / 63.1442% 71.5658%,
    curve to 16.7236% 50% with 36.8558% 71.5658% / 26.0577% 64.6317%,
    curve to 50% 28.4342% with 26.0577% 35.3683% / 36.8558% 28.4342%,
    close);
    --_filled: shape(nonzero
    from 50% 20.8333%,
    curve to 8.9274% 47.8597% with 33.4568% 20.8333% / 19.4003% 30.4049%,
    curve to 8.9274% 52.1403% with 8.1385% 49.1775% / 8.1385% 50.8225%,
    curve to 50% 79.1667% with 19.4003% 69.5951% / 33.4568% 79.1667%,
    curve to 91.0726% 52.1403% with 66.5432% 79.1667% / 80.5997% 69.5951%,
    curve to 91.0726% 47.8597% with 91.8615% 50.8225% / 91.8615% 49.1775%,
    curve to 50% 20.8333% with 80.5997% 30.4049% / 66.5432% 20.8333%,
    close);
  }
}


/* Inline mode is the entry's input surface; all non-name navigation is hidden. */
rk-status[hidden], rk-icon[hidden], .rk-open-control[hidden] { display: none; }
.rk-list-row-body[data-editing] { grid-template-columns: minmax(0,1fr); gap: 0; }
.rk-card-header-body[data-editing] { min-block-size: 90px; }
rk-editable-title[editing] { --rk-title-rename-size: 32px; --rk-title-pencil-ink: var(--state-edit-ink); }
rk-editable-title[editing] .rk-title-pencil-anchor { grid-row: 1 / -1; align-self: center; justify-self: center; margin-inline-start: 0; block-size: var(--rk-pencil-size); }
rk-editable-title[editing] .rk-title-pencil { inset-block-end: 0; opacity: 1; transform: none; transition: none; }
@media (pointer: coarse) {
  rk-editable-title[editing] { --rk-title-rename-size: var(--target-size); }
  .rk-card-header-body[data-editing] { min-block-size: 120px; }
}

/* One stable native acquisition target encloses both immutable label footprints;
   only the painted visual follows the animated current/alternate width. */
.rk-status-sizing-label { inline-size: max-content; justify-self: end; }
rk-status[leading] .rk-status-sizing-label { justify-self: start; }
.rk-status-reserve { grid-template-columns: var(--rk-status-acquisition-label-size, max-content) 18px; }
rk-status[leading] .rk-status-reserve { grid-template-columns: 18px var(--rk-status-acquisition-label-size, max-content); }

/* The actual status dot becomes the filled pupil and glances only along X. */
@media (prefers-reduced-motion: reduce) { rk-status { --rk-pupil-glance-x: 0px; } }
[data-motion="reduced"] rk-status { --rk-pupil-glance-x: 0px; }

@media (prefers-reduced-motion: reduce) { .rk-status-indicator .rk-signal-dot, .rk-status-indicator > rk-signal { transition: none; } }
[data-motion="reduced"] .rk-status-indicator .rk-signal-dot, [data-motion="reduced"] .rk-status-indicator > rk-signal { transition: none; }