:root{
--ink:#1c2430;
--ink-soft:#3a4453;
--parchment:#faf6ee;
--parchment-deep:#f1e9d8;
--parchment-line:#ded1b0;
--brass:#9c7a3c;
--brass-deep:#7a5f2c;
--brass-tint:#efe2c4;
--white:#ffffff;
--radius:10px;
--serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
--sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
--max: 860px;
}
*{box-sizing:border-box;}
.vk-aidlc-page{
background:var(--parchment);
color:var(--ink);
font-family:var(--sans);
line-height:1.65;
font-size:17px;
-webkit-font-smoothing:antialiased;
padding:0 0 64px;
}
.vk-aidlc-page *{max-width:100%;}
.vk-wrap{max-width:var(--max); margin:0 auto; padding:0 24px;}
.vk-aidlc-page h1,.vk-aidlc-page h2,.vk-aidlc-page h3,.vk-aidlc-page h4{
font-family:var(--serif); color:var(--ink); font-weight:600; line-height:1.25; margin:0 0 .5em;
}
.vk-aidlc-page p{margin:0 0 1.05em;}
.vk-aidlc-page a{color:var(--brass-deep); text-decoration:underline; text-decoration-color:var(--brass); text-underline-offset:2px;}
.vk-aidlc-page a:hover{color:var(--ink);}
/* PAYHIP LINK-COLOUR SPECIFICITY FIX — Payhip's theme CSS sets a fixed dark colour
on bare tags that can outrank the rule above once embedded in page chrome.
Re-assert with higher specificity + !important wherever a link sits on a dark
background, where an unreadably dark override is most damaging. */
.vk-aidlc-page .vk-faq a,
.vk-aidlc-page .vk-faq a:link,
.vk-aidlc-page .vk-faq a:visited{color:var(--brass-tint) !important; text-decoration-color:var(--brass-tint) !important;}
.vk-aidlc-page .vk-faq a:hover{color:#fff !important;}
.vk-aidlc-page .vk-lead-copy a,
.vk-aidlc-page .vk-lead-copy a:link,
.vk-aidlc-page .vk-lead-copy a:visited{color:var(--brass-tint) !important;}
/* Masthead */
.vk-mast{background:var(--ink); color:var(--parchment); padding:14px 0; font-family:var(--sans); font-size:13px; letter-spacing:.08em; text-transform:uppercase;}
.vk-mast .vk-wrap{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;}
.vk-mast a{color:var(--brass-tint); text-decoration:none;}
.vk-mast a:hover{color:#fff;}
/* PAYHIP LINK-COLOUR SPECIFICITY FIX — Payhip's own theme CSS sets a dark, fixed
colour on bare tags that outranks the rule above once embedded in the page
chrome. Re-assert with higher specificity + !important, scoped to this page only. */
.vk-aidlc-page .vk-mast a,
.vk-aidlc-page .vk-mast a:link,
.vk-aidlc-page .vk-mast a:visited{color:var(--brass-tint) !important;}
.vk-aidlc-page .vk-mast a:hover{color:#fff !important;}
/* Hero */
.vk-hero{padding:56px 0 40px; border-bottom:1px solid var(--parchment-line);}
.vk-kicker{
display:inline-block; font-family:var(--sans); font-size:12.5px; font-weight:700; letter-spacing:.12em;
text-transform:uppercase; color:var(--brass-deep); background:var(--brass-tint); padding:5px 12px; border-radius:100px; margin-bottom:18px;
}
.vk-hero h1{font-size:clamp(28px,4vw,42px); max-width:820px;}
.vk-dek{font-size:19px; color:var(--ink-soft); max-width:720px; font-family:var(--serif);}
.vk-meta-line{font-size:13.5px; color:var(--ink-soft); margin-top:18px; padding-top:18px; border-top:1px solid var(--parchment-line);}
/* Answer box (GEO direct-answer block) */
.vk-answer{
background:var(--white); border:1px solid var(--parchment-line); border-left:4px solid var(--brass);
border-radius:var(--radius); padding:24px 26px; margin:28px 0; font-size:16.5px;
}
.vk-answer .vk-answer-label{font-family:var(--sans); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--brass-deep); margin-bottom:10px; display:block;}
/* Dictionary strip */
.vk-dict{background:var(--parchment-deep); border-top:1px solid var(--parchment-line); border-bottom:1px solid var(--parchment-line); padding:40px 0;}
.vk-dict h2{font-size:22px;}
.vk-dict-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin-top:20px;}
.vk-term{background:var(--white); border:1px solid var(--parchment-line); border-radius:var(--radius); padding:16px 18px;}
.vk-term dt{font-family:var(--serif); font-weight:600; font-size:15.5px; margin-bottom:6px;}
.vk-term dd{margin:0; font-size:14.5px; color:var(--ink-soft);}
/* TOC */
.vk-toc{padding:36px 0 8px;}
.vk-toc h2{font-size:20px; margin-bottom:14px;}
.vk-toc-list{display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0;}
.vk-toc-list li a{
display:inline-block; padding:8px 15px; border:1px solid var(--brass); border-radius:100px;
font-size:14px; font-weight:500; text-decoration:none; color:var(--ink);
}
.vk-toc-list li a:hover{background:var(--brass); color:var(--white);}
/* Role sections */
.vk-role{padding:44px 0; border-top:1px solid var(--parchment-line);}
.vk-role-head{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:6px;}
.vk-role-num{font-family:var(--serif); font-size:15px; color:var(--brass-deep); font-weight:600;}
.vk-role h2{font-size:26px; margin-bottom:8px;}
.vk-role-intro{color:var(--ink-soft); font-size:15.5px; max-width:700px; margin-bottom:22px;}
/* Accordion */
.vk-acc{border-top:1px solid var(--parchment-line);}
details.vk-item{border-bottom:1px solid var(--parchment-line);}
details.vk-item summary{
list-style:none; cursor:pointer; padding:18px 4px; display:flex; gap:16px; align-items:flex-start;
justify-content:space-between; font-family:var(--serif); font-weight:600; font-size:17px; color:var(--ink);
}
details.vk-item summary::-webkit-details-marker{display:none;}
details.vk-item summary .vk-q-text{flex:1;}
details.vk-item summary .vk-q-text::before{content:"Q. "; color:var(--brass-deep); font-weight:700;}
.vk-plus{
flex-shrink:0; width:26px; height:26px; border:1px solid var(--brass); border-radius:50%;
display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-size:16px;
color:var(--brass-deep); margin-top:2px;
}
details.vk-item[open] .vk-plus{background:var(--brass); color:var(--white);}
details.vk-item[open] .vk-plus::before{content:"–";}
.vk-plus::before{content:"+";}
.vk-a{padding:0 4px 22px 4px; font-size:16px; color:var(--ink-soft);}
.vk-a strong{color:var(--ink);}
.vk-a::before{content:"A. "; color:var(--brass-deep); font-weight:700; font-family:var(--serif);}
/* Related resource callout */
.vk-related{
background:var(--brass-tint); border:1px solid var(--parchment-line); border-radius:var(--radius);
padding:16px 20px; margin:20px 4px 0; font-size:14.5px;
}
.vk-related .vk-rel-label{display:block; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:11.5px; color:var(--brass-deep); margin-bottom:5px;}
.vk-related a{font-weight:600;}
/* Quick FAQ */
.vk-faq{background:var(--ink); color:var(--parchment); padding:48px 0;}
.vk-faq h2{color:var(--parchment); font-size:24px;}
.vk-faq .vk-acc{border-top-color:rgba(250,246,238,.18);}
.vk-faq details.vk-item{border-bottom-color:rgba(250,246,238,.18);}
.vk-faq details.vk-item summary{color:var(--parchment);}
.vk-faq .vk-a{color:#cfd3da;}
.vk-faq .vk-plus{border-color:var(--brass-tint); color:var(--brass-tint);}
/* CTA */
.vk-cta{padding:52px 0;}
.vk-cta-box{background:var(--white); border:1px solid var(--parchment-line); border-radius:14px; padding:36px; text-align:left;}
.vk-cta-box h2{font-size:24px;}
/* Lead capture (MailerLite) */
.vk-lead{padding:8px 0 12px;}
.vk-lead-box{
background:var(--ink); color:var(--parchment); border-radius:14px; padding:38px 40px;
display:flex; gap:36px; align-items:center; flex-wrap:wrap;
}
.vk-lead-copy{flex:1.3 1 320px; min-width:260px;}
.vk-lead-copy .vk-eyebrow-lead{font-family:var(--sans); font-weight:700; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--brass-tint); margin-bottom:10px; display:block;}
.vk-lead-copy h2{color:var(--parchment); font-size:23px; margin-bottom:10px;}
.vk-lead-copy p{color:#cfd3da; font-size:15px; margin-bottom:0;}
.vk-lead-form{flex:1 1 280px; min-width:260px; background:var(--parchment); border-radius:10px; padding:18px;}
@media (max-width:640px){.vk-lead-box{padding:28px 22px;}}
.vk-suite-list{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:10px; margin:14px 0 4px; list-style:none; padding:0;}
.vk-suite-list li{background:var(--parchment-deep); border-radius:8px; padding:12px 14px; font-size:14px; line-height:1.5;}
.vk-suite-list li a{font-family:var(--serif); font-weight:600; font-size:14.5px;}
.vk-btn{
display:inline-block; background:var(--ink); color:var(--parchment)!important; padding:13px 26px; border-radius:100px;
text-decoration:none!important; font-weight:600; font-size:15px; margin-top:8px;
}
.vk-btn:hover{background:var(--brass-deep);}
.vk-footer{padding:30px 0 0; font-size:13px; color:var(--ink-soft); border-top:1px solid var(--parchment-line); margin-top:20px;}
@media (max-width:600px){
.vk-wrap{padding:0 18px;}
details.vk-item summary{font-size:15.5px;}
.vk-hero{padding:40px 0 28px;}
}