/* P60 Home layout (markup from seo/wp-build/home_page.py). Loaded on the front page only, after p60.css. */
#skiver-home .vh{--vh-rec:#476b50;--vh-cav:#416c98;--vh-con:#84611f;--vh-not:#a23f35;--vh-ink:#55564f;--vh-faint:#8a8a80;padding-bottom:12px}
#skiver-home .vh a{color:inherit;text-decoration:none}
#skiver-home .vh h1,#skiver-home .vh h2,#skiver-home .vh h3{color:var(--text,#252522)}
#skiver-home .vh-blk{padding:60px 0;border-bottom:1px solid var(--line,#e5e5de)}
#skiver-home .vh-last{border-bottom:0}
#skiver-home .vh-mt{margin-top:48px}

/* Hero */
#skiver-home .vh-hero{margin-top:28px;padding:64px 56px 52px;border:1px solid var(--line,#e5e5de);border-radius:16px;background:linear-gradient(180deg,#fafaf6,#fff)}
#skiver-home .vh-hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 18px;max-width:820px}
#skiver-home .vh-lede{font-size:18px;line-height:1.65;color:var(--muted,#686861);max-width:640px;margin:0 0 30px}
#skiver-home .vh-search{display:flex;max-width:620px;border:1px solid #d9dad1;border-radius:10px;background:#fff;padding:6px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
#skiver-home .vh-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;padding:10px 12px;outline:none}
#skiver-home .vh-search button{border:0;background:#252522;color:#fff;border-radius:7px;padding:0 18px;font:inherit;font-size:14px;cursor:pointer}
#skiver-home .vh-search:focus-within{border-color:#416c98}
#skiver-home .vh-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-stats b{font-family:var(--mono);font-weight:500;color:var(--text,#252522);margin-right:6px}
#skiver-home .vh-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
#skiver-home .vh-dot.rec{background:var(--vh-rec)}#skiver-home .vh-dot.cav{background:var(--vh-cav)}#skiver-home .vh-dot.con{background:var(--vh-con)}#skiver-home .vh-dot.not{background:var(--vh-not)}

/* Section heads and grids */
#skiver-home .vh-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:26px;flex-wrap:wrap}
#skiver-home .vh-hd h2,#skiver-home .vh-def h2,#skiver-home .vh-faq h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0 0 6px}
#skiver-home .vh-hd p{margin:0;color:var(--muted,#686861);max-width:620px}
#skiver-home .vh-hd>a{font-size:14px;color:#416c98;white-space:nowrap}
#skiver-home .vh-hd>a:hover{text-decoration:underline;text-underline-offset:3px}
#skiver-home .vh-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#skiver-home .vh-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#skiver-home :is(.vh-card,.vh-job,.vh-care,.vh-guide,.vh-trust a){transition:border-color .15s,box-shadow .15s}
#skiver-home :is(.vh-card,.vh-job,.vh-care,.vh-guide,.vh-trust a):hover{border-color:#bcbcaf;box-shadow:0 4px 18px rgba(0,0,0,.05)}

/* Skill cards */
#skiver-home .vh-card{display:flex;flex-direction:column;border:1px solid var(--line,#e5e5de);border-radius:12px;padding:20px;background:#fff}
#skiver-home .vh-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--vh-faint)}
#skiver-home .vh-grade{flex:none;font-family:var(--mono);font-size:12px;font-weight:500;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--line,#e5e5de)}
#skiver-home .vh-grade.gA{color:var(--vh-rec);background:#eef3ef}#skiver-home .vh-grade.gB{color:var(--vh-cav);background:#eef2f6}#skiver-home .vh-grade.gC{color:var(--vh-con);background:#f6f1e6}#skiver-home .vh-grade.gF{color:var(--vh-not);background:#f7ecea}
#skiver-home .vh-card h3{font-size:19px;letter-spacing:-.35px;line-height:1.3;margin:10px 0 8px}
#skiver-home .vh-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin-bottom:12px}
#skiver-home .vh-score b{font-family:var(--mono);font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.1}
#skiver-home .vh-score span{color:var(--vh-faint);font-size:13px;margin-right:10px}
#skiver-home .vh-lab{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.01em}
#skiver-home .vh-lab.rec{color:var(--vh-rec)}#skiver-home .vh-lab.cav{color:var(--vh-cav)}#skiver-home .vh-lab.con{color:var(--vh-con)}#skiver-home .vh-lab.not{color:var(--vh-not)}
#skiver-home .vh-fit{font-size:14px;line-height:1.55;color:var(--vh-ink);margin:0 0 14px}
#skiver-home .vh-poor{color:var(--muted,#686861);margin-bottom:18px}
#skiver-home .vh-fit span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--vh-faint);margin-bottom:3px}
#skiver-home .vh-card-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--vh-faint);border-top:1px solid var(--line,#e5e5de);padding-top:12px}
#skiver-home .vh-card-foot b{color:var(--text,#252522);font-weight:500;white-space:nowrap}

/* Job tiles and agent strip */
#skiver-home .vh-job{display:flex;flex-direction:column;min-height:170px;border:1px solid var(--line,#e5e5de);border-radius:12px;padding:20px;background:var(--panel,#f8f8f5)}
#skiver-home .vh-job h3{margin:0 0 6px;font-size:18px;letter-spacing:-.3px}
#skiver-home .vh-job p{margin:0 0 16px;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-pick{margin-top:auto;font-size:13px;color:var(--vh-ink)}
#skiver-home .vh-pick b{font-family:var(--mono);font-weight:500;color:var(--text,#252522)}
#skiver-home .vh-agents{margin-top:18px;border:1px solid var(--line,#e5e5de);border-radius:12px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:center}
#skiver-home .vh-agents h3{margin:0;font-size:16px}
#skiver-home .vh-agents p{margin:0;font-size:13.5px;color:var(--muted,#686861);grid-column:1}
#skiver-home .vh-ag{grid-column:2;grid-row:1/3;display:flex;gap:10px;flex-wrap:wrap}
#skiver-home .vh-ag span{border:1px solid var(--line,#e5e5de);border-radius:8px;padding:8px 12px;font-size:13.5px;background:var(--panel,#f8f8f5);white-space:nowrap}
#skiver-home .vh-ag b{font-family:var(--mono);font-weight:500;margin-left:6px}

/* How a verdict is made */
#skiver-home .vh-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0 0 34px;padding:0;counter-reset:vh}
#skiver-home .vh-how li{padding:4px 18px 6px;border-left:2px solid var(--line,#e5e5de);margin:0}
#skiver-home .vh-how li::before{counter-increment:vh;content:"0" counter(vh);font-family:var(--mono);font-size:12px;color:var(--vh-faint)}
#skiver-home .vh-how h3{font-size:16px;margin:6px 0 4px}
#skiver-home .vh-how p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted,#686861)}
#skiver-home .vh-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
#skiver-home .vh-panel{border:1px solid var(--line,#e5e5de);border-radius:12px;padding:22px;background:#fff}
#skiver-home .vh-panel h3{margin:0 0 4px;font-size:16px}
#skiver-home .vh-panel>p{margin:0 0 18px;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-scale{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr;gap:4px}
#skiver-home .vh-band{border-radius:6px;padding:10px 10px 9px;min-height:88px;display:flex;flex-direction:column;justify-content:space-between}
#skiver-home .vh-band small{font-size:11.5px;line-height:1.3;font-weight:600}
#skiver-home .vh-band span{font-family:var(--mono);font-size:11.5px;opacity:.8}
#skiver-home .vh-band b{font-family:var(--mono);font-size:20px;font-weight:500}
#skiver-home .vh-band.not{background:#f7ecea;color:var(--vh-not)}#skiver-home .vh-band.con{background:#f6f1e6;color:var(--vh-con)}#skiver-home .vh-band.cav{background:#eef2f6;color:var(--vh-cav)}#skiver-home .vh-band.rec{background:#eef3ef;color:var(--vh-rec)}
#skiver-home .vh-band.hi{background:var(--panel,#f8f8f5);color:var(--vh-faint);border:1px dashed var(--line,#e5e5de)}
#skiver-home .vh-grades div{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line,#e5e5de);font-size:14px}
#skiver-home .vh-grades div:first-child{border-top:0}
#skiver-home .vh-grades b{font-family:var(--mono);font-weight:500}

/* Avoid, definition, guides, trust, FAQ */
#skiver-home .vh-cares{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#skiver-home .vh-care{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line,#e5e5de);border-radius:12px;padding:18px 20px}
#skiver-home .vh-care h3{margin:4px 0;font-size:17px}
#skiver-home .vh-care p{margin:0;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-def{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
#skiver-home .vh-def p{margin:0;color:var(--vh-ink);font-size:16px;line-height:1.7}
#skiver-home .vh-def pre{margin:0;background:var(--panel,#f8f8f5);border:1px solid var(--line,#e5e5de);border-radius:12px;padding:20px;font:13px/1.8 var(--mono);color:var(--vh-ink);overflow-x:auto;white-space:pre}
#skiver-home .vh-guide{border:1px solid var(--line,#e5e5de);border-radius:12px;padding:18px 20px}
#skiver-home .vh-guide h3{margin:0 0 4px;font-size:16px}
#skiver-home .vh-guide p{margin:0;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#skiver-home .vh-trust a{border:1px solid var(--line,#e5e5de);border-radius:12px;padding:20px;background:var(--panel,#f8f8f5)}
#skiver-home .vh-trust h3{margin:0 0 6px;font-size:16px}
#skiver-home .vh-trust p{margin:0 0 12px;font-size:13.5px;color:var(--muted,#686861)}
#skiver-home .vh-trust b{font-size:13px;color:#416c98;font-weight:500}
#skiver-home .vh-faq{max-width:820px}
#skiver-home .vh-faq h2{margin-bottom:18px}
#skiver-home .vh-faq details{border-top:1px solid var(--line,#e5e5de);padding:16px 0}
#skiver-home .vh-faq details:last-child{border-bottom:1px solid var(--line,#e5e5de)}
#skiver-home .vh-faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
#skiver-home .vh-faq summary::-webkit-details-marker{display:none}
#skiver-home .vh-faq summary::after{content:"+";color:var(--vh-faint);font-weight:400}
#skiver-home .vh-faq details[open] summary::after{content:"−"}
#skiver-home .vh-faq details p{margin:10px 0 0;color:var(--vh-ink);max-width:760px}

@media(max-width:960px){
#skiver-home .vh-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
#skiver-home .vh-g4,#skiver-home .vh-how{grid-template-columns:repeat(2,minmax(0,1fr))}
#skiver-home .vh-panels,#skiver-home .vh-cares,#skiver-home .vh-trust,#skiver-home .vh-def{grid-template-columns:1fr}
}
@media(max-width:760px){
#skiver-home .vh-agents{grid-template-columns:1fr}
#skiver-home .vh-ag{grid-column:1;grid-row:auto}
}
@media(max-width:600px){
#skiver-home .vh-hero{margin-top:16px;padding:36px 20px 30px;border-radius:12px}
#skiver-home .vh-lede{font-size:16px}
#skiver-home .vh-blk{padding:44px 0}
#skiver-home .vh-g3,#skiver-home .vh-g4,#skiver-home .vh-how{grid-template-columns:1fr}
#skiver-home .vh-scale{grid-template-columns:1fr 1fr}
#skiver-home .vh-hd h2,#skiver-home .vh-def h2,#skiver-home .vh-faq h2{font-size:24px}
#skiver-home .vh-search input{font-size:16px}
}