/**
 * Contractor Quote Decoder — main stylesheet.
 *
 * This is the preview's design system (blueprint background, paper
 * cards, the P.R.I.C.E. red/brass palette) refactored for real
 * WordPress pages. The preview scoped every rule to a page ID
 * (#page-index, #page-checkout, etc.) because all pages lived in one
 * HTML file at once. On a real site each page is its own document,
 * so those page IDs are gone — these are just plain, reusable classes
 * now, safe to use on any template.
 */

:root{
	--blueprint:#16304F;
	--line:rgba(127,168,201,0.3);
	--paper:#E9EAE2;
	--ink:#1B2430;
	--red:#B23A2E;
	--red-light:#E06A57;
	--brass:#A9824C;
	--brass-light:#E3BE84;
	--green:#3f7a4f;
	--amber:#a3781f;
	--muted:#767162;
	--body-ink:#42403a;
}

*{ box-sizing:border-box; }

body{
	background:var(--blueprint);
	background-image:
		linear-gradient(var(--line) 1px, transparent 1px),
		linear-gradient(90deg, var(--line) 1px, transparent 1px);
	background-size:48px 48px;
	color:#E8EEF7;
	font-family: var(--wp--preset--font-family--body);
}

a{ color:inherit; }

/* ---- header / footer ---- */
.cqd-header-left{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.cqd-logo, .cqd-logo a{
	font-weight:700; letter-spacing:0.5px; font-size:22px; text-transform:uppercase;
	font-family: var(--wp--preset--font-family--display); color:#fff !important; text-decoration:none;
}
.cqd-tv-badge{ width:82px; height:auto; flex-shrink:0; display:block; }
.cqd-header-cta .wp-block-button__link{
	background:var(--red); border:2px solid var(--red); color:#fff;
	padding:9px 16px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
	font-size:18px; border-radius:2px; font-family: var(--wp--preset--font-family--mono);
}
.cqd-site-footer{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:#8FA4BC; }
.cqd-footer-company{ margin:0; }
.cqd-footer-nav a{ margin-left:16px; text-decoration:none; color:#8FA4BC; }

/* ---- shared building blocks ---- */
.cqd-card{
	background:var(--paper); border-radius:2px; box-shadow:0 14px 28px rgba(0,0,0,0.25);
	color:var(--ink); position:relative;
}
.cqd-pin{
	position:absolute; top:-10px; left:26px; width:15px; height:15px; border-radius:50%;
	background:var(--brass); box-shadow:0 3px 6px rgba(0,0,0,0.3);
}
.cqd-btn, .wp-block-button.is-style-cqd-primary .wp-block-button__link{
	display:inline-block; font-family: var(--wp--preset--font-family--display);
	font-weight:800; letter-spacing:0.3px; font-size:22px;
	padding:22px 40px; border-radius:4px; text-align:center; cursor:pointer; border:none;
	text-decoration:none; box-shadow:0 6px 0 rgba(0,0,0,0.2);
}
.wp-block-button.is-style-cqd-primary .wp-block-button__link,
.cqd-btn-primary{ background:var(--red); color:#fff; }
.cqd-btn-secondary{ border:2px solid var(--muted); color:var(--body-ink); background:transparent; }
.cqd-btn-small{ font-size:16px; padding:12px 18px; box-shadow:none; }

.cqd-label{ font-family: var(--wp--preset--font-family--mono); font-size:18px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin-bottom:6px; }
.cqd-input-box{ background:#fff; border:1px solid #cfc9b6; border-radius:3px; height:42px; width:100%; font-size:21px; padding:0 12px; }

.cqd-eyebrow{
	display:inline-block;
	background:var(--red);
	color:#fff;
	font-family: var(--wp--preset--font-family--display);
	letter-spacing:0.5px;
	font-size:19px;
	font-weight:700;
	text-transform:uppercase;
	padding:6px 16px;
	border-radius:3px;
	margin-bottom:16px;
}
.cqd-section-title{ color:#F3F6FA; font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:39px; margin:0 0 20px 0; line-height:1.15; }
.cqd-lede{ color:#B9C7DA; font-size:23px; line-height:1.6; max-width:560px; }
.cqd-section{ padding:32px 0; }

/* ---- hero ---- */
.cqd-hero{ align-items:center; padding:16px 0 32px 0; }
.cqd-hero-heading{ color:#F3F6FA; font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:53px; line-height:1.12; margin:0 0 20px 0; }
.cqd-hero-heading em{ color:var(--red); font-style:normal; }
.cqd-cta-row{ margin-top:10px; }
.cqd-price-note{ color:#8FA4BC; font-size:18px; font-family: var(--wp--preset--font-family--mono); margin-top:10px; }

.cqd-quote-card{ padding:30px 32px; transform:rotate(2deg); font-size:21px; }
.cqd-quote-title{ font-family: var(--wp--preset--font-family--mono); font-size:18px; text-transform:uppercase; letter-spacing:0.5px; color:var(--muted); margin-bottom:16px; }
.cqd-qline{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #c9c3ae; }
.cqd-qline span:last-child{ font-family: var(--wp--preset--font-family--mono); }
.cqd-qline.cqd-flagged{ border-bottom-color:var(--red); }
.cqd-q-flag-value{ display:inline-block; border:2px solid var(--red); border-radius:14px; padding:1px 10px; }
.cqd-q-flag-note{ display:flex; justify-content:flex-end; color:var(--red); font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:18px; text-transform:uppercase; letter-spacing:0.5px; padding:4px 0 8px 0; }
.cqd-check-corner{ position:absolute; bottom:14px; right:18px; color:var(--green); font-size:32px; font-weight:700; }

/* ---- four rules ---- */
.cqd-rules-grid{ gap:20px !important; }
.cqd-rule-card{ padding:22px 20px; }
.cqd-rule-num{ font-family: var(--wp--preset--font-family--mono); color:var(--red); font-size:18px; font-weight:700; letter-spacing:1px; margin-bottom:12px; }
.cqd-rule-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; margin:0 0 8px 0; line-height:1.5; }
.cqd-rule-body{ font-size:18px; color:var(--body-ink); line-height:1.5; margin:0; }

/* ---- P.R.I.C.E. method ---- */
.cqd-price-rows{ display:flex; flex-direction:column; gap:12px; max-width:880px; margin:0 auto; }
.cqd-prow{ align-items:center; padding:16px 22px; gap:20px !important; }
.cqd-letter-col{ display:flex; align-items:center; }
.cqd-letter{
	width:44px; height:44px; border-radius:50%; background:var(--red); color:#fff;
	display:flex; align-items:center; justify-content:center;
	font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:26px; margin:0;
}
.cqd-ptitle{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; margin:0 0 3px 0; }
.cqd-pbody{ font-size:18px; color:var(--body-ink); line-height:1.4; margin:0; }

/* ---- clarity score ---- */
.cqd-clarity-right{ padding:24px 28px; }
.cqd-band{ display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px dashed #cfc9b6; }
.cqd-band:last-child{ border-bottom:none; }
.cqd-range{ font-family: var(--wp--preset--font-family--mono); font-weight:700; font-size:18px; width:90px; flex-shrink:0; }
.cqd-range.cqd-clear{ color:var(--green); }
.cqd-range.cqd-clarify{ color:var(--amber); }
.cqd-range.cqd-incomplete{ color:var(--red); }
.cqd-range.cqd-notready{ color:#7a2a20; }
.cqd-blabel{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:18px; margin-bottom:2px; }
.cqd-bdesc{ font-size:18px; color:var(--body-ink); }

/* ---- FAQ (native <details>/<summary>, no JS needed) ---- */
.cqd-faq-wrap{ max-width:820px; margin:0 auto; }
.cqd-faq-item{ padding:18px 24px; margin-bottom:10px; }
.cqd-faq-q{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; cursor:pointer; list-style:none; }
.cqd-faq-q::-webkit-details-marker{ display:none; }
.cqd-faq-q::after{ content:"+"; float:right; color:var(--red); }
.cqd-faq-item[open] .cqd-faq-q::after{ content:"−"; }
.cqd-faq-a{ font-size:18px; color:var(--body-ink); line-height:1.55; margin-top:10px; padding-top:10px; border-top:1px dashed #cfc9b6; }

.cqd-final-cta{ text-align:center; padding:36px 0; }

/* ---- checkout ---- */
.cqd-page-checkout{ min-height:80vh; display:flex; align-items:center; justify-content:center; padding:60px 20px; }
.cqd-panel{ width:100%; max-width:600px; padding:36px 44px; }
.cqd-kicker{ font-family: var(--wp--preset--font-family--mono); font-size:18px; letter-spacing:0.5px; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
.cqd-price{ font-family: var(--wp--preset--font-family--mono); font-size:24px; margin-bottom:22px; }
.cqd-field{ margin-bottom:14px; }
.cqd-bump{ margin:20px 0; border:2px dashed var(--red); border-radius:3px; padding:16px 18px; display:flex; gap:12px; align-items:flex-start; background:rgba(178,58,46,0.05); cursor:pointer; }
.cqd-bump-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:21px; margin-bottom:4px; }
.cqd-bump-body{ font-size:18px; color:var(--body-ink); line-height:1.45; }
.cqd-bump-price{ font-family: var(--wp--preset--font-family--mono); color:var(--red); font-weight:700; }
.cqd-total-row{ display:flex; justify-content:space-between; align-items:center; padding-top:14px; border-top:1px solid #cfc9b6; margin-bottom:18px; }
.cqd-total-label{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.cqd-total-amount{ font-family: var(--wp--preset--font-family--mono); font-size:27px; font-weight:700; }
.cqd-consent{ font-size:18px; color:var(--muted); margin-top:12px; display:flex; gap:7px; cursor:pointer; }
.cqd-error{ color:var(--red); font-size:18px; margin-bottom:8px; min-height:1em; }
.cqd-discount-badge{ display:inline-block; background:var(--green); color:#fff; font-family: var(--wp--preset--font-family--mono); font-size:18px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:5px 10px; border-radius:3px; margin-bottom:10px; }
.cqd-price-strike{ color:var(--muted); text-decoration:line-through; font-size:21px; margin-right:8px; }

/* ---- portal ---- */
.cqd-portal-top{ display:flex; justify-content:space-between; align-items:center; padding:36px 60px 30px 60px; flex-wrap:wrap; gap:14px; }
.cqd-portal-welcome{ color:#E8EEF7; font-family: var(--wp--preset--font-family--display); font-size:30px; font-weight:700; }
.cqd-portal-nav{ display:flex; gap:22px; font-family: var(--wp--preset--font-family--mono); font-size:18px; color:#9FB2C7; letter-spacing:1px; text-transform:uppercase; }
.cqd-portal-nav a{ text-decoration:none; color:inherit; }
.cqd-portal-nav a.cqd-nav-on{ color:#fff; border-bottom:2px solid var(--red); padding-bottom:4px; }
.cqd-portal-grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:22px; padding:0 60px 50px 60px; }
.cqd-products{ display:flex; flex-direction:column; gap:14px; }
.cqd-product-card{ padding:18px 22px; display:flex; justify-content:space-between; align-items:center; }
.cqd-product-locked{ opacity:0.6; }
.cqd-pname{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; margin-bottom:4px; }
.cqd-pmeta{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.cqd-pbtns{ display:flex; gap:8px; }
.cqd-side{ padding:22px; text-align:center; }
.cqd-side-title{ font-family: var(--wp--preset--font-family--mono); font-size:18px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin-bottom:14px; }
.cqd-dial{ width:136px; height:136px; border-radius:50%; margin:0 auto 14px auto; display:flex; align-items:center; justify-content:center; }
.cqd-dial-inner{ width:100px; height:100px; background:var(--paper); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.cqd-dial-score{ font-family: var(--wp--preset--font-family--mono); font-size:33px; font-weight:700; }
.cqd-dial-max{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); }
.cqd-empty-note{ font-size:18px; color:var(--body-ink); line-height:1.5; margin-bottom:14px; }

/* ---- news ---- */
.cqd-page-news .cqd-hero, .cqd-page-news-article .cqd-hero{ text-align:center; padding:50px 60px 34px 60px; }
.cqd-news-list{ max-width:820px; margin:0 auto 60px auto; padding:0 40px; }
.cqd-article-card{ padding:26px 30px; margin-bottom:16px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.cqd-article-meta{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.cqd-article-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:24px; margin:0 0 8px 0; line-height:1.5; }
.cqd-article-excerpt{ font-size:18px; color:var(--body-ink); line-height:1.5; }
.cqd-page-news-article .cqd-wrap{ padding:20px 0 70px 0; display:flex; justify-content:center; }
.cqd-doc{ width:100%; max-width:760px; padding:48px 60px; }
.cqd-back-link{ display:block; text-align:center; color:#B9C7DA; font-family: var(--wp--preset--font-family--mono); font-size:18px; text-transform:uppercase; letter-spacing:1px; margin:30px auto 0 auto; text-decoration:none; }
.cqd-reprint-note{ background:#f4f1e6; border:1px solid #d9d2b8; border-radius:3px; padding:12px 16px; font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); line-height:1.5; margin-bottom:26px; }
.cqd-article-body h2{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:24px; color:var(--ink); margin:32px 0 12px 0; }
.cqd-article-body p, .cqd-article-body li{ font-size:21px; color:var(--body-ink); line-height:1.7; }
.cqd-divider{ height:1px; background:#cfc9b6; margin:32px 0; border:none; }
.cqd-source-box{ background:#fff; border:1.5px solid var(--red); border-radius:4px; padding:22px 26px; }
.cqd-source-title{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--red); text-transform:uppercase; letter-spacing:1px; font-weight:700; margin-bottom:10px; }
.cqd-contact-block{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--body-ink); line-height:1.7; margin-top:14px; }

@media (max-width: 782px){
	.cqd-portal-grid{ grid-template-columns:1fr; }
	.cqd-hero{ flex-direction:column; }
}

/* ---- exit-intent popup ---- */
.cqd-exit-overlay{ display:none; position:fixed; inset:0; background:rgba(10,20,35,0.72); z-index:9999; align-items:center; justify-content:center; padding:24px; }
.cqd-exit-overlay.cqd-show{ display:flex; }
.cqd-exit-modal{ width:460px; max-width:100%; padding:38px 40px; text-align:center; position:relative; }
.cqd-exit-close{ position:absolute; top:14px; right:16px; font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); cursor:pointer; border:none; background:none; }
.cqd-exit-stamp{ display:inline-block; border:3px solid var(--red); color:var(--red); font-family: var(--wp--preset--font-family--mono); font-weight:700; letter-spacing:0.5px; padding:7px 16px; transform:rotate(-3deg); margin-bottom:18px; font-size:18px; }
.cqd-exit-modal h2{ font-family: var(--wp--preset--font-family--display); font-size:29px; margin:0 0 10px 0; color:var(--ink); }
.cqd-exit-modal p{ font-size:18px; color:var(--body-ink); line-height:1.55; margin:0 0 22px 0; }
.cqd-exit-code-row{ background:#fff; border:1.5px dashed var(--red); border-radius:3px; padding:14px; margin-bottom:20px; font-family: var(--wp--preset--font-family--mono); }
.cqd-exit-code-label{ font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.cqd-exit-code{ font-size:24px; font-weight:700; color:var(--red); letter-spacing:0.5px; }
.cqd-exit-decline{ display:block; margin-top:16px; font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-decoration:underline; cursor:pointer; }

/* ---- shared centered transactional panel (checkout/order-complete/thank-you) ---- */
.cqd-page-order-complete, .cqd-page-thank-you{ min-height:80vh; display:flex; align-items:center; justify-content:center; padding:40px 20px; }
.cqd-center-wrap{ width:100%; display:flex; justify-content:center; }
.cqd-stack{ width:100%; max-width:680px; }
.cqd-confirm{ display:flex; align-items:center; gap:12px; color:#cfe4d6; font-family: var(--wp--preset--font-family--mono); font-size:18px; margin-bottom:16px; }
.cqd-check-circle{ width:20px; height:20px; border-radius:50%; background:var(--green); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; }
.cqd-check-circle-big{ width:52px; height:52px; border-radius:50%; background:var(--green); color:#fff; display:flex; align-items:center; justify-content:center; font-size:32px; font-weight:700; margin:0 auto 20px auto; }
.cqd-body-copy{ font-size:18px; color:var(--body-ink); line-height:1.55; margin-bottom:18px; }
.cqd-includes{ list-style:none; margin:0 0 20px 0; padding:0; }
.cqd-includes li{ font-size:18px; padding:6px 0; border-bottom:1px dashed #cfc9b6; }
.cqd-includes li::before{ content:"✓ "; color:var(--green); font-weight:700; }
.cqd-offer-row{ display:flex; justify-content:space-between; align-items:center; background:#fff; border:1.5px solid #d8d2bd; border-radius:3px; padding:14px 18px; margin-bottom:12px; }
.cqd-offer-price{ font-family: var(--wp--preset--font-family--mono); font-size:27px; font-weight:700; }
.cqd-offer-note{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.cqd-upsell-status{ font-size:18px; color:var(--red); min-height:1em; margin-bottom:8px; }
.cqd-one-click-note{ text-align:center; font-size:18px; color:var(--muted); margin-top:10px; font-style:italic; }

/* ---- lead magnet ---- */
.cqd-lead-magnet-hero{ align-items:center; padding:20px 0 60px 0; }
.cqd-lead-form-panel{ padding:32px 34px; }
.cqd-form-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:23px; margin:0 0 6px 0; }
.cqd-form-sub{ font-size:18px; color:var(--body-ink); margin-bottom:18px; }
.cqd-microcopy{ font-size:18px; color:var(--muted); text-align:center; margin-top:10px; font-style:italic; }

/* ---- support ---- */
.cqd-search-box{ max-width:520px; margin:20px auto 0 auto; height:46px; display:flex; align-items:center; padding:0 18px; color:var(--muted); font-size:18px; }
.cqd-support-grid{ margin-top:40px !important; }
.cqd-cat{ padding:20px; }
.cqd-cat-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; margin:0 0 4px 0; }
.cqd-cat-count{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--red); text-transform:uppercase; letter-spacing:1px; margin:0; }
.cqd-pop-list{ padding:0; }
.cqd-pop-row{ padding:13px 20px; border-bottom:1px dashed #cfc9b6; font-size:18px; display:flex; justify-content:space-between; }
.cqd-pop-row:last-child{ border-bottom:none; }

/* ---- legal ---- */
.cqd-legal-wrap{ padding:44px 20px; }
.cqd-doc{ padding:44px 56px; }
.cqd-updated{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); }
.cqd-placeholder-note{ margin-top:24px; padding:12px 16px; background:#fdf3e0; border:1px solid #e0c98a; font-family: var(--wp--preset--font-family--mono); font-size:18px; color:#7a5a10; }

/* ---- 404 ---- */
.cqd-404-wrap{ min-height:70vh; display:flex; align-items:center; justify-content:center; padding:40px 20px; }
.cqd-404-panel{ padding:50px 68px; text-align:center; transform:rotate(-1.2deg); max-width:500px; }
.cqd-stamp{ display:inline-block; border:3px solid var(--red); color:var(--red); font-family: var(--wp--preset--font-family--mono); font-weight:700; letter-spacing:0.5px; padding:7px 16px; transform:rotate(-4deg); margin-bottom:18px; font-size:18px; }

/* ---- portal: project profile ---- */
.cqd-panel-title{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:26px; margin:0 0 6px 0; }
.cqd-panel-sub{ font-size:18px; color:var(--body-ink); margin-bottom:24px; }
.cqd-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:16px; }
.cqd-pills{ display:flex; gap:10px; flex-wrap:wrap; }
.cqd-pill{ flex:1; min-width:140px; border:1.5px solid #cfc9b6; border-radius:3px; padding:11px; text-align:center; font-family: var(--wp--preset--font-family--mono); font-size:18px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer; display:block; }
.cqd-pill:has(input:checked), .cqd-pill-on{ border-color:var(--red); background:rgba(178,58,46,0.08); color:var(--red); font-weight:700; }
.cqd-saved-notice{ background:rgba(63,122,79,0.12); border:1px solid var(--green); color:var(--green); padding:10px 14px; border-radius:3px; font-size:18px; margin-bottom:18px; }

/* ---- portal: downloads ---- */
.cqd-downloads-row{ display:flex; gap:18px; flex-wrap:wrap; }
.cqd-dl-card{ flex:1; min-width:260px; padding:20px; }
.cqd-dl-name{ font-family: var(--wp--preset--font-family--display); font-weight:700; font-size:22px; margin-bottom:4px; }
.cqd-dl-meta{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; }

/* ---- portal: reader ---- */
.cqd-reader-wrap{ display:flex; min-height:80vh; }
.cqd-reader-sidebar{ width:280px; flex-shrink:0; padding:32px 24px; }
.cqd-sidebar-title{ color:#9FB2C7; font-family: var(--wp--preset--font-family--mono); font-size:18px; letter-spacing:0.5px; text-transform:uppercase; margin-bottom:16px; }
.cqd-toc-item{ padding:9px 10px; border-radius:3px; font-size:18px; color:#B9C7DA; margin-bottom:3px; display:block; text-decoration:none; }
.cqd-toc-item.cqd-toc-on{ background:rgba(178,58,46,0.18); color:#fff; font-weight:700; }
.cqd-toc-num{ font-family: var(--wp--preset--font-family--mono); color:var(--brass-light); margin-right:6px; }
.cqd-toc-back{ display:block; margin-top:20px; color:#8FA4BC; font-family: var(--wp--preset--font-family--mono); font-size:18px; text-decoration:none; }
.cqd-reader-main{ flex:1; padding:38px 50px; }
.cqd-crumb{ font-family: var(--wp--preset--font-family--mono); font-size:18px; color:var(--brass-light); letter-spacing:0.5px; text-transform:uppercase; margin-bottom:8px; font-weight:700; }
.cqd-worksheet-sheet{ padding:26px 30px; max-width:640px; }
.cqd-textarea{ height:auto; padding:10px 12px; resize:vertical; }
.cqd-save-note{ font-size:18px; color:var(--muted); font-style:italic; margin-top:14px; }