/* ==========================================================================
   gsyncd — Internal pages skin (Claude Design look, existing content kept).
   Active only when <body> has .gs-skin. Pure CSS: no text, links or markup change.
   ========================================================================== */

/* 1. Brand tokens mapped onto the theme's existing variables */
html body.gs-skin,
html body.gs-skin[data-theme="light"]{
  --bg-color:#EEF0EA;
  --bg-grid:transparent;
  --glow-1:transparent;--glow-2:transparent;--glow-3:transparent;
  --text-color:#0F2A1F;
  --text-muted:#51625A;
  --accent-color:#0F2A1F;
  --accent-text:#0F2A1F;
  --accent-glow:transparent;
  --accent-border:#D8DDD3;
  --card-bg:#FFFFFF;
  --card-border:#D8DDD3;
  --card-hover-border:#0F2A1F;
  --card-hover-glow:transparent;
  --input-bg:#F6F8F3;
  --input-border:#D8DDD3;
  --glass-blur:none;
  --font-sans:'Geist',system-ui,-apple-system,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,monospace;
  background:#EEF0EA !important;
  color:#0F2A1F;
  -webkit-font-smoothing:antialiased;
}
html:has(body.gs-skin){background:#EEF0EA !important}
.gs-skin .ambient-glow-wrapper{display:none !important}
.gs-skin main{background:#EEF0EA}
.gs-skin ::selection{background:#D4F230;color:#0F2A1F}

/* 2. Links */
html body.gs-skin main a:not(.btn-terminal):not(.nav-item):not(.calc-panel-item){color:#0F2A1F;font-weight:500}
html body.gs-skin main a:not(.btn-terminal):not(.nav-item):not(.calc-panel-item):hover{color:#3E4A12;filter:none}
html body.gs-skin .entry-content a,
html body.gs-skin .privacy-content a,
html body.gs-skin .calc-info-section p a{text-decoration:underline;text-decoration-color:#B9C98A;text-underline-offset:3px}

/* 3. Page hero */
.gs-skin .hero-block{margin-bottom:3.5rem}
.gs-skin .term-breadcrumbs{font-family:'Geist Mono',monospace !important;font-size:12px !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#51625A !important;margin-bottom:1.75rem !important}
.gs-skin .term-breadcrumbs::before,.gs-skin .term-breadcrumbs::after{content:none !important}
html body.gs-skin .term-breadcrumbs a{color:#0F2A1F !important;font-weight:400 !important;text-decoration:none}
.gs-skin .term-breadcrumbs .separator{opacity:.5}
.gs-skin .hero-cmd{
  font-family:'Geist Mono',monospace !important;font-size:12px !important;letter-spacing:0.08em;text-transform:uppercase;
  color:#51625A !important;text-shadow:none !important;margin-bottom:1.25rem !important;display:inline-flex !important;align-items:center;gap:10px;
}
.gs-skin .hero-cmd::before{content:"";width:8px;height:8px;border-radius:50%;background:#D4F230;box-shadow:0 0 0 4px rgba(212,242,48,0.25);flex-shrink:0}
.gs-skin .hero-cmd.cursor-blink::after,.gs-skin .cursor-blink::after{background:#0F2A1F !important;box-shadow:none !important}
.gs-skin .neon-text[data-glyph]::before,.gs-skin .hero-title .neon-text{display:none !important}
html body.gs-skin .hero-title{
  font-family:'Instrument Serif',serif !important;font-weight:400 !important;font-size:clamp(46px,6.2vw,88px) !important;
  line-height:0.98 !important;letter-spacing:-0.02em !important;color:#0F2A1F !important;text-wrap:balance;margin-bottom:1.5rem !important;text-shadow:none !important;
}
html body.gs-skin.single .hero-title{font-size:clamp(40px,5vw,68px) !important;line-height:1.02 !important}
html body.gs-skin h2.hero-title{font-size:clamp(36px,4.6vw,60px) !important;line-height:1 !important}
.gs-skin .hero-subhead{font-family:'Geist',system-ui,sans-serif !important;font-size:19px !important;line-height:1.6 !important;color:#41544B !important;max-width:640px}

/* 4. Buttons: terminal brackets -> brand pills */
html body.gs-skin .btn-terminal{
  font-family:'Geist',system-ui,sans-serif !important;font-size:15px !important;font-weight:500 !important;letter-spacing:normal;text-transform:none;
  background:#0F2A1F !important;color:#EEF0EA !important;border:1px solid #0F2A1F !important;border-radius:999px !important;
  padding:14px 24px !important;box-shadow:none !important;text-shadow:none !important;transition:background .25s,border-color .25s !important;
}
.gs-skin .btn-terminal::before{display:none !important}
html body.gs-skin .btn-terminal:hover{background:#1B3F30 !important;border-color:#1B3F30 !important;color:#EEF0EA !important;box-shadow:none !important}
html body.gs-skin .btn-terminal *{color:inherit !important}
.gs-skin .back-to-hub a{font-family:'Geist Mono',monospace !important;font-size:12px !important;letter-spacing:0.06em;text-transform:uppercase;color:#51625A !important;text-shadow:none !important}
.gs-skin .back-to-hub a:hover{color:#0F2A1F !important;text-shadow:none !important}

/* 5. Cards */
html body.gs-skin .glass-card,
html body.gs-skin[data-theme="light"] .glass-card{
  background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:22px !important;
  box-shadow:0 2px 6px rgba(15,42,31,0.04) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
.gs-skin .glass-card::before{display:none !important}
html body.gs-skin .glass-card:hover{border-color:#C3CBBD !important;box-shadow:0 30px 60px -35px rgba(15,42,31,0.3),0 2px 6px rgba(15,42,31,0.04) !important}
html body.gs-skin.single .hero-block,
html body.gs-skin.single .sticky-toc,
html body.gs-skin.single .single-post-article{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;border:0 !important}
html body.gs-skin.single .sticky-toc{background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:22px !important}

/* 6. Headings inside page content */
html body.gs-skin main h2:not(.hero-title):not(.calc-col-title):not(.calc-bands-title):not(.compliance-title):not(.pipeline-card h2),
html body.gs-skin .entry-content h2,
html body.gs-skin .privacy-content h2{
  font-family:'Instrument Serif',serif !important;font-weight:400 !important;letter-spacing:-0.015em !important;line-height:1.05 !important;color:#0F2A1F !important;text-shadow:none !important;
}
html body.gs-skin main h3,
html body.gs-skin main h4,
html body.gs-skin .calc-col-title,
html body.gs-skin .calc-bands-title,
html body.gs-skin .compliance-title{
  font-family:'Geist',system-ui,sans-serif !important;font-weight:600 !important;letter-spacing:-0.01em !important;color:#0F2A1F !important;text-shadow:none !important;
}
html body.gs-skin main .pipeline-card h2,html body.gs-skin main .pipeline-card h3{font-family:'Geist',system-ui,sans-serif !important;font-weight:600 !important;font-size:19px !important;line-height:1.3 !important;letter-spacing:-0.01em !important}
.gs-skin .pipeline-card p{text-align:left !important;color:#51625A !important;font-size:15px !important;line-height:1.6 !important}
.gs-skin .pipeline-num{font-family:'Geist Mono',monospace !important;font-size:12px !important;color:#63736B !important}
.gs-skin .pulse-dot{background:#D4F230 !important;box-shadow:0 0 0 3px rgba(212,242,48,0.3) !important}
.gs-skin .pipeline-status{color:#0F2A1F !important;font-family:'Geist Mono',monospace !important}
.gs-skin .pipeline-image{border-radius:14px !important;border:0 !important}

html body.gs-skin main h2:not(.hero-title):not(.calc-col-title):not(.calc-bands-title):not(.compliance-title):not(.pipeline-card h2){font-size:clamp(30px,3.4vw,42px) !important}
html body.gs-skin .btn-terminal{justify-content:center !important;text-align:center}

/* 7. Body copy (posts, privacy, info sections) */
.gs-skin .entry-content,.gs-skin .privacy-content{font-family:'Geist',system-ui,sans-serif;font-size:17px;line-height:1.75;color:#33463D}
.gs-skin .entry-content p,.gs-skin .entry-content li,.gs-skin .calc-info-section p,.gs-skin .calc-info-section li{color:#33463D}
.gs-skin .entry-content h2{font-size:clamp(32px,3.6vw,44px) !important;margin:2.5rem 0 1rem !important}
.gs-skin .entry-content h3{font-size:22px !important;margin:2rem 0 .75rem !important}
.gs-skin .entry-content blockquote{border-left:3px solid #D4F230 !important;background:#F6F8F3 !important;border-radius:0 14px 14px 0;color:#33463D}
.gs-skin .entry-content code,.gs-skin .entry-content pre{font-family:'Geist Mono',monospace !important;background:#E2E7DE !important;color:#0F2A1F !important;border-radius:8px;border:0 !important}
.gs-skin .entry-content pre{padding:1rem 1.25rem}
.gs-skin .entry-content img{border-radius:14px}
.gs-skin .meta-stats,.gs-skin .share-buttons{font-family:'Geist Mono',monospace !important;color:#51625A !important}
.gs-skin .copy-link-btn{color:#0F2A1F !important}
.gs-skin .sticky-toc a{color:#51625A !important;font-weight:400 !important}
.gs-skin .sticky-toc a.active,.gs-skin .sticky-toc a:hover{color:#0F2A1F !important}

/* 8. Calculators */
html body.gs-skin .calc-label{font-family:'Geist',system-ui,sans-serif !important;font-size:14px !important;font-weight:500 !important;color:#0F2A1F !important}
html body.gs-skin .calc-label span.calc-label-desc,html body.gs-skin .calc-label-desc{font-size:12px !important;font-weight:400 !important;color:#63736B !important}
html body.gs-skin .calc-input,html body.gs-skin .calc-select{
  background:#F6F8F3 !important;border:1px solid #D8DDD3 !important;border-radius:12px !important;padding:13px 14px !important;
  font-family:'Geist',system-ui,sans-serif !important;font-size:15px !important;color:#0F2A1F !important;box-shadow:none !important;
}
html body.gs-skin .calc-input:focus,html body.gs-skin .calc-select:focus{border-color:#0F2A1F !important;background:#FFFFFF !important;box-shadow:none !important}
.gs-skin .calc-input::placeholder{color:#8B9A92 !important;font-family:'Geist',system-ui,sans-serif}
html body.gs-skin .calc-headline-card{background:#0F2A1F !important;border:0 !important;border-radius:22px !important;color:#EEF3EE !important}
html body.gs-skin .calc-headline-card *{color:#EEF3EE}
html body.gs-skin .calc-headline-label{font-family:'Geist Mono',monospace !important;font-size:12px !important;letter-spacing:0.08em;text-transform:uppercase;color:#D4F230 !important}
html body.gs-skin .calc-headline-value{font-family:'Geist',system-ui,sans-serif !important;font-weight:600 !important;letter-spacing:-0.02em !important;color:#FFFFFF !important;text-shadow:none !important}
html body.gs-skin .calc-headline-note{color:#A9C2B6 !important}
html body.gs-skin .calc-stat-card{background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:14px !important}
html body.gs-skin .calc-stat-label{font-family:'Geist',system-ui,sans-serif !important;font-size:12px !important;color:#51625A !important;text-transform:none !important;letter-spacing:normal !important}
html body.gs-skin .calc-stat-value{font-family:'Geist',system-ui,sans-serif !important;font-weight:600 !important;color:#0F2A1F !important;text-shadow:none !important}
html body.gs-skin .calc-table-wrapper{background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:14px !important}
html body.gs-skin .calc-table th{font-family:'Geist Mono',monospace !important;font-size:11px !important;letter-spacing:0.08em;color:#51625A !important;background:#F6F8F3 !important}
html body.gs-skin .calc-table td{border-color:#E6EAE2 !important;color:#33463D}
html body.gs-skin .calc-table td.num{font-family:'Geist Mono',monospace !important;color:#0F2A1F}
html body.gs-skin .calc-table tr.total-row{background:#E2E7DE !important}
html body.gs-skin .calc-table tr.total-row td{color:#0F2A1F !important;border-color:#D8DDD3 !important}
html body.gs-skin .calc-cta{background:radial-gradient(ellipse at 50% 120%,rgba(60,122,94,0.16),transparent 60%),#F6F8F3 !important;border:1px solid #CDD4C8 !important;border-radius:28px !important;padding:48px 32px !important}
html body.gs-skin .calc-cta-text{font-family:'Instrument Serif',serif !important;font-size:clamp(28px,3.4vw,40px) !important;line-height:1.1 !important;color:#0F2A1F !important}
html body.gs-skin .calc-tab{font-family:'Geist',system-ui,sans-serif !important;border-radius:999px !important}
html body.gs-skin .calc-tab.active{background:#0F2A1F !important;color:#EEF0EA !important;border-color:#0F2A1F !important}
html body.gs-skin .calc-indicator{background:#D4F230 !important;box-shadow:none !important}
html body.gs-skin .calc-card{background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:20px !important;box-shadow:none !important}
html body.gs-skin .calc-card:hover{border-color:#0F2A1F !important;transform:translateY(-3px)}
html body.gs-skin .calc-card-title{font-family:'Geist',system-ui,sans-serif !important;font-weight:600 !important;color:#0F2A1F !important}
html body.gs-skin .calc-card-desc{color:#51625A !important}
html body.gs-skin .calc-card-icon{color:#0F2A1F !important;background:#E2E7DE !important;border-color:transparent !important;border-radius:12px !important}
html body.gs-skin .calc-compliance-card,html body.gs-skin .calc-bands-section{background:#FFFFFF !important;border:1px solid #D8DDD3 !important;border-radius:20px !important}
html body.gs-skin .compliance-badge{background:#D4F230 !important;color:#0F2A1F !important;border:0 !important;border-radius:999px !important}
html body.gs-skin input[type="range"]{accent-color:#0F2A1F}
html body.gs-skin input[type="checkbox"],html body.gs-skin input[type="radio"]{accent-color:#0F2A1F}

/* 9. Generic form fields inside content (not Fluent Forms, which keep their look) */
html body.gs-skin main select:not(.calc-select),
html body.gs-skin main input[type="number"]:not(.calc-input),
html body.gs-skin main input[type="text"]:not(.calc-input):not(.ff-el-form-control){border-radius:12px}

@media (max-width:760px){
  html body.gs-skin .hero-title{font-size:clamp(40px,11vw,56px) !important}
  .gs-skin .hero-subhead{font-size:17px !important}
}

/* ==========================================================================
   10. PAGE HEADER — editorial / luxury treatment
   ========================================================================== */
@keyframes gsRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes gsSweep{from{background-size:0% 28%}to{background-size:100% 28%}}
@keyframes gsBreathe{0%,100%{box-shadow:0 0 0 4px rgba(212,242,48,0.30)}50%{box-shadow:0 0 0 10px rgba(212,242,48,0)}}
@keyframes gsDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-2%,3%,0) scale(1.05)}}

html body.gs-skin main .hero-block:has(h1){
  position:relative;isolation:isolate;text-align:left;
  padding:24px 0 72px !important;margin:0 0 72px !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
  display:block !important;overflow:visible !important;
}
html body.gs-skin main .single-post-article,html body.gs-skin main .single-post-article > .hero-block{overflow:visible !important}
/* full-bleed backdrop: soft lime + forest glow, hairline base */
html body.gs-skin main .hero-block:has(h1)::before{
  content:"";position:absolute;z-index:-2;top:-160px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);
  background:
    radial-gradient(760px 420px at 88% 8%,rgba(212,242,48,0.20),transparent 62%),
    radial-gradient(640px 380px at 4% 96%,rgba(60,122,94,0.12),transparent 64%),
    linear-gradient(180deg,#F4F6EF 0%,#EEF0EA 100%);
  border-bottom:1px solid #D8DDD3;
  animation:gsDrift 22s ease-in-out infinite;
}
/* fine vertical rules for an editorial grid feel */
html body.gs-skin main .hero-block:has(h1)::after{
  content:"";position:absolute;z-index:-1;top:-160px;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);
  background-image:linear-gradient(90deg,rgba(15,42,31,0.045) 1px,transparent 1px);
  background-size:calc((min(100vw,1200px) - 64px) / 12) 100%;
  background-position:calc(50% - (min(100vw,1200px) - 64px) / 2) 0;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);
  pointer-events:none;
}

/* breadcrumb: glass pill trail */
html body.gs-skin main .hero-block:has(h1) .term-breadcrumbs{
  display:inline-flex !important;align-items:center;gap:0;margin:0 0 40px !important;padding:8px 16px !important;
  background:rgba(255,255,255,0.65);border:1px solid #D8DDD3;border-radius:999px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-size:11px !important;letter-spacing:0.1em !important;max-width:100%;
  animation:gsRise .9s cubic-bezier(.2,.8,.2,1) both;
}
html body.gs-skin .term-breadcrumbs .rank-math-breadcrumb p{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:min(78vw,760px)}
html body.gs-skin .term-breadcrumbs .separator{margin:0 10px !important;opacity:.35 !important}
html body.gs-skin .term-breadcrumbs .last{color:#0F2A1F;font-weight:500}

/* back link above the trail */
html body.gs-skin .back-to-hub{margin:0 0 18px !important;animation:gsRise .9s cubic-bezier(.2,.8,.2,1) both}
html body.gs-skin .back-to-hub a{display:inline-flex;align-items:center;gap:8px;font-size:11px !important;letter-spacing:0.1em !important}

/* eyebrow */
.gs-hero-eyebrow{
  display:flex;align-items:center;gap:12px;margin:0 0 22px;
  font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:#51625A;
  animation:gsRise 1s cubic-bezier(.2,.8,.2,1) .08s both;
}
.gs-hero-eyebrow::after{content:"";height:1px;width:56px;background:linear-gradient(90deg,#0F2A1F,transparent);opacity:.35}
.gs-hero-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:#D4F230;animation:gsBreathe 2.8s ease-in-out infinite;flex-shrink:0}
.hero-block[style*="center"] .gs-hero-eyebrow{justify-content:center}

/* title */
html body.gs-skin main .hero-block:has(h1) .hero-title{
  font-size:clamp(52px,7.6vw,112px) !important;line-height:0.94 !important;letter-spacing:-0.025em !important;
  max-width:1080px;margin:0 0 28px !important;
  animation:gsRise 1.1s cubic-bezier(.2,.8,.2,1) .16s both;
}
html body.gs-skin.single main .hero-block:has(h1) .hero-title{font-size:clamp(40px,5.4vw,80px) !important;line-height:1 !important;max-width:980px;margin-left:auto !important;margin-right:auto !important}
.gs-skin .hero-title em.gs-accent{
  font-style:italic;white-space:nowrap;padding:0 .04em;
  background-image:linear-gradient(#D4F230,#D4F230);background-repeat:no-repeat;background-position:0 86%;background-size:100% 28%;
  animation:gsSweep 1.2s cubic-bezier(.6,0,.2,1) .9s both;
}

/* subhead + meta */
html body.gs-skin main .hero-block:has(h1) .hero-subhead{
  font-size:clamp(18px,1.6vw,21px) !important;line-height:1.6 !important;color:#41544B !important;max-width:640px;margin:0 !important;
  animation:gsRise 1.1s cubic-bezier(.2,.8,.2,1) .28s both;
}
.gs-skin .hero-block[style*="center"] .hero-subhead{margin-left:auto !important;margin-right:auto !important}
html body.gs-skin.single main .hero-block:has(h1) .pipeline-num{
  justify-content:center !important;gap:12px !important;margin-top:28px !important;font-size:12px !important;letter-spacing:0.08em;text-transform:uppercase;
  animation:gsRise 1.1s cubic-bezier(.2,.8,.2,1) .34s both;
}
html body.gs-skin.single main .hero-block:has(h1) .pipeline-num > span{background:rgba(255,255,255,0.7);border:1px solid #D8DDD3;border-radius:999px;padding:7px 14px}
html body.gs-skin.single main .hero-block:has(h1) .pipeline-num .pulse-dot{width:6px;height:6px}

/* ==========================================================================
   11. Former terminal labels, now plain copy
   ========================================================================== */
.gs-skin .pipeline-status{font-size:11px !important;letter-spacing:0.1em;text-transform:uppercase}
html body.gs-skin .pipeline-card .btn-terminal{background:transparent !important;color:#0F2A1F !important;border:1px solid #C3CBBD !important}
html body.gs-skin .pipeline-card .btn-terminal:hover{background:#0F2A1F !important;color:#EEF0EA !important;border-color:#0F2A1F !important}
html body.gs-skin .pipeline-card{padding:22px !important}
html body.gs-skin .pipeline-card .pipeline-image{margin-bottom:18px !important}
html body.gs-skin .meta-stats{gap:10px !important;font-size:12px !important;letter-spacing:0.06em;text-transform:uppercase}
html body.gs-skin .meta-stats > div{background:#F6F8F3;border-radius:999px;padding:6px 12px}
html body.gs-skin .share-buttons button,html body.gs-skin .share-buttons a{
  font-family:'Geist',system-ui,sans-serif !important;font-size:13px !important;font-weight:500 !important;text-transform:none !important;
  background:#FFFFFF !important;color:#0F2A1F !important;border:1px solid #D8DDD3 !important;border-radius:999px !important;padding:9px 16px !important;box-shadow:none !important;
}
html body.gs-skin .share-buttons button:hover,html body.gs-skin .share-buttons a:hover{border-color:#0F2A1F !important}
html body.gs-skin .share-buttons > div:first-child{font-family:'Geist Mono',monospace !important;font-size:12px !important;letter-spacing:0.1em;text-transform:uppercase;color:#51625A !important}

@media (max-width:760px){
  html body.gs-skin main .hero-block:has(h1){padding:8px 0 48px !important;margin-bottom:48px !important}
  html body.gs-skin main .hero-block:has(h1) .hero-title{font-size:clamp(42px,12vw,60px) !important}
  html body.gs-skin.single main .hero-block:has(h1) .hero-title{font-size:clamp(34px,9vw,46px) !important}
  html body.gs-skin main .hero-block:has(h1) .term-breadcrumbs{margin-bottom:28px !important}
  html body.gs-skin main .hero-block:has(h1)::after{display:none}
}
@media (prefers-reduced-motion:reduce){
  .gs-skin .hero-block *,.gs-skin .hero-block::before,.gs-skin .back-to-hub{animation:none !important}
}

/* fixes */
html body.gs-skin main .hero-block.glass-card:has(h1)::before{display:block !important;opacity:1 !important;width:auto !important;height:auto !important}
html body.gs-skin main .hero-block.glass-card:has(h1){border:0 !important}
.gs-skin .hero-block .cursor-blink,.gs-skin .hero-subhead .cursor-blink{display:none !important}