/* Standalone cover design library, using the shared READMADE palette. */
.rm-cover-store-page { background:var(--rm-paper); color:var(--rm-ink); font-family:var(--font-ui); }
.cs-shell { width:min(1240px,calc(100% - 80px)); margin-inline:auto; box-sizing:border-box; }
.rm-cover-store-page [hidden] { display:none !important; }
.rm-cover-store-page h1,.rm-cover-store-page h2,.rm-cover-store-page h3,.rm-cover-store-page button,.rm-cover-store-page input,.rm-cover-store-page select { font-family:var(--font-ui); }
.cs-kicker { margin:0 0 16px; font:700 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.6 var(--font-ui); letter-spacing:2px; color:var(--rm-purple); }

/* Shared service hero with the existing cover artwork and compact cover actions. */
.rm-cover-store-page .rm-service-hero-art {
  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%),
    url("../img/readmade-hero-covers-v2.webp?v=20260828-cover-character1");
  background-position: left top, left top, right max(26px, calc((100vw - 1320px) / 2)) center;
  background-size: 100% 100%, 100% 100%, auto 116%;
}

.rm-cover-store-page .rm-service-heading > p:not(.rm-service-kicker) {
  max-width: 31rem;
}

.rm-cover-store-page .cover-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 17px;
}

.rm-cover-store-page .cover-hero-actions a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid var(--rm-line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--rm-paper) 86%, transparent);
  color: var(--rm-ink);
  font-size: round(nearest, max(var(--rm-ui-type-min, 0px), calc((round(nearest, max(13px, 0.83rem), 1px)) * var(--rm-ui-type-scale, 1.2))), 1px);
  font-weight: 850;
  text-decoration: none;
}

.rm-cover-store-page .cover-hero-actions a:hover {
  border-color: var(--rm-purple);
  color: var(--rm-purple);
}

.rm-cover-store-page .cover-hero-actions a.is-primary {
  border-color: var(--rm-purple);
  background: var(--rm-purple);
  color: #fff;
}

.rm-cover-store-page .cover-hero-actions a.is-primary:hover {
  border-color: color-mix(in srgb, var(--rm-purple) 88%, #111116);
  background: color-mix(in srgb, var(--rm-purple) 88%, #111116);
  color: #fff;
}

@media (max-width: 700px) {
  .rm-cover-store-page .cover-hero-actions {
    gap: 5px;
    margin-top: 11px;
  }

  .rm-cover-store-page .cover-hero-actions a {
    padding: 6px 9px;
  }
}

.cs-text-link { display:inline-flex; align-items:center; width:fit-content; gap:12px; color:var(--rm-ink); font:650 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.6 var(--font-ui); text-decoration:none; padding:7px 0; border:0; border-bottom:1px solid var(--rm-line); background:none; cursor:pointer; }
.cs-routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--rm-line); border-radius:12px; margin-block:44px 52px; overflow:hidden; background:color-mix(in srgb,var(--rm-paper) 94%,var(--rm-warm)); }
.cs-routes>a { display:flex; align-items:center; gap:16px; padding:25px 24px; color:var(--rm-ink); text-decoration:none; transition:background .15s; }
.cs-routes>a+a { border-left:1px solid var(--rm-line); }
.cs-routes>a:hover { background:var(--rm-warm); }
.cs-route-number { color:var(--rm-purple); font:550 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); align-self:flex-start; }
.cs-routes strong { display:block; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((16px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:720; margin-bottom:7px; }
.cs-routes div>span { display:block; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.65; color:var(--rm-ink-soft); }
.cs-routes b { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((23px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:400; margin-left:auto; }
.cs-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:28px; }
.cs-section-heading h2,.cs-usage h2 { margin:0; font:750 32px/1.4 var(--font-ui); letter-spacing:-1px; }
.cs-section-heading .cs-kicker { margin-bottom:9px; }
.cs-section-heading div>p:last-child { 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); line-height:1.75; margin:12px 0 0; }
.cs-search { position:relative; flex:0 0 220px; }
.cs-search input { width:100%; box-sizing:border-box; padding:12px 40px 12px 16px; background:transparent; border:1px solid var(--rm-line); color:var(--rm-ink); border-radius:7px; font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.cs-search>span:last-child { position:absolute; right:15px; top:8px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((24px) * var(--rm-ui-type-scale, 1.2))), 1px); pointer-events:none; }
.cs-filters { grid-template-columns:minmax(0,1fr); padding:22px 0; border-block:1px solid var(--rm-line); display:grid; gap:16px; }
.cs-filter-row { display:flex; align-items:flex-start; gap:20px; }
.cs-filter-label { padding-top:9px; width:46px; flex-shrink:0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); font-weight:650; color:var(--rm-ink-soft); }
.cs-chips { display:flex; flex-wrap:wrap; gap:8px; }
.cs-chips button { border:1px solid transparent; background:transparent; color:var(--rm-ink-soft); border-radius:24px; padding:8px 16px; font:500 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); cursor:pointer; }
.cs-chips button.is-active { background:var(--rm-ink); color:var(--rm-paper); }
.cs-chips button:hover { border-color:var(--rm-line); }
.cs-style-chips button { border-color:var(--rm-line); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-style-chips button.is-active { border-color:var(--rm-purple); color:var(--rm-purple); background:color-mix(in srgb,var(--rm-purple) 8%,var(--rm-paper)); }
.cs-results-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:23px 0; }
.cs-results-bar>p { margin:0; font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.7 var(--font-ui); color:var(--rm-ink-soft); }
.cs-access-filter { display:flex; flex-wrap:wrap; gap:16px; }
.cs-access-filter button { color:var(--rm-ink-soft); font:500 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); cursor:pointer; border:0; background:none; padding:5px 0; }
.cs-access-filter button.is-active { color:var(--rm-ink); font-weight:750; box-shadow:0 1px 0 var(--rm-ink); }
.cs-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:36px 24px; }
.cs-card { min-width:0; }
.cs-card-open { display:block; width:100%; padding:0; border:0; text-align:left; color:inherit; background:transparent; cursor:pointer; }
.cs-card-art { position:relative; display:block; aspect-ratio:2/3; overflow:hidden; border-radius:4px; background:var(--rm-warm); border:1px solid color-mix(in srgb,var(--rm-ink) 8%,transparent); box-shadow:0 4px 10px #0000000a; transition:transform .2s,box-shadow .2s; }
.cs-card-open:hover .cs-card-art { transform:translateY(-5px); box-shadow:0 12px 22px #00000018; }
.cs-card-art img { width:100%; height:100%; object-fit:cover; display:block; }
.cs-card-lettering { position:absolute; inset:10% 10% auto; font:700 round(nearest, max(var(--rm-ui-type-min, 0px), calc((23px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.4 var(--font-ui); color:#252a35; white-space:pre-line; letter-spacing:-1px; overflow-wrap:anywhere; }
.cs-card-lettering small { display:block; margin-top:15px; font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((9px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); letter-spacing:1px; }
.cs-card[data-ink="light"] .cs-card-lettering { color:#fff; text-shadow:0 1px 10px #0003; }
.cs-card-info { display:block; padding:15px 0 0; }
.cs-card-title { display:block; font:700 round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); overflow-wrap:anywhere; }
.cs-card-meta { display:block; color:var(--rm-ink-soft); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.6 var(--font-ui); margin-top:5px; }
.cs-card-price { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:11px; font:500 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.6 var(--font-ui); color:var(--rm-ink-soft); }
.cs-card-price .is-free { color:var(--rm-purple); font-weight:700; }
.cs-card-price .is-cash { color:var(--rm-ink); font-weight:650; }
.cs-grid>.cs-empty { grid-column:1 / -1; padding:60px 0; text-align:center; color:var(--rm-ink-soft); }
.cs-gallery-note { font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.7 var(--font-ui); color:var(--rm-ink-soft); margin:35px 0 0; }
.cs-library { padding-bottom:80px; scroll-margin-top:110px; }
.cs-ai-section { background:color-mix(in srgb,var(--rm-purple) 5%,var(--rm-paper)); border-block:1px solid var(--rm-line); padding:65px 0; scroll-margin-top:100px; }
.cs-ai-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:44px; margin-top:32px; }
.cs-spark { display:block; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((36px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1; color:var(--rm-purple); margin-bottom:16px; }
.cs-ai-guide h3 { font:720 round(nearest, max(var(--rm-ui-type-min, 0px), calc((24px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.45 var(--font-ui); letter-spacing:-1px; margin:0 0 18px; }
.cs-ai-guide ol { padding-left:19px; 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); line-height:1.85; }
.cs-ai-guide ol li { padding-left:3px; margin-bottom:8px; }
.cs-ai-guide p { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.8; color:var(--rm-ink-soft); margin-top:20px; }
.cs-ai-guide>a { display:flex; margin-top:10px; }
.cs-ai-guest-card { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; padding:28px 32px; border:1px solid var(--rm-line); border-radius:14px; background:var(--rm-paper); }
.cs-ai-guest-steps { display:flex; flex-wrap:wrap; gap:10px 18px; margin:14px 0 0; padding:0; list-style:none; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); color:var(--rm-ink-soft); }
.cs-ai-guest-steps li { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; background:color-mix(in srgb,var(--rm-purple) 7%,var(--rm-paper)); color:var(--rm-ink); font-weight:600; }
.cs-ai-guest-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.cs-ai-layout .cover-ai-product { background:var(--rm-paper); border:1px solid var(--rm-line); border-radius:12px; padding:28px; margin:0; min-width:0; }
.cs-ai-layout .cover-ai-product h3 { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((22px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-ai-layout .cover-ai-product>p { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); line-height:1.8; }
.cs-ai-layout .cover-ai-form label { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-ai-layout .cover-ai-form input:not([type=radio]):not([type=checkbox]),.cs-ai-layout .cover-ai-form select,.cs-ai-layout .cover-ai-form textarea { background:var(--rm-paper); color:var(--rm-ink); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.6 var(--font-ui); }
.cs-ai-layout .cover-ai-form [type=submit] { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-pill { display:inline-block; width:fit-content; border:1px solid var(--rm-line); border-radius:24px; padding:7px 12px; color:var(--rm-purple); background:var(--rm-paper); font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.cs-usage { display:grid; grid-template-columns:1fr 2fr; gap:50px; padding-block:70px 45px; }
.cs-usage-list details { padding:20px 0; border-bottom:1px solid var(--rm-line); }
.cs-usage-list details:first-child { padding-top:0; }
.cs-usage-list summary,.cs-project-section summary { cursor:pointer; font:650 round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.8 var(--font-ui); }
.cs-usage-list details p { margin:18px 0 0; color:var(--rm-ink-soft); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.9 var(--font-ui); }
.cs-project-section { padding-block:15px 65px; }
.cs-project-section>details { border:1px solid var(--rm-line); border-radius:10px; padding:20px 24px; }
.cs-project-section>details>p { font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.8 var(--font-ui); color:var(--rm-ink-soft); }
.cs-project-section .cs-text-link { margin-right:24px; }
.cs-project-list { list-style:none; padding:0; }
.cs-project-list a { color:var(--rm-ink); text-decoration:none; display:flex; gap:16px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--rm-line); padding:14px 0; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-project-list strong { overflow-wrap:anywhere; }
.cs-project-list span { color:var(--rm-ink-soft); font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-muted { color:var(--rm-ink-soft); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.8 var(--font-ui); }
html.cs-preview-open { overflow:hidden; scrollbar-gutter:stable; }
.cs-detail { box-sizing:border-box; width:min(920px,calc(100% - 32px)); max-width:none; max-height:calc(100dvh - 40px); padding:0; background:var(--rm-paper); color:var(--rm-ink); border:1px solid var(--rm-line); border-radius:14px; overflow:hidden; }
.cs-detail[open] { display:flex; flex-direction:column; }
.cs-detail::backdrop { background:#12101bb3; backdrop-filter:blur(5px); }
.cs-detail-top { display:flex; flex:none; justify-content:space-between; align-items:center; border-bottom:1px solid var(--rm-line); padding:14px 22px; }
.cs-detail-top>span { color:var(--rm-ink-soft); font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); letter-spacing:2px; }
.cs-detail-top button { border:1px solid var(--rm-line); background:transparent; color:var(--rm-ink); border-radius:24px; padding:8px 13px; cursor:pointer; font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.cs-detail-top button span { margin-left:8px; }
.cs-detail-content { display:grid; grid-template-columns:1fr 1fr; min-width:0; min-height:0; gap:35px; padding:30px; overflow-y:auto; overscroll-behavior:contain; }
.cs-detail-art { margin:0; align-self:start; border-radius:4px; overflow:visible; background:transparent; }
.cs-detail-art.rm-cover-mockup { position:sticky; top:0; }
.cs-detail-art img { display:block; width:100%; height:auto; aspect-ratio:2/3; object-fit:cover; }
.cs-detail-copy { min-width:0; }
.cs-detail-copy .cs-kicker { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px); letter-spacing:1px; }
.cs-detail-copy h2 { margin:0 0 16px; font:750 27px/1.5 var(--font-ui); letter-spacing:-1px; }
.cs-detail-copy form { margin-top:24px; display:grid; gap:16px; }
.cs-detail-copy label { display:grid; gap:7px; font:600 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.cs-detail-copy input,.cs-detail-copy select,.cs-detail-copy textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid var(--rm-line); border-radius:6px; padding:11px 12px; background:var(--rm-paper); color:var(--rm-ink); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.5 var(--font-ui); }
.cs-detail-status { min-height:24px; color:var(--rm-ink-soft); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((13px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.7 var(--font-ui); margin:16px 0; }
.cs-detail-copy>.button { width:100%; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }
.cs-detail-copy>.cs-text-link { margin-top:12px; }
.cs-detail-copy>.cs-muted { margin-top:18px; }
.rm-cover-store-page button:disabled { opacity:.5; cursor:not-allowed; }
.rm-cover-store-page :is(button,a,input,select,summary,textarea):focus-visible { outline:3px solid var(--rm-purple); outline-offset:4px; }
@media(max-width:1100px) { .cs-shell { width:calc(100% - 48px); }.cs-routes>a { padding:22px 18px; gap:12px; }.cs-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 22px; }.cs-ai-layout { grid-template-columns:230px minmax(0,1fr); gap:30px; } }
@media(max-width:800px) { .cs-routes { margin-block:32px 40px; }.cs-routes>a { padding:20px 14px; gap:10px; }.cs-route-number { display:none; }.cs-routes strong { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-routes div>span { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-routes b { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((18px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.cs-ai-layout { grid-template-columns:1fr; }.cs-ai-guide { display:none; }.cs-usage { grid-template-columns:1fr; gap:30px; }.cs-detail-content { gap:24px; padding:24px; }.cs-detail-copy h2 { font-size:23px; } }
@media(max-width:580px) { .cs-shell { width:calc(100% - 36px); }.cs-routes { grid-template-columns:1fr; margin-block:24px 32px; }.cs-routes>a { padding:18px 20px; gap:18px; }.cs-routes>a+a { border-left:0; border-top:1px solid var(--rm-line); }.cs-route-number { display:block; }.cs-routes strong { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((15px) * var(--rm-ui-type-scale, 1.2))), 1px); margin-bottom:3px; }.cs-routes div>span { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-section-heading { display:block; margin-bottom:22px; }.cs-section-heading h2,.cs-usage h2 { font-size:26px; }.cs-section-heading div>p:last-child { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-search { display:block; margin-top:20px; width:100%; }.cs-filter-row { display:block; }.cs-filter-label { display:block; width:auto; padding:0; margin-bottom:10px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-chips { gap:6px; }.cs-chips button { padding:7px 11px; font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-filters { gap:20px; padding-block:20px; }.cs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 16px; }.cs-card-lettering { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((19px) * var(--rm-ui-type-scale, 1.2))), 1px); letter-spacing:-.5px; }.cs-card-lettering small { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((8px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-card-title { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((14px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-card-meta { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-card-price { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px); flex-wrap:wrap; margin-top:8px; }.cs-results-bar { flex-wrap:wrap; padding:20px 0; }.cs-results-bar>p { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-gallery-note { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((11px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-library { padding-bottom:45px; }.cs-ai-section { padding:40px 0; }.cs-section-heading>.cs-pill { margin-top:18px; }.cs-ai-layout { margin-top:22px; }.cs-ai-guest-card { padding:20px 18px; }.cs-ai-layout .cover-ai-product { padding:20px 16px; }.cs-ai-layout .cover-ai-product h3 { font-size:round(nearest, max(var(--rm-ui-type-min, 0px), calc((20px) * var(--rm-ui-type-scale, 1.2))), 1px); }.cs-ai-layout .cover-ai-form { grid-template-columns:1fr; }.cs-ai-layout .cover-ai-wide { grid-column:1; }.cs-usage { padding-block:45px 30px; }.cs-project-section { padding-bottom:40px; }.cs-project-section>details { padding:18px; }.cs-detail { width:calc(100% - 20px); max-height:calc(100dvh - 24px); }.cs-detail-content { grid-template-columns:1fr; padding:22px; gap:25px; }.cs-detail-art { width:min(230px,100%); justify-self:center; }.cs-detail-copy h2 { font-size:24px; }.cs-detail-copy form { margin-top:20px; } }
@media(prefers-reduced-motion:reduce) { .cs-card-art,.cs-routes>a { transition:none; }.cs-card-open:hover .cs-card-art { transform:none; } }

.cs-ai-entry-links { display:flex; flex-wrap:wrap; gap:14px 28px; margin-top:16px; }

.cs-audience-note { margin:14px 0 0; color:var(--rm-ink-soft); font:400 round(nearest, max(var(--rm-ui-type-min, 0px), calc((12px) * var(--rm-ui-type-scale, 1.2))), 1px)/1.7 var(--font-ui); }
@media(max-width:580px) {
  .cs-filter-row { display:flex; align-items:center; min-width:0; width:100%; gap:8px; }
  .cs-filter-label { flex:0 0 46px; margin:0; }
  .cs-filter-row .cs-chips { flex:1 1 0; min-width:0; max-width:100%; flex-wrap:nowrap; overflow-x:auto; padding:3px 2px 8px; scrollbar-width:thin; }
  .cs-filter-row .cs-chips button { flex-shrink:0; white-space:nowrap; }
}

@media(max-width:580px) {
  .cs-detail-content { grid-template-columns:minmax(0,1fr); min-width:0; overflow-x:hidden; padding:18px; gap:20px; }
  .cs-detail-art.rm-cover-mockup { width:min(180px,calc(32vh * 2 / 3)); width:min(180px,calc(32dvh * 2 / 3)); max-width:100%; justify-self:center; }
  .cs-detail-copy { min-width:0; overflow-wrap:anywhere; }
}