.rd-blog-home{background:#fffaf0}
.rd-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rd-blog-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 14px 40px rgba(48,39,24,.08);display:flex;flex-direction:column}
.rd-blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#f3ead5}
.rd-blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.rd-blog-card:hover .rd-blog-card__image img{transform:scale(1.025)}
.rd-blog-card__body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.rd-blog-card time,.rd-blog-meta{font-size:14px;color:#7a705f}
.rd-blog-card h3{margin:0;font-size:22px;line-height:1.25}
.rd-blog-card h3 a{color:inherit;text-decoration:none}
.rd-blog-card p{margin:0;color:#645c50;line-height:1.65}
.rd-blog-card__more{margin-top:auto;padding-top:8px;color:#2f6b57;font-weight:700;text-decoration:none}
.rd-blog-all{text-align:center;margin-top:28px}
.rd-blog-empty{padding:28px;border:1px dashed #d8cda9;border-radius:24px;background:#fff}
.rd-blog-page{padding:56px 0 80px}
.rd-blog-page__head{max-width:820px;margin-bottom:34px}
.rd-blog-page__head h1{font-size:clamp(36px,5vw,60px);line-height:1.03;margin:8px 0 16px}
.rd-blog-page__head p{font-size:19px;line-height:1.65;color:#645c50}

/* Article */
.rd-article{padding:48px 0 86px;background:linear-gradient(180deg,#fff 0,#fffdf8 100%)}
.rd-article__wrap{max-width:900px;margin:0 auto}
.rd-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;margin-bottom:24px}
.rd-breadcrumbs a{color:#517365}
.rd-article__head{max-width:880px}
.rd-article__head h1{font-size:clamp(38px,5.6vw,68px);line-height:1.04;margin:10px 0 18px;letter-spacing:-.035em}
.rd-article__lead{font-size:21px;line-height:1.6;color:#5d554a;max-width:820px}
.rd-article__cover{width:100%;max-height:560px;object-fit:cover;border-radius:32px;margin:28px 0 38px;box-shadow:0 18px 50px rgba(54,43,25,.09)}
.rd-article__content{font-size:18px;line-height:1.78;color:#3e3932}
.rd-article__content h2{font-size:34px;line-height:1.18;margin:52px 0 18px;letter-spacing:-.02em;color:#30291f}
.rd-article__content h3{font-size:26px;line-height:1.25;margin:34px 0 12px;color:#30291f}
.rd-article__content h4{font-size:21px;line-height:1.3;margin:28px 0 10px;color:#30291f}
.rd-article__content p,.rd-article__content>div{margin-top:0;margin-bottom:20px}
.rd-article__content a{color:#2f6b57;text-underline-offset:3px}
.rd-article__content strong{color:#2f2a22}
.rd-article__content hr{border:0;border-top:1px solid #e9e0cf;margin:38px 0}

/* Numbered H2 sections such as “1. ...” are converted server-side to visual steps. */
.rd-article__content .rd-step-heading{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:center;margin:48px 0 18px;padding:0;font-size:31px}
.rd-step-heading__num{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#ffd84d,#f5a623);color:#3b2b05;font-size:23px;font-weight:950;box-shadow:0 10px 24px rgba(222,157,28,.19)}
.rd-step-heading__text{min-width:0}

/* Lists */
.rd-article__content ul,.rd-article__content ol{margin:24px 0 30px;padding:0;list-style:none}
.rd-article__content ul li,.rd-article__content ol li{position:relative;margin:10px 0;padding:14px 18px 14px 52px;border:1px solid #eee5d3;border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(56,44,24,.035)}
.rd-article__content ul li::before{content:'✓';position:absolute;left:16px;top:14px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e9f5ef;color:#2f6b57;font-size:14px;font-weight:950}
.rd-article__content ol{counter-reset:rd-article-list}
.rd-article__content ol li{counter-increment:rd-article-list;padding-left:58px}
.rd-article__content ol li::before{content:counter(rd-article-list);position:absolute;left:14px;top:12px;width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#fff2b4;color:#6d4c00;font-size:14px;font-weight:950}
.rd-article__content li>p:last-child{margin-bottom:0}

/* Quotes and reusable HTML blocks available in admin source mode. */
.rd-article__content blockquote{margin:32px 0;padding:24px 28px;border:1px solid #f2d77a;border-left:6px solid #f5b72d;background:#fff8db;border-radius:0 20px 20px 0;color:#514735}
.rd-content-note{margin:28px 0;padding:22px 24px;border-radius:22px;border:1px solid #eadfcb;background:#fff;box-shadow:0 10px 30px rgba(56,44,24,.05)}
.rd-content-note>strong:first-child{display:inline-block;margin-bottom:8px;font-size:13px;line-height:1;padding:8px 11px;border-radius:999px;background:#f2eee6;text-transform:uppercase;letter-spacing:.04em}
.rd-content-note p:last-child{margin-bottom:0}
.rd-content-note--tip{background:#f2fbf6;border-color:#cfe9da}
.rd-content-note--tip>strong:first-child{background:#dff4e7;color:#276044}
.rd-content-note--important{background:#fff8db;border-color:#f1d977}
.rd-content-note--important>strong:first-child{background:#ffe889;color:#664900}
.rd-content-note--soft{background:#f7f4ff;border-color:#ded5f5}
.rd-content-note--soft>strong:first-child{background:#eae3fb;color:#574284}
.rd-content-highlight{margin:30px 0;padding:28px;border-radius:26px;background:linear-gradient(135deg,#fff5c7,#fffdf3);border:1px solid #f0dc8a}
.rd-content-highlight h2,.rd-content-highlight h3{margin-top:0!important}
.rd-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0!important}
.rd-content-grid>.rd-content-card{margin:0!important;padding:22px;border-radius:22px;background:#fff;border:1px solid #eadfcb;box-shadow:0 9px 25px rgba(56,44,24,.045)}
.rd-content-card h3,.rd-content-card h4{margin-top:0!important}
.rd-content-card p:last-child{margin-bottom:0}

/* Tables */
.rd-content-table-wrap{overflow-x:auto;margin:28px 0!important;border:1px solid #e8deca;border-radius:20px;background:#fff}
.rd-article__content table{width:100%;border-collapse:collapse;min-width:560px;background:#fff}
.rd-article__content th,.rd-article__content td{padding:14px 16px;border-bottom:1px solid #eee5d3;text-align:left;vertical-align:top}
.rd-article__content th{background:#fff6cf;color:#493b1d;font-size:14px}
.rd-article__content tr:last-child td{border-bottom:0}

/* Details / FAQ block inside an article */
.rd-article__content details{margin:12px 0;border:1px solid #e8deca;border-radius:18px;background:#fff;overflow:hidden}
.rd-article__content summary{cursor:pointer;padding:17px 20px;font-weight:850;color:#312a20}
.rd-article__content details[open] summary{background:#fff8df}
.rd-article__content details>*:not(summary){margin-left:20px;margin-right:20px}

/* Media from raw HTML */
.rd-article__content img{display:block;max-width:100%;height:auto;border-radius:24px;margin:24px auto}
.rd-article__content figure{margin:28px 0}
.rd-article__content figure img{margin-bottom:10px}
.rd-article__content figcaption{text-align:center;color:#817765;font-size:14px;line-height:1.5}
.rd-article__content iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:24px;margin:28px 0;background:#eee}

/* CTA */
.rd-article__cta{margin-top:52px;padding:30px 32px;border-radius:28px;background:linear-gradient(135deg,#fff3bb,#fff9df);border:1px solid #eed98b;display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;box-shadow:0 14px 36px rgba(96,72,18,.07)}
.rd-article__cta h2{font-size:30px;line-height:1.16;margin:5px 0 8px}
.rd-article__cta p{margin:0;color:#625744;line-height:1.55}
.rd-article__cta-label{display:inline-block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#8b6500}
.rd-article__cta .rd-btn{white-space:nowrap}

.rd-related{padding-top:20px}
.rd-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}
.rd-pagination a,.rd-pagination span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;text-decoration:none;color:#3e3932}
.rd-pagination span{background:#ffd84d;font-weight:700}

@media(max-width:900px){
  .rd-blog-grid{grid-template-columns:1fr 1fr}
  .rd-article__cta{grid-template-columns:1fr}
  .rd-article__cta .rd-btn{width:max-content}
}
@media(max-width:640px){
  .rd-blog-grid{grid-template-columns:1fr}
  .rd-article{padding-top:28px}
  .rd-article__content{font-size:17px;line-height:1.72}
  .rd-article__head h1{font-size:38px}
  .rd-blog-page{padding-top:34px}
  .rd-article__content h2{font-size:29px;margin-top:42px}
  .rd-article__content h3{font-size:24px}
  .rd-article__content .rd-step-heading{grid-template-columns:48px 1fr;gap:12px;font-size:27px}
  .rd-step-heading__num{width:48px;height:48px;border-radius:16px;font-size:19px}
  .rd-article__content ul li,.rd-article__content ol li{padding-top:13px;padding-bottom:13px}
  .rd-content-grid{grid-template-columns:1fr}
  .rd-article__cta{padding:24px;border-radius:24px}
  .rd-article__cta h2{font-size:27px}
  .rd-article__cta .rd-btn{width:100%}
}