/* The Organic Growth Gap – report page styles (scoped to .ogg). Loads after site.css. */
.ogg{font-family:var(--sans);color:var(--ink);font-size:17px;line-height:1.65;padding:72px var(--gutter)}
.ogg-inner{max-width:760px;margin:0 auto}
.ogg-wide{max-width:1080px}
.ogg h1,.ogg h2{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0 0 20px}
.ogg h1{font-size:clamp(42px,6vw,68px);color:#fff}
.ogg h2{font-size:clamp(28px,3.6vw,40px)}
.ogg p{margin:0 0 16px}
.ogg code{font-size:.88em;background:rgba(10,35,66,.06);padding:1px 5px;border-radius:3px;word-break:break-word}
.ogg-white{background:var(--white)} .ogg-light{background:var(--light)}
.ogg-black{background:var(--black);color:#fff}
.ogg-dark{background:var(--navy);color:#fff} .ogg-dark h2{color:#fff} .ogg-dark a:not(.btn){color:var(--gold)}
.ogg-eyebrow{font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 12px}
.ogg-dark .ogg-eyebrow,.ogg-black .ogg-eyebrow{color:var(--gold)}
.ogg-kicker{font-weight:600;font-size:17px;color:var(--gold);margin:0 0 16px}

/* hero */
.ogg-hero{padding:112px var(--gutter) 100px;background:radial-gradient(1200px 500px at 85% 0%,rgba(19,47,85,.9),transparent 60%),var(--black)}
.ogg-hero .ogg-inner{max-width:860px}
.ogg-sub{font-size:21px;line-height:1.5;color:#E9E9E9;max-width:700px}
.ogg-byline{font-style:italic;color:#BDBDBD;font-size:15px}
.ogg-hero .btn-row{margin-top:34px}
.ogg-jump{color:#fff!important;font-size:15px;font-weight:500}
.ogg-secondary{font-size:15.5px;margin-top:22px}

/* contents strip */
.ogg-toc{padding:30px var(--gutter);background:#fff;border-bottom:1px solid var(--rule)}
.ogg-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px 28px}
.ogg-toc li{margin:0;font-size:14.5px;line-height:1.35}
.ogg-toc a{display:flex;gap:8px;padding:6px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.ogg-toc a:hover{color:var(--gold-deep)}
.ogg-toc span{color:var(--gold-deep);font-weight:600;min-width:18px}

.ogg-part{padding:46px var(--gutter);text-align:center}
.ogg-part .ogg-eyebrow{margin-bottom:6px}
.ogg-part-title{font-size:clamp(24px,3vw,32px)!important;margin:0!important}

/* tiles, findings */
.ogg-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 30px}
.ogg-tile{background:#fff;border-top:3px solid var(--gold);padding:20px 18px 18px;box-shadow:var(--shadow);border-radius:0 0 var(--radius) var(--radius)}
.ogg-tile-v{display:block;font-family:var(--serif);font-size:36px;line-height:1.1;color:var(--navy)}
.ogg-tile-v small{font-family:var(--sans);font-size:14px;color:var(--mute)}
.ogg-tile-l{display:block;font-size:14px;line-height:1.4;color:var(--mute);margin-top:8px}
.ogg-findings{padding-left:24px;margin:0 0 28px}
.ogg-findings li{margin:0 0 16px;padding-left:6px}
.ogg-findings li::marker{font-family:var(--serif);color:var(--gold-deep);font-size:1.1em}
.ogg-terms,.ogg-caution{background:var(--light);padding:22px 26px;margin:26px 0;border-radius:var(--radius)}
.ogg-light .ogg-terms,.ogg-light .ogg-caution{background:#fff}
.ogg-terms ul,.ogg-caution ul{margin:0;padding-left:18px}
.ogg-terms li,.ogg-caution li{margin:0 0 8px;font-size:15.5px}

/* stats */
.ogg-stat{border-left:2px solid var(--rule);padding:2px 0 2px 18px;margin:0 0 20px;scroll-margin-top:calc(var(--header-h) + 24px);transition:background .3s}
.ogg-stat:target{border-left-color:var(--gold);background:var(--gold-tint)}
.ogg-stat p{margin:0}
.ogg-stat-num{display:inline;margin-left:10px;white-space:nowrap;font-weight:400;font-size:11px;letter-spacing:0;text-transform:none;color:#A3A3A3;text-decoration:none}
.ogg-stat-num:hover{color:var(--gold-deep);text-decoration:underline}
.ogg-stat-num::after{content:"#";margin-left:6px;opacity:0;transition:opacity .15s}
.ogg-stat:hover .ogg-stat-num::after{opacity:.6}
.ogg-look{border-left:3px solid var(--gold);background:var(--gold-tint);padding:18px 22px;margin:30px 0 4px;border-radius:0 var(--radius) var(--radius) 0}
.ogg-look p{margin:0} .ogg-look .ogg-eyebrow{color:var(--gold-deep);margin-bottom:6px}
.ogg-table-wrap{overflow-x:auto;margin:6px 0 22px}
.ogg-table{border-collapse:collapse;width:100%;font-size:15px}
.ogg-table th{text-align:left;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--mute);border-bottom:2px solid var(--ink);padding:8px 10px}
.ogg-table td{border-bottom:1px solid var(--rule);padding:9px 10px;vertical-align:top}

/* charts */
.ogg-figure{margin:6px 0 28px;padding:20px 22px;background:#fff;border:1px solid var(--rule);border-radius:var(--radius)}
.ogg-figure figcaption{font-weight:600;font-size:14.5px;margin-bottom:14px}
.ogg-bar-row{display:grid;grid-template-columns:130px 1fr 96px;align-items:center;gap:12px;margin:0 0 10px;font-size:14px}
.ogg-bar-track{position:relative;height:18px;background:var(--light);border-radius:2px;display:block}
.ogg-bar{display:block;height:100%;background:var(--navy);border-radius:2px}
.ogg-bar.neg{background:var(--gold)}
.ogg-axis::after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:1px;background:var(--ink)}
.ogg-bar-val{font-variant-numeric:tabular-nums;text-align:right}
.ogg-chart-note{font-size:12.5px;color:var(--mute);margin:10px 0 0}

.ogg-takeaway{margin:0 0 24px} .ogg-takeaway p{margin:0 0 6px} .ogg-takeaway ul{margin:0;padding-left:20px} .ogg-takeaway li{margin:0 0 6px}
.ogg-list{padding-left:20px} .ogg-list li{margin:0 0 8px}
.ogg-note{font-style:italic;color:var(--mute)} .ogg-dark .ogg-note{color:#C9D1DC}

/* snapshot band */
#snapshot{text-align:center}
#snapshot .ogg-inner{max-width:680px}
#snapshot .form-card{text-align:left;margin:28px auto 0;max-width:560px}
#snapshot .snap-pair .form-card{margin:0;max-width:none}
#snapshot .snap-pair{margin-bottom:12px}
#snapshot .form-grid{grid-template-columns:1fr 1fr}
#snapshot .field.full{grid-column:auto}
#snapshot .form-actions{grid-column:1/-1}

/* reference */
#replication p,#method li{font-size:15.5px}
#faq .faq{margin-top:8px}
#faq .faq summary{font-size:21px}

@media (max-width:860px){
  .ogg-toc ol{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .ogg{padding:52px var(--gutter);font-size:16px}
  .ogg-hero{padding:68px var(--gutter) 60px}
  .ogg-sub{font-size:18.5px}
  .ogg-tiles{grid-template-columns:1fr}
  .ogg-toc ol{grid-template-columns:1fr}
  .ogg-bar-row{grid-template-columns:92px 1fr 78px;gap:8px;font-size:13px}
  .ogg-table{font-size:13.5px} .ogg-table th,.ogg-table td{padding:7px 6px}
  #snapshot .form-grid{grid-template-columns:1fr}
  .ogg-hero .btn-row{align-items:center}
}
/* contents list: a toggle on phones (collapsed by default), always open and plain on wider screens */
.ogg-toc-d>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}
.ogg-toc-d>summary::-webkit-details-marker{display:none}
@media (max-width:699px){
  .ogg-toc{padding:16px var(--gutter)}
  .ogg-toc-d>summary{margin:0}
  .ogg-toc-d>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:4px;transition:transform .2s}
  .ogg-toc-d[open]>summary::after{transform:rotate(-135deg)}
  .ogg-toc-d[open]>summary{margin-bottom:12px}
}
@media (min-width:700px){.ogg-toc-d>summary{pointer-events:none}}