/* Mackenzies Vendor Portal — mobile-first. Palette + fonts matched to
   mackenzies.nz (Astra global colours, Roboto headings / DM Sans body). */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

:root{
	--vpd-brand:#411b66;      /* Mackenzies primary purple (ast-global-color-0) */
	--vpd-brand-dark:#33134f; /* darker purple for hover states */
	--vpd-accent:#6553a6;     /* Mackenzies secondary purple (ast-global-color-1) */
	--vpd-bg:#f2f2f2;         /* light background (ast-global-color-4) */
	--vpd-card:#ffffff;
	--vpd-text:#181f2f;       /* heading/dark text (ast-global-color-2) */
	--vpd-muted:#5c6670;      /* body text (ast-global-color-3) */
	--vpd-line:#c5cbd3;       /* borders (ast-global-color-6) */
	--vpd-radius:12px;
	--vpd-font-head:'Roboto',sans-serif;
	--vpd-font-body:'DM Sans',sans-serif;
	--vpd-cream:#faf6f0;      /* warm ground behind the rounded shell */
	--vpd-pink:#E6007E;       /* the single "this needs you" colour */
	--vpd-teal:#1D9E75;       /* done / positive */
}

.vpd-portal{max-width:1140px;margin:0 auto 48px;padding:0 16px;color:var(--vpd-text);font-family:var(--vpd-font-body);}
.vpd-portal *{box-sizing:border-box;}
.vpd-portal h1,.vpd-portal h2,.vpd-login-card h1,.vpd-section h1,
.vpd-tile-title,.vpd-brandname{font-family:var(--vpd-font-head);}

/* ---------- Login ---------- */
.vpd-login{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;}
.vpd-login-card{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:var(--vpd-radius);
	padding:28px 24px;max-width:420px;width:100%;box-shadow:0 6px 24px rgba(15,45,74,.08);text-align:center;}
.vpd-login-card h1{color:var(--vpd-brand);font-size:22px;margin:0 0 4px;}
.vpd-login-card h2{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--vpd-muted);margin:0 0 18px;}
.vpd-login-intro{color:var(--vpd-muted);font-size:15px;margin-bottom:18px;}
.vpd-login-form label{display:block;text-align:left;font-weight:600;margin-bottom:6px;font-size:14px;}
.vpd-login-form input[type=email]{width:100%;padding:14px;font-size:16px;border:1px solid var(--vpd-line);border-radius:8px;margin-bottom:16px;}
.vpd-btn,.vpd-login-form button{width:100%;background:var(--vpd-brand);color:#fff;border:0;border-radius:8px;
	padding:14px 18px;font-size:16px;font-weight:600;cursor:pointer;}
.vpd-btn:hover,.vpd-login-form button:hover{background:var(--vpd-brand-dark);}
.vpd-login-help{color:var(--vpd-muted);font-size:13px;margin-top:16px;}
/* Login now shares the portal hero + rounded container; the form sits centred inside. */
.vpd-login-inner{max-width:440px;margin:0 auto;text-align:center;padding:6px 0;}
.vpd-login-heading{font-family:var(--vpd-font-head);color:var(--vpd-brand);font-size:20px;margin:0 0 16px;}
.vpd-hp{position:absolute;left:-9999px;height:0;overflow:hidden;}
.vpd-note{border-radius:8px;padding:14px 16px;margin-bottom:16px;text-align:left;font-size:14px;}
.vpd-note-ok{background:#eef7f0;border:1px solid #bfe0c8;color:#1e5b34;}
.vpd-note-err{background:#fdf0f0;border:1px solid #f0c4c4;color:#8a2b2b;}

/* ---------- App frame: hero banner + rounded container (matches site pages) ---------- */
/* --vpd-heroH  how tall the photo is.
   --vpd-shellTop  where the white shell starts, measured from the top of the hero.
   The shell is pulled up by the difference, so growing the photo makes it extend
   BEHIND the cards instead of pushing them down the page. Everything below the
   hero therefore stays exactly where it was on screen. */
.vpd-portal-app{background:transparent;width:100%;
	--vpd-heroH:clamp(700px,86vh,900px);
	--vpd-shellTop:calc(var(--vpd-heroH) * 0.75);}   /* cards start 3/4 down the photo */

.vpd-hero{--vpd-logoW:260px;   /* single knob: the brand bar scales off this */
	position:relative;width:100%;box-sizing:border-box;
	/* Default ground: brand purple. The property's own photo is layered over it
	   inline by hero_html(), already carrying its own darkening gradient, so the
	   hero never looks broken if a listing has no imagery yet. */
	background:linear-gradient(140deg,#411b66,#2b1142);
	background-size:cover;background-position:center;background-repeat:no-repeat;
	/* Full-height banner. A listing photo crammed into 360px reads as a squashed
	   strip; given the room it behaves like the hero shot it is. The shell still
	   lifts up over the bottom of it, so the layout below is unchanged. */
	min-height:var(--vpd-heroH);
	display:flex;flex-direction:column;margin:0;
	padding:30px 0 calc(var(--vpd-heroH) * 0.25 + 34px);}

/* Brand bar — shares the 1140/16px gutter of .vpd-portal so the logo's left edge
   lines up with the card edges below. */
.vpd-brandbar{position:relative;z-index:1;width:100%;max-width:1140px;margin:0 auto;padding:0 16px;
	display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;}
/* The SVG carries 7.753% empty space at its left edge (viewBox 0 → 92.3 of 1190.55);
   pulling that back makes the visible mark flush with the cards. */
.vpd-portal-app .vpd-brandbar .vpd-logo{display:block;width:var(--vpd-logoW);height:auto;
	margin-left:calc(var(--vpd-logoW) * -0.07753);
	/* The mark is a white outline. Listing photos vary wildly — pale weatherboard
	   or bright sky swallows it whole — so it carries its own shadow. */
	filter:drop-shadow(0 2px 12px rgba(0,0,0,.65));}
/* Wordmark cap height = 91/427.57 of logo height, and height = width × 0.35914,
   so cap = width × 0.07642. Roboto's cap height is 0.711em → font-size = cap ÷ 0.711. */
.vpd-portal-app .vpd-brandbar .vpd-portal-label{font-family:var(--vpd-font-head);font-weight:400;color:#fff;
	text-transform:uppercase;letter-spacing:.16em;line-height:1;white-space:nowrap;
	font-size:calc(var(--vpd-logoW) * 0.07642 / 0.711);
	text-shadow:0 2px 12px rgba(0,0,0,.6);}

.vpd-hero-in{position:relative;z-index:1;text-align:center;margin:auto;padding:0 16px;}
.vpd-portal-app .vpd-hero .vpd-hero-title{font-family:var(--vpd-font-head)!important;color:#fff!important;
	font-size:40px!important;font-weight:300!important;margin:0 0 10px!important;line-height:1.15!important;
	text-align:center!important;width:auto!important;text-transform:none!important;letter-spacing:0!important;
	text-shadow:0 2px 16px rgba(0,0,0,.55)!important;}
.vpd-portal-app .vpd-hero .vpd-hero-title b{font-weight:500;}
.vpd-portal-app .vpd-hero .vpd-hero-addr{color:rgba(255,255,255,.9)!important;font-size:16px!important;
	margin:0!important;text-align:center!important;text-shadow:0 1px 10px rgba(0,0,0,.6)!important;}

.vpd-statstrip{display:flex;justify-content:center;flex-wrap:wrap;margin-top:26px;
	background:#5c6670;border:1px solid rgba(255,255,255,.18);border-radius:12px;overflow:hidden;
	box-shadow:0 6px 22px rgba(0,0,0,.28);}
.vpd-statstrip div{padding:12px 26px;border-right:1px solid rgba(255,255,255,.14);color:#fff;}
.vpd-statstrip div:last-child{border-right:0;}
.vpd-statstrip b{display:block;font-family:var(--vpd-font-head);font-size:24px;font-weight:500;line-height:1.1;}
.vpd-statstrip span{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;opacity:.72;}

@media(max-width:860px){.vpd-portal-app{--vpd-heroH:clamp(420px,70vh,620px);}
	.vpd-hero{--vpd-logoW:190px;}
	.vpd-hero-in{padding-top:34px;}
	.vpd-portal-app .vpd-hero .vpd-hero-title{font-size:29px!important;}
	.vpd-statstrip div{padding:10px 18px;}}

/* The shell lifts into the hero so the two read as one unit. */
.vpd-portal-app .vpd-portal{margin-top:calc(var(--vpd-shellTop) - var(--vpd-heroH));
	position:relative;z-index:2;}
.vpd-shell{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:20px;
	padding:8px 26px 30px;box-shadow:0 18px 50px rgba(30,15,50,.10);}
@media(max-width:600px){.vpd-shell{padding:8px 14px 22px;border-radius:14px;}}

.vpd-utility{display:flex;justify-content:flex-end;margin:0 0 10px;}
.vpd-logout{color:var(--vpd-brand);text-decoration:none;font-size:13px;background:#fff;
	border:1px solid var(--vpd-line);padding:6px 14px;border-radius:6px;}
.vpd-logout:hover{border-color:var(--vpd-brand);}

.vpd-mobile-note{display:none;align-items:flex-start;gap:10px;background:#f4f1f9;border:1px solid #d9cfe9;
	color:var(--vpd-brand);border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:14px;line-height:1.5;}
.vpd-mobile-note .vpd-mobile-dismiss{margin-left:auto;background:none;border:0;color:var(--vpd-brand);
	font-size:20px;line-height:1;cursor:pointer;padding:0 2px;}
@media(max-width:768px){.vpd-mobile-note{display:flex;}}

.vpd-nav{background:var(--vpd-bg);border:1px solid var(--vpd-line);border-radius:10px;padding:0 8px;margin-bottom:16px;
	display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.vpd-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:2px;}
.vpd-nav li a{display:block;padding:14px 14px;text-decoration:none;color:var(--vpd-muted);font-weight:600;font-size:14px;
	border-bottom:3px solid transparent;}
.vpd-nav li.active a,.vpd-nav li a:hover{color:var(--vpd-brand);border-bottom-color:var(--vpd-accent);}
.vpd-count{color:#e60572;font-weight:700;}
.vpd-switch{font-size:13px;color:var(--vpd-muted);text-decoration:none;padding:0 12px;}

.vpd-main{padding:4px 2px 4px;}
.vpd-section h1{color:var(--vpd-brand);font-size:22px;margin:0 0 4px;}
.vpd-address{color:var(--vpd-muted);margin-top:0;}
.vpd-welcome{font-size:15px;line-height:1.55;}

/* ---------- Dashboard tiles ---------- */
.vpd-tiles{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px;}
@media(min-width:640px){.vpd-tiles{grid-template-columns:1fr 1fr;}}
.vpd-tile{display:block;background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:10px;
	padding:16px 18px;text-decoration:none;color:var(--vpd-text);transition:box-shadow .15s,transform .15s;}
.vpd-tile:hover{box-shadow:0 6px 18px rgba(15,45,74,.1);transform:translateY(-1px);}
.vpd-tile-title{display:block;font-weight:700;color:var(--vpd-brand);margin-bottom:4px;}
.vpd-tile-desc{display:block;color:var(--vpd-muted);font-size:14px;}

/* ---------- Property picker ---------- */
.vpd-picker{padding:20px 18px;}
.vpd-picker ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.vpd-card-link{display:block;background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:10px;
	padding:18px;text-decoration:none;color:var(--vpd-brand);font-weight:700;}
.vpd-card-link:hover{box-shadow:0 6px 18px rgba(15,45,74,.1);}

.vpd-empty{padding:32px 18px;text-align:center;color:var(--vpd-muted);}

/* ---------- Native questionnaire ---------- */
.vpd-form-wrap{max-width:720px;}
.vpd-fs{border:1px solid var(--vpd-line);border-radius:10px;padding:14px 16px 4px;margin:0 0 16px;background:var(--vpd-card);}
.vpd-fs legend{font-family:var(--vpd-font-head);color:var(--vpd-brand);font-weight:500;padding:0 8px;font-size:16px;}
.vpd-field{margin:0 0 16px;}
.vpd-label{display:block;font-weight:500;margin-bottom:6px;color:var(--vpd-text);}
.vpd-req{color:#c0392b;}
.vpd-field input[type=text],.vpd-field input[type=email],.vpd-field input[type=date],.vpd-field textarea{
	width:100%;padding:11px 12px;border:1px solid var(--vpd-line);border-radius:8px;font-size:16px;font-family:inherit;background:#fff;}
.vpd-radios{display:flex;gap:8px;flex-wrap:wrap;}
.vpd-radio{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--vpd-line);border-radius:8px;
	padding:9px 14px;cursor:pointer;background:#fff;font-size:15px;}
.vpd-radio input{accent-color:var(--vpd-brand);}
.vpd-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer;}
.vpd-check input{margin-top:3px;accent-color:var(--vpd-brand);}
.vpd-hint{color:var(--vpd-muted);font-size:13px;margin:4px 0 0;}
.vpd-sig-pad{border:1px dashed var(--vpd-line);border-radius:8px;width:100%;max-width:500px;touch-action:none;background:#fff;}
.vpd-sig-actions{margin-top:6px;}
.vpd-sig-clear{background:none;border:1px solid var(--vpd-line);border-radius:6px;padding:6px 12px;cursor:pointer;color:var(--vpd-muted);}
.vpd-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.vpd-btn{background:var(--vpd-brand);color:#fff;border:0;border-radius:8px;padding:13px 22px;font-size:16px;font-weight:500;cursor:pointer;font-family:inherit;}
.vpd-btn:hover{background:var(--vpd-brand-dark);}
.vpd-btn-ghost{background:#fff;color:var(--vpd-brand);border:1px solid var(--vpd-brand);}
.vpd-field.vpd-invalid input,.vpd-field.vpd-invalid textarea,.vpd-field.vpd-invalid .vpd-radios{outline:2px solid #c0392b;outline-offset:3px;border-radius:8px;}
.vpd-form .vpd-hp{position:absolute;left:-9999px;height:0;overflow:hidden;}
.vpd-caution{background:#fbf7ee;border:1px solid #e6d9b8;border-radius:10px;padding:14px 16px;margin:0 0 18px;}
.vpd-caution h3{margin:0 0 6px;color:#8a6d1f;font-family:var(--vpd-font-head);font-size:15px;}
.vpd-caution p{margin:0;color:#6b5a2e;font-size:13.5px;line-height:1.55;}
.vpd-field input.vpd-locked{background:#f2f2f4;color:#5c6670;cursor:not-allowed;}

/* ---------- Completed disclosure + addenda ---------- */
.vpd-disclosure-done .vpd-doc-group{margin-top:18px;}
.vpd-addenda{margin-top:22px;border-top:1px solid var(--vpd-line);padding-top:8px;}
.vpd-addenda-list{display:grid;gap:10px;margin:10px 0 18px;}
.vpd-addendum{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:10px;padding:12px 14px;}
.vpd-addendum-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--vpd-brand);}
.vpd-addendum-head span{color:var(--vpd-muted);font-size:12px;}
.vpd-addendum p{margin:6px 0 0;color:var(--vpd-muted);font-size:14px;}
.vpd-addendum-docs{margin-top:8px;}
.vpd-addendum-form{background:#f7f5fb;border:1px solid var(--vpd-line);border-radius:10px;padding:14px 16px;max-width:600px;}
.vpd-addendum-form h3{font-family:var(--vpd-font-head);color:var(--vpd-brand);margin:0 0 8px;font-size:16px;}
.vpd-addendum-form select,.vpd-addendum-form textarea,.vpd-addendum-form input[type=file]{width:100%;padding:10px;border:1px solid var(--vpd-line);border-radius:8px;font-size:15px;font-family:inherit;margin-bottom:10px;background:#fff;}
.vpd-addendum-form .vpd-label{display:block;font-weight:500;margin:4px 0 6px;}

/* ---------- Selling journey timeline ---------- */
.vpd-progress{background:var(--vpd-line);border-radius:20px;height:12px;overflow:hidden;margin:8px 0 4px;}
.vpd-progress-bar{background:var(--vpd-accent);height:100%;border-radius:20px;transition:width .4s;}
.vpd-progress-label{color:var(--vpd-muted);font-size:13px;margin:0 0 16px;}
.vpd-timeline{position:relative;margin-left:8px;}
.vpd-tl-stage{position:relative;padding:0 0 18px 26px;border-left:2px solid var(--vpd-line);}
.vpd-tl-stage:last-child{border-left-color:transparent;}
.vpd-tl-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;}
.vpd-tl-head h3{margin:0;font-family:var(--vpd-font-head);color:var(--vpd-brand);font-size:16px;}
.vpd-tl-dot{position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--vpd-line);}
.vpd-tl-done .vpd-tl-dot{background:var(--vpd-accent);border-color:var(--vpd-accent);}
.vpd-tl-active .vpd-tl-dot{border-color:var(--vpd-accent);}
.vpd-tl-steps{list-style:none;margin:0;padding:0;}
.vpd-tl-steps li{padding:3px 0;color:var(--vpd-muted);font-size:14px;}
.vpd-tl-steps li.done{color:var(--vpd-text);}
.vpd-tl-date{color:var(--vpd-muted);font-size:12px;margin-left:4px;}

/* ---------- Metric tiles (reports / updates) ---------- */
.vpd-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:12px 0;}
.vpd-metric{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:10px;padding:14px;text-align:center;}
.vpd-metric-num{display:block;font-family:var(--vpd-font-head);font-size:26px;font-weight:500;color:var(--vpd-brand);}
.vpd-metric-label{display:block;color:var(--vpd-muted);font-size:13px;margin-top:2px;}

/* ---------- Campaign report cards ---------- */
:root{--vpd-teal:#12776b;--vpd-bronze:#b8892f;}
.vpd-report{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:12px;padding:0;margin:0 0 14px;}
.vpd-report-summary{list-style:none;cursor:pointer;padding:30px 20px 14px;}
.vpd-report-summary::-webkit-details-marker{display:none;}
.vpd-report[open] .vpd-report-summary{padding-bottom:4px;}
.vpd-report-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.vpd-report-date{font-family:var(--vpd-font-head);color:var(--vpd-brand);font-size:18px;font-weight:500;}
.vpd-report-reports{display:flex;align-items:center;flex-wrap:wrap;}
.vpd-report-lbl{font-size:12px;color:var(--vpd-muted);}
.vpd-chip{display:inline-flex;align-items:center;gap:6px;background:#f2eef8;border:1px solid #d9cfe9;color:var(--vpd-brand);
	border-radius:16px;padding:5px 12px;font-size:13px;margin:0 0 0 6px;text-decoration:none;}
.vpd-chip:hover{border-color:var(--vpd-brand);}
.vpd-chip-ic{font-size:10px;font-weight:700;letter-spacing:.03em;background:var(--vpd-brand);color:#fff;border-radius:3px;padding:1px 4px;}
.vpd-report-collapsed{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--vpd-muted);}
.vpd-report[open] .vpd-report-collapsed{display:none;}
.vpd-report-body{padding:6px 20px 16px;}
.vpd-report-narrative{color:var(--vpd-muted);font-size:14px;line-height:1.55;margin:8px 0 14px;}
.vpd-report-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #eee;padding-top:12px;}
@media(max-width:640px){.vpd-report-cols{grid-template-columns:1fr;}}
.vpd-enq-h{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--vpd-teal);}
.vpd-view-h{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--vpd-bronze);}
.vpd-people{border-top:1px solid #eee;}
.vpd-person{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px;}
.vpd-person:last-child{border-bottom:0;}
.vpd-enq-name{color:var(--vpd-teal);font-weight:600;}
.vpd-view-name{color:var(--vpd-bronze);font-weight:600;}
.vpd-person-meta{color:var(--vpd-muted);font-size:12px;}
.vpd-person-note{color:var(--vpd-muted);}
.vpd-report-foot{display:flex;justify-content:flex-end;margin-top:12px;}
.vpd-read-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--vpd-muted);background:#fff;
	border:1px solid var(--vpd-line);border-radius:6px;padding:6px 12px;cursor:pointer;font-family:inherit;}
.vpd-read-btn:hover{border-color:var(--vpd-brand);}
.vpd-read-box{width:15px;height:15px;border:1.5px solid var(--vpd-brand);border-radius:3px;display:inline-block;}
.vpd-read-done{color:#2e8b45;font-size:12px;font-weight:500;}

/* ---------- Vendor updates ---------- */
.vpd-update{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:10px;padding:16px 18px;margin-bottom:16px;}
.vpd-update-read{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #f0edf5;font-size:14px;font-weight:600;color:var(--vpd-brand);cursor:pointer;width:100%;}
.vpd-update-read input{width:17px;height:17px;flex:none;}
.vpd-update-read.is-read{color:var(--vpd-teal);cursor:default;}
.vpd-update-tick{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--vpd-teal);color:#fff;font-size:12px;flex:none;}
.vpd-update h2{font-family:var(--vpd-font-head);color:var(--vpd-brand);margin:0 0 8px;}
.vpd-update-block{margin-top:10px;}
.vpd-update-block h3{margin:0 0 2px;font-size:15px;color:var(--vpd-text);}
.vpd-update-block p{margin:0;color:var(--vpd-muted);font-size:14px;line-height:1.55;}

/* ---------- Vendor document list ---------- */
.vpd-doc-group{font-family:var(--vpd-font-head);color:var(--vpd-brand);font-size:16px;margin:16px 0 6px;}
.vpd-doc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.vpd-doc-list a{display:flex;justify-content:space-between;align-items:center;background:var(--vpd-card);
	border:1px solid var(--vpd-line);border-radius:8px;padding:12px 14px;text-decoration:none;color:var(--vpd-text);}
.vpd-doc-list a:hover{border-color:var(--vpd-accent);}
.vpd-doc-name{font-weight:500;color:var(--vpd-brand);}
.vpd-doc-meta{color:var(--vpd-muted);font-size:13px;}

/* =========================================================================
   Overview (2.18.0) — the design system every other tab inherits:
   one accent colour for anything needing the vendor, cards on white with a
   matching radius, Roboto small-caps section headings, DM Sans for reading.
   ========================================================================= */

.vpd-portal-app{background:var(--vpd-cream);}

.vpd-overview h2.vpd-sec{font-family:var(--vpd-font-head);font-size:12.5px;font-weight:600;
	text-transform:uppercase;letter-spacing:.10em;color:var(--vpd-brand);margin:0 0 14px;}

/* ---- the one thing that needs her ---- */
.vpd-next{display:flex;align-items:center;gap:18px;background:linear-gradient(100deg,#f8f4fc,#fdeff6);
	border:1px solid #f0d8e6;border-radius:14px;padding:18px 20px;margin-bottom:24px;}
.vpd-next-ic{width:44px;height:44px;border-radius:12px;background:var(--vpd-pink);color:#fff;flex:none;
	display:flex;align-items:center;justify-content:center;font-size:22px;}
.vpd-next-tx{flex:1;min-width:0;}
.vpd-next-tx b{display:block;font-family:var(--vpd-font-head);font-size:16px;font-weight:500;margin-bottom:3px;}
.vpd-next-tx span{font-size:14px;color:var(--vpd-muted);line-height:1.5;}
.vpd-next-go{background:var(--vpd-brand);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;
	padding:12px 22px;border-radius:8px;flex:none;white-space:nowrap;}
.vpd-next-go:hover{background:var(--vpd-brand-dark);color:#fff;}

/* ---- milestone tracker ---- */
.vpd-journey{background:#fbfafd;border:1px solid var(--vpd-line);border-radius:14px;
	padding:22px 24px 18px;margin-bottom:26px;}
.vpd-steps{display:flex;position:relative;margin:6px 0 4px;}
.vpd-steps:before{content:"";position:absolute;left:10%;right:10%;top:13px;height:3px;background:#e8e4ef;border-radius:3px;}
.vpd-steps:after{content:"";position:absolute;left:10%;width:calc(80% * var(--vpd-fill,0) / 100);
	top:13px;height:3px;background:var(--vpd-teal);border-radius:3px;transition:width .4s ease;}
.vpd-step{flex:1;text-align:center;position:relative;z-index:1;padding:0 4px;}
.vpd-step i{display:block;width:29px;height:29px;border-radius:50%;margin:0 auto 10px;background:#fff;
	border:3px solid #e8e4ef;font-style:normal;font-size:13px;line-height:23px;color:var(--vpd-muted);}
.vpd-step.vpd-done i{background:var(--vpd-teal);border-color:var(--vpd-teal);color:#fff;}
.vpd-step.vpd-now i{border-color:var(--vpd-brand);background:#fff;color:var(--vpd-brand);font-weight:700;
	box-shadow:0 0 0 5px rgba(101,83,166,.16);}
.vpd-step b{display:block;font-size:13px;font-weight:600;margin-bottom:2px;line-height:1.3;}
.vpd-step.vpd-done b,.vpd-step.vpd-now b{color:var(--vpd-text);}
.vpd-step:not(.vpd-done):not(.vpd-now) b{color:#9aa1ab;font-weight:500;}
.vpd-step span{font-size:11.5px;color:var(--vpd-muted);}
.vpd-journey-foot{border-top:1px solid #eeeaf3;margin-top:16px;padding-top:13px;
	font-size:13.5px;color:var(--vpd-muted);}
.vpd-journey-foot b{color:var(--vpd-brand);}

/* ---- two-up ---- */
.vpd-g2{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:26px;}
.vpd-g2-one{grid-template-columns:1fr;}
.vpd-overview .vpd-card{background:var(--vpd-card);border:1px solid var(--vpd-line);
	border-radius:14px;padding:20px 22px;}

.vpd-note-who{display:flex;align-items:center;gap:12px;margin-bottom:13px;}
.vpd-av{width:46px;height:46px;border-radius:50%;background:var(--vpd-brand);color:#fff;flex:none;
	display:flex;align-items:center;justify-content:center;font-family:var(--vpd-font-head);
	font-size:17px;font-weight:500;}
.vpd-note-who b{display:block;font-size:15px;font-family:var(--vpd-font-head);font-weight:500;}
.vpd-note-who span{font-size:12.5px;color:var(--vpd-muted);}
.vpd-note p{font-size:14.5px;line-height:1.65;color:#3d4450;margin:0 0 14px;}
.vpd-when{font-size:12px;color:#9aa1ab;text-transform:uppercase;letter-spacing:.07em;}
.vpd-more{font-size:13.5px;color:var(--vpd-brand);font-weight:600;text-decoration:none;}

.vpd-int-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f3f1f7;}
.vpd-int-row:last-child{border-bottom:0;}
.vpd-int-row b{font-family:var(--vpd-font-head);font-size:21px;font-weight:500;width:52px;flex:none;
	color:var(--vpd-brand);}
.vpd-int-lb{flex:1;font-size:14px;}
.vpd-int-lb small{display:block;color:var(--vpd-muted);font-size:12px;}

/* ---- tiles ---- */
.vpd-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.vpd-tile{display:block;background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:14px;
	padding:20px;text-decoration:none;color:inherit;transition:.16s;}
.vpd-tile:hover{border-color:var(--vpd-accent);box-shadow:0 8px 22px rgba(65,27,102,.10);transform:translateY(-2px);}
.vpd-tile-ic{width:38px;height:38px;border-radius:10px;background:#f2edf8;color:var(--vpd-brand);
	display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;}
.vpd-tile-title{display:block;font-family:var(--vpd-font-head);font-size:15.5px;font-weight:500;margin-bottom:4px;}
.vpd-tile-desc{display:block;font-size:13px;color:var(--vpd-muted);line-height:1.5;}
/* pink pill, matching the nav badge */
.vpd-tile .vpd-count,.vpd-nav .vpd-count{background:var(--vpd-pink);color:#fff;font-size:11px;font-weight:700;
	border-radius:20px;padding:1px 7px;margin-left:6px;vertical-align:2px;}

/* ---- reassurance ---- */
.vpd-assure{text-align:center;margin-top:30px;padding-top:22px;border-top:1px solid #f0edf5;
	font-size:13px;color:var(--vpd-muted);line-height:1.7;}
.vpd-assure b{color:var(--vpd-brand);}
.vpd-assure a{color:var(--vpd-brand);text-decoration:none;}

@media(max-width:860px){
	.vpd-g2{grid-template-columns:1fr;}
	.vpd-next{flex-direction:column;align-items:flex-start;}
	.vpd-next-go{width:100%;text-align:center;box-sizing:border-box;}
	.vpd-steps{flex-wrap:wrap;gap:16px 0;}
	.vpd-steps:before,.vpd-steps:after{display:none;}
	.vpd-step{flex:0 0 33.333%;}
}
@media(max-width:760px){.vpd-tiles{grid-template-columns:repeat(2,1fr);}}
@media(max-width:440px){.vpd-tiles{grid-template-columns:1fr;}.vpd-step{flex:0 0 50%;}}

/* Agent preview banner — deliberately unlike anything a vendor ever sees. */
.vpd-previewbar{background:#2b2140;color:#fff;border-radius:8px;padding:10px 14px;margin:12px 0 4px;
	font-size:13px;line-height:1.5;}
.vpd-previewbar b{color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;margin-right:4px;}

/* =========================================================================
   Theme reset (2.18.2)
   This stylesheet only loads on the portal + login pages, so these rules are
   effectively page-scoped. Astra's header is absolutely positioned at z-index
   99 and painted straight over our hero — two logos stacked on each other.
   The portal carries its own brand bar and navigation, so the site header and
   footer come off entirely: this is a private client space, not a web page.
   ========================================================================= */
.vpd-portal-app ~ *,
body.page-template-default .site-header,
.site-header,#masthead,
.ast-above-header-wrap,.ast-main-header-wrap,.ast-below-header-wrap,
.ast-mobile-header-wrap{display:none!important;}
.site-content,.ast-container{padding-top:0!important;margin-top:0!important;}

/* Astra underlines and recolours every link; the portal styles its own. */
.vpd-portal-app a,.vpd-tile,.vpd-tile *,.vpd-nav a,.vpd-logout,.vpd-next-go,.vpd-more{
	text-decoration:none!important;}
.vpd-portal-app a:hover{text-decoration:none!important;}
.vpd-tile,.vpd-tile *{color:inherit;}
.vpd-tile .vpd-tile-title{color:var(--vpd-text);}

/* =========================================================================
   Buyer portal (2.22.0) — reuses the vendor tokens/components. Only the
   request form and the document rows need their own rules.
   ========================================================================= */
.vpd-breq{max-width:640px;margin:0 auto;}
.vpd-breq-lead{text-align:center;margin:0 0 22px;}
.vpd-breq-lead h3{font-family:var(--vpd-font-head);font-weight:500;font-size:22px;margin:0 0 8px;color:var(--vpd-brand);}
.vpd-breq-lead p{font-size:15px;color:var(--vpd-muted);line-height:1.6;margin:0;}
.vpd-breq-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.vpd-breq-form .full{grid-column:1 / -1;}
.vpd-breq-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;}
.vpd-breq-form label .opt{font-weight:400;color:var(--vpd-muted);}
.vpd-breq-form input,.vpd-breq-form select{width:100%;padding:13px 14px;font-size:15px;
	border:1px solid var(--vpd-line);border-radius:9px;font-family:var(--vpd-font-body);background:#fff;}
.vpd-breq-go{grid-column:1 / -1;background:var(--vpd-pink);color:#fff;border:0;border-radius:9px;padding:15px;
	font-size:16px;font-weight:600;cursor:pointer;font-family:var(--vpd-font-body);margin-top:2px;}
.vpd-breq-go:hover{filter:brightness(.95);}
.vpd-breq-note{max-width:640px;margin:16px auto 0;text-align:center;font-size:12.5px;color:var(--vpd-muted);line-height:1.6;}
.vpd-breq-steps{display:flex;gap:14px;max-width:640px;margin:24px auto 0;padding-top:20px;border-top:1px solid #f0edf5;}
.vpd-breq-steps div{flex:1;text-align:center;}
.vpd-breq-steps .n{display:block;width:26px;height:26px;border-radius:50%;background:#f2edf8;color:var(--vpd-brand);
	font-weight:700;font-size:13px;line-height:26px;margin:0 auto 8px;}
.vpd-breq-steps b{display:block;font-size:13px;margin-bottom:2px;}
.vpd-breq-steps small{font-size:12px;color:var(--vpd-muted);}
.vpd-breq-done{text-align:center;}

/* document rows */
.vpd-bdocs{padding:6px 10px;}
.vpd-bdoc{display:flex;align-items:center;gap:14px;padding:14px 12px;text-decoration:none;color:inherit;
	border-bottom:1px solid #f3f1f7;}
.vpd-bdoc:last-child{border-bottom:0;}
.vpd-bdoc:hover{background:#faf8fc;}
.vpd-bdoc-ic{width:40px;height:40px;border-radius:10px;background:#f2edf8;color:var(--vpd-brand);flex:none;
	display:flex;align-items:center;justify-content:center;font-size:18px;}
.vpd-bdoc-tx{flex:1;min-width:0;}
.vpd-bdoc-tx b{display:block;font-size:15px;font-weight:600;}
.vpd-bdoc-tx small{color:var(--vpd-muted);font-size:12.5px;}
.vpd-bdoc-go{flex:none;font-weight:600;font-size:13.5px;color:var(--vpd-brand);}

/* agent + action buttons in the space */
.vpd-bbtns{display:flex;gap:10px;flex-wrap:wrap;}
.vpd-bsecondary{background:#f2edf8;color:var(--vpd-brand);border:0;border-radius:8px;padding:12px 18px;
	font-size:13.5px;font-weight:600;cursor:pointer;font-family:var(--vpd-font-body);}
/* The three action tiles are <button>s but must look exactly like the .vpd-tile
   cards in the mockup: white, roomy, left-aligned, with the light-purple icon
   badge. So .vpd-btile only resets button chrome and defers to .vpd-tile. */
.vpd-btile{width:100%;text-align:left;background:var(--vpd-card);cursor:pointer;
	font-family:var(--vpd-font-body);}

@media(max-width:760px){.vpd-breq-form{grid-template-columns:1fr;}.vpd-breq-steps{flex-direction:column;}}

/* Astra uppercases <button> elements; the buyer portal uses buttons for its
   actions, so pin them back to normal case. */
.vpd-breq-go,.vpd-bsecondary,.vpd-btile,.vpd-btile b,.vpd-btile span{text-transform:none!important;letter-spacing:0!important;}

/* Buyer "What's inside" — green-tick list, each row a download (approved mockup). */
.vpd-inside .vpd-irow{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid #f3f1f7;
	text-decoration:none;color:inherit;font-size:14px;}
.vpd-inside .vpd-irow:last-child{border-bottom:0;}
.vpd-inside .vpd-iok{width:20px;height:20px;border-radius:50%;background:#e8f6f0;color:var(--vpd-teal);flex:none;
	display:flex;align-items:center;justify-content:center;font-size:12px;}
.vpd-inside .vpd-iname{flex:1;min-width:0;}
.vpd-inside .vpd-idl{flex:none;font-size:12.5px;font-weight:600;color:var(--vpd-brand);opacity:0;transition:.15s;}
.vpd-inside .vpd-irow:hover .vpd-idl{opacity:1;}
.vpd-inside .vpd-irow:hover{color:var(--vpd-brand);}
@media(max-width:760px){.vpd-inside .vpd-idl{opacity:1;}}

/* Buyer space — 3 action tiles (not the vendor's 4) so they span the full row. */
.vpd-tiles.vpd-tiles-3{grid-template-columns:repeat(3,1fr);}
@media(max-width:760px){.vpd-tiles.vpd-tiles-3{grid-template-columns:1fr;}}

/* Buyer nav bar (approved mockup): underline tabs. */
.vpd-bnav{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--vpd-line);margin:6px 0 24px;}
.vpd-bnav a{padding:13px 16px;text-decoration:none;color:var(--vpd-muted);font-weight:600;font-size:14px;
	border-bottom:3px solid transparent;margin-bottom:-1px;}
.vpd-bnav a:hover{color:var(--vpd-brand);}

/* ---------------------------------------------------------------------------
   Buyer Terms (indicative offer) intake form
   --------------------------------------------------------------------------- */
.vpd-terms{margin-top:8px;}
.vpd-terms .vpd-fs{margin:0 0 16px;padding:16px 18px 10px;}
.vpd-terms legend{font-family:var(--vpd-font-head);font-weight:600;font-size:13px;color:var(--vpd-brand);
	text-transform:uppercase;letter-spacing:.04em;padding:0 6px;}
.vpd-terms .vpd-fs-hint{font-size:12.5px;color:var(--vpd-muted);margin:0 0 10px;}
.vpd-terms-form .vpd-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;align-items:start;margin-bottom:6px;}
.vpd-terms-form .vpd-fgrid:last-child{margin-bottom:0;}
.vpd-terms-form .vpd-fgrid>div{min-width:0;}
.vpd-terms-form .vpd-fgrid .full{grid-column:1 / -1;}
.vpd-terms-form label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;min-height:18px;}
.vpd-terms-form .req{color:var(--vpd-pink);}
.vpd-terms-form input[type=text],.vpd-terms-form input[type=email],.vpd-terms-form input[type=tel],
.vpd-terms-form input[type=date],.vpd-terms-form input[type=time],.vpd-terms-form select,
.vpd-terms-form textarea{width:100%;padding:12px 13px;font-size:15px;border:1px solid var(--vpd-line);
	border-radius:9px;background:#fff;font-family:var(--vpd-font-body);box-sizing:border-box;}
.vpd-terms-form textarea{resize:vertical;}
.vpd-terms-form .vpd-check{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:14px;cursor:pointer;}
.vpd-terms-form .vpd-check input{margin-top:2px;flex:none;}
.vpd-terms-form .vpd-checkrow{display:flex;align-items:center;padding-top:23px;}
@media(max-width:760px){.vpd-terms-form .vpd-checkrow{padding-top:0;}}
.vpd-terms .vpd-cond{border-top:1px solid #f3f1f7;padding:11px 0;}
.vpd-terms .vpd-cond:first-of-type{border-top:0;}
.vpd-terms .vpd-cond-body{margin:11px 0 2px;padding-left:26px;}
.vpd-terms-ack{background:#fbf3f7;border:1px solid #f3d9e6;border-radius:10px;padding:14px 16px;margin:0 0 16px;}
.vpd-terms-ack .vpd-check{font-weight:600;}
.vpd-terms-legal{background:#f7f5fb;border:1px solid var(--vpd-line);border-radius:10px;padding:13px 15px;
	font-size:13px;line-height:1.55;color:var(--vpd-muted);margin:0 0 16px;}
.vpd-terms-legal-top{margin-top:2px;}
.vpd-terms-legal strong{color:var(--vpd-brand);}
.vpd-terms-err{background:#fdecec;border:1px solid #f4c7c7;color:#a12626;border-radius:9px;
	padding:11px 14px;font-size:13.5px;margin:0 0 14px;}
.vpd-terms .vpd-invalid input,.vpd-terms .vpd-invalid select,.vpd-terms .vpd-invalid textarea{border-color:#e08;}
.vpd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.vpd-terms .vpd-breq-go{margin-top:4px;}
.vpd-terms-done .vpd-terms-okcard{display:flex;gap:14px;align-items:flex-start;background:#e8f6f0;
	border:1px solid #cfe9df;border-radius:12px;padding:16px 18px;margin:0 0 16px;}
.vpd-terms-oktick{width:30px;height:30px;border-radius:50%;background:var(--vpd-teal,#1f9d78);color:#fff;flex:none;
	display:flex;align-items:center;justify-content:center;font-size:15px;}
.vpd-terms-okcard p{margin:4px 0 0;font-size:14px;color:var(--vpd-muted);}
/* Reveal behaviour: the terms form is hidden until "Start Your Offer" is clicked. */
.vpd-terms.vpd-collapsed{display:none;}
.vpd-actionwrap{margin:2px 0 6px;}
.vpd-actionpanel{background:var(--vpd-card);border:1px solid var(--vpd-line);border-radius:12px;padding:18px 20px;margin-top:12px;}
.vpd-actionpanel h3{margin:0 0 6px;}
.vpd-actionpanel p{margin:0 0 12px;color:var(--vpd-muted);font-size:14px;line-height:1.55;}
/* Top subheading: bold indigo title over its explainer. */
.vpd-terms-legal-top strong{display:block;font-size:15px;margin-bottom:4px;color:var(--vpd-brand);}
.vpd-terms-legal-top p{margin:0;}
/* Before-you-submit reminder: all bold, indigo. */
.vpd-terms-remind{background:#f2edf8;border-color:#e0d6f0;}
.vpd-terms-remind,.vpd-terms-remind strong{color:var(--vpd-brand)!important;font-weight:700;}
/* Locked fields (deposit amount, specific settlement date) until unlocked. */
.vpd-terms-form input:disabled,.vpd-terms-form select:disabled{background:#f3f1f7;color:var(--vpd-muted);cursor:not-allowed;}
/* Interest / viewing reveal panels hold full forms. */
.vpd-actionpanel{padding:14px 16px;}
.vpd-actionpanel .vpd-terms{margin-top:0;}
.vpd-actionpanel .vpd-terms .vpd-fs:last-of-type{margin-bottom:0;}

/* Upcoming open homes (Book A Viewing) — inviting, brand-tinted. */
.vpd-oh{background:linear-gradient(135deg,#faf3f8,#f2ecfa);border:1px solid #e6d8f0;border-radius:12px;padding:15px 17px;margin:0 0 14px;}
.vpd-oh-h{display:flex;align-items:center;gap:9px;font-family:var(--vpd-font-head);font-weight:600;font-size:15px;color:var(--vpd-brand);}
.vpd-oh-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--vpd-brand);color:#fff;font-size:13px;}
.vpd-oh-lead{margin:8px 0 10px;font-size:13.5px;color:var(--vpd-muted);line-height:1.5;}
.vpd-oh-list{list-style:none;margin:0;padding:0;}
.vpd-oh-list li{padding:9px 12px;background:#fff;border:1px solid #ecdff5;border-radius:8px;margin-bottom:6px;font-weight:600;color:var(--vpd-brand);font-size:14px;}
.vpd-oh-list li:last-child{margin-bottom:0;}

/* ---------------------------------------------------------------------------
   Colour pass — warm up the buyer space so it isn't so sterile.
   Scoped to the buyer space (.vpd-overview) and the portal forms (.vpd-terms).
   --------------------------------------------------------------------------- */
.vpd-overview .vpd-tiles .vpd-tile-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;font-size:20px;margin-bottom:10px;background:linear-gradient(135deg,#f2ecfa,#e9e1f6);color:var(--vpd-brand);}
.vpd-overview .vpd-tiles .vpd-btile{transition:box-shadow .15s,border-color .15s,transform .15s;}
.vpd-overview .vpd-tiles .vpd-btile:hover{border-color:var(--vpd-accent);box-shadow:0 10px 26px rgba(65,27,102,.14);transform:translateY(-2px);}
.vpd-overview .vpd-tiles .vpd-tile-title{color:var(--vpd-brand);}
.vpd-overview .vpd-tiles-3 .vpd-btile:nth-child(1) .vpd-tile-ic{background:linear-gradient(135deg,#fdeaf4,#fbdcec);color:var(--vpd-pink);}
.vpd-overview .vpd-tiles-3 .vpd-btile:nth-child(2) .vpd-tile-ic{background:linear-gradient(135deg,#e7f6f0,#d7efe4);color:var(--vpd-teal);}
.vpd-overview .vpd-tiles-3 .vpd-btile:nth-child(3) .vpd-tile-ic{background:linear-gradient(135deg,#f0ebfa,#e5ddf5);color:var(--vpd-brand);}
/* Coloured section labels + a soft rule under the form headings. */
.vpd-overview h2.vpd-sec{color:var(--vpd-brand);}
.vpd-terms h2.vpd-sec{color:var(--vpd-brand);font-size:16px;padding-bottom:8px;border-bottom:2px solid #eee3f6;margin-bottom:14px;}
/* Legends become soft brand pills so each group reads as its own card. */
.vpd-terms .vpd-fs{border-color:#e7dff0;}
.vpd-terms legend{background:#f6f1fb;border:1px solid #e7dff0;border-radius:20px;padding:3px 12px;color:var(--vpd-brand);}
/* Accent the pink "download pack" banner + primary buttons a touch. */
.vpd-overview .vpd-next{border-left:4px solid var(--vpd-pink);}
.vpd-terms-ro{display:grid;gap:8px;}
.vpd-terms-ro>div{display:flex;flex-direction:column;gap:2px;background:#faf9fd;border:1px solid var(--vpd-line);
	border-radius:8px;padding:9px 12px;}
.vpd-terms-ro span{font-size:12px;color:var(--vpd-muted);}
.vpd-terms-ro b{font-size:15px;}
.vpd-terms-form label .opt{font-weight:400;color:var(--vpd-muted);}
.vpd-terms .vpd-cash{margin-bottom:6px;}
.vpd-terms .vpd-cond-list.vpd-cond-off{opacity:.45;}
.vpd-terms .vpd-cond-list.vpd-cond-off .vpd-cond-body{display:none!important;}
.vpd-terms-action label.vpd-check{margin:8px 0;}
/* Submit button stays Mackenzies pink the whole time the form is open. */
.vpd-terms .vpd-breq-go{background:var(--vpd-pink);color:#fff;opacity:1;}
.vpd-terms .vpd-breq-go:hover{background:var(--vpd-pink);filter:brightness(.95);}
/* Condition helper note sits to the right of the date box; nudge it down so its
   first line aligns with the date input rather than the field label above it. */
.vpd-terms .vpd-cond-help{font-size:12.5px;color:var(--vpd-muted);line-height:1.5;align-self:start;padding-top:23px;}
@media(max-width:760px){
	.vpd-terms-form .vpd-fgrid{grid-template-columns:1fr;}
	.vpd-terms .vpd-cond-help{padding-top:0;}
	.vpd-terms-form label{min-height:0;}
}
.vpd-bnav a.on{color:var(--vpd-brand);border-bottom-color:var(--vpd-accent);}