/* 1.7.0 Report cover: home page and the SPI structure pages (spi-page view). Prefix c-h-. */

/* Home cover */
.c-h-cover .c-top a{color:inherit}
.c-h-cover .c-figs b{font-variant-numeric:lining-nums}
.c-h-sub{display:block;margin-top:4px;font-size:13px;color:var(--c-quiet)}

/* Ruled rows */
.c-ruled .c-h-row{display:grid;grid-template-columns:56px minmax(0,4fr) minmax(0,6fr) 32px;gap:24px;align-items:baseline;padding:24px 0}
.c-ruled .c-h-k{display:block;font-family:var(--c-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-navy);margin-top:6px}
.c-ruled .c-h-row .c-h-k{margin-top:0}

/* Fact panels: a panel with no figure keeps the grid */
.c-fact .c-big.c-h-nofig{font-size:40px;color:var(--c-navy)}
.c-h-links{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px 32px}

/* Status line under the method band */
.c-honest.c-h-status b{font-weight:600}

/* Services list with a quiet second line */
.c-svc .c-h-more{grid-column:2;margin-top:8px;font-family:var(--c-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-navy)}

/* Reports (shown only once reports are published) */
.c-h-latest{margin-top:48px}
.c-h-latest > .c-mono{display:block;color:var(--c-quiet);padding-bottom:10px;border-bottom:2px solid var(--c-ink)}
.c-h-latest a{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--c-rule);text-decoration:none;color:var(--c-text);min-height:44px}
.c-h-latest a span:first-child{font-family:var(--c-mono);font-size:12.5px;color:var(--c-navy);padding-top:3px}
.c-h-latest a span:last-child{font:600 19px/1.3 var(--c-serif)}
.c-h-latest a:hover span:last-child{color:var(--c-navy);text-decoration:underline}

/* Opener with a call to action inside the meta strip */
.c-opener .c-meta.c-h-meta{align-items:center;justify-content:space-between}
.c-opener .c-meta .c-btn{flex:0 0 auto}

/* Service page: report chapter */
.c-h-svc .c-toc{top:132px}
.c-h-svc .c-chap section{scroll-margin-top:132px}
.c-h-svc .c-chap section p{max-width:42em}
.c-h-svc .c-chap .c-two .c-numlist{border-top:2px solid var(--c-ink)}
.c-h-svc .c-chap .c-links2{border-top:2px solid var(--c-ink)}
.c-h-svc .c-vsteps{margin-top:32px}
.c-h-free p{margin-bottom:20px}
.c-h-others{padding:56px 0}
.c-h-others .c-main{border-color:#DCD8CE}

/* Reading prose: legal pages */
.c-h-prose{max-width:44em}
.c-h-prose h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin:48px 0 14px;padding-top:14px;border-top:1px solid var(--c-line);scroll-margin-top:132px}
.c-h-prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.c-h-prose p{color:var(--c-body)}
.c-h-toc{position:sticky;top:132px}
.c-h-toc ol{margin-top:8px;counter-reset:t}
.c-h-toc li{counter-increment:t}
.c-h-toc a{display:flex;gap:12px;align-items:center;min-height:44px;color:var(--c-body);text-decoration:none;font-size:15px;line-height:1.3;border-bottom:1px solid var(--c-rule);padding:6px 0}
.c-h-toc a::before{content:counter(t,decimal-leading-zero);font-family:var(--c-mono);font-size:12px;color:var(--c-quiet);width:22px;flex:0 0 auto}
.c-h-toc a:hover{color:var(--c-navy)}

/* Industry: rule types as an index with leaders */
.c-index .c-h-ix{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 10px;padding:13px 0 11px;color:var(--c-quiet);border-bottom:1px solid var(--c-rule);min-height:44px}
.c-index .c-h-ix .c-nm{font:600 18px/1.3 var(--c-serif);color:var(--c-text)}
.c-index .c-h-ix .c-ld{border-bottom:1px dotted var(--c-mid);transform:translateY(-4px);min-width:12px}
.c-index .c-h-ix .c-c{font-family:var(--c-mono);font-size:13px;white-space:nowrap}
.c-h-index2{grid-template-columns:repeat(2,minmax(0,1fr))}
.c-index a .c-h-isub{grid-column:1/-1;font-size:13.5px;color:var(--c-navy)}
.c-index a:hover .c-h-isub{text-decoration:underline}
.c-h-intro{font-size:18px;color:var(--c-text);max-width:40em;margin-bottom:28px}

/* Industry: buyer names in columns */
.c-h-names{columns:3;column-gap:40px;border-top:2px solid var(--c-ink);padding-top:6px}
.c-h-names li{break-inside:avoid;border-bottom:1px solid var(--c-rule)}
.c-h-names a{display:flex;align-items:center;min-height:44px;color:var(--c-text);text-decoration:none;font-size:16px}
.c-h-names a:hover{color:var(--c-navy);text-decoration:underline}
.c-h-uses{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}
.c-h-uses .c-mono{color:var(--c-quiet);margin-right:4px}
.c-h-uses a{display:flex;align-items:center;min-height:44px;color:var(--c-navy);font-size:16px}

/* Insights listing */
.c-h-ins .c-entry:first-child{border-top:2px solid var(--c-ink)}
.c-h-ins .c-entry h2{font-size:26px;line-height:1.2;margin-bottom:12px}
.c-h-ins .c-entry h2 a{color:inherit;text-decoration:none}
.c-h-ins .c-entry h2 a:hover{color:var(--c-navy);text-decoration:underline}
.c-h-ins .c-entry .c-meta time{color:var(--c-text);font-size:13px}

/* Enquiry form (dcmi-enquiry, Fluent Forms markup) on the navy closing chapter */
.c-h-form{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3)}
.c-h-form > .c-mono{display:block;color:var(--c-mid);margin-bottom:14px}
.c-h-form .fluentform .ff-el-group{margin-bottom:18px}
.c-h-form .fluentform .ff-el-input--label{display:block;margin-bottom:4px}
.c-h-form .fluentform .ff-el-input--label label{font-family:var(--c-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-mid)}
.c-h-form .fluentform .ff-el-is-required.asterisk-right label::after{color:#fff}
.c-h-form .fluentform .ff-el-form-control{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;color:#fff;font:400 17px/1.4 var(--c-sans);padding:10px 0;min-height:44px}
.c-h-form .fluentform .ff-el-form-control::placeholder{color:#AEBBD0}
.c-h-form .fluentform .ff-el-form-control:focus{background:transparent;color:#fff;border-bottom-color:#fff;outline:3px solid #fff;outline-offset:3px}
.c-h-form .fluentform textarea.ff-el-form-control{min-height:110px;resize:vertical}
.c-h-form .fluentform .ff-el-is-error .ff-el-form-control{border-bottom-color:#FFB4A8}
.c-h-form .fluentform .error,.c-h-form .fluentform .text-danger,.c-h-form .dcmi-form-error{color:#FFC9C0;font-size:14px}
.c-h-form .fluentform .ff-btn-submit,.c-h-form .fluentform .ff-btn-submit:not(.wpf_has_custom_css){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;background:#fff;color:var(--c-ink);border:0;border-radius:0;font:600 15px/1 var(--c-sans);opacity:1}
.c-h-form .fluentform .ff-btn-submit:hover{background:var(--c-mist);opacity:1}
.c-h-form .fluentform .ff-btn-submit:focus-visible{outline:3px solid #fff;outline-offset:3px}
.c-h-form .dcmi-form-success{background:#fff;color:var(--c-text);border:0;border-radius:0;box-shadow:none;border-left:4px solid var(--c-leaf)}

@media (max-width:980px){
.c-h-svc .c-toc,.c-h-toc{position:static}
.c-h-names{columns:2}
.c-h-index2{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.c-ruled .c-h-row{grid-template-columns:36px 1fr 20px;gap:6px 12px;padding:20px 0}
.c-ruled .c-h-row p{grid-column:2/3}
.c-ruled .c-h-row .c-arr{grid-column:3;grid-row:1}
.c-opener .c-meta .c-btn{white-space:normal;line-height:1.3;padding:12px 18px;text-align:left}
.c-h-names{columns:1}
.c-h-latest a{grid-template-columns:1fr;gap:4px}
.c-h-ins .c-entry h2{font-size:22px}
.c-h-prose h2{margin-top:40px}
}