/* TGH posts and pages, 2026 layout. Added 27 Sep 2026. Loaded by mu-plugins/tgh-post-layout.php (rename that file to .disabled to revert). */
:root{--tgh-serif:Fraunces,Georgia,"Times New Roman",serif}

/* Titles and headings: serif, matching the homepage */
body.single-post .nd-article-title,.nd-page-title,.pg-hero h1{font-family:var(--tgh-serif)!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.1!important}
body.single-post .nd-article-title{font-size:clamp(2rem,3.5vw,3.1rem)!important}
.nd-article-content h2,.nd-page-content h2,.pg-sec h2,.pg-hist h2{font-family:var(--tgh-serif)!important;font-weight:700!important;letter-spacing:-.005em!important;line-height:1.2!important}
.nd-article-content h2,.nd-page-content h2{font-size:clamp(1.55rem,2.4vw,2rem)!important;margin:2em 0 .6em!important}
.nd-article-content h3,.nd-page-content h3{font-family:var(--tgh-sans);font-weight:700;font-size:1.22rem;letter-spacing:-.01em}
.nd-related-sidebar-title,.nd-comments h2,.nd-comments h3,.comment-reply-title{font-family:var(--tgh-serif)!important;font-weight:700!important;letter-spacing:0!important}

/* Reading copy */
.nd-article-content,.nd-page-content{font-size:18px;line-height:1.75}
.nd-article-content p,.nd-article-content li,.nd-page-content p,.nd-page-content li{color:#c9d3de}
.nd-article-content strong,.nd-page-content strong{color:#E8EDF2}
.nd-article-header-text p,.nd-article-excerpt{color:#a9b6c6}
.pg-prose p,.pg-prose ul{font-size:17px!important;color:#a9b6c6!important}
.pg-sec p.lead,.pg-hero p.pg-sub{font-size:18px!important;color:#a9b6c6!important}

/* "Part of our ... guides" link becomes a chip */
.nd-article-content p.tgh-hub-link{display:inline-block;font-size:14px!important;line-height:1.4;opacity:1!important;padding:6px 13px;border:1px solid #1f3a2a;background:#0f1d15;border-radius:20px;color:#8fe3b0!important;margin:0 0 1.4em!important}
.nd-article-content p.tgh-hub-link a{color:#3BF08A!important;text-decoration:none!important}

/* Code blocks: header bar, copy button, no heavy left border */
.nd-article-content pre.wp-block-code{position:relative;background:#0a0d12!important;border:1px solid #243041!important;border-radius:12px!important;padding:52px 20px 18px!important;font-size:14px!important;line-height:1.7!important;color:#c9d3de}
.nd-article-content pre.wp-block-code::before{content:"CODE";position:absolute;left:0;right:0;top:0;height:36px;padding:0 16px;display:flex;align-items:center;background:#121821;border-bottom:1px solid #1f2935;font:500 11px var(--tgh-label);letter-spacing:.12em;color:#8b98a8;border-radius:11px 11px 0 0}
.nd-article-content pre.wp-block-code code{background:none!important;border:0!important;padding:0!important;font-size:inherit}
.tgh-copy{position:absolute;top:5px;right:10px;font:600 12px var(--tgh-sans);color:#3BF08A;background:transparent;border:1px solid #1f3a2a;border-radius:6px;padding:4px 10px;cursor:pointer;line-height:1.4}
.tgh-copy:hover{background:#0f1d15}

/* Tables: rounded, zebra rows, codes never split */
.nd-article-content .wp-block-table table{border:1px solid #1f2935;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden}
.nd-article-content .wp-block-table td,.nd-article-content .wp-block-table th{border-color:#1c2430!important;font-size:15px;line-height:1.55}
.nd-article-content .wp-block-table tbody tr:nth-child(even) td{background:#0e141b}
.nd-article-content td code,.nd-article-content th code{white-space:nowrap}

/* Quick facts box */
.nd-article-content .nd-pattern-quick-facts{border:1px solid #1f3a2a!important;background:#0e1813!important;border-radius:14px!important}

/* Table of contents: numbered */
.nd-toc-list{counter-reset:toc;list-style:none!important;padding-left:0!important}
.nd-toc-list>li{counter-increment:toc;position:relative;padding-left:30px!important;list-style:none!important}
.nd-toc-list>li::before{content:counter(toc,decimal-leading-zero);position:absolute;left:0;top:.2em;font:400 12px var(--tgh-mono);color:#4d5a6a}
.nd-toc-list>li::marker{content:none}
.nd-toc-list a{color:#8b98a8!important;text-decoration:none!important}
.nd-toc-list a:hover{color:#3BF08A!important}
.nd-toc-title{font-family:var(--tgh-label)!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px!important;color:#8b98a8!important}

/* Author box */
.nd-author-box{background:#10161e!important;border:1px solid #1f2935!important;border-radius:14px!important}

/* Previous / next within the topic hub */
.tgh-hub-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:44px 0 12px}
.tgh-hub-nav a{border:1px solid #1f2935;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:#E8EDF2!important;background:#0f141b;transition:border-color .2s ease}
.tgh-hub-nav a:hover{border-color:#3BF08A}
.tgh-hub-nav a span{font:500 11px var(--tgh-label);letter-spacing:.12em;text-transform:uppercase;color:#8b98a8}
.tgh-hub-nav a strong{font-size:16px;line-height:1.35;color:#E8EDF2}
.tgh-hub-nav a.next{text-align:right}

/* Reading progress */
#tgh-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#3BF08A;z-index:100000;pointer-events:none}

@media (max-width:700px){
  .nd-article-content,.nd-page-content{font-size:17px;line-height:1.7}
  body.single-post .nd-article-title{font-size:2rem!important}
  .tgh-hub-nav{grid-template-columns:1fr}
  .tgh-hub-nav a.next{text-align:left}
}
@media (prefers-reduced-motion:reduce){.tgh-hub-nav a{transition:none}}
