/* Public guides share the homepage's display type, quiet color and card surfaces. */
#root .public-page.public-refresh{width:min(100% - 64px,1240px);max-width:1240px;margin:34px auto 64px;padding:0;line-height:1.7;color:var(--brand-plum,#30162c)}
.public-refresh .breadcrumbs{margin:0 0 28px;justify-content:center;color:#75616d}
#root .public-refresh.pricing-page .pricing-intro h1{font-family:var(--ui-display,'DM Serif Display',Georgia,serif);font-weight:400}
#root .public-refresh:not(.pricing-page)>.public-hero{max-width:none;margin:0 0 48px;padding:48px clamp(24px,5vw,68px);border:1px solid var(--brand-line,#e7dbe1);border-radius:24px;background:#fbf1f4;color:var(--brand-plum,#30162c)}
#root .public-refresh:not(.pricing-page)>.public-hero h1{font-family:var(--ui-display,'DM Serif Display',Georgia,serif);font-weight:400;font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-.035em;color:var(--brand-plum,#30162c);max-width:940px;margin:12px auto 22px;text-wrap:balance}
#root .public-refresh:not(.pricing-page)>.public-hero .eyebrow{color:var(--brand-berry,#b61055);justify-content:center}
#root .public-refresh:not(.pricing-page)>.public-hero .lead{color:#6f5967;font-size:18px;line-height:1.7;max-width:750px;margin:0 auto 26px}
#root .public-refresh:not(.pricing-page)>.public-hero .price-note{color:#705d68;font-size:13px;margin-top:17px}
#root .public-refresh:not(.pricing-page)>.public-hero-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:40px;background:#f8f3fa}
#root .public-refresh .public-hero-product .public-hero-visual{width:100%;max-width:490px;margin:0 auto;min-width:0}
#root .public-refresh .about-hero-visual{min-height:340px}
#root .public-refresh:not(.pricing-page)>section{padding:44px 0;border-color:var(--brand-line,#e7dbe1)}
#root .public-refresh:not(.pricing-page)>section>h2,#root .public-refresh .public-product-proof h2{font-family:var(--ui-display,'DM Serif Display',Georgia,serif);font-weight:400;font-size:clamp(29px,3.2vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0 auto 20px;color:var(--brand-plum,#30162c);text-wrap:balance}
#root .public-refresh:not(.pricing-page)>section>p{max-width:760px;margin:12px auto;color:#6f5967;font-size:17px;line-height:1.8}
#root .public-refresh .public-next{padding:36px 24px!important;border:1px solid #e7dbe1;border-radius:24px;background:#eff4e9;margin-top:30px}
#root .public-refresh .message-example{padding:36px!important;border:1px solid #e7dbe1;border-radius:24px;background:#fff8eb;margin:28px auto}
.public-refresh .occasion-group-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px auto 44px;max-width:1050px}
.public-refresh .occasion-group-nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #e7dbe1;border-radius:999px;background:#f7eef3;color:#442238;font-size:14px;text-decoration:none}
.public-refresh .occasion-group-nav a:nth-child(3n+2){background:#eff4e9}.public-refresh .occasion-group-nav a:nth-child(3n){background:#f8f0dc}
.public-refresh .occasion-group{scroll-margin-top:110px}
#root .public-refresh .directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
#root .public-refresh .directory-grid a{display:block;min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:18px;text-align:center;text-decoration:none;color:var(--brand-plum,#30162c)}
#root .public-refresh .directory-grid .directory-art{padding:24px;border:1px solid #eee2e8;border-radius:18px;background:#f8edf2;transition:background .16s ease}
#root .public-refresh .directory-grid a:nth-child(3n+2) .directory-art{background:#edf2e8}
#root .public-refresh .directory-grid a:nth-child(3n) .directory-art{background:#f5efdf}
#root .public-refresh .directory-grid a>span{display:block;margin:14px 0 3px;font:650 17px/1.4 var(--ui-sans);color:var(--brand-plum,#30162c)}
#root .public-refresh .directory-grid .public-card-cover{width:100%;box-shadow:3px 4px 0 #e7d8cd,0 10px 24px #35132718;border-radius:1px}
#root .public-refresh .directory-grid .public-card-cover img,#root .public-refresh .about-hero-visual .public-card-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:3/4;border-radius:0}
#root .public-refresh .directory-grid .public-card-cover[data-typeset="fallback"] img,#root .public-refresh .about-hero-visual .public-card-cover[data-typeset="fallback"] img{position:relative;height:auto}
#root .public-refresh .directory-grid a:hover .directory-art{background:#f0deea}
#root .public-refresh .public-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
#root .public-refresh .public-design-grid article{border:0;border-radius:18px;background:#fcf7fa;padding:18px 18px 16px;text-align:center}
#root .public-refresh .public-design-grid article:nth-child(3n+2){background:#f0f4ed}#root .public-refresh .public-design-grid article:nth-child(3n){background:#fbf5e7}
#root .public-refresh .public-design-grid .public-card-cover{box-shadow:3px 4px 0 #e7d8cd,0 10px 20px #35132712}
#root .public-refresh .public-design-grid h3{margin:18px 0 6px;font:650 17px/1.4 var(--ui-sans)}
#root .public-refresh .public-design-grid p,#root .public-refresh .public-design-grid small{margin:6px 0;font-size:13px}
#root .public-refresh .public-design-grid .public-design-price{color:var(--brand-berry,#b61055);font-weight:650;margin-top:10px}
#root .public-refresh .faq-list{max-width:850px;margin-inline:auto}
#root .public-refresh .faq-list details{border:1px solid #e7dbe1;background:#fffcfd;border-radius:16px;margin-bottom:12px;padding:4px 22px}
#root .public-refresh .faq-list summary{min-height:52px;align-content:center;text-align:start;line-height:1.5;padding-block:12px}
#root .public-refresh .faq-list details p{color:#6f5967;line-height:1.8;text-align:start}
.public-refresh :is(.directory-grid a,.occasion-group-nav a,.public-design-grid a):focus-visible{outline:3px solid #b61055;outline-offset:5px}
@media(max-width:960px){#root .public-refresh .directory-grid,#root .public-refresh .public-design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#root .public-refresh:not(.pricing-page)>.public-hero-product{grid-template-columns:1fr;gap:28px}}
@media(max-width:660px){#root .public-page.public-refresh{width:calc(100% - 32px);margin:24px auto 38px}#root .public-refresh:not(.pricing-page)>.public-hero{padding:32px 20px;border-radius:20px;margin-bottom:30px}#root .public-refresh:not(.pricing-page)>.public-hero h1{font-size:38px}#root .public-refresh:not(.pricing-page)>.public-hero .lead{font-size:16px}.public-refresh .breadcrumbs{font-size:11px;gap:6px;margin-bottom:20px}#root .public-refresh:not(.pricing-page)>section{padding:32px 0}#root .public-refresh .directory-grid,#root .public-refresh .public-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}#root .public-refresh .directory-grid .directory-art{padding:14px}#root .public-refresh .directory-grid a>span{font-size:15px}#root .public-refresh .public-design-grid article{padding:12px 12px 16px}#root .public-refresh .public-design-grid h3{font-size:15px}#root .public-refresh .public-design-grid p{font-size:13px}.public-refresh .occasion-group-nav{gap:8px;margin-bottom:28px}.public-refresh .occasion-group-nav a{padding:9px 14px;font-size:12px}#root .public-refresh .public-product-proof{padding:24px!important}#root .public-refresh .message-example{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.public-refresh .directory-art{transition:none!important}}
