.rr-component-library{--cl-ink:#11191d;--cl-ac:#ee5d0e;--cl-line:#e8dfd2;width:min(1440px,calc(100% - 32px));margin:32px auto 80px;color:#3c4548;font-family:'Helvetica Neue',Arial,sans-serif}.rr-component-library>header{padding:34px;border-radius:22px;background:#11191d;color:#fff}.rr-component-library>header>span{color:#ff9a5f;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rr-component-library h1{margin:8px 0 10px;color:#fff;font:300 clamp(30px,4vw,52px)/1.05 Georgia,serif}.rr-component-library>header p{max-width:72ch;margin:0;color:#d7dcdd}.rr-component-library>nav{position:sticky;top:0;z-index:20;display:flex;gap:7px;overflow:auto;padding:12px 0;background:#f7f4ef}.rr-component-library>nav a{padding:8px 12px;border:1px solid var(--cl-line);border-radius:999px;background:#fff;color:#7b3b16;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.rr-component-library__grid{display:grid;gap:18px}.rr-component-library__grid>article{scroll-margin-top:70px;padding:24px;border:1px solid var(--cl-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(39,25,13,.05)}.rr-component-library__title{display:flex;align-items:start;justify-content:space-between;gap:18px}.rr-component-library small{color:#756d66;font-size:11px}.rr-component-library h2{margin:3px 0 0;color:var(--cl-ink);font:300 26px/1.15 Georgia,serif}.rr-component-library code{padding:4px 7px;border-radius:6px;background:#fdf9f4;color:#9c3f13;font:12px/1.5 ui-monospace,monospace}.rr-component-library dl{display:flex;gap:20px;margin:18px 0}.rr-component-library dl div{display:grid;gap:2px}.rr-component-library dt{color:#756d66;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.rr-component-library dd{margin:0;color:var(--cl-ink);font-size:13px}.rr-component-library h3{margin:18px 0 10px;color:var(--cl-ink);font-size:13px}.rr-component-library__renderers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.rr-component-library__renderers section{display:grid;gap:7px;padding:14px;border:1px solid var(--cl-line);border-radius:12px;background:#fdf9f4}.rr-component-library__renderers span{justify-self:start;padding:3px 7px;border-radius:999px;background:#eaf4eb;color:#3f6b45;font-size:9px;font-weight:800;text-transform:uppercase}.rr-component-library__renderers strong{color:var(--cl-ink);font-size:13px}.rr-component-library details{margin-top:14px}.rr-component-library summary{cursor:pointer;color:#9c3f13;font-size:12px;font-weight:700}.rr-component-library details>code{display:block;margin-top:8px;overflow:auto;white-space:pre-wrap}@media(max-width:700px){.rr-component-library{width:calc(100% - 24px);margin-top:18px}.rr-component-library>header{padding:24px}.rr-component-library__title{display:grid}.rr-component-library dl{display:grid;gap:10px}}
/* The public catalog follows the same semantic shelves as the TYPO3 plugin wizard. */
.rr-component-library__grid{gap:30px}.rr-component-library__shelf{scroll-margin-top:70px}.rr-component-library__shelf>header{display:flex;align-items:end;gap:12px;margin:0 0 12px;padding:0 4px}.rr-component-library__shelf>header small{color:#b5470c;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rr-component-library__shelf>header h2{margin:0}.rr-component-library__shelf>header span{margin-left:auto;color:#756d66;font-size:12px}.rr-component-library__shelf-grid{display:grid;gap:18px}.rr-component-library__shelf-grid>article{scroll-margin-top:70px;padding:24px;border:1px solid var(--cl-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(39,25,13,.05)}