/* Verkhovets supplied DS: scoped to non-Figma editorial pages only.
   Authoritative source; served directly, no generated copy or global reset.
   Outfit / Open Sans, brand purple, cool-gray section rhythm, 12px cards. */
.vl-reader { --vl-section-y:48px; min-width:0; }
.vl-reader .vl-reader-section { padding:48px 0; background:var(--vl-white); }
.vl-reader .vl-reader-section--alt { background:var(--vl-cool-gray); }
.vl-reader .vl-reader-chapter { display:flex; flex-direction:column; gap:20px; min-width:0; }
.vl-reader .vl-reader-heading > :is(h2,h3) { margin:0; max-width:none; font:800 30px/1.15 var(--vl-font-display); letter-spacing:-.02em; color:var(--vl-ink); text-wrap:pretty; scroll-margin-top:150px; }
.vl-reader .vl-reader-prose { width:100%; min-width:0; max-width:none; font:400 14.5px/1.68 var(--vl-font-text); overflow-wrap:break-word; }
.vl-reader .vl-reader-prose > :first-child { margin-top:0; }
.vl-reader .vl-reader-prose > :last-child { margin-bottom:0; }
.vl-reader .vl-reader-prose > * + * { margin-top:16px; }
.vl-reader .vl-reader-prose :is(h2,h3,h4) { color:var(--vl-ink); scroll-margin-top:150px; text-wrap:pretty; }
.vl-reader .vl-reader-prose :is(h2,h3) { margin-bottom:12px; }
.vl-reader .vl-reader-prose h2 { font:800 28px/1.2 var(--vl-font-display); }
.vl-reader .vl-reader-prose h3 { font:700 20px/1.25 var(--vl-font-display); }
.vl-reader .vl-reader-prose img { display:block; width:auto; height:auto; max-width:100%; max-height:420px; margin-inline:auto; object-fit:contain; border-radius:12px; }
.vl-reader .vl-reader-prose :is(p,figure):has(> img:only-child) { margin-block:24px; }
.vl-reader .vl-reader-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; }
.vl-reader .vl-reader-card { min-width:0; padding:24px; border-radius:12px; background:var(--vl-white); box-shadow:inset 0 0 0 1px var(--vl-border); }
.vl-reader .vl-reader-section:not(.vl-reader-section--alt) .vl-reader-card { background:var(--vl-tint); }
.vl-reader .vl-reader-card--wide,.vl-reader .vl-reader-cards > :only-child { grid-column:1/-1; }
.vl-reader .vl-reader-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; align-items:start; }
.vl-reader .vl-reader-columns--single { grid-template-columns:minmax(0,1fr); }
.vl-reader .vl-reader-columns--media { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:36px; }
.vl-reader .vl-reader-columns--media:has(> .vl-reader-photo:first-child) { grid-template-columns:minmax(0,1fr) minmax(0,1.45fr); }
.vl-reader .vl-reader-photo img { width:100%; max-height:340px; object-fit:contain; }
.vl-reader--city .vl-reader-prose:not(.vl-reader-card) > ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 28px; padding:22px 24px; border-radius:12px; background:var(--vl-tint); }
.vl-reader .vl-reader-callout { background:var(--vl-purple-dark); color:var(--vl-white); }
.vl-reader .vl-reader-callout .vl-reader-columns,
.vl-reader .vl-reader-callout .vl-reader-columns--media:has(> .vl-reader-photo:first-child) { grid-template-columns:120px minmax(0,1fr); gap:32px; align-items:center; }
.vl-reader .vl-reader-callout .vl-reader-prose :is(p,h2,h3,h4,a,strong) { color:var(--vl-white); }
.vl-reader .vl-reader-callout .vl-reader-photo img { max-height:100px; }
.vl-reader .vl-reader-callout .vl-reader-prose :is(p,figure):has(> img:only-child) { margin:0; }
.vl-reader .vl-reader-table { width:100%; max-width:100%; min-width:0; overflow-x:auto; border-radius:10px; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
.vl-reader .vl-reader-table:focus-visible { outline:2px solid var(--vl-lilac); outline-offset:3px; }
.vl-reader .vl-reader-table table { display:table; width:100%; min-width:560px; border-collapse:collapse; font-size:14px; table-layout:auto; }
.vl-reader .vl-reader-table :is(th,td) { padding:14px 16px; border:1px solid var(--vl-border); text-align:left; vertical-align:top; word-break:normal; overflow-wrap:normal; }
.vl-reader .vl-reader-table th { color:var(--vl-purple-deep); background:var(--vl-tint); font-weight:700; }
.vl-reader .vl-reader-hero { position:relative; overflow:hidden; padding:48px 0; border:0; color:var(--vl-white); background:var(--vl-gradient-page-hero); }
.vl-reader .vl-reader-hero > .container { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; align-items:center; }
.vl-reader .vl-reader-hero--photo > .container { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); }
.vl-reader .vl-reader-hero__copy { display:flex; flex-direction:column; gap:18px; min-width:0; }
.vl-reader .vl-reader-hero h1 { margin:0; font:800 46px/1.08 var(--vl-font-display); letter-spacing:-.02em; text-wrap:pretty; color:var(--vl-white); }
.vl-reader .vl-reader-hero :is(.blog-breadcrumb,.blog-article-meta,.blog-article-author) { color:var(--vl-lavender-text); }
.vl-reader .vl-reader-hero .blog-breadcrumb a { color:var(--vl-lavender-text); }
.vl-reader .vl-reader-hero .blog-breadcrumb a:hover { color:#fff; }
.vl-reader .vl-reader-hero__photo { margin:0; min-width:0; border-radius:12px; overflow:hidden; }
.vl-reader .vl-reader-hero__photo img { width:100%; height:auto; max-height:300px; aspect-ratio:1.65; object-fit:cover; }
.vl-reader .vl-reader-index { padding-top:28px; }
.vl-reader .vl-reader-index details { border-radius:12px; background:var(--vl-tint); box-shadow:inset 0 0 0 1px var(--vl-border); padding:20px 24px; }
.vl-reader .vl-reader-index summary { color:var(--vl-purple-dark); cursor:pointer; font:700 18px/1.4 var(--vl-font-display); }
.vl-reader .vl-reader-index ul { margin:18px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; }
.vl-reader .vl-reader-index a { display:block; font-size:14px; line-height:1.55; text-decoration:underline; text-underline-offset:3px; }
.vl-reader .vl-reader-author { padding-block:32px 44px; }
.vl-reader .vl-reader-author .blog-author-card { margin:0; background:var(--vl-tint); border:0; box-shadow:inset 0 0 0 1px var(--vl-border); }
.vl-reader .vl-reader-contact { padding:32px 0; background:var(--vl-purple-dark); color:var(--vl-white); }
.vl-reader .vl-reader-contact > .container { display:flex; gap:24px; align-items:center; flex-wrap:wrap; }
.vl-reader .vl-reader-contact h2 { margin:0; flex:1; color:var(--vl-white); font:800 28px/1.15 var(--vl-font-display); }
.vl-reader .vl-reader-contact__phone { color:var(--vl-white); font:700 22px/1.3 var(--vl-font-display); white-space:nowrap; }
.vl-reader .vl-reader-contact__phone:hover { color:var(--vl-lavender-text); }
.vl-reader .vl-reader-section + .testimonials--service { margin-top:0; }
.vl-reader .vl-block--text .vl-prose,.vl-reader .vl-block--columns .vl-prose { max-width:none; }
.vl-reader .vl-phero__title { text-wrap:pretty; }
.vl-reader .vl-reader-ribbon { height:40px; overflow:hidden; background:var(--vl-purple-dark); }
.vl-reader .vl-reader-ribbon img { width:100%; height:100%; object-fit:cover; }
.vl-reader-article .vl-reader-chapter > .vl-reader-prose > ul:has(> li:nth-child(3)) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 32px; padding:24px; background:var(--vl-tint); border-radius:12px; }
@media(max-width:1080px) {
 .vl-reader .vl-reader-hero--photo > .container { grid-template-columns:minmax(0,1fr) minmax(0,.7fr); gap:28px; }
 .vl-reader .vl-reader-hero h1 { font-size:38px; }
 .vl-reader .vl-reader-columns--media { gap:24px; }
}
@media(max-width:760px) {
 .vl-reader .vl-reader-section { padding:32px 0; }
 .vl-reader .vl-reader-chapter { gap:18px; }
 .vl-reader .vl-reader-heading > :is(h2,h3) { font-size:26px; }
 .vl-reader .vl-reader-prose { font-size:15.5px; line-height:1.7; }
 .vl-reader .vl-reader-cards,.vl-reader .vl-reader-columns,.vl-reader .vl-reader-columns--media,.vl-reader .vl-reader-columns--media:has(> .vl-reader-photo:first-child) { grid-template-columns:minmax(0,1fr); gap:16px; }
 .vl-reader .vl-reader-card { padding:20px; }
 .vl-reader--city .vl-reader-prose:not(.vl-reader-card) > ul { grid-template-columns:minmax(0,1fr); padding:20px; }
 .vl-reader .vl-reader-callout .vl-reader-columns,
 .vl-reader .vl-reader-callout .vl-reader-columns--media:has(> .vl-reader-photo:first-child) { grid-template-columns:minmax(0,1fr); gap:18px; }
 .vl-reader .vl-reader-callout .vl-reader-photo { max-width:110px; }
 .vl-reader .vl-reader-hero { padding:30px 0; }
 .vl-reader .vl-reader-hero--photo > .container { grid-template-columns:minmax(0,1fr); gap:24px; }
 .vl-reader .vl-reader-hero h1 { font-size:32px; }
 .vl-reader .vl-reader-hero__photo img { max-height:220px; }
 .vl-reader-article .vl-reader-chapter > .vl-reader-prose > ul:has(> li:nth-child(3)) { grid-template-columns:minmax(0,1fr); padding:20px; }
 .vl-reader .vl-reader-index { padding-top:20px; }
 .vl-reader .vl-reader-index details { padding:18px 20px; }
 .vl-reader .vl-reader-index ul { grid-template-columns:minmax(0,1fr); }
 .vl-reader .vl-reader-author .blog-author-card { padding:20px; gap:14px; }
 .vl-reader .vl-reader-contact > .container { gap:18px; }
 .vl-reader .vl-reader-contact h2 { flex-basis:100%; }
 .vl-reader .vl-reader-contact__phone { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .vl-reader :is(a,button,summary) { transition:none; } }
/* City bullet grids, QA 11.11.2026. Only short-item lists (marked server-side by DsCityLists) form a row-major grid:
   3 columns on desktop, 2 on tablets and wherever two 200px columns fit, 1 on narrow screens. Cards keep their own surface;
   no colour changes. Sentence/paragraph lists keep one column instead of being squeezed into thirds. A lone card after a
   wide card spans the row instead of leaving an empty half (Georgetown, Newmarket). */
.vl-reader--city .vl-reader-prose:not(.vl-reader-card) > ul:not(.vl-reader-grid) { grid-template-columns:minmax(0,1fr); }
.vl-reader--city .vl-reader-cards > .vl-reader-card--wide + .vl-reader-card:last-child { grid-column:1/-1; }
.vl-reader--city .vl-reader-prose > ul.vl-reader-grid { display:grid; grid-auto-flow:row; grid-template-columns:repeat(auto-fill,minmax(min(100%,max(200px,calc((100% - 56px) / 3))),1fr)); gap:12px 28px; }
@media(max-width:1080px) { .vl-reader--city .vl-reader-prose > ul.vl-reader-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,max(200px,calc((100% - 28px) / 2))),1fr)); } }
/* 11.11.2026 QA/QC - blog posts only (.vl-reader-article); city and legacy pages are unaffected.
   The site header is not sticky, so anchors keep a small offset on top of html scroll-padding. */
.vl-reader-article { --vl-anchor-offset:24px; }
.vl-reader-article :is(h2,h3,h4)[id] { scroll-margin-top:var(--vl-anchor-offset); }
.vl-reader-article .vl-reader-index ul { grid-template-columns:minmax(0,1fr); gap:10px; }
.vl-reader-article .vl-reader-toc { padding:20px 24px; border-radius:12px; background:var(--vl-tint); box-shadow:inset 0 0 0 1px var(--vl-border); }
.vl-reader-article .vl-reader-toc > p { margin:0; color:var(--vl-purple-dark); font:700 18px/1.4 var(--vl-font-display); }
.vl-reader-article .vl-reader-toc :is(ul,ol) { display:block; margin:12px 0 0; padding:0 0 0 22px; background:none; }
.vl-reader-article .vl-reader-toc :is(ul,ol) :is(ul,ol) { margin-top:8px; }
.vl-reader-article .vl-reader-toc li { margin:0; }
.vl-reader-article .vl-reader-toc li + li { margin-top:8px; }
.vl-reader-article .vl-reader-toc li > p { margin:0; }
.vl-reader-article .vl-reader-toc a { text-decoration:underline; text-underline-offset:3px; }
.vl-reader-article .vl-reader-media { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:32px; align-items:start; min-width:0; }
.vl-reader-article .vl-reader-media__text { min-width:0; }
.vl-reader-article .vl-reader-media__text > :first-child { margin-top:0; }
.vl-reader-article .vl-reader-media__text > :last-child { margin-bottom:0; }
.vl-reader-article .vl-reader-media__text > * + * { margin-top:16px; }
.vl-reader-article .vl-reader-media__figure { margin:0; min-width:0; }
.vl-reader-article .vl-reader-media__figure img { display:block; width:100%; height:auto; max-width:100%; max-height:420px; margin:0; border-radius:12px; object-fit:contain; }
.vl-reader-article .vl-reader-prose img { max-width:min(100%,760px); }
.vl-reader-article .vl-reader-chapter .vl-reader-prose > ul.vl-reader-list.vl-reader-list--terms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 28px; padding:22px 24px 22px 44px; border-radius:12px; background:var(--vl-tint); }
.vl-reader-article .vl-reader-chapter .vl-reader-media .vl-reader-prose > ul.vl-reader-list.vl-reader-list--terms,
.vl-reader-article .vl-reader-chapter .vl-reader-card > ul.vl-reader-list.vl-reader-list--terms { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vl-reader-article .vl-reader-chapter .vl-reader-card > ul.vl-reader-list.vl-reader-list--terms { background:var(--vl-white); }
.vl-reader-article .vl-reader-chapter .vl-reader-prose > :is(ul,ol).vl-reader-list.vl-reader-list--steps,
.vl-reader-article .vl-reader-chapter .vl-reader-prose > :is(ul,ol).vl-reader-list.vl-reader-list--links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-left:0; padding:0; list-style:none; background:none; counter-reset:vl-reader-item; }
.vl-reader-article .vl-reader-list:is(.vl-reader-list--steps,.vl-reader-list--links) > li { position:relative; min-width:0; margin:0; padding:18px 20px; border-radius:12px; background:var(--vl-white); box-shadow:inset 0 0 0 1px var(--vl-border); counter-increment:vl-reader-item; }
.vl-reader-article .vl-reader-section:not(.vl-reader-section--alt) .vl-reader-list:is(.vl-reader-list--steps,.vl-reader-list--links) > li { background:var(--vl-tint); }
.vl-reader-article ol.vl-reader-list:is(.vl-reader-list--steps,.vl-reader-list--links) > li { padding-left:60px; }
.vl-reader-article ol.vl-reader-list:is(.vl-reader-list--steps,.vl-reader-list--links) > li::before { content:counter(vl-reader-item); position:absolute; top:17px; left:18px; width:28px; height:28px; border-radius:50%; background:var(--vl-purple-dark); color:var(--vl-white); font:700 14px/28px var(--vl-font-display); text-align:center; }
.vl-reader-article .vl-reader-list:is(.vl-reader-list--steps,.vl-reader-list--links) > li > p { margin:0; }
.vl-reader-article .vl-reader-list--links > li:focus-within { outline:2px solid var(--vl-lilac); outline-offset:2px; }
.vl-reader-article .vl-reader-list--links a { font-weight:700; }
.vl-reader-article .vl-reader-list--links a::after { content:""; position:absolute; inset:0; border-radius:12px; }
@media(max-width:1080px) {
 .vl-reader-article .vl-reader-chapter .vl-reader-prose:where(:not(.vl-reader-card, .vl-reader-media .vl-reader-prose)) > ul.vl-reader-list.vl-reader-list--terms { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .vl-reader-article .vl-reader-chapter .vl-reader-prose > :is(ul,ol).vl-reader-list.vl-reader-list--links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .vl-reader-article .vl-reader-media { gap:24px; }
}
@media(max-width:760px) {
 .vl-reader-article .vl-reader-toc { padding:18px 20px; }
 .vl-reader-article .vl-reader-media { grid-template-columns:minmax(0,1fr); gap:18px; }
 .vl-reader-article .vl-reader-chapter .vl-reader-prose > ul.vl-reader-list.vl-reader-list--terms { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 24px; padding:20px 20px 20px 38px; }
 .vl-reader-article .vl-reader-chapter .vl-reader-prose > :is(ul,ol).vl-reader-list.vl-reader-list--steps { grid-template-columns:minmax(0,1fr); gap:12px; }
}
@media(max-width:480px) {
 .vl-reader-article .vl-reader-chapter .vl-reader-prose > ul.vl-reader-list.vl-reader-list--terms,
 .vl-reader-article .vl-reader-chapter .vl-reader-media .vl-reader-prose > ul.vl-reader-list.vl-reader-list--terms,
 .vl-reader-article .vl-reader-chapter .vl-reader-card > ul.vl-reader-list.vl-reader-list--terms,
 .vl-reader-article .vl-reader-chapter .vl-reader-prose > :is(ul,ol).vl-reader-list.vl-reader-list--links { grid-template-columns:minmax(0,1fr); }
}

.vl-reader-article :is(h2,h3,h4) a:is([href^="tel:"],[href^="mailto:"]) { color:var(--vl-purple-dark); text-decoration:underline; text-underline-offset:.15em; }

/* Browser QA 11 Nov: nested lists follow their parent text instead of sharing its flex row. */
.vl-reader.vl-ds .vl-reader-prose li:has(> :is(ul,ol)) { display:block; position:relative; padding-left:30px; }
.vl-reader.vl-ds .vl-reader-prose li:has(> :is(ul,ol))::before { position:absolute; left:0; top:0; }
.vl-reader.vl-ds .vl-reader-prose li > :is(ul,ol) { margin-top:12px; }
.vl-reader.vl-ds .vl-reader-toc li { display:list-item; padding:0; list-style:inherit; }
.vl-reader.vl-ds .vl-reader-toc li::before { content:none; }
/* Let the copy and its list fill the space beside the existing photo. */
.vl-reader-article .vl-reader-media { display:flow-root; }
.vl-reader-article .vl-reader-media__figure { float:right; width:38%; margin:0 0 20px 32px; }
.vl-reader-article .vl-reader-media__copy > * + * { margin-top:16px; }
.vl-reader-article .vl-reader-media__copy > :is(ul,ol) { display:flow-root; }
.vl-reader-article .vl-reader-media__copy > :is(ul,ol) > li + li { margin-top:12px; }
.vl-reader-article .vl-reader-media__copy > :is(ul,ol).vl-reader-list--steps > li { display:block; }
@media(max-width:760px) {
 .vl-reader-article .vl-reader-media { display:flex; flex-direction:column; gap:18px; }
 .vl-reader-article .vl-reader-media__figure { float:none; width:100%; margin:0; order:2; }
}

.vl-reader.vl-ds .vl-reader-prose .vl-reader-toc li:has(> :is(ul,ol)) { display:list-item; padding:0; }
.vl-reader.vl-ds .vl-reader-prose .vl-reader-toc li:has(> :is(ul,ol))::before { content:none; }
.vl-reader.vl-ds .vl-reader-toc ol { list-style:decimal; }
.vl-reader.vl-ds .vl-reader-toc ul { list-style:disc; }

/* A numbered advantage contains a label and a description, vertically. */
.vl-reader--city .vl-reader-prose ol > li:has(> p + p) { display:block; position:relative; padding-left:36px; }
.vl-reader--city .vl-reader-prose ol > li:has(> p + p)::before { position:absolute; top:0; left:0; }
.vl-reader--city .vl-reader-prose ol > li > p + p { margin-top:8px; }

/* QA/QC 12.11.2026 - blog posts only (.vl-reader-article).
   The TOC surface is as wide as its longest entry plus its padding, never wider than the column; long entries wrap. */
.vl-reader-article .vl-reader-index details,
.vl-reader-article .vl-reader-toc { box-sizing:border-box; width:fit-content; max-width:100%; }
.vl-reader-article :is(.vl-reader-index,.vl-reader-toc) a { overflow-wrap:break-word; }
/* A closing picture after a short list sits beside that list (one column of items); after it on phones. */
.vl-reader-article .vl-reader-media--list { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:32px; align-items:center; }
.vl-reader-article .vl-reader-media--list .vl-reader-media__figure { float:none; width:auto; margin:0; order:2; }
.vl-reader-article .vl-reader-media--list .vl-reader-media__copy > :is(ul,ol) { margin:0; }
@media(max-width:1080px) { .vl-reader-article .vl-reader-media--list { gap:24px; } }
@media(max-width:760px) { .vl-reader-article .vl-reader-media--list { display:flex; flex-direction:column; gap:18px; } }

/* Legacy panoramic photos inside articles. These uploads were cropped as banners.
   Give their inline frames more height and keep the existing source images. */
.vl-reader-article .vl-reader-chapter img:is(
  [src="/storage/uploads/H0xYFUn8zuoX5clEWtbusNrA7FHDRpHCarpHI8vO.webp"],
  [src="/storage/uploads/fgsPBGkEOOcqkEfg4g2g30FPvmzE6eXvlBj7X3Ci.webp"],
  [src="/storage/uploads/2S5rAFOLlgSoOEEkXSDdKtfqBlcQgp5ZKGzjFL0S.webp"],
  [src="/storage/uploads/j4b4sEXRv5Row6sI71ajAbl503lCRaeo4DRBQcHM.webp"],
  [src="/storage/uploads/xFjcZ359i2ZYKmB2lrNSVPM9kkUKFt0RPvfPvRUQ.webp"],
  [src="/storage/uploads/w4CbqHDqfn9WpkzLtN3IqBde5iDu0HMmhc1DnAmq.webp"],
  [src="/storage/uploads/GO8YyCr2oh5CAjmJTSt45X6aMTloWJKoBEAd7Pbf.webp"],
  [src="/storage/uploads/Z1Ib7ZGDNakPitwyKdBGzr8lsERuZUoGoI5XtHHS.webp"],
  [src="/storage/uploads/Z76NAa0ABTeFPibes3Xw2lwjhTCg95QiGYAnc9Ac.webp"],
  [src="/storage/uploads/npiicAbNqkW93mAFOD02Fn8IIqmr6yajm6mdWAOX.webp"],
  [src="/storage/uploads/Ll1d9U0uCisjTUj0tRpjLzNYS7VixtM1F7HD64v6.webp"],
  [src="/storage/uploads/SJiYMriQpspGHPffSjNiFE54uw5EhNF5A2LjpZip.webp"],
  [src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"],
  [src="/storage/uploads/sKmK0yCDkbCHtVQstlj1couPM0tnylQywDKjj37t.webp"],
  [src="/storage/uploads/HAtDrXkp8O1kFFq6d0DbNz1E7jIltrsqbpEALjgB.webp"],
  [src="/storage/uploads/xs723yzXWmFB2rJdCbvtkS16lS4fafTsg4oDejrr.webp"],
  [src="/storage/uploads/O9YpzTFaSW9DaqNCfBH1qzNjR3pK7pcJkf1xfmIx.webp"],
  [src="/storage/uploads/383csSSYAIbMXBBWcgfoEoMdpU1mbz5YMtzb1bmp.webp"],
  [src="/storage/uploads/m3VP8mkVWH8PHUN7fkPNImTppmZHZEbBoiGvCScN.webp"]
) {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

/* Keep both subjects of the wide compositions in frame. */
.vl-reader-article .vl-reader-chapter img:is(
  [src="/storage/uploads/fgsPBGkEOOcqkEfg4g2g30FPvmzE6eXvlBj7X3Ci.webp"],
  [src="/storage/uploads/Z1Ib7ZGDNakPitwyKdBGzr8lsERuZUoGoI5XtHHS.webp"]
) {
  aspect-ratio: 12 / 5;
}

/* Keep the policy title and the face on the video call in view. */
.vl-reader-article .vl-reader-chapter img[src="/storage/uploads/Ll1d9U0uCisjTUj0tRpjLzNYS7VixtM1F7HD64v6.webp"] { object-position: 12% center; }
.vl-reader-article .vl-reader-chapter img[src="/storage/uploads/383csSSYAIbMXBBWcgfoEoMdpU1mbz5YMtzb1bmp.webp"] { object-position: 66% center; }

/* QA/QC 12.11.2026 - blog posts only. A leading photo whose text is followed by a long run of
   numbered cards (DsLongform media_top, .vl-reader-media--top): the heading and that text sit
   beside the photo, the cards and the rest span the full width below. Phones: heading, text, photo, cards. */
.vl-reader-article .vl-reader-media--top { display:grid; grid-template-columns:minmax(0,1fr) 38%; gap:32px; align-items:start; }
.vl-reader-article .vl-reader-media.vl-reader-media--top > figure.vl-reader-media__figure { float:none; width:auto; margin:0; }
.vl-reader-article .vl-reader-media__lead { display:flex; flex-direction:column; gap:20px; min-width:0; }
.vl-reader-article .vl-reader-section .vl-reader-card--top > ol.vl-reader-list.vl-reader-list--steps > li { background:var(--vl-white); }
@media(max-width:1080px) { .vl-reader-article .vl-reader-media--top { gap:24px; } }
@media(max-width:760px) {
 .vl-reader-article .vl-reader-media--top { display:flex; flex-direction:column; gap:18px; }
 .vl-reader-article .vl-reader-media__lead { gap:18px; }
}

/* 12.11.2026: three standalone article banners span the full article column.
   Scope: exactly these three uploads. Desktop/tablet 3:1 frame, mobile keeps 2:1.
   object-fit:cover crops the banner edges, never stretches the photo. */
.vl-reader-article .vl-reader-chapter .vl-reader-prose img:is(
  [src="/storage/uploads/j4b4sEXRv5Row6sI71ajAbl503lCRaeo4DRBQcHM.webp"],
  [src="/storage/uploads/Z76NAa0ABTeFPibes3Xw2lwjhTCg95QiGYAnc9Ac.webp"],
  [src="/storage/uploads/m3VP8mkVWH8PHUN7fkPNImTppmZHZEbBoiGvCScN.webp"]
) {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  object-position: center;
}
@media(max-width:760px) {
  .vl-reader-article .vl-reader-chapter .vl-reader-prose img:is(
    [src="/storage/uploads/j4b4sEXRv5Row6sI71ajAbl503lCRaeo4DRBQcHM.webp"],
    [src="/storage/uploads/Z76NAa0ABTeFPibes3Xw2lwjhTCg95QiGYAnc9Ac.webp"],
    [src="/storage/uploads/m3VP8mkVWH8PHUN7fkPNImTppmZHZEbBoiGvCScN.webp"]
  ) {
    aspect-ratio: 2 / 1;
  }
}

/* QA/QC 12.11.2026 - balance of three article media rows (blog posts only, scoped by photo).
   FCE "Understanding Functional Capacity Exams", Insurance "Types of..." and "Government-Sponsored...":
   on desktop the photo takes 55% of the row and the copy column narrows to a readable measure; the 7:2 frame
   keeps the wider photo lower than the former 2:1 frame (about 204px at 1440). Tablet and phone layouts are unchanged. */
@media(min-width:1081px) {
 .vl-reader-article .vl-reader-chapter > .vl-reader-media:has(> .vl-reader-media__figure img:is(
   [src="/storage/uploads/npiicAbNqkW93mAFOD02Fn8IIqmr6yajm6mdWAOX.webp"],
   [src="/storage/uploads/Ll1d9U0uCisjTUj0tRpjLzNYS7VixtM1F7HD64v6.webp"],
   [src="/storage/uploads/SJiYMriQpspGHPffSjNiFE54uw5EhNF5A2LjpZip.webp"])) {
  display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); column-gap:32px; align-items:start;
 }
 .vl-reader-article .vl-reader-chapter > .vl-reader-media:has(> .vl-reader-media__figure img:is(
   [src="/storage/uploads/npiicAbNqkW93mAFOD02Fn8IIqmr6yajm6mdWAOX.webp"],
   [src="/storage/uploads/Ll1d9U0uCisjTUj0tRpjLzNYS7VixtM1F7HD64v6.webp"],
   [src="/storage/uploads/SJiYMriQpspGHPffSjNiFE54uw5EhNF5A2LjpZip.webp"])) > .vl-reader-media__figure {
  float:none; width:auto; margin:0; order:2;
 }
 .vl-reader-article .vl-reader-chapter > .vl-reader-media > .vl-reader-media__figure img:is(
   [src="/storage/uploads/npiicAbNqkW93mAFOD02Fn8IIqmr6yajm6mdWAOX.webp"],
   [src="/storage/uploads/Ll1d9U0uCisjTUj0tRpjLzNYS7VixtM1F7HD64v6.webp"],
   [src="/storage/uploads/SJiYMriQpspGHPffSjNiFE54uw5EhNF5A2LjpZip.webp"]) { aspect-ratio:7 / 2; }
}

/* A Guide for Accident Victims, first card "Knowing your legal rights" only.
   The 24px above and below its photo came from the prose figure rule
   (.vl-reader-prose :is(p,figure):has(> img:only-child) { margin-block:24px }), not from the float.
   The photo now starts level with the card heading beside the heading and list, with no extra margins. */
.vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) .vl-reader-media__figure { margin:0; }
@media(min-width:761px) {
 .vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) {
  display:grid; grid-template-columns:minmax(0,1fr) 38%; grid-template-rows:auto 1fr; column-gap:32px; align-items:start;
 }
 .vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) > h3 { grid-column:1; grid-row:1; }
 .vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) > .vl-reader-media { display:contents; }
 .vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) .vl-reader-media__figure { grid-column:2; grid-row:1 / span 2; float:none; width:auto; }
 .vl-reader-article .vl-reader-card--media:has(> .vl-reader-media > .vl-reader-media__figure img[src="/storage/uploads/8Vbiyg5K5oOhYlzFW2cKH9A8TEyCdFZXkiXIyqlc.webp"]) .vl-reader-media__copy { grid-column:1; grid-row:2; }
}
@media (min-width:761px) {
 .vl-reader-article .vl-reader-media--top:has(:is([id="13-reasons-bicycle-accidents-happen-on-toronto-streets"],[id="do-these-7-critical-things-after-a-bicycle-accident"])) + .vl-reader-media-after > ol.vl-reader-list--steps > li:last-child:nth-child(odd),
 .vl-reader-article .vl-reader-card--top:has([id="7-tips-on-interacting-with-other-dogs"]) > ol.vl-reader-list--steps > li:last-child:nth-child(odd) { grid-column:1 / -1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #injured-a-bicycle-accident-lawyer-toronto-can-help) > .vl-reader-media {
  display:grid; grid-template-columns:minmax(0,42fr) minmax(0,58fr); gap:clamp(24px,3vw,32px); align-items:start;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #injured-a-bicycle-accident-lawyer-toronto-can-help) > .vl-reader-media > .vl-reader-media__figure {
  float:none; width:auto; margin:0; order:2;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #injured-a-bicycle-accident-lawyer-toronto-can-help) > .vl-reader-media > .vl-reader-media__figure img { aspect-ratio:7 / 2; }
}

@media (min-width:761px) {
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) {
  display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); grid-template-rows:auto 1fr; gap:16px clamp(24px,3vw,32px); align-items:start;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) > .vl-reader-heading { grid-area:1 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) > .vl-reader-media { display:contents; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) > .vl-reader-media > .vl-reader-media__copy { grid-area:2 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) > .vl-reader-media > .vl-reader-media__figure {
  grid-area:1 / 2 / span 2; float:none; width:auto; margin:0;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#understanding-functional-capacity-exams,#the-purpose-of-an-fce)) > .vl-reader-media > .vl-reader-media__figure img {
  aspect-ratio:7 / 2; object-fit:cover; object-position:center 40%;
 }
}

/* Insurance for chronic fatigue: both media chapters follow the FCE layout. Photo framing unchanged. */
@media (min-width:761px) {
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) {
  display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); grid-template-rows:auto 1fr; gap:16px clamp(24px,3vw,32px); align-items:start;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) > .vl-reader-heading { grid-area:1 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) > .vl-reader-media { display:contents; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) > .vl-reader-media > .vl-reader-media__copy { grid-area:2 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) > .vl-reader-media > .vl-reader-media__figure { grid-area:1 / 2 / span 2; float:none; width:auto; margin:0; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is(#types-of-long-term-disability-insurance,#government-sponsored-long-term-disability-insurance)) > .vl-reader-cards { grid-column:1 / -1; margin-top:4px; }
}

/* Dog Bites, card "7 tips on interacting with other dogs" only: on desktop/tablet the heading and text
   take one half and the photo the other. The 3:1 frame keeps the photo about as low as before
   (about 208px at 1440) and crops less of the 1530x397 source than 12:5. Phones are unchanged. */
@media (min-width:761px) {
 .vl-reader-article .vl-reader-card--top > .vl-reader-media--top:has([id="7-tips-on-interacting-with-other-dogs"]) { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .vl-reader-article .vl-reader-card--top > .vl-reader-media--top:has([id="7-tips-on-interacting-with-other-dogs"]) > .vl-reader-media__figure img { aspect-ratio:3 / 1; object-fit:cover; }
}

/* QA/QC 12.11.2026 - pattern follow-up across blog posts (blog posts only, scoped by stable heading ids).
   Same fixes as the approved Bicycle / Dog Bites / Guide sections, applied to the other confirmed places.
   Phones (<=760px) are unchanged. */
@media (min-width:761px) {
 /* 1. A long list next to a floated photo left a tall empty column under the photo: the list now starts
       below the photo and uses the full width (numbered cards: two per row, as in Bicycle / Dog Bites). */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is([id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"],[id="5-initiatives-to-combat-prom-car-accidents"],[id="there-are-legal-options-after-a-prom-related-car-accident"])) > .vl-reader-media > .vl-reader-media__copy > :is(ol.vl-reader-list--steps,ul.vl-reader-list--terms),
 .vl-reader-article .vl-reader-card--media:has(> h3[id="5-critical-next-stages-of-your-personal-injury-lawsuit"]) > .vl-reader-media > .vl-reader-media__copy > ol.vl-reader-list--steps { clear:both; }
 .vl-reader-article .vl-reader-card--media:has(> h3[id="5-critical-next-stages-of-your-personal-injury-lawsuit"]) > .vl-reader-media > .vl-reader-media__copy > ol.vl-reader-list--steps {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;
 }
 .vl-reader-article .vl-reader-card--media:has(> h3[id="5-critical-next-stages-of-your-personal-injury-lawsuit"]) > .vl-reader-media > .vl-reader-media__copy > ol.vl-reader-list--steps > li { background:var(--vl-white); }
 /* Full-width checklist below the photo: three per row, rows complete (6 items). The 12px stacking margin of
    media lists no longer pushes the second item of the first row down. */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="there-are-legal-options-after-a-prom-related-car-accident"]) > .vl-reader-media > .vl-reader-media__copy > ul.vl-reader-list--terms { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="there-are-legal-options-after-a-prom-related-car-accident"]) > .vl-reader-media > .vl-reader-media__copy > ul.vl-reader-list--terms > li { margin-top:0; }
 /* Plain numbered tips: the items after the photo's bottom edge take the full width instead of a narrow column. */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="9-tips-from-our-toronto-car-accident-lawyer-for-parents"]) > .vl-reader-media > .vl-reader-media__copy > ol { display:block; }

 /* 2. Half-width last numbered card in a two-column run: it spans the row (as in Bicycle / Dog Bites). */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading :is([id="best-car-injury-lawyers-say-there-are-9-critical-actions-to-take-after-an-accident"],[id="7-common-injuries-caused-by-distracted-driving-accidents"],[id="applying-for-short-term-disability-benefits-during-pregnancy"],[id="3-types-of-non-pecuniary-damages-in-a-personal-injury-claim"],[id="5-initiatives-to-combat-prom-car-accidents"])) ol.vl-reader-list--steps > li:last-child:nth-child(odd),
 .vl-reader-article .vl-reader-card--media:has(> h3[id="5-critical-next-stages-of-your-personal-injury-lawsuit"]) ol.vl-reader-list--steps > li:last-child:nth-child(odd) { grid-column:1 / -1; }

 /* 3. Photos in media cards started 24px below the first line of text (and kept 24px under them): the prose
       figure margin overrode the float margin. Restore the float margin so the photo top is level with the text,
       as in the chapters without cards. Guide card 1 keeps its own approved layout. */
 .vl-reader-article .vl-reader-card--media:has(> h3:is([id="legal-consequences-even-if-bite-happens-on-leash"],[id="how-to-choose-a-dog-bite-lawyer"],[id="talking-with-the-insurance-provider"],[id="employing-a-personal-injury-lawyer"],[id="claims-procedure"],[id="5-critical-next-stages-of-your-personal-injury-lawsuit"])) > .vl-reader-media > figure.vl-reader-media__figure { margin:0 0 20px 32px; }
}

/* QA 12.11.2026 - city follow-up. Three single city sections, each marked server-side by DsCityLayout
   (page slug + the section's own text); no other section receives these classes. Phones (<=760px) keep
   natural heights. */
@media (min-width:761px) {
 /* Brampton, "Losses that our car accident lawyer can assist you with": all five cards one height,
    the fifth (odd, last) card across the row. */
 .vl-reader--city .vl-city-even-cards .vl-reader-cards { grid-auto-rows:1fr; align-items:stretch; }
 .vl-reader--city .vl-city-even-cards .vl-reader-cards > .vl-reader-card:last-child:nth-child(odd) { grid-column:1 / -1; }
 /* Vaughan, the two injury cards ("Victims of traumatic incidents in Vaughan..."): equal height. */
 .vl-reader--city .vl-city-even-columns .vl-reader-columns { align-items:stretch; }
}
/* Richmond Hill purple band: the paragraph uses the full container width (was capped at 880px). */
.vl-reader .vl-city-band-wide .vl-band__sub { max-width:none; }

/* QA 12.11.2026 - three article media chapters (blog posts only, scoped by stable heading ids; each id and
   photo exists in one article only). Desktop and tablet (>=761px): the photo starts level with the heading,
   at its natural proportions (no crop). Phones keep the existing stack: heading, text, photo. */
@media (min-width:761px) {
 /* Dog bites, "Understanding the Seriousness of Dog Bites": heading and text in the left half, photo in the
    right half (as the approved FCE / Insurance chapters). */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #understanding-the-seriousness-of-dog-bites) {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto 1fr; gap:20px clamp(24px,3vw,32px); align-items:start;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #understanding-the-seriousness-of-dog-bites) > .vl-reader-heading { grid-area:1 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #understanding-the-seriousness-of-dog-bites) > .vl-reader-media { display:contents; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #understanding-the-seriousness-of-dog-bites) > .vl-reader-media > .vl-reader-media__copy { grid-area:2 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading #understanding-the-seriousness-of-dog-bites) > .vl-reader-media > .vl-reader-media__figure { grid-area:1 / 2 / span 2; float:none; width:auto; margin:0; }

}
/* Personal injury lawsuit steps, "4 steps to take after an injury..." (>=761px, as the approved Bicycle / 7 tips rows):
   top row 50/50 - heading and the two opening paragraphs on the left, the photo on the right, tops level; the four
   numbered steps follow as their own list across both columns, then the "5 critical next stages" and "Next steps"
   cards as before. Phones keep the existing stack. */
@media (min-width:761px) {
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto 1fr auto auto; gap:0 clamp(24px,3vw,32px); align-items:start;
 }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-heading { grid-area:1 / 1; margin-bottom:20px; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media,
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__copy { display:contents; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__figure { grid-area:1 / 2 / span 3; float:none; width:auto; margin:0; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__copy > p:nth-child(1) { grid-area:2 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__copy > p:nth-child(2) { grid-area:3 / 1; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__copy > ol.vl-reader-list--steps { grid-area:4 / 1 / auto / -1; margin-top:20px; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-cards { grid-area:5 / 1 / auto / -1; margin-top:20px; }
 /* The flattened copy wrapper would let the four steps' count run on into the "5 critical next stages" list
    (5-9 instead of 1-5): that list restarts its own count. */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="4-steps-to-take-after-an-injury-from-our-toronto-personal-injury-lawyer"]) > .vl-reader-cards ol.vl-reader-list--steps { counter-reset:vl-reader-item; }
}
@media (min-width:761px) {
 /* How long after an accident can you sue, "Know your deadlines...": the photo (45%, was 38%) starts level with
    the heading instead of 56px lower; the opening text runs beside it and the four claim types start below it
    across the full width, so the photo's bottom meets the end of the opening text. The rest flows full width. */
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="know-your-deadlines-says-our-toronto-personal-injury-lawyer"]) { display:flow-root; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="know-your-deadlines-says-our-toronto-personal-injury-lawyer"]) > .vl-reader-heading { float:left; width:calc(55% - 33px); margin:0 0 20px; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="know-your-deadlines-says-our-toronto-personal-injury-lawyer"]) > .vl-reader-media { display:block; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="know-your-deadlines-says-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__figure { width:45%; margin:0 0 20px 32px; }
 .vl-reader-article .vl-reader-chapter:has(> .vl-reader-heading [id="know-your-deadlines-says-our-toronto-personal-injury-lawyer"]) > .vl-reader-media > .vl-reader-media__copy > ol { clear:both; }
}