.oat-gn{--ink:#111;--muted:#555;--line:#d7d7d7;--soft:#f7f7f7;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(260px,1fr);gap:38px;width:100%;max-width:1280px;margin:0 auto;padding:18px 0 40px;color:var(--ink);font-family:inherit;box-sizing:border-box}.oat-gn *{box-sizing:border-box}.oat-gn-heading{display:flex;gap:20px;align-items:flex-start;padding:0 0 20px;border-bottom:1px solid var(--ink)}.oat-gn-icon{width:76px;flex:0 0 76px}.oat-gn-icon svg{display:block;width:100%;height:auto}.oat-gn-heading h1{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,50px);line-height:1.02;text-transform:uppercase;letter-spacing:.02em}.oat-gn-heading p{margin:0;max-width:720px;font-size:16px;line-height:1.55}.oat-gn-card{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;padding:20px 0;border-bottom:1px solid var(--line)}.oat-gn-thumb{display:block;height:190px;background:#eee;overflow:hidden;color:#222;text-decoration:none}.oat-gn-thumb img{width:100%;height:100%;object-fit:cover;filter:none}.oat-gn-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#efefef,#d8d8d8)}.oat-gn-placeholder svg{width:76px}.oat-gn-copy{min-width:0}.oat-gn-category{font-size:12px;font-weight:800;letter-spacing:.03em;margin:0 0 5px}.oat-gn-copy h2{margin:0 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.08}.oat-gn-copy h2 a{color:inherit;text-decoration:none}.oat-gn-copy h2 a:hover{text-decoration:underline}.oat-gn-meta{display:flex;flex-wrap:wrap;gap:9px 16px;font-size:13px;margin-bottom:10px}.oat-gn-copy p{margin:0 0 8px;font-size:15px;line-height:1.55}.oat-gn-read{font-weight:800;color:#111;text-decoration:none}.oat-gn-read:hover{text-decoration:underline}.oat-gn-side{display:flex;flex-direction:column;gap:14px}.oat-gn-box{border:1px solid var(--line);padding:16px;background:#fff}.oat-gn-box h2{font-size:16px;text-transform:uppercase;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #222}.oat-gn-search>div{display:flex;gap:8px}.oat-gn-search input{width:100%;min-width:0;border:1px solid #bbb;padding:10px;font:inherit}.oat-gn-search button{border:0;background:#111;color:#fff;padding:10px 18px;font-weight:800;text-transform:uppercase;cursor:pointer}.oat-gn-cat{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:6px 0;color:#111;text-align:left;cursor:pointer;font:inherit}.oat-gn-cat:hover span,.oat-gn-cat.is-active span{text-decoration:underline;font-weight:700}.oat-gn-cat b{min-width:34px;padding:2px 8px;border-radius:4px;background:#111;color:#fff;text-align:center;font-size:12px}.oat-gn-recent{display:grid;grid-template-columns:84px 1fr;gap:11px;padding:7px 0;color:#111;text-decoration:none}.oat-gn-recent img,.oat-gn-recent>span:first-child{width:84px;height:57px;object-fit:cover;filter:none;background:#eee;display:grid;place-items:center}.oat-gn-recent svg{width:30px}.oat-gn-recent strong{display:block;font-size:14px;line-height:1.2}.oat-gn-recent small{display:block;margin-top:4px;color:#555}.oat-gn-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oat-gn-quick a{color:#111;text-decoration:none}.oat-gn-quick a:hover{text-decoration:underline}.oat-gn-empty{padding:25px 0;line-height:1.6}.oat-gn-card[hidden]{display:none!important}@media(max-width:900px){.oat-gn{grid-template-columns:1fr}.oat-gn-side{display:grid;grid-template-columns:1fr 1fr}.oat-gn-search{grid-column:1/-1}}@media(max-width:680px){.oat-gn{padding-left:2px;padding-right:2px}.oat-gn-heading{gap:13px}.oat-gn-icon{width:54px;flex-basis:54px}.oat-gn-heading h1{font-size:31px}.oat-gn-card{grid-template-columns:1fr;gap:14px}.oat-gn-thumb{height:210px}.oat-gn-side{display:flex}.oat-gn-copy h2{font-size:23px}}

/* v1.1: one clean frame around the complete news sidebar only. */
.oat-gn-side{border:1px solid var(--line);padding:14px;background:#fff;align-self:start}
.oat-gn-side .oat-gn-box{border:0;border-bottom:1px solid var(--line);padding:14px 4px 18px;background:transparent}
.oat-gn-side .oat-gn-box:first-child{padding-top:2px}
.oat-gn-side .oat-gn-box:last-child{border-bottom:0;padding-bottom:2px}
.oat-gn-placeholder svg{width:76px;height:76px}
.oat-gn-recent>span:first-child svg{width:34px;height:34px}
@media(max-width:900px){.oat-gn-side{padding:14px}.oat-gn-side .oat-gn-box{border-bottom:1px solid var(--line)}}


/* v1.5: hide only the WordPress theme sidebars on the Genealogy News page. */
body.oat-genealogy-news-page #secondary,
body.oat-genealogy-news-page #sidebar,
body.oat-genealogy-news-page .site-sidebar,
body.oat-genealogy-news-page .widget-area,
body.oat-genealogy-news-page .sidebar-primary,
body.oat-genealogy-news-page .sidebar-secondary,
body.oat-genealogy-news-page .sidebar-left,
body.oat-genealogy-news-page .sidebar-right,
body.oat-genealogy-news-page aside[role="complementary"] {display:none!important}
body.oat-genealogy-news-page #primary,
body.oat-genealogy-news-page .content-area,
body.oat-genealogy-news-page .site-main,
body.oat-genealogy-news-page .main-content {width:100%!important;max-width:none!important;float:none!important;margin-left:auto!important;margin-right:auto!important}
body.oat-genealogy-news-page .site-content,
body.oat-genealogy-news-page .content-wrap {grid-template-columns:minmax(0,1fr)!important}
.oat-gn-thumb img,.oat-gn-recent img{filter:none!important}

/* v1.6: center the Genealogy News page after theme widgets/sidebars are disabled. */
body.oat-genealogy-news-page #page,
body.oat-genealogy-news-page .site,
body.oat-genealogy-news-page .site-content,
body.oat-genealogy-news-page .content-wrap,
body.oat-genealogy-news-page .container,
body.oat-genealogy-news-page .site-container {
  width:100%!important;
}
body.oat-genealogy-news-page .site-content,
body.oat-genealogy-news-page .content-wrap {
  display:block!important;
}
body.oat-genealogy-news-page #primary,
body.oat-genealogy-news-page .content-area,
body.oat-genealogy-news-page .site-main,
body.oat-genealogy-news-page .main-content {
  width:min(100%, 1360px)!important;
  max-width:1360px!important;
  float:none!important;
  clear:both!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
  box-sizing:border-box!important;
}
body.oat-genealogy-news-page article,
body.oat-genealogy-news-page .entry-content {
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.oat-genealogy-news-page .oat-gn {
  width:100%!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:680px){
  body.oat-genealogy-news-page #primary,
  body.oat-genealogy-news-page .content-area,
  body.oat-genealogy-news-page .site-main,
  body.oat-genealogy-news-page .main-content{padding-left:14px!important;padding-right:14px!important}
}

/* v1.7: center the news layout against the viewport, even when the theme's
   former sidebar column leaves the page-content wrapper offset. */
body.oat-genealogy-news-page .oat-gn {
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1280px, calc(100vw - 48px))!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:680px){
  body.oat-genealogy-news-page .oat-gn {
    width:calc(100vw - 28px)!important;
  }
}


/* Center plugin page inside any theme container */
.oat-gn{
  margin-left:auto !important;
  margin-right:auto !important;
}
body .oat-gn{
  max-width:1280px;
}


/* v1.7.1: true viewport centering. The prior 50% value was measured from the
   theme content column, so an already-offset column stayed offset. */
body.oat-genealogy-news-page .oat-gn,
body .oat-gn[data-oat-genealogy-news] {
  position: relative !important;
  left: calc(50vw - 50%) !important;
  transform: none !important;
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 680px) {
  body.oat-genealogy-news-page .oat-gn,
  body .oat-gn[data-oat-genealogy-news] {
    width: calc(100vw - 28px) !important;
  }
}