/*
Theme Name: CostGem Journal
Description: A small Twenty Twenty-One child theme for the CostGem journal.
Version: 0.2.0
Template: twentytwentyone
Text Domain: costgem-blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--cg-ink:#183f34;--cg-forest:#134a38;--cg-green:#147453;--cg-mint:#e9f0e6;--cg-gold:#d9b563;--cg-paper:#fdfdfb;--cg-muted:#63756b;--cg-line:#dce1d6;--cg-serif:Georgia,'Times New Roman',serif;--cg-sans:'Segoe UI',Arial,sans-serif}
body.cg-blog{--global--color-background:var(--cg-paper);--global--color-primary:var(--cg-ink);--global--color-secondary:var(--cg-muted);--global--font-primary:var(--cg-sans);--global--font-secondary:var(--cg-sans);--global--color-border:var(--cg-line);--responsive--alignwide-width:1160px;background:var(--cg-paper);color:var(--cg-ink);font-family:var(--cg-sans);font-size:18px;line-height:1.7}
.cg-blog a{color:var(--cg-forest);text-underline-offset:.18em}
.cg-blog :focus-visible{outline:3px solid #bc8528!important;outline-offset:4px}
.cg-blog .site-main{padding-top:0;padding-bottom:80px}
.cg-blog .site-main>*{margin-top:0;margin-bottom:0}
.cg-masthead{border-bottom:1px solid var(--cg-line);background:var(--cg-paper)}
.cg-header-inner{max-width:1240px;margin:auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.cg-brand{display:inline-flex;align-items:center;gap:10px;font:400 27px/1 var(--cg-sans);text-decoration:none!important;white-space:nowrap}
.cg-brand strong{font-weight:650}.cg-brand svg{width:31px;height:31px;stroke:var(--cg-gold);stroke-width:1.6}
.cg-navigation{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}
.cg-navigation a{text-decoration:none}.cg-navigation a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.cg-blog a.cg-button,.cg-blog button.cg-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--cg-forest);border:1px solid var(--cg-forest);border-radius:4px;padding:12px 19px;color:#fff;text-decoration:none;font:600 14px/1.3 var(--cg-sans)}
.cg-blog a.cg-button:hover{background:var(--cg-green);color:#fff}.cg-blog button.cg-menu-toggle[hidden]{display:none}
.cg-menu-toggle{display:none!important}
.cg-intro{max-width:1160px;margin:0 auto!important;padding:82px 0 48px}
.cg-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;color:var(--cg-muted);margin:0 0 22px}
.cg-blog h1,.cg-blog h2,.cg-blog h3{font-family:var(--cg-serif);font-weight:400;letter-spacing:-.025em;color:var(--cg-ink)}
.cg-intro h1{font-size:clamp(42px,5.6vw,76px);line-height:1.06;max-width:900px;margin:0 0 27px}
.cg-deck{max-width:560px;font-size:19px;line-height:1.7;color:var(--cg-muted)}
.cg-browse{margin-top:38px;border-top:1px solid var(--cg-line);padding-top:24px}
.cg-browse .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;max-width:490px;margin:0}
.cg-browse .search-form label{grid-column:1/-1;margin:0;font-size:14px}.cg-browse .search-field{width:100%;min-width:0;font:16px var(--cg-sans);padding:13px;background:#fff;border:1px solid var(--cg-line);border-radius:4px}
.cg-blog .search-submit{font:600 14px var(--cg-sans);padding:14px 18px;border:1px solid var(--cg-forest);border-radius:4px;background:var(--cg-forest);color:#fff}
.cg-articles{max-width:1160px;margin:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cg-card{border:1px solid var(--cg-line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;margin:0!important;padding:0!important}
.cg-card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--cg-mint)}
.cg-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.cg-card-body{padding:28px;display:flex;flex-direction:column;flex:1}
.cg-date{font-size:12px;letter-spacing:.02em;color:var(--cg-muted);margin:0 0 14px}
.cg-card h2{font-size:27px;line-height:1.2;margin:0 0 18px}.cg-card h2 a{text-decoration:none}.cg-card h2 a:hover{text-decoration:underline}
.cg-excerpt{font-size:15px;color:var(--cg-muted);line-height:1.75}.cg-excerpt p{margin:0 0 24px}
.cg-read{display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;margin-top:auto;text-decoration:none}
.cg-blog .pagination{max-width:1160px;margin:44px auto 0!important;padding-top:24px;border-top:1px solid var(--cg-line)}
.cg-blog .pagination .nav-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.cg-blog .entry-header{padding-top:72px;margin-bottom:36px}.cg-blog .entry-title{font-size:clamp(36px,4vw,62px);line-height:1.12}
.cg-blog .entry-content{font-size:19px;line-height:1.8}.cg-blog .entry-content>h2{font-size:34px;margin-top:52px;margin-bottom:20px}.cg-blog .entry-content>h3{font-size:26px}
.cg-blog .entry-content p,.cg-blog .entry-content ul,.cg-blog .entry-content ol{margin-bottom:25px}
.cg-blog .entry-content figure{margin-top:32px;margin-bottom:32px}.cg-blog .entry-content img{height:auto;max-width:100%;border-radius:5px}
.cg-blog .entry-content figcaption{font-size:14px;color:var(--cg-muted);line-height:1.6}
.cg-blog .entry-footer{font-size:14px;border-color:var(--cg-line)}
.cg-blog .cg-next{padding:32px;background:var(--cg-mint);border-radius:7px;margin-top:52px}.cg-next h2{font-size:32px;line-height:1.2;margin:0 0 15px}.cg-next p{font-size:17px}.cg-next .cg-eyebrow{font-size:10px;margin-bottom:18px}
.cg-related{padding-top:35px;margin-top:40px;border-top:1px solid var(--cg-line)}.cg-related h2{font-size:28px}.cg-related ul{padding-left:22px}.cg-related li{margin:12px 0;font-size:17px}
.cg-footer{background:var(--cg-mint);border-top:1px solid var(--cg-line)}.cg-footer-inner{max-width:1240px;padding:52px 40px 24px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:36px}.cg-footer p{font-size:14px;color:var(--cg-muted);margin:20px 0 0}.cg-footer nav{display:flex;gap:16px 28px;flex-wrap:wrap;align-content:start;font-size:14px}.cg-footer nav a{text-decoration:none}.cg-footer .cg-copyright{grid-column:1/-1;border-top:1px solid #cdd8c8;padding-top:22px;margin:0;font-size:12px}
.cg-empty{max-width:1160px;margin:auto!important;padding:32px 0 80px}
@media(max-width:1240px){.cg-intro,.cg-articles,.cg-empty,.cg-blog .pagination{margin-left:40px!important;margin-right:40px!important}}
@media(max-width:900px){.cg-navigation{gap:18px}.cg-navigation a{font-size:13px}.cg-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-header-inner{padding:22px 28px}.cg-intro{padding-top:60px}}
@media(max-width:760px){.cg-header-inner{flex-wrap:wrap;padding:20px 24px;gap:18px}.cg-brand{font-size:25px}.cg-navigation{flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.cg-navigation a{padding:13px 0}.cg-navigation a.cg-button{margin-top:12px}.cg-navigation-ready .cg-menu-toggle{display:inline-flex!important}.cg-navigation-ready .cg-navigation{display:none}.cg-navigation-ready .cg-navigation.is-open{display:flex}.cg-intro,.cg-articles,.cg-empty,.cg-blog .pagination{margin-left:24px!important;margin-right:24px!important}.cg-intro{padding-top:48px;padding-bottom:32px}.cg-deck{font-size:17px}.cg-articles{grid-template-columns:1fr;gap:22px}.cg-card h2{font-size:29px}.cg-card-body{padding:25px}.cg-footer-inner{padding:38px 24px 24px;grid-template-columns:1fr}.cg-blog .entry-content{font-size:18px}.cg-blog .entry-header{padding-top:45px}.cg-blog .site-main{padding-bottom:48px}.cg-next{padding:25px!important}}
@media(prefers-reduced-motion:reduce){.cg-blog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.cg-brand .cg-wordmark{display:block;width:164px;height:48px;max-width:none}
@media(max-width:760px){.cg-brand .cg-wordmark{width:144px;height:42px}}