/* PennyCalcs look for GeneratePress — calculator-portal style (navy / sky blue, black nav bar). */
:root{
  --pc-navy:#123f57; --pc-band:#155776; --pc-blue:#2f7fc1; --pc-sky:#4f83c5;
  --pc-ink:#1f2a33; --pc-muted:#5d6b75; --pc-line:#d7e1e8; --pc-row:#f2f5f7;
  --pc-gold:#f5b800; --pc-nav:#0d151b;
}
body{background:#e9f0f4 linear-gradient(180deg,#7eaabf 0,#b9cdd8 220px,#d5e0e6 420px,#e9f0f4 700px) no-repeat;
  color:var(--pc-ink);font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65}
a{color:var(--pc-blue)}
a:hover,a:focus{color:var(--pc-navy)}

/* top bar */
.top-bar{background:var(--pc-band)!important;color:#dbe9f2!important;font-size:13px}
.top-bar a{color:#fff!important}

/* header: centered logo, full-width black nav underneath */
.site-header{background:linear-gradient(#fff 55%,#ebf6fa)!important;border:0}
.site-header .inside-header{display:flex;flex-direction:column;align-items:center;padding:18px 0 0!important;max-width:none}
.site-header .site-branding{display:none}
.site-logo{margin:0 0 16px}
.site-logo img,.site-header .header-image{height:64px;width:auto;max-height:64px}
#site-navigation{width:100%;background:var(--pc-nav)!important;margin:0;float:none}
#site-navigation .inside-navigation{justify-content:center;max-width:1200px;margin:0 auto}
#site-navigation .main-nav>ul{justify-content:center}
#site-navigation .main-nav ul li a{color:#fff!important;font-weight:600;font-size:14px;line-height:46px;padding:0 16px}
#site-navigation .main-nav ul li:hover>a,#site-navigation .main-nav ul li.current-menu-item>a,
#site-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--pc-gold)!important;background:transparent!important}
#site-navigation .main-nav ul ul{background:#fff!important;border-top:3px solid var(--pc-gold);box-shadow:0 8px 24px rgba(0,0,0,.15)}
#site-navigation .main-nav ul ul li a{color:var(--pc-ink)!important;line-height:1.4;padding:10px 16px;font-weight:500}
#site-navigation .main-nav ul ul li a:hover{background:var(--pc-row)!important;color:var(--pc-band)!important}
.mobile-menu-control-wrapper .menu-toggle{background:transparent!important;color:var(--pc-navy)!important}
@media (max-width:768px){
  .site-header .inside-header{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 16px!important}
  .site-logo{margin:0}
  .site-logo img,.site-header .header-image{height:44px;max-height:44px}
  #site-navigation .main-nav ul li a{line-height:44px}
  #site-navigation.toggled .main-nav ul ul{background:#17232b!important;border:0;box-shadow:none}
  #site-navigation.toggled .main-nav ul ul li a{color:#dbe9f2!important}
}

/* the old green image banner is replaced by the page's own hero */
.pennycalcs-home-banner{display:none!important}

/* content panels */
.site-content{padding-top:28px}
.separate-containers .inside-article,.separate-containers .page-header,.inside-page-header,
.separate-containers .paging-navigation,.sidebar .widget{background:#fff;border:0;border-radius:4px;box-shadow:0 2px 10px rgba(18,63,87,.10)}
.separate-containers .site-main .inside-article{padding:0 0 34px!important;overflow:hidden}
.inside-article>.entry-header{background:var(--pc-band);margin:0 0 26px;padding:16px 34px}
.inside-article>.entry-header .entry-title{color:#fff;font-size:1.55rem;margin:0;font-weight:700;letter-spacing:-.01em}
.inside-article>.entry-header .entry-meta,.inside-article>.entry-header .entry-meta a{color:#cfe2ee}
.inside-article>.entry-content,.inside-article>.entry-summary,.inside-article>footer,.inside-article>.post-image{padding-left:34px;padding-right:34px;margin-top:0}
@media (max-width:768px){
  .inside-article>.entry-header{padding:14px 18px}
  .inside-article>.entry-content,.inside-article>.entry-summary,.inside-article>footer{padding-left:18px;padding-right:18px}
}
h1,h2,h3{color:var(--pc-navy);letter-spacing:-.01em;line-height:1.25}
.entry-content h2{font-size:1.4rem;margin-top:1.8em;padding-bottom:6px;border-bottom:2px solid var(--pc-line)}
.entry-content h3{font-size:1.12rem}
.entry-content table{border-collapse:collapse;font-size:.92rem}
.entry-content th{background:var(--pc-band);color:#fff}
.entry-content td{border-color:var(--pc-line)}
.entry-content tr:nth-child(even) td{background:var(--pc-row)}

/* home hero */
.home .inside-article>.entry-header{display:none}
.home .separate-containers .inside-article,.home .inside-article{padding-top:0}
.home .entry-content{padding-top:0}
.pc-hero{margin:0 -34px 28px;padding:40px 34px 34px;background:linear-gradient(135deg,var(--pc-band),var(--pc-navy));color:#fff;position:relative;overflow:hidden}
.pc-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(245,184,0,.18)}
.pc-hero h2{color:#fff;font-size:clamp(1.7rem,4vw,2.4rem);margin:0 0 .35em;border:0;padding:0}
.pc-hero p{color:#dbe9f2;font-size:1.08rem;max-width:620px;margin:0 0 20px}
.pc-hero-links{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.pc-hero-links a{background:var(--pc-gold);color:#1b1b1b;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:4px;font-size:.95rem}
.pc-hero-links a.alt{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.pc-hero-links a:hover{filter:brightness(1.06)}
@media (max-width:768px){.pc-hero{margin:0 -18px 24px;padding:30px 18px 26px}}

/* cards from the calculator plugin, recoloured */
.mm-grid .mm-card{border-color:var(--pc-line);border-radius:4px}
.mm-grid .mm-card:hover{border-color:var(--pc-blue);box-shadow:0 6px 18px rgba(18,63,87,.12)}
.mm-tag{color:var(--pc-band);background:#e3eff6}

/* sidebar */
.sidebar .widget{padding:0 0 12px;overflow:hidden}
.sidebar .widget h2,.sidebar .widget h3,.sidebar .widget .widget-title{background:var(--pc-band);color:#fff!important;font-size:1rem;margin:0 0 8px;padding:11px 18px;border:0}
.sidebar .widget ul{margin:0;padding:0 18px}
.sidebar .widget ul li{border-bottom:1px solid var(--pc-line);padding:7px 0;list-style:none}
.sidebar .widget ul li:last-child{border:0}
.sidebar .widget a{color:var(--pc-ink);text-decoration:none}
.sidebar .widget a:hover{color:var(--pc-blue)}

/* footer */
.site-footer,.site-footer .footer-widgets{background:var(--pc-navy)!important;color:#b8ccd9!important}
.site-footer .footer-widgets{border-top:4px solid var(--pc-gold)}
.site-footer .footer-widgets .widget{background:transparent;color:#b8ccd9}
.site-footer .footer-widgets strong{color:#fff;letter-spacing:.06em;font-size:.85rem}
.site-footer a,.site-footer .footer-widgets a{color:#e3eef5!important;text-decoration:none!important}
.site-footer a:hover,.site-footer .footer-widgets a:hover{color:var(--pc-gold)!important}
.site-info{background:#0b2f42!important;color:#93adbd!important;font-size:.85rem}
.site-info a{color:#cfe2ee!important}

/* buttons */
button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){background:var(--pc-blue);color:#fff;border-radius:4px}
button:hover,input[type="submit"]:hover,a.button:hover{background:var(--pc-navy);color:#fff}

/* page heroes (calculator pages + home) replace the plain title band */
.inside-article:has(.pc-hero)>.entry-header{display:none}
.inside-article:has(.pc-hero)>.entry-content{margin-top:0}
.pc-hero h1{color:#fff;font-size:clamp(1.6rem,3.6vw,2.3rem);margin:0 0 .3em;line-height:1.15}
.pc-kicker{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1b1b1b;background:var(--pc-gold);padding:3px 9px;border-radius:3px;margin-bottom:12px;position:relative;z-index:1}
.pc-hero-page{padding:30px 34px 26px}
.pc-hero-page p{margin:0}
.pc-hero h1,.pc-hero p{position:relative;z-index:1}

/* sidebar widgets: title band runs edge to edge */
.sidebar .widget.inner-padding{padding:0 0 12px!important}
.sidebar .widget .wp-block-group,.sidebar .widget .wp-block-group__inner-container{padding:0;margin:0}
.sidebar .widget .wp-block-latest-posts{padding:0 18px;margin:0}

/* latest guides grid on the home page */
.pc-latest.wp-block-latest-posts.is-grid{gap:16px;margin:12px 0 0;padding:0}
.pc-latest.wp-block-latest-posts.is-grid li{background:#fff;border:1px solid var(--pc-line);border-top:3px solid var(--pc-blue);border-radius:4px;padding:14px 16px;margin:0!important;width:auto!important}
.pc-latest li>a{font-weight:700;color:var(--pc-navy);text-decoration:none;line-height:1.35;display:block}
.pc-latest li>a:hover{color:var(--pc-blue)}
.pc-latest .wp-block-latest-posts__post-excerpt{color:var(--pc-muted);font-size:.9rem;margin-top:6px}
.wp-block-latest-posts.is-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}

/* small screens */
@media (max-width:640px){
  .mm-calc .result-rows{grid-template-columns:1fr 1fr}
  .mm-calc .result-main .value{font-size:1.8rem}
  .site-header .menu-toggle{background:transparent!important}
  .site-content{padding-top:16px}
}

/* post titles inside the navy band: white, gold on hover */
.inside-article>.entry-header .entry-title a{color:#fff!important;text-decoration:none}
.inside-article>.entry-header .entry-title a:hover,.inside-article>.entry-header .entry-title a:focus{color:var(--pc-gold)!important}
