.blog-document{margin:0;background:#fff;color:#242333}
/* Public HTML and React preview share the same accessible presentation. */
.blog-page{--blog-coral:#ae3445;--blog-ink:#242333;color:var(--blog-ink);max-width:1120px;margin:0 auto;padding:40px 24px 64px;font:400 17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.blog-page *,.blog-top *,.blog-admin *{box-sizing:border-box}.blog-page a,.blog-top a,.blog-footer a{color:#ae3445}.blog-page h1{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.13;letter-spacing:-.025em;margin:12px 0 24px}.blog-page h2{line-height:1.3}.blog-hero{max-width:780px;margin:8px auto 32px;text-align:center}.blog-hero>p:not(.blog-kicker){font-size:1.15rem}.blog-kicker{font-size:.78rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#923043}.blog-search{max-width:560px;margin:28px auto;text-align:left}.blog-search label{display:block;font-size:.95rem;font-weight:650;margin-bottom:8px}.blog-search>div{display:flex;gap:8px}.blog-search input{flex:1;min-width:0;padding:12px;border:1px solid #817b83;border-radius:10px;font:inherit;background:#fff;color:#242333}.blog-button,.blog-page button,.blog-admin button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #ae3445;border-radius:10px;background:#ae3445;color:#fff!important;font:600 .95rem/1.4 system-ui;text-decoration:none;cursor:pointer}.blog-page :focus-visible,.blog-top :focus-visible,.blog-admin :focus-visible,.blog-footer :focus-visible{outline:3px solid #225fad;outline-offset:4px}.blog-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0 36px}.blog-categories a{border:1px solid #ccc2c8;border-radius:99px;padding:9px 17px;min-height:44px;text-decoration:none;font-weight:650}.blog-categories a:hover,.blog-categories a[aria-current=page]{background:#fae8ec;border-color:#ae3445}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{padding:26px;border:1px solid #ded6dc;border-radius:18px;background:linear-gradient(145deg,#fff,#fff5f5);display:flex;flex-direction:column;overflow-wrap:anywhere}.blog-card h2{font-size:1.25rem;margin:8px 0 12px}.blog-card h2 a{text-decoration:none;color:#242333}.blog-card>p:not(.blog-kicker){font-size:.95rem;flex:1}.blog-card>a{font-weight:700;min-height:44px;display:flex;align-items:center}.blog-pagination{display:flex;gap:24px;margin-top:30px}.blog-pagination a{padding:12px}.blog-article{max-width:780px;margin:30px auto 48px}.blog-lead{font-size:1.2rem;line-height:1.6}.blog-meta{font-size:.9rem;color:#615764}.blog-toc{display:flex;flex-direction:column;gap:8px;background:#fff2f3;border:1px solid #edccd2;border-radius:14px;padding:22px;margin:28px 0}.blog-toc a{padding:5px 0}.blog-body h2{margin-top:40px;scroll-margin-top:24px;font-size:1.6rem}.blog-body p,.blog-body li{overflow-wrap:anywhere}.blog-body li{margin:8px 0}.blog-cta{border-radius:18px;background:#fff0f1;border:1px solid #ebc5cd;padding:28px;margin:40px 0}.blog-top{max-width:1168px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 15px system-ui}.blog-top img{object-fit:contain;max-width:168px;height:auto}.blog-top nav{display:flex;align-items:center;gap:20px}.blog-top nav>a{min-height:44px;display:flex;align-items:center}.blog-footer{text-align:center;border-top:1px solid #e0d8dd;padding:28px 24px;font:400 14px/1.8 system-ui;color:#615764}.blog-footer a{display:inline-block;min-height:44px;padding:10px 5px}.blog-skip{position:absolute;left:-9999px}.blog-skip:focus{left:10px;top:10px;background:#fff;padding:12px;z-index:100}.blog-admin{padding:22px}.blog-admin-list{list-style:none;padding:0}.blog-admin-list li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #ccc}.blog-admin-list span{flex:1}.blog-editor{max-width:800px;margin-top:24px}.blog-editor fieldset{border:0;padding:0;min-width:0}.blog-editor label{display:block;font-weight:650;margin:18px 0 6px}.blog-editor input,.blog-editor select,.blog-editor textarea{display:block;width:100%;margin:8px 0;padding:12px;border:1px solid #817b83;border-radius:8px;font:inherit;background:white;color:#242333}.blog-editor textarea{min-height:100px}.blog-editor textarea.blog-editor-body{min-height:360px}.blog-editor-actions{display:flex;flex-wrap:wrap;gap:12px}.blog-admin button:disabled{opacity:.6;cursor:wait}.blog-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.blog-editor .blog-article{background:#fff;padding:24px;color:#242333}.blog-home-link{margin:30px auto;max-width:1000px;padding:26px;border:1px solid #edccd2;border-radius:18px;background:#fff4f5}.blog-home-link a{color:#ae3445;font-weight:700}
@media(max-width:850px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-top{flex-wrap:wrap}.blog-top nav{gap:16px}}@media(max-width:560px){.blog-page{padding:26px 18px 40px}.blog-grid{grid-template-columns:1fr}.blog-hero{text-align:left}.blog-top{padding:14px 18px}.blog-top nav{width:100%;justify-content:space-between;font-size:.88rem;gap:8px}.blog-top img{max-width:144px}.blog-card{padding:22px}.blog-cta{padding:22px}.blog-admin-list li{flex-wrap:wrap}.blog-admin-list span{flex-basis:100%}.blog-search>div{flex-wrap:wrap}.blog-search input{min-width:180px}.blog-top .blog-button{padding:10px}.blog-toc{padding:18px}}@media(prefers-reduced-motion:reduce){.blog-page *{scroll-behavior:auto!important}}