/* Nunky Blog · 2026-10-01
   Blog-specific layer, loaded after the final corporate design system.
   Content, native WordPress forms and publication data remain dynamic. */
:root {
  --font-body:'IA Inter','Inter',Arial,sans-serif;
  --font-display:'IA Poppins','Poppins',Arial,sans-serif;
  --blog-ink:#101828;--blog-muted:#52606d;--blog-line:rgba(16,24,40,.13);
  --nunky-bg:#f5f8fa;--nunky-text:#101828;--nunky-text-soft:#52606d;
  --nunky-cyan:#087b92;--nunky-border:rgba(16,24,40,.13);
}
body {background:#f5f8fa;color:var(--blog-ink);}
html {scroll-padding-top:7.5rem;}
#main-content {overflow:clip;}
#main-content :is(.container,.blog-container) {
  width:min(calc(100% - 2 * clamp(1.2rem,4vw,4rem)),1200px)!important;
  max-width:none!important;margin-inline:auto!important;padding-inline:0!important;
}
#main-content :is(.blog-hero,.nunky-single-hero) {
  position:relative;padding:var(--hero-top) 0 clamp(3.5rem,5vw,5rem)!important;
  background:radial-gradient(ellipse at 85% 20%,#12699c40,transparent 45%),
    radial-gradient(ellipse at 10% 100%,#0c577330,transparent 50%),
    linear-gradient(120deg,#031116,#051d29)!important;
  color:#f8fbfc!important;text-align:left;
}
#main-content .blog-hero-content {width:100%;max-width:1000px;margin:0!important;text-align:left!important;}
#main-content :is(.blog-hero h1,.nunky-single-title) {
  max-width:1000px!important;margin:0!important;
  font-size:clamp(2.2rem,4vw,3.8rem)!important;font-weight:700!important;
  line-height:1.13!important;letter-spacing:-.045em!important;
  color:#f8fbfc!important;-webkit-text-fill-color:currentColor!important;
  background:none!important;text-align:left;text-wrap:balance;overflow-wrap:anywhere;
}
#main-content .section-kicker {
  display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.3rem!important;
  font-size:.76rem!important;line-height:1.3!important;font-weight:700!important;
  letter-spacing:.16em!important;text-transform:uppercase;
}
#main-content .section-kicker::before {
  content:'';width:8px;height:8px;flex:none;border:1px solid currentColor;
  transform:rotate(45deg);border-radius:1px;
}
#main-content .theme-dark .section-kicker {color:#54e5ec!important;}
#main-content .theme-light .section-kicker {color:#087e97!important;}
#main-content .heading-accent {display:inline!important;background:none!important;color:#0daee6!important;-webkit-text-fill-color:currentColor!important;}
#main-content .theme-dark .heading-accent {color:#43d2ec!important;}
#main-content .theme-light :is(h2,h3,strong) {color:var(--blog-ink);}
#main-content :is(.blog-hero p,.nunky-single-lead,.nunky-single-lead p) {
  max-width:680px;margin:1.6rem 0 0!important;color:#b8c8d0!important;
  font-size:1.05rem!important;line-height:1.7!important;
}
#main-content .section-heading {width:100%!important;max-width:1000px!important;margin:0 0 2.5rem!important;text-align:left!important;}
#main-content .section-title {max-width:900px!important;font-size:clamp(2rem,2.8vw,2.65rem)!important;line-height:1.13!important;font-weight:700!important;letter-spacing:-.045em!important;}
#main-content .section-subtitle {max-width:72ch!important;margin:1.2rem 0 0!important;font-size:1rem!important;line-height:1.7!important;color:var(--blog-muted)!important;}
#main-content :is(.editorial-clusters,.blog-section,.blog-list) {
  padding:clamp(3rem,4.5vw,4rem) 0!important;
  background:radial-gradient(ellipse at 100% 0,#e1f7ff88,transparent 65%),linear-gradient(120deg,#f0f7ff,#f9fcff)!important;
}
#main-content .editorial-clusters .nunky-family-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2.5rem;}
#main-content .editorial-clusters .nunky-family-card {
  margin:0;padding:1.2rem 0!important;border:0!important;border-top:1px solid #b8d5e3!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#main-content .editorial-clusters .nunky-family-card strong {display:block;margin:0 0 .75rem;font-family:var(--font-display);font-size:1.05rem;line-height:1.4;}
#main-content .editorial-clusters .nunky-family-card p {margin:0;color:var(--blog-muted);font-size:.96rem;line-height:1.65;}
#main-content .blog-featured {display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center;margin:0 0 3rem;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;}
#main-content .blog-featured-image {display:block;width:100%;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#e0edf6;}
#main-content .blog-featured-image img {display:block;width:100%;height:100%!important;object-fit:cover;}
#main-content .blog-featured-content {padding:0!important;}
#main-content .blog-featured h3 {margin:.85rem 0 1rem!important;font-size:clamp(1.5rem,2.4vw,2.1rem)!important;line-height:1.22!important;letter-spacing:-.035em!important;}
#main-content :is(.blog-featured-excerpt,.blog-card-excerpt,.blog-card__excerpt) p {margin:0!important;color:var(--blog-muted);font-size:1rem;line-height:1.65;}
#main-content .blog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.7rem;margin:2.5rem 0 0!important;}
#main-content .blog-card {display:flex;flex-direction:column;min-width:0;overflow:hidden;background:transparent!important;color:var(--blog-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;}
#main-content :is(.blog-card-image,.blog-card__image) {position:relative;display:block;height:auto!important;min-height:0!important;aspect-ratio:16/10;overflow:hidden;border-radius:16px;background:#e0edf6;}
#main-content :is(.blog-card-image,.blog-card__image) img {display:block;width:100%;height:100%!important;object-fit:cover;}
#main-content .blog-card-image>span {position:absolute;left:1rem;bottom:1rem;padding:.35rem .6rem;border-radius:999px;background:#071827d9;color:#e7f8fc;font-size:.7rem;letter-spacing:.07em;}
#main-content :is(.blog-card-content,.blog-card__content) {display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.2rem 0 0!important;}
#main-content .blog-card-category {color:#087b92!important;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
#main-content :is(.blog-card h3,.blog-card__title) {margin:.7rem 0 .8rem!important;font-size:1.2rem!important;line-height:1.35!important;letter-spacing:-.025em!important;}
#main-content :is(.blog-featured,.blog-card) h3 a {color:var(--blog-ink);}
#main-content :is(.blog-featured,.blog-card) h3 a:hover {color:#087b92;}
#main-content :is(.blog-entry-meta,.blog-card__meta) {margin:1rem 0 .7rem;color:#64748b;font-size:.8rem;line-height:1.5;}
#main-content :is(.blog-card-status,.blog-card__link) {display:inline-flex;align-items:center;margin-top:auto!important;padding:.5rem 0 0!important;color:#087b92!important;background:transparent!important;border:0!important;font-size:.9rem;font-weight:700;text-decoration:none;}
#main-content :is(.blog-card-status,.blog-card__link):hover {text-decoration:underline;text-underline-offset:.3em;}
#main-content .blog-placeholder-gradient {display:grid;place-items:center;background:radial-gradient(ellipse at 75% 20%,#0daee650,transparent 65%),linear-gradient(120deg,#052535,#0e5265)!important;color:#e6faff;}
#main-content .blog-pagination {margin:2.8rem 0 0;padding:0;}
#main-content .blog-pagination .nav-links {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.6rem;}
#main-content .blog-pagination .page-numbers {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.65rem 1rem;border:1px solid #b9d0df;border-radius:999px;background:#ffffff80;color:#0d3950;font-size:.88rem;font-weight:600;}
#main-content .blog-pagination .current {border-color:transparent;background:linear-gradient(100deg,#58dbed,#5987fd 52%,#5ce9ef);color:#052132;}
#main-content .cta {background:radial-gradient(ellipse at 80% 15%,#07568440,transparent 65%),#031b22!important;padding:clamp(3rem,5vw,5rem) 0!important;}
#main-content .cta-box {max-width:980px;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left;align-items:flex-start;}
#main-content .cta-box h2 {max-width:850px;margin:0!important;font-size:clamp(2rem,2.8vw,2.65rem)!important;line-height:1.15!important;}
#main-content .cta-box p {max-width:680px;margin:1.3rem 0 0;color:#b8c8d0;line-height:1.7;}
#main-content .cta-buttons {justify-content:flex-start;margin-top:1.8rem;}

/* Single posts: readable body and a compact, uncropped featured image. */
#main-content .nunky-single {background:#f9fcff;color:var(--blog-ink);}
#main-content .nunky-single-hero-inner {width:100%;margin:0!important;}
#main-content .nunky-single-meta {margin:0 0 1.3rem;gap:.6rem;color:#b8c8d0;font-size:.8rem;}
#main-content .nunky-single-category {color:#54e5ec;font-size:.76rem;letter-spacing:.12em;}
#main-content .nunky-single-featured {padding:0 1.2rem 3rem!important;background:linear-gradient(120deg,#031116,#051d29)!important;}
#main-content .nunky-single-featured .container {width:min(100%,820px)!important;max-width:820px!important;}
#main-content .nunky-single-featured-inner {width:100%!important;max-width:760px!important;margin:0 auto!important;border-radius:18px!important;background:#dfeaf3;}
#main-content .nunky-single-featured img {width:100%!important;max-width:760px!important;height:auto!important;object-fit:contain!important;}
#main-content .nunky-single-body {padding:clamp(2.5rem,4vw,4rem) 1.2rem!important;background:linear-gradient(120deg,#f0f7ff,#f9fcff)!important;}
#main-content .nunky-single-reading {width:100%;max-width:780px;margin-inline:auto;color:#344054;font-family:var(--font-body);font-size:1.05rem;line-height:1.8;overflow-wrap:anywhere;}
#main-content .nunky-single-reading p {font-size:1.05rem;line-height:1.8;margin:0 0 1.4em;}
#main-content .nunky-single-reading :is(h2,h3,h4) {color:var(--blog-ink)!important;line-height:1.25!important;letter-spacing:-.025em!important;}
#main-content .nunky-single-reading h2 {font-size:clamp(1.7rem,2.3vw,2.1rem)!important;margin:1.8em 0 .65em!important;}
#main-content .nunky-single-reading h3 {font-size:clamp(1.3rem,1.8vw,1.55rem)!important;margin:1.5em 0 .6em!important;}
#main-content .nunky-single-reading h4 {font-size:1.15rem!important;}
#main-content .nunky-single-reading a {color:#087b92;text-underline-offset:.25em;}
#main-content .nunky-single-reading blockquote {margin:2rem 0;padding:1rem 1.4rem;border-left:3px solid #0daee6;border-radius:0;background:#e0f3fc;color:#16445a;}
#main-content .nunky-single-reading blockquote p {margin:0;}
#main-content .nunky-single-reading :is(figure,.wp-block-image) {margin:2rem 0;}
#main-content .nunky-single-reading img {max-width:100%;height:auto;}
#main-content .nunky-single-reading .wp-block-table {overflow:auto;max-width:100%;}
#main-content .nunky-single-reading pre {overflow:auto;white-space:pre;max-width:100%;padding:1rem;border-radius:12px;background:#071827;color:#d9f6fc;}
#main-content .nunky-single-reading :is(iframe,video) {max-width:100%;}
#main-content .nunky-single-end {padding:clamp(2.5rem,4vw,4rem) 1.2rem!important;background:#edf6ff!important;}
#main-content .nunky-single-end-inner {width:100%;max-width:780px;}
#main-content .nunky-single-tags {margin-bottom:2rem;}
#main-content .nunky-single-tags-list {display:flex;flex-wrap:wrap;gap:.6rem;}
#main-content .nunky-single-tags-list a {padding:.45rem .9rem;border:1px solid #b9d0df;border-radius:999px;background:#ffffff80;color:#087b92;font-size:.82rem;}
#main-content .nunky-single-back {display:inline-flex;margin-top:1.5rem;color:#087b92;font-size:.9rem;font-weight:700;}

/* Native WordPress comments, including threaded replies and form states. */
#main-content .nunky-single-comments {margin:2.5rem 0;}
#main-content .nunky-comments :is(.nunky-comments-title,.comment-reply-title) {margin:0 0 1.5rem!important;font-size:clamp(1.4rem,2.2vw,1.8rem)!important;line-height:1.3!important;color:var(--blog-ink)!important;}
#main-content .nunky-comments-list {padding:0!important;margin:0 0 2rem!important;list-style:none!important;}
#main-content .nunky-comments-list>li {padding:1.2rem 0!important;margin:0!important;border:0!important;border-top:1px solid #bad4e4!important;border-radius:0!important;background:transparent!important;}
#main-content .nunky-comments-list .children {padding:0 0 0 1.2rem!important;margin:1.2rem 0 0!important;list-style:none!important;border-left:1px solid #bad4e4;}
#main-content .nunky-comments-list .children .comment {padding:0 0 1.2rem 1rem!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#main-content .nunky-comments-list .comment-author {display:flex;gap:.75rem;align-items:center;color:var(--blog-ink);}
#main-content .nunky-comments-list .avatar {width:44px!important;height:44px!important;max-width:44px!important;flex:0 0 44px;object-fit:cover;border-radius:50%;}
#main-content .nunky-comments-list .comment-metadata {margin:.4rem 0 1rem!important;font-size:.78rem;}
#main-content .nunky-comments-list .comment-content p {margin:0 0 .8rem;font-size:1rem;}
#main-content .nunky-comments-list .reply a {font-size:.82rem;font-weight:600;}
#main-content .nunky-comments .comment-respond {margin-top:2rem;padding:1.4rem;border:1px solid #bad4e4;border-radius:18px;background:#ffffff70;}
#main-content .nunky-comments .comment-form {display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
#main-content .nunky-comments .comment-form>p {margin:0!important;font-size:.9rem!important;line-height:1.6!important;}
#main-content .nunky-comments .comment-form>p:not(.comment-form-author):not(.comment-form-email) {grid-column:1/-1;}
#main-content .nunky-comments .comment-form label {display:block;margin:0 0 .45rem;font-size:.85rem;font-weight:600;color:var(--blog-ink);}
#main-content .nunky-comments .comment-form :is(input[type='text'],input[type='email'],input[type='url'],textarea) {display:block;width:100%;min-height:44px;padding:.8rem 1rem;border:1px solid #b9d0df;border-radius:12px;background:#fff;color:var(--blog-ink);font-size:1rem;line-height:1.5;box-shadow:none;}
#main-content .nunky-comments .comment-form textarea {min-height:150px;resize:vertical;}
#main-content .nunky-comments .comment-form :is(input,textarea):focus-visible {outline:2px solid #0daee6;outline-offset:3px;}
#main-content .nunky-comments .comment-form-cookies-consent {display:flex;align-items:flex-start;gap:.6rem;}
#main-content .nunky-comments .comment-form-cookies-consent input {flex:none;width:18px;height:18px;margin:.15rem 0 0;}
#main-content .nunky-comments .comment-form-cookies-consent label {font-weight:400;}
#main-content .nunky-comments-submit {display:inline-flex;width:auto!important;min-height:44px;padding:.9rem 1.5rem;border:0!important;border-radius:999px!important;background:linear-gradient(100deg,#58dbed,#5987fd 52%,#5ce9ef)!important;color:#052132!important;font-size:.9rem;font-weight:700;cursor:pointer;}
#main-content .nunky-comments-submit:hover {filter:brightness(1.05);}
#main-content #cancel-comment-reply-link {font-size:.8rem;}

/* Corporate footer: same five columns as the final site. */
body>.footer .footer-content {grid-template-columns:minmax(190px,1.18fr) repeat(4,minmax(130px,.82fr));}
body>.footer .footer-social-links {display:flex;gap:1.4rem;margin-top:1rem;}
body>.footer .footer-section--legal a {font-weight:650;}
body>.footer .footer-section--legal .footer-ethical-link {color:#075985;font-weight:800;}
body>.footer .footer-legal {justify-content:flex-start;}
body>.footer .footer-legal :is(a,.footer-cookie-settings) {font-size:.82rem;}
/* Keep the fixed header clear of WordPress's administrator toolbar. */
body.admin-bar #siteHeader {top:calc(.9rem + 32px)!important;}
body.admin-bar :is(.blog-hero,.nunky-single-hero) {padding-top:calc(var(--hero-top) + 32px)!important;}
@media(max-width:1120px){body>.footer .footer-content {grid-template-columns:repeat(3,minmax(0,1fr));}body>.footer .footer-brand {grid-column:1/-1;}}
@media(max-width:980px){#main-content .editorial-clusters .nunky-family-grid {grid-template-columns:repeat(2,minmax(0,1fr));}#main-content .blog-grid {grid-template-columns:repeat(2,minmax(0,1fr));}#main-content .blog-featured {grid-template-columns:1fr;}}
@media(max-width:782px){body.admin-bar #siteHeader {top:calc(.9rem + 46px)!important;}body.admin-bar :is(.blog-hero,.nunky-single-hero) {padding-top:calc(var(--hero-top) + 46px)!important;}}
@media(max-width:760px){body>.footer .footer-content {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){
  #main-content :is(.blog-hero h1,.nunky-single-title) {font-size:clamp(2rem,8.5vw,3rem)!important;}
  #main-content .blog-grid,#main-content .editorial-clusters .nunky-family-grid {grid-template-columns:1fr;}
  #main-content .nunky-comments .comment-form {grid-template-columns:1fr;}
  #main-content .nunky-comments .comment-form>p {grid-column:1!important;}
  #main-content .nunky-comments .comment-respond {padding:1rem;}
  #main-content .nunky-comments-list .children {padding-left:.5rem!important;}
  #main-content .cta-buttons {flex-wrap:wrap;}
}
@media(max-width:520px){body>.footer .footer-content {grid-template-columns:1fr;}body>.footer .footer-brand {grid-column:auto;}body>.footer .footer-legal {align-items:flex-start;flex-direction:column;gap:.8rem;}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto;}}
/* Override older fixed font names and centered title rules. */
#main-content :is(.blog-hero h1,.nunky-single-title,.section-title,.cta-box h2) {
  font-family:var(--font-display)!important;text-align:left!important;
}
#main-content :is(.blog-hero-content,.section-heading,.cta-box) {text-align:left!important;}
#main-content .nunky-comments .comment-form textarea {min-height:150px!important;height:auto!important;}
body.admin-bar #main-content :is(.blog-hero,.nunky-single-hero) {padding-top:calc(var(--hero-top) + 32px)!important;}
@media(max-width:782px){body.admin-bar #main-content :is(.blog-hero,.nunky-single-hero) {padding-top:calc(var(--hero-top) + 46px)!important;}}
#main-content .section-heading :is(.section-title,.section-subtitle) {margin-inline:0!important;}
.header.header-dark :is(.nav-link,.dropdown-arrow-button,.mobile-menu-toggle) {color:rgba(244,252,249,.9)!important;}
.header.header-light :is(.nav-link,.dropdown-arrow-button) {color:#101828!important;}