/* RagdollCats.online v5: Page previews, accessible publishing, premium layout family.
   Separate from v4 CSS so older themes remain compatible. */
:root{--v5-radius:22px;--v5-focus:#255d83}
:focus-visible{outline:3px solid var(--v5-focus)!important;outline-offset:3px}
html{scroll-padding-top:92px}a,button,select{touch-action:manipulation}button,select,input,textarea{max-width:100%}
.preview-page-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}
.preview-page-tabs button{font:700 .85rem/1.2 system-ui,sans-serif;padding:11px 14px;border:1px solid #cbd9ce;background:#fff;color:#3c5445;border-radius:12px;min-height:44px;cursor:pointer;flex:1 1 auto}
.preview-page-tabs button.active{background:#315c4c;border-color:#315c4c;color:white}
.v5-preview-subpage{display:none;min-height:440px;background:var(--cat-bg,#f4f4ed);color:var(--cat-ink,#304439);padding:clamp(20px,4vw,52px)}
.v5-preview-subpage h3{font-size:clamp(2rem,5vw,3.1rem);line-height:1.12;letter-spacing:-.035em;margin:10px 0 18px}
.v5-preview-subpage p{max-width:60ch;line-height:1.7}
.v4-preview[data-current-page="cats"] .v4-preview-hero,.v4-preview[data-current-page="cats"] .v4-preview-under,.v4-preview[data-current-page="cats"] .v4-preview-listings,
.v4-preview[data-current-page="about"] .v4-preview-hero,.v4-preview[data-current-page="about"] .v4-preview-under,.v4-preview[data-current-page="about"] .v4-preview-listings,
.v4-preview[data-current-page="contact"] .v4-preview-hero,.v4-preview[data-current-page="contact"] .v4-preview-under,.v4-preview[data-current-page="contact"] .v4-preview-listings{display:none!important}
.v4-preview[data-current-page="cats"] [data-page-visible="cats"],.v4-preview[data-current-page="about"] [data-page-visible="about"],.v4-preview[data-current-page="contact"] [data-page-visible="contact"]{display:block}
.v5-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:22px}
.v5-mini-grid>div{min-width:0;background:#fff;padding:8px;border:1px solid #e2e8df;border-radius:12px;box-shadow:0 5px 17px #223e2a08}
.v5-mini-grid img{width:100%;height:110px;object-fit:cover;border-radius:9px;display:block}
.v5-mini-grid strong,.v5-mini-grid small{display:block;margin:5px 3px;font-size:.88rem}
.v5-mini-grid small{color:#5a6d61;font-size:.72rem}
.v5-mini-about{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1fr);gap:22px;align-items:center}
.v5-mini-about img{width:100%;height:260px;object-fit:cover;border-radius:18px}
.v5-mini-form{display:grid;gap:10px;max-width:470px;background:#ffffffd7;border-radius:16px;padding:20px;color:#314638}
.v5-mini-form label{font-size:.85rem;font-weight:700;margin:0;display:grid;gap:4px}
.v5-mini-form input,.v5-mini-form textarea{border:1px solid #cbd7ce;background:#f9faf6;border-radius:8px;padding:9px;width:100%;min-height:40px;max-width:100%}
.v5-mini-form textarea{min-height:80px}
.v5-mini-form .v4-preview-cta{display:inline-flex;justify-content:center;max-width:max-content;padding:11px 18px}
/* Distinctive public site families. The customer supplies the photography and factual copy. */
.cattery.hero-bento .cattery-hero{padding:38px 0;background:linear-gradient(125deg,var(--cat-bg),#fff 82%)}
.cattery.hero-bento .cattery-hero-grid{grid-template-columns:1fr 1.18fr;gap:clamp(15px,3vw,45px)}
.cattery.hero-bento .cattery-hero-grid>div:first-child{background:#fff;border-radius:32px;padding:clamp(26px,4vw,60px);box-shadow:0 12px 45px #273f3110}
.cattery.hero-bento .cattery-picture{height:530px;border-radius:170px 24px 24px 24px;box-shadow:16px 16px 0 #ffffffcc}
.v4-preview.hero-bento .v4-preview-hero{grid-template-columns:1fr 1.2fr;gap:11px;background:var(--cat-bg)}
.v4-preview.hero-bento .v4-preview-words{background:#ffffffda;margin:14px;border-radius:18px;padding:18px}
.v4-preview.hero-bento .v4-preview-photo{border-radius:35% 12px 12px 12px}
.cattery.hero-journal .cattery-hero{background:#fefcf8;padding:60px 0;border-block:1px solid #e5e2d9}
.cattery.hero-journal .cattery-hero-grid{grid-template-columns:1fr 1.03fr;gap:5%;align-items:center}
.cattery.hero-journal .cattery-hero-grid>div:first-child{padding-left:clamp(10px,4vw,80px);border-left:3px solid var(--cat-accent)}
.cattery.hero-journal .cattery-hero h1{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em}
.cattery.hero-journal .cattery-picture{height:550px;border-radius:250px 250px 4px 4px;filter:saturate(.83)}
.v4-preview.hero-journal .v4-preview-hero{grid-template-columns:1fr 1fr;background:#fefcf8}.v4-preview.hero-journal .v4-preview-words{border-left:3px solid var(--cat-accent);margin:25px 0 25px 15px}.v4-preview.hero-journal h3{font-family:Georgia,serif;font-style:italic;font-weight:400}
.cattery.hero-showcase .cattery-hero{padding:0;background:#fff}
.cattery.hero-showcase .cattery-hero-grid{display:flex;flex-direction:column-reverse;gap:0;width:100%;max-width:none}
.cattery.hero-showcase .cattery-picture{width:100%;max-width:none;height:clamp(330px,45vw,640px);border-radius:0}
.cattery.hero-showcase .cattery-hero-grid>div:first-child{position:relative;z-index:2;text-align:center;background:var(--cat-bg);padding:35px clamp(20px,4vw,60px);width:min(1040px,92%);margin:-80px auto 35px;border-radius:24px;box-shadow:0 15px 40px #1e34231c}
.cattery.hero-showcase .cattery-intro{margin:15px auto}.cattery.hero-showcase .hero-actions{justify-content:center}
.v4-preview.hero-showcase .v4-preview-hero{display:flex;flex-direction:column-reverse!important;gap:0;background:#fff}.v4-preview.hero-showcase .v4-preview-photo{min-height:260px;border-radius:0}.v4-preview.hero-showcase .v4-preview-words{max-width:90%;margin:-35px auto 25px;text-align:center;background:var(--cat-bg);position:relative;border-radius:18px;box-shadow:0 8px 21px #263c2815}
.cattery.hero-duo .cattery-hero{padding:58px 0;background:linear-gradient(90deg,var(--cat-bg) 51%,#fff 51%)}
.cattery.hero-duo .cattery-hero-grid{grid-template-columns:1.13fr .87fr;gap:5%}
.cattery.hero-duo .cattery-picture{height:500px;max-width:490px;border-radius:24px 240px 24px 24px}
.cattery.hero-duo .cattery-hero h1{font-family:Palatino,Georgia,serif;letter-spacing:-.055em}
.v4-preview.hero-duo .v4-preview-hero{grid-template-columns:1.13fr .87fr;background:linear-gradient(90deg,var(--cat-bg) 55%,#fff 55%)}
.v4-preview.hero-duo .v4-preview-photo{border-radius:18px 100px 18px 18px;margin:20px}
/* Publisher is an admin-only responsive workspace, not part of public marketing pages. */
.social-studio{max-width:1320px}.social-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:25px;align-items:start}
.social-studio .panel{min-width:0;padding:clamp(19px,2.5vw,34px)}
.social-studio .panel h2{font-size:clamp(1.5rem,2.5vw,2.25rem);margin-top:0}
.social-studio .panel form{display:block}.social-studio form label{display:block;font-size:.9rem;margin:13px 0 7px;font-weight:680}
.social-studio .panel :where(input,select,textarea){width:100%;min-height:46px;max-width:100%;box-sizing:border-box}
.social-studio .panel textarea{min-height:125px;resize:vertical}
.social-studio .actions form{display:inline-flex!important;width:auto;margin:0}
.social-status{border:1px solid #dae4d9;background:#f5f9f5;border-radius:30px;padding:10px 14px;color:#325d46;font-size:.83rem;font-weight:700}
.social-page-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e4ebe5}
.social-page-line strong,.social-page-line small{display:block}.social-page-line small{font-size:.73rem;color:#708179}
.social-post-preview{border:1px solid #dbe3dc;background:linear-gradient(145deg,#f9faf8,#fff);border-radius:16px;padding:21px;margin:18px 0}
.social-post-preview-head{display:flex;align-items:center;gap:12px}
.social-avatar{width:43px;height:43px;border-radius:50%;background:#3e6b7c;color:#fff;display:grid;place-items:center;font-weight:800}
.social-post-preview-head strong,.social-post-preview-head small{display:block;font-size:.86rem}
.social-post-preview-head small{color:#687b6e;font-size:.73rem}
.social-post-preview p{white-space:pre-wrap;overflow-wrap:anywhere;color:#35493c;line-height:1.6;font-size:.94rem;margin:20px 0}
.social-post-preview a{display:block;border:1px solid #e0e7e1;border-radius:9px;padding:12px;background:#fff;overflow-wrap:anywhere}
.social-post-list{display:grid;gap:14px}.social-post-item{background:#fcfcfa;border:1px solid #e4eae4;border-radius:16px;padding:19px;min-width:0}
.social-post-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}.social-post-head small{color:#698073}.social-post-body{white-space:pre-wrap;overflow-wrap:anywhere}
.social-post-item .actions{margin-top:12px}.field-required select{border-color:#8a6e49}
/* Accessible sizing; mobile layouts stack instead of creating horizontal scroll. */
@media(max-width:900px){.social-studio-grid{grid-template-columns:1fr}.cattery.hero-bento .cattery-hero-grid,.cattery.hero-journal .cattery-hero-grid,.cattery.hero-duo .cattery-hero-grid{grid-template-columns:1fr}.cattery.hero-bento .cattery-picture,.cattery.hero-journal .cattery-picture,.cattery.hero-duo .cattery-picture{height:350px;max-width:none}.cattery.hero-showcase .cattery-hero-grid>div:first-child{margin:-35px auto 25px}}
@media(max-width:600px){.preview-page-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-page-tabs button{padding:10px 8px}.v5-mini-grid{gap:6px}.v5-mini-grid img{height:70px}.v5-mini-grid strong{font-size:.75rem}.v5-mini-about{display:block}.v5-mini-about img{height:150px;margin-bottom:16px}.v5-preview-subpage{min-height:310px;padding:19px}.v5-preview-subpage h3{font-size:1.7rem}.v5-mini-form{padding:12px}.social-studio .panel{padding:18px}.social-studio .dashboard-top{align-items:flex-start;flex-direction:column}.cattery.hero-showcase .cattery-picture{height:280px}.cattery.hero-showcase .cattery-hero-grid>div:first-child{margin:-24px auto 20px}.cattery.hero-bento .cattery-hero-grid>div:first-child{padding:22px}.cattery.hero-duo .cattery-hero{background:var(--cat-bg)}}
@media(prefers-reduced-motion:reduce){.social-studio *,.v5-preview-subpage *{transition:none!important;scroll-behavior:auto!important}}

/* Unique palettes for signature v4 and new v5 presets. */
.cattery.theme-larkspur,.theme-swatch.theme-larkspur,.v4-theme-card.theme-larkspur,.theme-quick-btn.theme-larkspur{--cat-bg:#edeafa;--cat-ink:#53476f;--cat-accent:#6a5d8c;--tp-bg:#edeafa;--tp-ink:#53476f;}
.cattery.theme-golden,.theme-swatch.theme-golden,.v4-theme-card.theme-golden,.theme-quick-btn.theme-golden{--cat-bg:#f1e5c8;--cat-ink:#564529;--cat-accent:#795e2e;--tp-bg:#f1e5c8;--tp-ink:#564529;}
.cattery.theme-heritage,.theme-swatch.theme-heritage,.v4-theme-card.theme-heritage,.theme-quick-btn.theme-heritage{--cat-bg:#f4e8e4;--cat-ink:#593c3c;--cat-accent:#865c57;--tp-bg:#f4e8e4;--tp-ink:#593c3c;}
.cattery.theme-atelier,.theme-swatch.theme-atelier,.v4-theme-card.theme-atelier,.theme-quick-btn.theme-atelier{--cat-bg:#e8eef0;--cat-ink:#334753;--cat-accent:#4d6173;--tp-bg:#e8eef0;--tp-ink:#334753;}
.cattery.theme-meadow,.theme-swatch.theme-meadow,.v4-theme-card.theme-meadow,.theme-quick-btn.theme-meadow{--cat-bg:#e9f0dd;--cat-ink:#2f4838;--cat-accent:#3c7557;--tp-bg:#e9f0dd;--tp-ink:#2f4838;}
.cattery.theme-inkwell,.theme-swatch.theme-inkwell,.v4-theme-card.theme-inkwell,.theme-quick-btn.theme-inkwell{--cat-bg:#e9e7e4;--cat-ink:#343a3c;--cat-accent:#333c44;--tp-bg:#e9e7e4;--tp-ink:#343a3c;}
.cattery.theme-moonstone,.theme-swatch.theme-moonstone,.v4-theme-card.theme-moonstone,.theme-quick-btn.theme-moonstone{--cat-bg:#e9f2f7;--cat-ink:#334e5f;--cat-accent:#486d87;--tp-bg:#e9f2f7;--tp-ink:#334e5f;}
.cattery.theme-hearth,.theme-swatch.theme-hearth,.v4-theme-card.theme-hearth,.theme-quick-btn.theme-hearth{--cat-bg:#f2e8dd;--cat-ink:#593f32;--cat-accent:#8e5f47;--tp-bg:#f2e8dd;--tp-ink:#593f32;}
.cattery.theme-evergreen,.theme-swatch.theme-evergreen,.v4-theme-card.theme-evergreen,.theme-quick-btn.theme-evergreen{--cat-bg:#e6ede2;--cat-ink:#243c2f;--cat-accent:#315845;--tp-bg:#e6ede2;--tp-ink:#243c2f;}
.cattery.theme-heather,.theme-swatch.theme-heather,.v4-theme-card.theme-heather,.theme-quick-btn.theme-heather{--cat-bg:#f0eaf1;--cat-ink:#493d53;--cat-accent:#664f76;--tp-bg:#f0eaf1;--tp-ink:#493d53;}
.cattery.theme-porcelain,.theme-swatch.theme-porcelain,.v4-theme-card.theme-porcelain,.theme-quick-btn.theme-porcelain{--cat-bg:#e9f1f4;--cat-ink:#2e4b5e;--cat-accent:#3b6281;--tp-bg:#e9f1f4;--tp-ink:#2e4b5e;}
.cattery.theme-cloudberry,.theme-swatch.theme-cloudberry,.v4-theme-card.theme-cloudberry,.theme-quick-btn.theme-cloudberry{--cat-bg:#f6edf0;--cat-ink:#513647;--cat-accent:#84506a;--tp-bg:#f6edf0;--tp-ink:#513647;}
.cattery.theme-harbor,.theme-swatch.theme-harbor,.v4-theme-card.theme-harbor,.theme-quick-btn.theme-harbor{--cat-bg:#e8eff2;--cat-ink:#2d4052;--cat-accent:#3b586f;--tp-bg:#e8eff2;--tp-ink:#2d4052;}
.cattery.theme-magnolia,.theme-swatch.theme-magnolia,.v4-theme-card.theme-magnolia,.theme-quick-btn.theme-magnolia{--cat-bg:#f6eeed;--cat-ink:#513e4d;--cat-accent:#735969;--tp-bg:#f6eeed;--tp-ink:#513e4d;}
.cattery.theme-onyx,.theme-swatch.theme-onyx,.v4-theme-card.theme-onyx,.theme-quick-btn.theme-onyx{--cat-bg:#ece7e0;--cat-ink:#342f2b;--cat-accent:#5c5047;--tp-bg:#ece7e0;--tp-ink:#342f2b;}
.cattery.theme-bluelinen,.theme-swatch.theme-bluelinen,.v4-theme-card.theme-bluelinen,.theme-quick-btn.theme-bluelinen{--cat-bg:#e7edf1;--cat-ink:#2e4c5e;--cat-accent:#426b80;--tp-bg:#e7edf1;--tp-ink:#2e4c5e;}