/* Public blog layouts. Loaded after the theme's shared stylesheet. */
.keipro-articles { color:#283d35; background:#fffdf7; }
.keipro-articles.keipro-articles--page { padding:145px 0 80px; min-height:65vh; }
.keipro-articles.keipro-articles--latest { padding:70px 0; }
.keipro-articles__inner { width:min(1160px, calc(100% - 48px)); margin:0 auto; }
.keipro-articles__reading { width:min(820px, calc(100% - 48px)); margin:0 auto; }
.keipro-articles__breadcrumb { font-size:13px; line-height:1.8; margin-bottom:28px; color:#687a70; }
.keipro-articles__breadcrumb a { color:#1f6f5c; text-decoration:underline; text-underline-offset:3px; }
.keipro-articles__heading { margin-bottom:36px; }
.keipro-articles__heading h1,.keipro-articles__heading h2 { font-size:32px; line-height:1.55; font-weight:700; overflow-wrap:anywhere; }
.keipro-articles__heading p { margin-top:14px; font-size:16px; line-height:1.9; }
.keipro-articles__heading .keipro-articles__eyebrow { color:#1f6f5c; margin:0 0 8px; font-size:14px; letter-spacing:.08em; }
.keipro-articles__grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
.keipro-articles__card { overflow:hidden; border:1px solid #e0e9df; border-radius:16px; background:#fff; display:flex; flex-direction:column; }
.keipro-articles__image { display:block; aspect-ratio:16/9; overflow:hidden; background:#e8f1e8; }
.keipro-articles__image img { display:block; width:100%; height:100%; object-fit:cover; }
.keipro-articles__placeholder { display:grid; place-items:center; height:100%; color:#558172; font-size:26px; font-family:Georgia,serif; letter-spacing:.05em; }
.keipro-articles__card-body { padding:22px; display:flex; flex-direction:column; flex:1; gap:12px; }
.keipro-articles__date { color:#65766d; font-size:13px; line-height:1.7; }
.keipro-articles__card-title { font-size:19px; line-height:1.65; font-weight:700; overflow-wrap:anywhere; }
.keipro-articles__card-title a { color:#203c31; }
.keipro-articles__excerpt { font-size:14px; line-height:1.9; color:#526259; overflow-wrap:anywhere; }
.keipro-articles__read { display:block; color:#1f6f5c; font-size:14px; font-weight:700; margin-top:auto; padding-top:8px; }
.keipro-articles a:hover { text-decoration:underline; text-underline-offset:4px; }
.keipro-articles a:focus-visible { outline:3px solid #c96113; outline-offset:4px; }
.keipro-articles__all { display:table; color:#1f6f5c; font-weight:700; margin:36px auto 0; padding:14px 30px; border:1px solid #1f6f5c; border-radius:40px; }
.keipro-articles__empty { padding:40px 20px; border:1px dashed #b7cbbf; border-radius:12px; text-align:center; background:#fff; }
.keipro-articles__pagination { text-align:center; margin:36px 0 0; }
.keipro-articles__pagination .page-numbers { display:inline-block; padding:8px 14px; margin:4px; background:#fff; color:#1f6f5c; border:1px solid #dce6de; border-radius:6px; }
.keipro-articles__pagination .current { background:#1f6f5c; color:#fff; }
.keipro-articles__hero { margin:0 0 32px; }
.keipro-articles__hero img { display:block; width:100%; height:auto; border-radius:14px; }
.keipro-articles__content { font-size:16px; line-height:1.95; color:#333; overflow-wrap:anywhere; }
.keipro-articles__content p { margin:0 0 1.5em; line-height:1.95; }
.keipro-articles__content h2 { font-size:25px; line-height:1.6; font-weight:700; margin:2em 0 1em; border-bottom:2px solid #d6e7d9; padding-bottom:10px; }
.keipro-articles__content h3 { font-size:21px; line-height:1.6; font-weight:700; margin:1.7em 0 .8em; }
.keipro-articles__content h4,.keipro-articles__content h5,.keipro-articles__content h6 { font-size:18px; font-weight:700; margin:1.5em 0 .8em; }
.keipro-articles__content a { color:#1f6f5c; text-decoration:underline; }
.keipro-articles__content ul,.keipro-articles__content ol { padding-left:1.6em; margin:0 0 1.5em; }
.keipro-articles__content ul { list-style:disc; }
.keipro-articles__content ol { list-style:decimal; }
.keipro-articles__content li { display:list-item; margin:.5em 0; }
.keipro-articles__content img,.keipro-articles__content video { height:auto; max-width:100%; }
.keipro-articles__content figure { margin:1.5em 0; }
.keipro-articles__content figcaption { font-size:13px; color:#65766d; }
.keipro-articles__content .wp-block-table { overflow:auto; }
.keipro-articles__content table { border-collapse:collapse; width:100%; }
.keipro-articles__content td,.keipro-articles__content th { border:1px solid #dce6de; padding:12px; }
.keipro-articles__content blockquote { border-left:4px solid #b7d3c3; margin:1.5em 0; padding:12px 20px; background:#f1f6f0; }
.keipro-articles__content pre { overflow:auto; padding:16px; background:#edf1ed; }
.keipro-articles__terms { margin-top:32px; font-size:14px; line-height:2; }
.keipro-articles__terms a { color:#1f6f5c; text-decoration:underline; }
@media (max-width:900px) {
  .keipro-articles__grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:600px) {
  .keipro-articles.keipro-articles--page { padding:100px 0 56px; }
  .keipro-articles.keipro-articles--latest { padding:48px 0; }
  .keipro-articles__inner,.keipro-articles__reading { width:calc(100% - 36px); }
  .keipro-articles__heading h1,.keipro-articles__heading h2 { font-size:25px; }
  .keipro-articles__heading p { font-size:14px; }
  .keipro-articles__grid { grid-template-columns:minmax(0, 1fr); gap:22px; }
  .keipro-articles__content { font-size:15px; }
  .keipro-articles__content h2 { font-size:21px; }
  .keipro-articles__content h3 { font-size:19px; }
}