:root{
  --rbk-bg:#ffffff;
  --rbk-surface:#ffffff;
  --rbk-border:#e7e7ea;
  --rbk-text:#111114;
  --rbk-muted:#5a5a67;
  --rbk-accent:#111114;
  --rbk-accent-2:#2b2b38;
  --rbk-radius:14px;
  --rbk-shadow:0 12px 30px rgba(17,17,20,0.08);
  --rbk-gap:4px;
  --rbk-card-radius:0px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--rbk-text);
  background:var(--rbk-bg);
  line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}

.rbk-container{width:min(1240px, calc(100% - 24px)); margin-inline:auto}
.rbk-muted{color:var(--rbk-muted)}
.rbk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--rbk-surface);border-bottom:1px solid var(--rbk-border)}
.rbk-header-inner{display:flex;align-items:center;gap:18px;padding:14px 0}
.rbk-site-title{font-weight:800;letter-spacing:-0.02em;font-size:22px}
.rbk-logo img{max-height:44px;width:auto}

.rbk-icon-button{
  appearance:none;border:1px solid var(--rbk-border);background:var(--rbk-surface);
  padding:8px 10px;border-radius:999px;cursor:pointer
}
.rbk-icon-button:hover{box-shadow:var(--rbk-shadow)}
.rbk-mobile-only{display:none}

.rbk-nav{flex:1;display:flex;justify-content:center}
.rbk-menu{
  list-style:none; padding:0; margin:0;
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center
}
.rbk-menu li{margin:0;position:relative}
.rbk-menu a{
  display:inline-flex; align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none;
  color:var(--rbk-accent-2)
}
.rbk-menu a:hover{border-color:var(--rbk-border);background:#f6f6f8;text-decoration:none}

.rbk-menu-button{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:var(--rbk-accent-2);
  cursor:pointer;
  font:inherit
}
.rbk-menu-button:hover{border-color:var(--rbk-border);background:#f6f6f8}

.rbk-submenu{
  list-style:none;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:220px;
  padding:10px;
  margin:0;
  border:1px solid var(--rbk-border);
  border-radius:14px;
  background:var(--rbk-surface);
  box-shadow:var(--rbk-shadow);
  z-index:60
}
.rbk-submenu li{position:relative}
.rbk-submenu a{display:flex; padding:8px 10px; border-radius:10px; border:1px solid transparent; white-space:nowrap}
.rbk-submenu a:hover{background:#f6f6f8; border-color:transparent}

.rbk-submenu .rbk-submenu{
  top:0;
  left:calc(100% + 10px)
}

.rbk-header-search{display:flex;justify-content:flex-end}
.rbk-header-searchform{display:flex;align-items:center;gap:8px}
.rbk-header-search-input{
  width:clamp(180px, 22vw, 260px);
  padding:10px 12px;
  border:1px solid var(--rbk-border);
  border-radius:999px;
  font-size:14px;
  outline:none;
  background:var(--rbk-surface)
}
.rbk-header-search-input:focus{border-color:var(--rbk-accent)}
.rbk-header-search-button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  padding:6px 8px;border-radius:10px
}
.rbk-header-search-button:hover{background:#f6f6f8}

/* Layout */
.site-content{padding:20px 0 40px}
.rbk-layout{display:grid;grid-template-columns:minmax(0, 1fr) 320px;gap:24px}
.rbk-main{min-width:0}
.rbk-sidebar{min-width:0}

/* Hero */
.rbk-hero{
  display:grid;grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  gap:18px; align-items:stretch;
  margin:6px 0 22px
}
.rbk-hero-media{border-radius:var(--rbk-radius);overflow:hidden;border:1px solid var(--rbk-border);background:#f2f2f5;box-shadow:var(--rbk-shadow)}
.rbk-hero-image{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.rbk-hero-placeholder{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}
.rbk-hero-body{padding:6px 0}
.rbk-hero-title{font-size:32px;line-height:1.15;margin:8px 0 10px;letter-spacing:-0.02em}
.rbk-hero-excerpt{margin:10px 0 0;color:var(--rbk-muted)}

/* Homepage feature grid (magazine style) */
.rbk-feature-section{margin:6px 0 22px}
.rbk-feature-grid{
  display:grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap:var(--rbk-gap);
  align-items:stretch
}
.rbk-feature-row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rbk-gap)}

.rbk-feature{
  border-radius:var(--rbk-card-radius);
  overflow:hidden;
  border:1px solid var(--rbk-border);
  background:#f2f2f5;
  box-shadow:var(--rbk-shadow)
}
.rbk-feature-link{position:relative;display:block;height:100%}
.rbk-feature-image{width:100%;height:100%;object-fit:cover}
.rbk-feature-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}

.rbk-feature--main{grid-column:1;grid-row:1 / span 2}
.rbk-feature--main .rbk-feature-image,
.rbk-feature--main .rbk-feature-placeholder{aspect-ratio: 4 / 3}

.rbk-feature--top{grid-column:2;grid-row:1}
.rbk-feature--top .rbk-feature-image,
.rbk-feature--top .rbk-feature-placeholder{aspect-ratio: 16 / 10}

.rbk-feature--small .rbk-feature-image,
.rbk-feature--small .rbk-feature-placeholder{aspect-ratio: 1 / 1}

.rbk-feature-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:16px;
  color:#fff;
  background:linear-gradient(to top, rgba(0,0,0,0.68), rgba(0,0,0,0.10) 55%, rgba(0,0,0,0) 75%)
}

.rbk-feature-kicker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rbk-feature-kicker a,
.rbk-feature-kicker span{
  color:rgba(255,255,255,0.9);
  font-size:12px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  text-decoration:none
}
.rbk-feature-kicker a:hover{text-decoration:underline}

.rbk-feature-title{margin:0 0 8px;line-height:1.15;letter-spacing:-0.02em}
.rbk-feature--main .rbk-feature-title{font-size:34px}
.rbk-feature--top .rbk-feature-title{font-size:20px}
.rbk-feature--small .rbk-feature-title{font-size:17px}

.rbk-feature-byline{display:flex;gap:8px;align-items:center;font-size:12.5px;color:rgba(255,255,255,0.9)}
.rbk-feature-author{font-weight:600}

.rbk-kicker{display:flex;gap:8px;flex-wrap:wrap}
.rbk-kicker a{font-size:12px;font-weight:650;letter-spacing:0.06em;text-transform:uppercase;color:var(--rbk-muted)}
.rbk-kicker a:hover{color:var(--rbk-text);text-decoration:none}
.rbk-meta{display:flex;gap:8px;align-items:center;color:var(--rbk-muted);font-size:13px}
.rbk-meta-sep{opacity:.7}

/* Sections */
.rbk-section{margin:26px 0}
.rbk-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.rbk-section-title{font-size:18px;margin:0;letter-spacing:-0.01em}
.rbk-section-more{margin-top:14px}

.rbk-button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:999px;
  border:1px solid var(--rbk-border);
  background:var(--rbk-accent);
  color:#fff;text-decoration:none
}
.rbk-button:hover{text-decoration:none;filter:brightness(1.05)}

/* Post cards */
.rbk-post-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rbk-gap)}
.rbk-card{border:1px solid var(--rbk-border);border-radius:var(--rbk-card-radius);overflow:hidden;background:var(--rbk-surface)}
.rbk-card-media{display:block;background:#f2f2f5}
.rbk-card-image{width:100%;aspect-ratio:16/10;object-fit:cover}
.rbk-card-placeholder{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}
.rbk-card-body{padding:12px 12px 14px}
.rbk-card-title{margin:8px 0 6px;font-size:16px;line-height:1.25}

/* Latest (magazine layout) */
.rbk-latest-mag{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(0, 0.8fr);gap:var(--rbk-gap);align-items:start}

.rbk-latest-feature{border:1px solid var(--rbk-border);background:var(--rbk-surface)}
.rbk-latest-feature-body{padding:14px}
.rbk-latest-feature-title{margin:6px 0 6px;font-size:28px;line-height:1.12;letter-spacing:-0.02em}
.rbk-latest-feature-excerpt{margin:10px 0 0;color:var(--rbk-muted)}
.rbk-latest-feature-media{display:block;border-top:1px solid var(--rbk-border);background:#f2f2f5}
.rbk-latest-feature-image{width:100%;aspect-ratio:16/10;object-fit:cover}
.rbk-latest-feature-placeholder{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}

.rbk-latest-list{display:grid;gap:var(--rbk-gap)}
.rbk-latest-item{border:1px solid var(--rbk-border);background:var(--rbk-surface)}
.rbk-latest-item-media{display:block;background:#f2f2f5}
.rbk-latest-item-image{width:100%;aspect-ratio:16/10;object-fit:cover}
.rbk-latest-item-placeholder{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}
.rbk-latest-item-body{padding:10px 12px 12px}
.rbk-latest-item-title{margin:0 0 6px;font-size:16px;line-height:1.2}

/* Category blocks */
.rbk-category-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rbk-gap)}
.rbk-category-block{border:1px solid var(--rbk-border);border-radius:var(--rbk-card-radius);background:var(--rbk-surface);padding:14px}
.rbk-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.rbk-category-title{margin:0;font-size:15px}
.rbk-category-more{color:var(--rbk-muted);font-size:13px;text-decoration:none}
.rbk-category-more:hover{text-decoration:underline}

/* Mini list */
.rbk-mini-list{display:grid;gap:var(--rbk-gap)}
.rbk-mini{display:grid;grid-template-columns:76px minmax(0, 1fr);gap:var(--rbk-gap);align-items:center}
.rbk-mini-media{border-radius:var(--rbk-card-radius);overflow:hidden;border:1px solid var(--rbk-border);background:#f2f2f5}
.rbk-mini-image{width:100%;aspect-ratio:1/1;object-fit:cover}
.rbk-mini-placeholder{width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,#f1f1f4,#e8e8ee)}
.rbk-mini-title{margin:0;font-size:13.5px;line-height:1.25}

/* Sidebar widgets */
.widget{border:1px solid var(--rbk-border);border-radius:var(--rbk-card-radius);padding:14px;background:var(--rbk-surface);margin-bottom:16px}
.widget-title{margin:0 0 10px;font-size:15px}

.widget--trending{padding:0}
.widget--trending .widget-title{margin:0;padding:10px 12px;background:var(--rbk-accent);color:#fff;font-size:13px;letter-spacing:0.08em;text-transform:uppercase}
.widget--trending .rbk-mini-list{padding:12px;gap:var(--rbk-gap)}

/* Archive */
.rbk-archive-header{margin:8px 0 14px}
.rbk-page-title{margin:0 0 6px;font-size:22px;letter-spacing:-0.02em}
.rbk-archive-list{display:grid;gap:var(--rbk-gap)}
.rbk-archive-item{border:1px solid var(--rbk-border);border-radius:var(--rbk-card-radius);padding:14px;background:var(--rbk-surface)}
.rbk-archive-title{margin:0 0 8px;font-size:18px;line-height:1.25}
.rbk-archive-body{display:grid;grid-template-columns:160px minmax(0, 1fr);gap:14px;align-items:start}
.rbk-archive-media{border-radius:var(--rbk-card-radius);overflow:hidden;border:1px solid var(--rbk-border)}
.rbk-archive-image{width:100%;aspect-ratio:16/10;object-fit:cover}

/* Single/Page prose */
.rbk-prose{color:var(--rbk-text)}
.rbk-prose > *{max-width:72ch}
.rbk-prose p{margin:0 0 14px}
.rbk-prose h2,.rbk-prose h3{margin:22px 0 10px;letter-spacing:-0.01em}
.rbk-single-title{margin:8px 0 10px;font-size:30px;line-height:1.15;letter-spacing:-0.02em}
.rbk-single-media{margin:16px 0}
.rbk-single-image{border-radius:var(--rbk-radius);border:1px solid var(--rbk-border);box-shadow:var(--rbk-shadow)}

/* Pagination */
.rbk-pagination{margin-top:18px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--rbk-border);border-radius:999px;text-decoration:none}
.page-numbers.current{background:var(--rbk-accent);color:#fff;border-color:var(--rbk-accent)}

/* Footer */
.site-footer{border-top:1px solid var(--rbk-border)}
.rbk-footer{padding:26px 0 0;background:var(--rbk-surface)}
.rbk-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:start}
.rbk-footer-heading{margin:0 0 10px;font-size:14px;letter-spacing:0.06em;text-transform:uppercase;color:var(--rbk-muted)}
.rbk-footer-title{font-weight:800;font-size:18px;margin-bottom:6px}
.rbk-footer-desc{margin:0 0 10px;color:var(--rbk-muted)}
.rbk-footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rbk-footer-menu a{text-decoration:none;color:var(--rbk-text)}
.rbk-footer-menu a:hover{text-decoration:underline}
.rbk-footer-bottom{border-top:1px solid var(--rbk-border);margin-top:18px}
.rbk-footer-bottom-inner{padding:14px 0;display:flex;justify-content:space-between;align-items:center}

/* Responsive */
@media (max-width: 960px){
  .rbk-layout{grid-template-columns:minmax(0, 1fr);}
  .rbk-sidebar{order:2}
  .rbk-hero{grid-template-columns:1fr;}

  .rbk-feature-grid{grid-template-columns:1fr;}
  .rbk-feature--main{grid-column:auto;grid-row:auto}
  .rbk-feature--main .rbk-feature-image,
  .rbk-feature--main .rbk-feature-placeholder{aspect-ratio: 16 / 10}
  .rbk-feature-row{grid-template-columns:1fr}

  .rbk-post-grid{grid-template-columns:1fr;}
  .rbk-category-grid{grid-template-columns:1fr;}
  .rbk-footer-grid{grid-template-columns:1fr;}
  .rbk-archive-body{grid-template-columns:1fr;}
  .rbk-mobile-only{display:inline-flex}

  .rbk-header-inner{flex-wrap:wrap;justify-content:space-between}
  .rbk-nav{flex-basis:100%;justify-content:flex-start}
  .rbk-menu{justify-content:flex-start}
  .rbk-header-search{flex-basis:100%;justify-content:flex-start}
  .rbk-header-search-input{width:100%}

  .rbk-submenu{
    position:static;
    box-shadow:none;
    border-radius:12px;
    margin-top:8px
  }

  .rbk-submenu .rbk-submenu{margin-left:10px}

  /* Collapse nav on mobile (JS toggles hidden attr) */
  #rbk-primary-nav[hidden]{display:none}
}