/* READMADE cover workspace. Page scope preserves checkout/publication styles. */
body[data-page="cover-project"] {
  --bg:var(--rm-paper); --surface:var(--rm-paper); --surface-muted:var(--rm-warm); --surface-tint:var(--rm-purple-soft);
  --text:var(--rm-ink); --text-soft:var(--rm-ink-soft); --muted:var(--rm-ink-soft); --line:var(--rm-line);
  --line-strong:color-mix(in srgb,var(--rm-ink) 28%,var(--rm-line));
  --brand:var(--rm-purple); --brand-strong:color-mix(in srgb,var(--rm-purple) 85%,var(--rm-ink));
  --brand-soft:var(--rm-purple-soft); --accent:var(--rm-purple); --focus:var(--rm-purple);
  --radius:22px; --radius-small:12px; font-family:var(--font-ui); background:var(--rm-paper);
}
.rm-cover-project-page .rm-flow-main { max-width:1240px; padding:32px 26px 72px; }
.rm-cover-project-page [hidden] { display:none!important; }
.rm-cover-project-page :is(h1,h2,h3,button,input,select,textarea) { font-family:var(--font-ui); }
.rm-cover-project-page .rm-flow-main :is(p,label,legend,input,select,textarea,button,.button) { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((16px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.6; }
.rm-cover-project-page .rm-flow-main :is(h1,h2,h3) { color:var(--rm-ink); font-weight:850; }
.rm-cover-project-page .rm-flow-main :is(p,label,legend) { color:var(--rm-ink-soft); }
.rm-cover-project-page .rm-flow-main p { margin-bottom:12px; }
.rm-cover-project-page .rm-cover-icon { width:20px; height:20px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.rm-cover-project-page .rm-flow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:24px; }
.rm-cover-project-page .rm-flow-steps li { display:flex; align-items:center; gap:9px; padding:10px 14px; border:1px solid var(--rm-line); border-radius:12px; opacity:1; color:var(--rm-ink-soft); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:650; }
.rm-cover-project-page .rm-flow-steps li > span { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:800; }
.rm-cover-project-page .rm-flow-steps [aria-current="step"] { border-color:var(--rm-purple); background:var(--rm-purple-soft); color:var(--rm-purple); font-weight:850; }
.rm-cover-project-page .rm-flow-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px 30px; border:1px solid var(--rm-line); border-radius:22px; background:var(--rm-warm); }
.rm-cover-project-page .rm-flow-heading h1 { margin:12px 0 16px; font-size:clamp(28px,3.5vw,40px); font-weight:900; letter-spacing:-.055em; line-height:1.2; }
.rm-cover-project-page .rm-flow-heading h1 em { color:var(--rm-purple); font-style:normal; }
.rm-cover-project-page .rm-flow-heading p { margin-bottom:18px; }
.rm-cover-project-page .rm-cover-project-label { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--rm-ink); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-project-label b { max-width:42ch; overflow-wrap:anywhere; }
.rm-cover-project-page [data-cover-project-author] { color:var(--rm-ink-soft); overflow-wrap:anywhere; }
.rm-cover-project-page [data-cover-project-author]:not(:empty)::before { content:"· "; }
.rm-cover-project-page .rm-cover-save-status { display:flex; align-items:center; gap:9px; min-height:44px; margin:12px 0; }
.rm-cover-project-page .rm-cover-save-status p { margin:0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-state-icon { display:flex; flex:0 0 auto; color:var(--rm-purple); }
.rm-cover-project-page .rm-cover-state-icon:empty { display:none; }
.rm-cover-project-page .rm-cover-state-icon svg { width:18px; height:18px; }
.rm-cover-project-page .rm-flow-columns { grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:24px; align-items:start; margin-top:0; }
.rm-cover-project-page .rm-flow-card, .rm-cover-project-page .cover-ai-product { border-color:var(--rm-line); border-radius:22px; background:var(--rm-paper); padding:24px; }
.rm-cover-project-page .rm-cover-current { position:sticky; top:94px; }
.rm-cover-project-page .rm-cover-section-title { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.rm-cover-project-page .rm-cover-section-title .rm-cover-icon { color:var(--rm-purple); }
.rm-cover-project-page .rm-cover-section-title h2 { margin:0; font-size:20px; letter-spacing:-.04em; }
.rm-cover-project-page .rm-cover-preview-frame { overflow:hidden; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-warm); }
.rm-cover-project-page .rm-flow-preview { width:100%; border-radius:0; background:var(--rm-warm); }
.rm-cover-project-page .rm-cover-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; aspect-ratio:2/3; padding:16px; text-align:center; }
.rm-cover-project-page .rm-cover-empty svg { width:64px; height:80px; fill:none; stroke:var(--rm-purple); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.65; }
.rm-cover-project-page .rm-cover-empty p { margin:0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-choice { margin:14px 0 10px; overflow-wrap:anywhere; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-current .button { width:100%; padding:9px 10px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-workspace { min-width:0; }
.rm-cover-project-page .rm-cover-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-bottom:16px; padding:6px; border:1px solid var(--rm-line); border-radius:16px; background:var(--rm-warm); }
.rm-cover-project-page .rm-cover-methods button { display:flex; align-items:center; justify-content:center; gap:8px; min-width:0; min-height:48px; padding:8px; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--rm-ink-soft); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:750; cursor:pointer; }
.rm-cover-project-page :is(.rm-cover-methods button,input,textarea,select) { scroll-margin-top:94px; }
.rm-cover-project-page .rm-cover-methods [aria-selected="true"] { border-color:var(--rm-purple); background:var(--rm-purple); color:var(--rm-paper); }
.rm-cover-project-page .rm-cover-method-panel { scroll-margin-top:94px; }
.rm-cover-project-page .rm-cover-panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.rm-cover-project-page .rm-cover-panel-heading h2 { margin-bottom:8px; font-size:24px; letter-spacing:-.055em; }
.rm-cover-project-page .rm-cover-panel-heading p { margin:0; }
.rm-cover-project-page .rm-cover-chip { display:inline-flex; flex:0 0 auto; align-items:center; border-radius:7px; padding:4px 9px; background:var(--rm-aqua-soft); color:var(--rm-ink); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:800; }
.rm-cover-project-page .rm-flow-library { gap:18px 14px; }
.rm-cover-project-page .rm-flow-library article { position:relative; align-content:start; gap:8px; padding:8px; border:2px solid transparent; border-radius:14px; }
.rm-cover-project-page .rm-flow-library article.is-selected { border-color:var(--rm-purple); background:var(--rm-purple-soft); }
.rm-cover-project-page .rm-flow-library img { border:1px solid var(--rm-line); border-radius:8px; }
.rm-cover-project-page .rm-flow-library .button { min-height:42px; padding:8px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.4; }
.rm-cover-project-page .rm-flow-library button[aria-pressed="true"] { border-color:var(--rm-purple); background:var(--rm-purple); color:var(--rm-paper); }
.rm-cover-project-page .rm-cover-selected-icon { position:absolute; top:16px; right:16px; display:grid; place-items:center; width:26px; height:26px; border:2px solid var(--rm-paper); border-radius:50%; background:var(--rm-purple); color:var(--rm-paper); }
.rm-cover-project-page .rm-cover-selected-icon svg { width:16px; height:16px; }
.rm-cover-project-page .rm-cover-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid var(--rm-line); }
.rm-cover-project-page .rm-cover-pagination-info { color:var(--rm-ink-soft); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:650; }
.rm-cover-project-page .rm-cover-pagination-controls { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.rm-cover-project-page .rm-cover-page-btn { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border:1px solid var(--rm-line); border-radius:10px; background:var(--rm-paper); color:var(--rm-ink); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:750; cursor:pointer; }
.rm-cover-project-page .rm-cover-page-btn:hover:not(:disabled) { border-color:var(--rm-purple); background:var(--rm-purple-soft); color:var(--rm-purple); }
.rm-cover-project-page .rm-cover-page-btn.is-active { border-color:var(--rm-purple); background:var(--rm-purple); color:var(--rm-paper); }
.rm-cover-project-page .rm-cover-page-btn:disabled { opacity:.45; cursor:default; }
.rm-cover-project-page .rm-cover-upload-zone { display:flex; flex-direction:column; align-items:center; gap:10px; padding:36px 20px; border:2px dashed var(--rm-line); border-radius:16px; background:var(--rm-warm); text-align:center; cursor:pointer; }
.rm-cover-project-page .rm-cover-upload-zone:hover, .rm-cover-project-page .rm-cover-upload-zone:focus-within { border-color:var(--rm-purple); background:var(--rm-purple-soft); }
.rm-cover-project-page .rm-cover-upload-art { width:60px; height:60px; fill:none; stroke:var(--rm-purple); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.rm-cover-project-page .rm-cover-upload-zone strong { color:var(--rm-ink); }
.rm-cover-project-page .rm-cover-upload-zone span { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-upload-zone input { max-width:100%; margin-top:12px; }
.rm-cover-project-page .rm-cover-upload-zone input::file-selector-button { padding:8px 12px; margin-right:10px; border:1px solid var(--rm-purple); border-radius:8px; background:var(--rm-purple); color:var(--rm-paper); font:inherit; cursor:pointer; }
.rm-cover-project-page .cover-ai-product { margin:0; }
.rm-cover-project-page .cover-ai-heading { gap:10px; margin-bottom:14px; }
.rm-cover-project-page .cover-ai-heading h3 { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((24px) * var(--rm-ui-type-scale, 1.2))), 1px); letter-spacing:-.05em; line-height:1.3; }
.rm-cover-project-page .cover-ai-heading .badge { border:0; border-radius:7px; background:var(--rm-purple); color:var(--rm-paper); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:850; }
.rm-cover-project-page [data-cover-ai-provider], .rm-cover-project-page .source-format-note { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; }
.rm-cover-project-page [data-cover-ai-usage] { padding:12px 14px; border-radius:10px; background:var(--rm-purple-soft); color:var(--rm-ink); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; }
.rm-cover-project-page .cover-ai-form { margin:20px 0; }
.rm-cover-project-page .cover-ai-form :is(input:not([type=radio]):not([type=checkbox]),select,textarea) { border-color:var(--rm-line); border-radius:10px; }
.rm-cover-project-page .cover-ai-form fieldset { margin:0; min-width:0; border-color:var(--rm-line); border-radius:12px; background:var(--rm-warm); }
.rm-cover-project-page .cover-ai-form fieldset label { display:flex; align-items:center; gap:7px; }
.rm-cover-project-page .cover-ai-form input:is([type=radio],[type=checkbox]) { width:18px; height:18px; flex:0 0 auto; margin-top:3px; accent-color:var(--rm-purple); }
.rm-cover-project-page .cover-ai-consent { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; }
.rm-cover-project-page .cover-ai-results { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:16px; }
.rm-cover-project-page .cover-ai-results:empty { display:none; }
.rm-cover-project-page .rm-cover-ai-motion { display:inline-flex; color:var(--rm-purple); margin-right:8px; vertical-align:middle; }
.rm-cover-project-page .rm-cover-ai-motion .rm-motion-process { margin:0; }
.rm-cover-project-page [data-cover-method-panel][hidden] .rm-motion-process * { animation-play-state:paused; }
.rm-cover-project-page [data-cover-ai-status] { display:inline; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; }
.rm-cover-project-page .source-format-note { margin-top:18px; padding-top:16px; border-top:1px solid var(--rm-line); }
.rm-cover-project-page .rm-flow-actions { padding-top:24px; border-top:1px solid var(--rm-line); }
.rm-cover-project-page .button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:12px; transition:background-color 140ms ease,border-color 140ms ease; }
.rm-cover-project-page .button:hover:not(:disabled) { transform:none; }
.rm-cover-project-page .button-primary { background:var(--rm-purple); color:var(--rm-paper); }
.rm-cover-project-page .button-primary:hover:not(:disabled) { background:var(--brand-strong); }
.rm-cover-project-page :is(button,input,textarea,select,.button,[role=tabpanel]):focus-visible { outline:3px solid var(--rm-purple); outline-offset:3px; }
.rm-cover-project-page :is(.rm-cover-methods button,.rm-flow-library article,.rm-cover-upload-zone) { transition:background-color 140ms ease,border-color 140ms ease; }
.rm-cover-project-page .rm-cover-saving { width:18px; height:18px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:rm-motion-spin 850ms linear infinite; }
html[data-ui-motion-paused="true"] .rm-cover-project-page .rm-cover-saving { animation-play-state:paused; }
@media(max-width:800px) {
  .rm-cover-project-page .rm-flow-columns { grid-template-columns:minmax(180px,220px) minmax(0,1fr); gap:16px; }
  .rm-cover-project-page .rm-flow-library { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rm-cover-project-page .rm-cover-methods button { gap:5px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
  .rm-cover-project-page .rm-cover-methods .rm-cover-icon { width:17px; height:17px; }
}
@media(max-width:650px) {
  .rm-cover-project-page .rm-flow-main { padding:24px 16px 48px; }
  .rm-cover-project-page .rm-flow-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:16px; }
  .rm-cover-project-page .rm-flow-steps li { padding:9px 12px; }
  .rm-cover-project-page .rm-flow-heading { padding:20px; }
  .rm-cover-project-page .rm-flow-columns { grid-template-columns:minmax(0,1fr); }
  .rm-cover-project-page .rm-cover-current { position:static; display:grid; grid-template-columns:90px minmax(0,1fr); column-gap:18px; padding:18px; }
  .rm-cover-project-page .rm-cover-section-title { grid-column:1/-1; margin-bottom:14px; }
  .rm-cover-project-page .rm-cover-preview-frame, .rm-cover-project-page .rm-cover-current .rm-cover-preview-button { grid-row:2/4; }
  .rm-cover-project-page .rm-cover-empty { padding:8px; gap:0; }
  .rm-cover-project-page .rm-cover-empty svg { width:40px; height:60px; }
  .rm-cover-project-page .rm-cover-empty p { display:none; }
  .rm-cover-project-page .rm-cover-current .rm-cover-choice { margin:4px 0 8px; align-self:end; }
  .rm-cover-project-page .rm-cover-current .button { align-self:start; justify-content:flex-start; padding:8px 0; text-align:left; }
  .rm-cover-project-page .rm-flow-preview { max-width:none; }
  .rm-cover-project-page .rm-cover-method-panel { padding:18px; }
  .rm-cover-project-page .rm-cover-panel-heading h2, .rm-cover-project-page .cover-ai-heading h3 { font-size:22px; }
  .rm-cover-project-page .rm-cover-methods { gap:3px; padding:4px; }
  .rm-cover-project-page .rm-cover-methods button { flex-direction:column; gap:4px; padding:7px 3px; min-height:64px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); }
  .rm-cover-project-page .cover-ai-results { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rm-cover-project-page .rm-flow-actions { gap:10px; }
  .rm-cover-project-page .rm-flow-actions .button { padding:10px 13px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
  .rm-cover-project-page .rm-cover-dialog { padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .rm-cover-project-page .rm-cover-saving { animation:none; }
  .rm-cover-project-page *, .rm-cover-project-page *::before, .rm-cover-project-page *::after { transition:none!important; }
}

.rm-cover-project-page .rm-cover-local-note { margin:18px 0 0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; line-height:1.65; }
.rm-cover-project-page .rm-cover-preview-button { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; cursor:zoom-in; }
.rm-cover-project-page .rm-cover-preview-button:disabled { cursor:default; opacity:1; }
.rm-cover-project-page .rm-flow-preview { object-fit:contain; }
.rm-cover-project-page .rm-cover-filter { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 18px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-filter select { width:auto; max-width:100%; min-width:160px; margin:0; padding:8px 12px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.rm-cover-project-page .rm-cover-thumbnail { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.rm-cover-project-page .rm-cover-thumbnail img { display:block; }
.rm-cover-project-page .rm-flow-library h3 { margin:4px 0 0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((16px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.45; overflow-wrap:anywhere; }
.rm-cover-project-page .rm-flow-library .rm-cover-card-genre { margin:0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; line-height:1.5; }
.rm-cover-project-page .rm-cover-library-message { grid-column:1/-1; margin:0; }
.rm-cover-project-page .rm-cover-dialog { width:min(90vw,560px); max-height:90dvh; margin:auto; padding:22px; overflow:auto; border:1px solid var(--rm-line); border-radius:18px; background:var(--rm-paper); color:var(--rm-ink); }
.rm-cover-project-page .rm-cover-dialog::backdrop { background:rgba(20,16,30,.6); }
.rm-cover-project-page .rm-cover-dialog-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.rm-cover-project-page .rm-cover-dialog h2 { margin:0; font-size:20px; overflow-wrap:anywhere; }
.rm-cover-project-page .rm-cover-dialog img { display:block; width:auto; height:auto; max-width:100%; max-height:55dvh; margin:0 auto; border-radius:8px; }
.rm-cover-project-page .rm-cover-dialog > p { margin:14px 0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px) !important; }
.rm-cover-entry { max-width:900px!important; }
.rm-cover-entry-card { margin-top:24px; }
.rm-cover-project-list { display:grid; gap:12px; margin:20px 0; padding:0; list-style:none; }
.rm-cover-project-list a { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 18px; padding:18px; border:1px solid var(--rm-line); border-radius:12px; color:var(--rm-ink); text-decoration:none; }
.rm-cover-project-list a:hover { border-color:var(--rm-purple); background:var(--rm-purple-soft); }
.rm-cover-project-list strong { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((18px) * var(--rm-ui-type-scale, 1.2))), 1px); overflow-wrap:anywhere; }
.rm-cover-project-list a > span { color:var(--rm-ink-soft); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); overflow-wrap:anywhere; }
.rm-cover-project-list .rm-cover-entry-action { grid-column:2; grid-row:1/3; align-self:center; color:var(--rm-purple); font-weight:700; }
.rm-cover-entry-links { display:flex; flex-wrap:wrap; gap:12px; }
@media(max-width:650px) {
  .rm-cover-project-list a { grid-template-columns:minmax(0,1fr); }
  .rm-cover-project-list .rm-cover-entry-action { grid-column:1; grid-row:auto; margin-top:6px; }
}

body[data-page="cover-project"] .rm-flow-heading {
  position: relative;
  overflow: hidden;
  min-height: 196px;
  padding: 22px 28px;
  background-color: var(--rm-warm);
}
body[data-page="cover-project"] .rm-flow-heading::before,
body[data-page="cover-project"] .rm-flow-heading::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
body[data-page="cover-project"] .rm-flow-heading::before {
  background-image: url("../img/readmade-hero-covers-v2.webp?v=20260828-cover-character1");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 168%;
}
body[data-page="cover-project"] .rm-flow-heading::after {
  background-image:
    linear-gradient(90deg, var(--rm-warm) 0%, color-mix(in srgb, var(--rm-warm) 93%, transparent) 38%, transparent 66%),
    linear-gradient(0deg, var(--rm-warm) 0%, transparent 27%);
}
[data-theme="dark"] body[data-page="cover-project"] .rm-flow-heading::before {
  filter: brightness(0.88) saturate(0.92);
}
body[data-page="cover-project"] .rm-cover-intro {
  position: relative;
  z-index: 1;
  max-width: min(560px, 58%);
}
body[data-page="cover-project"] .rm-cover-intro :is(h1, p, .rm-cover-project-label) {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
body[data-page="cover-project"] .rm-flow-heading h1 { margin:0 0 10px; font-size:clamp(26px,3vw,34px); }
body[data-page="cover-project"] .rm-flow-heading p { margin:0 0 14px; }
@media (max-width: 800px) {
  body[data-page="cover-project"] .rm-flow-heading::before {
    background-position: right -8px center;
    background-size: auto 210px;
  }
  body[data-page="cover-project"] .rm-cover-intro { max-width: calc(100% - 148px); }
}
@media (max-width: 650px) {
  body[data-page="cover-project"] .rm-flow-heading { min-height: 168px; padding: 18px 20px; }
  body[data-page="cover-project"] .rm-flow-heading::before {
    background-position: right -36px center;
    background-size: auto 176px;
  }
  body[data-page="cover-project"] .rm-cover-intro { max-width: calc(100% - 108px); }
}

.rm-cover-guide { margin-top:24px; padding:16px 18px; border:1px solid var(--rm-line); border-radius:12px; background:var(--rm-paper); }
.rm-cover-guide summary { cursor:pointer; font-weight:700; }
.rm-cover-guide ul { padding-left:20px; line-height:1.8; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }