/* Oakville Lock & Key — Questions page + advice article (page tag: qa).
   Loaded after style.ux7a1cdb455f on questions.pn5253996fc5 and advice-key-snapped-in-lock.pn5253996fc5 only.
   Reuses the home page system; everything new is prefixed qa-. Phone first; nothing scrolls sideways. */

/* The phone/tablet header on this page comes from global.ux7a1cdb455f (one rule for every inner page). */

/* ------------------------------------------------------------------ frame */
.jdadd4ee5cab { padding-top: calc(var(--fyffc3ea9a04) + 10px); padding-bottom: var(--cwe00cb35514); }
.cw592adaa93c { min-width: 0; }
.jd5e52bfd100 { display: none; }
.cw592adaa93c figure img { width: 100%; height: 100%; object-fit: cover; }

/* breadcrumb — wraps, never scrolls */
.pnb19130401e ol { display: flex; flex-wrap: wrap; align-items: center; font-size: .875rem; color: var(--nx7e9a7fd411); }
.pnb19130401e li { display: inline-flex; align-items: center; min-width: 0; overflow-wrap: anywhere; }
.pnb19130401e li + li::before { content: "›"; margin: 0 9px; color: var(--sm9d748f4b3c); font-size: 1rem; }
.pnb19130401e a { display: inline-flex; align-items: center; min-height: 44px; color: var(--rp7b59b15e2e); text-decoration: underline; text-decoration-color: var(--db694bd2dbf2); text-decoration-thickness: 1.5px; text-underline-offset: .22em; }
.pnb19130401e a:hover { color: var(--rpaf5978fd5d); text-decoration-color: var(--pn9ad34388c9); }
.pnb19130401e [aria-current] { color: var(--ira7368661db); font-weight: 600; }

.rp98c890526a { font: 720 clamp(2.3rem, 1.55rem + 3.3vw, 4.25rem)/.98 var(--qs0af0864fdf); letter-spacing: -.038em; text-wrap: balance; margin: 2px 0 0; }
.jda9e2bf6f1a {
  display: inline-flex; align-items: center; gap: 12px; min-height: 48px; margin-top: 6px;
  font: 650 1.0625rem/1.2 var(--ux44cf7e2f0c); font-variant-numeric: tabular-nums; text-decoration: none; color: var(--ira7368661db);
}
.tv1318faecd0 { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in srgb, var(--pn9ad34388c9) 14%, transparent); box-shadow: inset 0 0 0 1.5px var(--pn9ad34388c9); color: var(--sm9d748f4b3c); transition: background-color .2s; }
.tv1318faecd0 .nx17e20d1286 { width: 19px; height: 19px; }
.jda9e2bf6f1a > span:last-child { border-bottom: 2px solid var(--pn9ad34388c9); padding-bottom: 2px; }
.jda9e2bf6f1a:hover .tv1318faecd0 { background: color-mix(in srgb, var(--pn9ad34388c9) 28%, transparent); }
.pnf8c9b7e9ee { color: var(--nx7e9a7fd411); font-weight: 500; }

/* ------------------------------------------------------------------ questions: first screen */
.jd9820a52102 { display: grid; grid-template-columns: minmax(0, 1fr) clamp(88px, 25vw, 132px); column-gap: 16px; align-items: end; margin-top: 4px; }
.aoe893586681 { grid-column: 1 / -1; margin-bottom: 12px; }
.kwfa5b8e42e4 { min-width: 0; grid-column: 1; grid-row: 2; }
.nx5cf1bd207a {
  aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--pn3531b097f5);
  box-shadow: 0 0 0 4px var(--mdc991ad1395), 0 0 0 6px var(--jd3eaf293d33), var(--cwd5d5c0e88d);
  margin-bottom: 4px;
  grid-column: 2; grid-row: 2;
}
.fy2f44850393 { grid-column: 1 / -1; margin-top: 16px; }
.fy2f44850393 .md6541ec9646 { margin: 0; max-width: 46ch; text-wrap: pretty; }

/* topic index — a contents list in two columns; rows wrap, nothing scrolls */
.aob3ba57b29d { margin-top: 22px; }
.ez392ccfa9b7 { margin: 0 0 6px; font: 650 .75rem/1.2 var(--ux44cf7e2f0c); letter-spacing: .12em; text-transform: uppercase; color: var(--nx7e9a7fd411); }
.aob3ba57b29d ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; border-bottom: 1px solid var(--db694bd2dbf2); }
.aob3ba57b29d li { min-width: 0; border-top: 1px solid var(--db694bd2dbf2); }
.aob3ba57b29d a {
  position: relative; isolation: isolate;
  display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 8px; row-gap: 1px; align-items: baseline;
  min-height: 62px; padding: 11px 0 10px;
  text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;
}
.aob3ba57b29d a::before { content: ""; position: absolute; inset: 0 -8px; z-index: -1; border-radius: var(--jd284c360a23); background: var(--ez9661d0f209); opacity: 0; transition: opacity .2s; }
.aob3ba57b29d a:active::before { opacity: 1; }
.md3f77b2e4ed { font: 700 .875rem/1.3 var(--qs0af0864fdf); color: var(--rpaf5978fd5d); font-variant-numeric: tabular-nums; }
.cwa2aae8da3a { font: 650 1.0625rem/1.25 var(--ux44cf7e2f0c); letter-spacing: -.008em; overflow-wrap: break-word; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: .2em; transition: text-decoration-color .2s; }
.dbc11c395624 { grid-column: 2; font-size: .8125rem; color: var(--nx7e9a7fd411); }
@media (hover: hover) {
  .aob3ba57b29d a:hover::before { opacity: 1; }
  .aob3ba57b29d a:hover .cwa2aae8da3a { text-decoration-color: var(--pn9ad34388c9); }
}

/* ------------------------------------------------------------------ topic sections (shared) */
.sm9304c9359f { padding-top: clamp(64px, 8vw, 104px); overflow-x: clip; }
.rpbe14141453 .nxe4493fb7a5 { margin-bottom: 12px; }
.kw90fab1e975 { color: var(--rp7b59b15e2e); max-width: 56ch; margin: 0; }
.cw06d27ab9af { margin: 10px 0 0; font-size: .875rem; color: var(--nx7e9a7fd411); max-width: 60ch; }
.cw06d27ab9af a { color: var(--rp7b59b15e2e); text-decoration: underline; text-decoration-color: var(--pn9ad34388c9); text-decoration-thickness: 1.5px; text-underline-offset: .2em; }
.cw06d27ab9af a:hover { color: var(--rpaf5978fd5d); }

/* accordions — same feel as the home page "Questions people ask first" */
.kw63cf502ffe { border-bottom: 1px solid var(--db694bd2dbf2); margin-top: 22px; }
.kw63cf502ffe details { border-top: 1px solid var(--db694bd2dbf2); }
.kw63cf502ffe summary {
  display: grid; grid-template-columns: minmax(0, 1fr) 36px; gap: 14px; align-items: center;
  min-height: 64px; padding: 15px 0;
  cursor: pointer; list-style: none;
  font: 650 1.125rem/1.35 var(--ux44cf7e2f0c); letter-spacing: -.005em;
  -webkit-tap-highlight-color: transparent;
}
.kw63cf502ffe summary::-webkit-details-marker { display: none; }
.kw63cf502ffe .ux0f7b803baf { min-width: 0; overflow-wrap: break-word; transition: color .15s; }
.kw63cf502ffe summary:hover .ux0f7b803baf { color: var(--rpaf5978fd5d); }
.kw63cf502ffe details[open] .ly26b3306d21 { background: var(--ira7368661db); color: var(--mdc991ad1395); box-shadow: none; }
.kw63cf502ffe details[open] .ly26b3306d21::after { rotate: 0deg; }
.kw63cf502ffe details::details-content { height: 0; overflow: clip; transition: height .35s var(--ly119476bb41), content-visibility .35s allow-discrete; }
.kw63cf502ffe details[open]::details-content { height: auto; }
.kw63cf502ffe .md0d523b8426 { padding: 0 8px 18px 0; }
.kw63cf502ffe .md0d523b8426 p { margin: 0 0 10px; }
.bl50a3ec3b8f { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 8px; min-height: 44px; font-size: .9375rem; font-weight: 650; color: var(--rpaf5978fd5d); text-decoration: none; }
.gt6c3a2ec364 { color: var(--nx7e9a7fd411); font-weight: 500; }
.bl50a3ec3b8f .nx17e20d1286 { width: 17px; height: 17px; transition: transform .2s var(--ly119476bb41); }
.bl50a3ec3b8f:hover { color: var(--ira7368661db); }
.bl50a3ec3b8f:hover .nx17e20d1286 { transform: translateX(3px); }
.kw63cf502ffe details:target { animation: flash 2.4s ease-out both; }

/* A · Locked out — wide photo with the advice card laid over its corner */
.cw0071337cdc { margin-top: 26px; }
.uxc3688d1a30 { aspect-ratio: 3 / 2; border-radius: var(--nx895878b85a); overflow: hidden; background: var(--pn3531b097f5); }
.fy2ae7ea56bd {
  position: relative; z-index: 2;
  display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; align-items: center;
  width: min(100% - 20px, 380px); margin: -44px 0 0 auto;
  padding: 12px 14px 12px 12px;
  background: var(--md09ce7b68b4); border-radius: var(--nx895878b85a); box-shadow: var(--smb939c63c78);
  text-decoration: none; color: inherit;
  transition: transform .25s var(--ly119476bb41);
}
.tv01d6a043e2 { aspect-ratio: 1; border-radius: var(--jd284c360a23); overflow: hidden; background: var(--pn3531b097f5); }
.tv01d6a043e2 img { width: 100%; height: 100%; object-fit: cover; }
.vh90f731835c { display: grid; gap: 3px; min-width: 0; }
.gtdbeb6afefa { font: 650 .75rem/1.2 var(--ux44cf7e2f0c); letter-spacing: .12em; text-transform: uppercase; color: var(--rpaf5978fd5d); }
.fy8a248125ed { font: 700 1.125rem/1.15 var(--qs0af0864fdf); letter-spacing: -.02em; overflow-wrap: break-word; }
.gtf21dbeb33c { display: inline-flex; align-items: center; gap: 6px; font-size: .875rem; font-weight: 650; color: var(--rp7b59b15e2e); }
.gtf21dbeb33c .nx17e20d1286 { width: 16px; height: 16px; color: var(--sm9d748f4b3c); transition: transform .2s var(--ly119476bb41); }
@media (hover: hover) { .fy2ae7ea56bd:hover { transform: translateY(-2px); } .fy2ae7ea56bd:hover .gtf21dbeb33c .nx17e20d1286 { transform: translateX(3px); } }

/* B · New keys & rekeying — arch photo beside a caption, then the list */
.ez11367a5993 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 18px; align-items: end; margin-top: 24px; }
.tv7d1e610dec { min-width: 0; padding-bottom: 6px; }
.tv7d1e610dec .ly48f585dd5d { margin: 0 0 6px; }
.ly5a37bb3be1 { aspect-ratio: 4 / 5.2; border-radius: 999px 999px var(--jd284c360a23) var(--jd284c360a23); overflow: hidden; background: var(--pn3531b097f5); }

/* C · Locks & upgrades — a matted print, turned slightly */
.qsfb5c5e2a56 { display: grid; gap: 30px; }
.pn80f1f8748e { padding: 10px 14% 14px 4%; }
.rp3de8e5962e { padding: 8px 8px 30px; background: var(--tv27607136fa); box-shadow: var(--smb939c63c78); rotate: -2.4deg; }
.rp3de8e5962e img { aspect-ratio: 5 / 4; }
.rp3de8e5962e figcaption { margin: 10px 4px 0; font-size: .8125rem; line-height: 1.4; color: var(--nx7e9a7fd411); }

/* the dark moment — "still not sure?" */
.md334618f657 {
  margin: clamp(72px, 9vw, 112px) calc(-1 * var(--ez578562ddcc)) 0;
  display: grid;
  overflow: clip;
}
.gt08815f22ae { aspect-ratio: 16 / 10; background: var(--pne6442475dc); }
.jd62c3cda785 { padding: 30px var(--ez578562ddcc) 40px; min-width: 0; }
.md334618f657 .rp326699dd23 { color: var(--jd3eaf293d33); }
.md334618f657 .rp326699dd23::before { background: var(--jd3eaf293d33); }
.md334618f657 .nxe4493fb7a5 { color: var(--sm5fbe5daeb8); }
.md334618f657 .cw2df50201c2 { color: var(--sm5fbe5daeb8); max-width: 52ch; }
.ez1c090e822e { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 16px; }
.ez1c090e822e .qs3d7c706969 { flex: 1 1 200px; font-variant-numeric: tabular-nums; }
.ao2eb69aafb1 { color: var(--sm5fbe5daeb8); background: transparent; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--sm5fbe5daeb8) 60%, transparent); }
.ao2eb69aafb1:hover { background: var(--sm5fbe5daeb8); color: var(--sm57c6de7a45); }
.md334618f657 .mde82f5b8262 { color: var(--sm5fbe5daeb8); border-color: var(--jd3eaf293d33); }
.md334618f657 .mde82f5b8262 .nx17e20d1286 { color: var(--jd3eaf293d33); }
.md334618f657 .mde82f5b8262:hover { color: var(--jd3eaf293d33); }

/* D · Car keys — two photos, staggered */
.irac10f0ecc2 { display: grid; gap: 8px; }
.aoa337912bbe { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 12px; align-items: start; margin-top: 24px; padding-bottom: 36px; }
.vh5bc8f5f7bd { aspect-ratio: 4 / 5; border-radius: var(--jd284c360a23); overflow: hidden; background: var(--pn3531b097f5); }
.bl84ceca5328 { aspect-ratio: 3 / 4; border-radius: var(--jd284c360a23); overflow: hidden; background: var(--pn3531b097f5); margin-top: 64px; }
.cw694ed5c976 { grid-column: 1 / -1; margin-top: 2px; }

/* E · Business — photo band with the heading card over it */
.gt171056af51 { margin: 0 calc(-1 * var(--ez578562ddcc)); }
.uxe4e657af3c { aspect-ratio: 16 / 11; background: var(--pn3531b097f5); overflow: hidden; }
.jd832860bf21 {
  position: relative; z-index: 2;
  margin: -64px var(--ez578562ddcc) 0 var(--ez578562ddcc);
  padding: 22px 20px 20px;
  background: var(--md09ce7b68b4); border-radius: var(--uxe44c50bc46); box-shadow: var(--smb939c63c78);
}
.jd832860bf21 .nxe4493fb7a5 { margin-bottom: 10px; }

/* F · Safes — heading beside a small photo (phone); photo in its own sticky column (desktop) */
.qs4fdcee215e { display: grid; grid-template-columns: minmax(0, 1fr) clamp(104px, 32vw, 180px); grid-template-areas: "head ph" "body body"; gap: 0 16px; align-items: start; }
.fy1e2e116ac1 { grid-area: head; min-width: 0; }
.cw9e1d80b43c { grid-area: ph; aspect-ratio: 4 / 5; border-radius: var(--jd284c360a23) var(--jd284c360a23) var(--jd284c360a23) 48px; overflow: hidden; background: var(--pn3531b097f5); margin-top: 4px; }
.tv3e6c475218 { grid-area: body; min-width: 0; }
.gt10f8873e62 { margin-top: 34px; padding: 22px 0 0; border-top: 2px solid var(--ira7368661db); display: grid; gap: 6px; }
.tv20f3d50484 { margin: 0; font: 700 1.5rem/1.1 var(--qs0af0864fdf); letter-spacing: -.025em; }
.gt10f8873e62 .cw2df50201c2 { margin: 0; color: var(--rp7b59b15e2e); }
.aofa836c1462 { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 4px; }

/* 02, second half — the hardware side of "Change or rekey" follows straight on */
.vh75747e65c2 { padding-top: clamp(44px, 5.5vw, 72px); }

/* G · High security locks — heading, then a photo carrying a brass key tag */
.cw333e441f4a { display: grid; gap: 24px; }
.vh18eaa02b5f { min-width: 0; }
.nxe9493d9afc { position: relative; min-width: 0; padding-bottom: 30px; }
.jdcc415c2e43 { aspect-ratio: 4 / 3; border-radius: var(--nx895878b85a) var(--nx895878b85a) var(--nx895878b85a) 88px; overflow: hidden; background: var(--pn3531b097f5); }
.cwd3ab00aa30 {
  position: absolute; left: 12px; bottom: 4px; z-index: 2;
  display: flex; flex-wrap: wrap; align-items: center; gap: 2px 16px;
  max-width: calc(100% - 28px); margin: 0; padding: 10px 18px 10px 40px;
  border-radius: 999px 10px 10px 999px;
  background: linear-gradient(180deg, var(--gt8cae884eaf), var(--bl06cd526980) 62%, var(--pn42dee02ce7));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .45), 0 10px 22px rgb(60 42 12 / .24);
  color: var(--ux3a7740d8fc); font: 700 .8125rem/1.3 var(--ux44cf7e2f0c); letter-spacing: .08em; text-transform: uppercase;
  rotate: -2.5deg;
}
.cwd3ab00aa30::before { content: ""; position: absolute; left: 14px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: var(--mdc991ad1395); box-shadow: inset 0 1px 2px rgb(60 42 12 / .5); }
.cwd3ab00aa30 span { min-width: 0; }

/* ------------------------------------------------------------------ advice article */
.fy2102e157c8 { margin-top: 4px; }
.fy2102e157c8 .rp326699dd23 { margin-bottom: 12px; }
.kw021025a75c { margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .875rem; color: var(--nx7e9a7fd411); }
.kw021025a75c span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--pn9ad34388c9); vertical-align: middle; margin-right: 14px; }
.ux40b86e78c7 { margin: 18px 0 0; max-width: 60ch; font-size: 1.1875rem; line-height: 1.55; color: var(--rp7b59b15e2e); }

.aob01629032e { position: relative; margin-top: 26px; padding-bottom: 54px; }
.tvb09374ae68 { aspect-ratio: 4 / 5; border-radius: var(--nx895878b85a); overflow: hidden; background: var(--pn3531b097f5); }
.tvb09374ae68 img { object-position: 30% 50%; }
.bl631c74f0ef { position: absolute; right: 10px; bottom: 0; width: 42%; }
.md30815384fa {
  aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--pn3531b097f5);
  box-shadow: 0 0 0 5px var(--mdc991ad1395), 0 0 0 7px var(--jd3eaf293d33), 0 18px 40px rgb(40 28 8 / .25);
}
.fy70c5ec4595 { max-width: 52%; margin-top: 12px; }

.fy57cb53f599 { max-width: 66ch; }
.ao0cd2dfaacc { padding-top: clamp(52px, 6.5vw, 84px); overflow-x: clip; }
.ao0cd2dfaacc > .nxe4493fb7a5, .md91aa1e3c22 { font-size: clamp(1.875rem, 1.35rem + 2.1vw, 2.875rem); margin-bottom: 16px; }
.ao0cd2dfaacc .cw2df50201c2 p, .ao0cd2dfaacc > .cw2df50201c2 { color: var(--rp7b59b15e2e); }
.qsf040d0dfef { margin: 26px 0 8px; font: 650 .8125rem/1.2 var(--ux44cf7e2f0c); letter-spacing: .12em; text-transform: uppercase; color: var(--nx7e9a7fd411); }

/* causes — a two-column rule list */
.tvf72d5555c0 { display: grid; gap: 0; border-bottom: 1px solid var(--nxa06e1176c3); }
.tvf72d5555c0 li { position: relative; padding: 13px 0 13px 26px; border-top: 1px solid var(--nxa06e1176c3); font-size: 1rem; line-height: 1.5; color: var(--rp7b59b15e2e); min-width: 0; }
.tvf72d5555c0 li::before { content: ""; position: absolute; left: 3px; top: 21px; width: 9px; height: 9px; border-radius: 2px; background: var(--pn9ad34388c9); rotate: 45deg; }

/* pull-out tips */
.nx2a0ebc5644 { position: relative; margin: 30px 0 4px; padding: 20px 0 20px 22px; border-left: 3px solid var(--pn9ad34388c9); }
.ir9e57506feb { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 650 .75rem/1.2 var(--ux44cf7e2f0c); letter-spacing: .12em; text-transform: uppercase; color: var(--rpaf5978fd5d); }
.ir9e57506feb .nx17e20d1286 { width: 16px; height: 16px; }
.pn14320ca048 { margin: 0; font: 650 clamp(1.375rem, 1.1rem + 1.1vw, 1.875rem)/1.18 var(--qs0af0864fdf); letter-spacing: -.022em; color: var(--ira7368661db); text-wrap: pretty; }
.bl3a54c8ce0b { margin: 12px 0 0; color: var(--rp7b59b15e2e); font-size: 1rem; }
.lyedbe9c6d88 { padding: 22px 22px 22px 24px; border-left: 0; border-radius: var(--nx895878b85a); background: var(--ez9661d0f209); box-shadow: inset 4px 0 0 var(--pn9ad34388c9); }

/* do / don't */
.ir885589da8e { display: grid; gap: 26px; margin-top: 24px; }
.gtf50b98ea01 { min-width: 0; }
.pn7d870eb04d { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding-bottom: 10px; border-bottom: 2px solid var(--ira7368661db); font: 700 1.25rem/1.2 var(--qs0af0864fdf); letter-spacing: -.02em; }
.rp65cd6c511e { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.rp65cd6c511e .nx17e20d1286 { width: 17px; height: 17px; }
.gt2ad7036847 .rp65cd6c511e { background: rgb(43 100 68 / .12); color: var(--gt74abd1be0f); box-shadow: inset 0 0 0 1.5px rgb(43 100 68 / .4); }
.kwf75f4f4d92 .rp65cd6c511e { background: rgb(160 52 31 / .1); color: var(--vhadaf400089); box-shadow: inset 0 0 0 1.5px rgb(160 52 31 / .38); }
.kwf75f4f4d92 .pn7d870eb04d { border-color: var(--vhadaf400089); }
.ir885589da8e li { padding: 13px 0; border-bottom: 1px solid var(--nxa06e1176c3); font-size: 1rem; line-height: 1.52; color: var(--rp7b59b15e2e); }
.ir885589da8e li strong { display: block; margin-bottom: 2px; font-weight: 650; color: var(--ira7368661db); }

/* when to call — the one dark band */
.pn5ee58636ba { margin: clamp(64px, 8vw, 104px) calc(-1 * var(--ez578562ddcc)) 0; padding: 40px var(--ez578562ddcc) 44px; overflow: clip; }
.pn5ee58636ba .rp326699dd23 { color: var(--jd3eaf293d33); }
.pn5ee58636ba .rp326699dd23::before { background: var(--jd3eaf293d33); }
.pn5ee58636ba .nxe4493fb7a5 { color: var(--sm5fbe5daeb8); }
.pn5ee58636ba .cw2df50201c2 { color: var(--sm5fbe5daeb8); }
.ly74ae95f283 { margin: 22px 0 0; border-top: 1px solid var(--kw96f7a22dea); counter-reset: chk; }
.ly74ae95f283 li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--kw96f7a22dea); color: var(--sm5fbe5daeb8); font-size: 1rem; line-height: 1.5; }
.ly74ae95f283 li::before { counter-increment: chk; content: counter(chk); width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font: 650 .8125rem/1 var(--ux44cf7e2f0c); color: var(--jd3eaf293d33); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--jd3eaf293d33) 55%, transparent); font-variant-numeric: tabular-nums; }
.pn5ee58636ba .ez1c090e822e { margin-bottom: 0; }
.pn5ee58636ba .qsf040d0dfef { color: var(--db7dc254b831); }

/* what the locksmith does */
.gt38b9852e48 { display: grid; gap: 30px; margin-top: 8px; }
.lye3eb3f9f4d { max-width: 440px; padding: 8px 10% 8px 2%; }
.lye3eb3f9f4d .rp3de8e5962e { rotate: 2.2deg; }
.gt00656a7da9 { min-width: 0; }
.cw3993200f69 { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px 0; border-top: 1px solid var(--db694bd2dbf2); }
.cw3993200f69:last-child { border-bottom: 1px solid var(--db694bd2dbf2); }
.aod86921187d { font: 700 1.5rem/1 var(--qs0af0864fdf); letter-spacing: -.02em; color: var(--pn9ad34388c9); font-variant-numeric: tabular-nums; padding-top: 2px; }
.ez5715c2a305 { margin: 0 0 6px; font: 650 1.1875rem/1.3 var(--ux44cf7e2f0c); letter-spacing: -.008em; }
.vh39445773b3 p { margin: 0; color: var(--rp7b59b15e2e); font-size: 1rem; }
.jd08525a9b07 { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 14px; align-items: center; margin-top: 14px; }
.jd08525a9b07 .db89b7e915be { aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--pn3531b097f5); box-shadow: 0 0 0 4px var(--mdc991ad1395), 0 0 0 6px var(--pn3531b097f5); }
.jd08525a9b07 figcaption { font-size: .875rem; line-height: 1.45; color: var(--nx7e9a7fd411); }
.md503bbd3776 { margin-top: 22px; }

/* prevention list */
.ly96e4421d74 { counter-reset: hb; border-top: 2px solid var(--ira7368661db); }
.ly96e4421d74 li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 15px 0; border-bottom: 1px solid var(--nxa06e1176c3); font-size: 1.0625rem; line-height: 1.55; color: var(--rp7b59b15e2e); }
.ly96e4421d74 li::before { counter-increment: hb; content: counter(hb, decimal-leading-zero); font: 700 .9375rem/1.6 var(--qs0af0864fdf); color: var(--rpaf5978fd5d); font-variant-numeric: tabular-nums; }
.ez4523bf2f7c { margin: 22px 0 0; padding: 14px 16px; border-radius: var(--jd284c360a23); box-shadow: inset 0 0 0 1px var(--db694bd2dbf2); font-size: .9375rem; line-height: 1.55; color: var(--rp7b59b15e2e); }
.ez4523bf2f7c b { font-weight: 650; color: var(--ira7368661db); }

/* related services — one feature, three rows */
.rp9517d1d1db { display: grid; gap: 22px; margin-top: 18px; }
.mdfe7207cc91 { display: grid; gap: 14px; text-decoration: none; color: inherit; }
.mdfe7207cc91 .fy791ed8b8bd { aspect-ratio: 16 / 10; border-radius: var(--nx895878b85a); overflow: hidden; background: var(--pn3531b097f5); }
.mdfe7207cc91 .fy791ed8b8bd img { transition: transform .6s var(--ly119476bb41); }
.db134d3f2e9a { font: 700 1.5rem/1.1 var(--qs0af0864fdf); letter-spacing: -.024em; }
.ez5f815eed98 { color: var(--rp7b59b15e2e); font-size: 1rem; line-height: 1.5; }
.pned21231d9e { display: inline-flex; align-items: center; gap: 6px; font-size: .9375rem; font-weight: 650; color: var(--rpaf5978fd5d); }
.pned21231d9e .nx17e20d1286 { width: 16px; height: 16px; transition: transform .2s var(--ly119476bb41); }
.vh257dfd2fa6 { display: grid; gap: 6px; min-width: 0; }
.ezf98877d1e0 { border-bottom: 1px solid var(--nxa06e1176c3); }
.ezf98877d1e0 li { border-top: 1px solid var(--nxa06e1176c3); }
.ezf98877d1e0 a { display: grid; grid-template-columns: 76px minmax(0, 1fr) 36px; gap: 14px; align-items: center; padding: 12px 0; text-decoration: none; color: inherit; }
.ezf98877d1e0 .fy791ed8b8bd { aspect-ratio: 1; border-radius: var(--jd284c360a23); overflow: hidden; background: var(--pn3531b097f5); }
.ezf98877d1e0 .fy791ed8b8bd img { width: 100%; height: 100%; object-fit: cover; }
.ezf98877d1e0 .db134d3f2e9a { font: 650 1.0625rem/1.25 var(--ux44cf7e2f0c); letter-spacing: -.006em; }
.ezf98877d1e0 .ez5f815eed98 { font-size: .9063rem; color: var(--nx7e9a7fd411); }
.ezf98877d1e0 .md9fdeed8309 { grid-column: 3; grid-row: auto; width: 36px; height: 36px; }
@media (hover: hover) {
  .mdfe7207cc91:hover .fy791ed8b8bd img { transform: scale(1.04); }
  .mdfe7207cc91:hover .pned21231d9e .nx17e20d1286 { transform: translateX(3px); }
  .ezf98877d1e0 a:hover .db134d3f2e9a { color: var(--rpaf5978fd5d); }
  .ezf98877d1e0 a:hover .md9fdeed8309 { background: var(--pn9ad34388c9); box-shadow: none; color: var(--ux3a7740d8fc); }
}

/* ------------------------------------------------------------------ reveal: clip photos to their own box */
.ir1766e425fd .uxc3688d1a30[data-reveal].gtc390b18d37, .ir1766e425fd .ly5a37bb3be1[data-reveal].gtc390b18d37, .ir1766e425fd .vh5bc8f5f7bd[data-reveal].gtc390b18d37, .ir1766e425fd .bl84ceca5328[data-reveal].gtc390b18d37,
.ir1766e425fd .uxe4e657af3c[data-reveal].gtc390b18d37, .ir1766e425fd .cw9e1d80b43c[data-reveal].gtc390b18d37, .ir1766e425fd .tvb09374ae68[data-reveal].gtc390b18d37, .ir1766e425fd .gt08815f22ae[data-reveal].gtc390b18d37,
.ir1766e425fd .fy791ed8b8bd[data-reveal].gtc390b18d37, .ir1766e425fd .jdcc415c2e43[data-reveal].gtc390b18d37 { clip-path: inset(0 0 0 0); }

/* ================================================================== ≥ 640 */
@media (min-width: 640px) {
  .aob3ba57b29d ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .kw63cf502ffe .md0d523b8426 { padding-right: 52px; }
  .jd832860bf21 { max-width: 520px; padding: 28px 28px 24px; }
  .ir885589da8e { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  .tvf72d5555c0 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .tvb09374ae68 { aspect-ratio: 3 / 2; }
  .bl631c74f0ef { width: 30%; right: 24px; }
  .fy70c5ec4595 { max-width: 62%; }
  .mdfe7207cc91 { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px; align-items: center; }
}

/* ================================================================== ≥ 768 */
@media (min-width: 768px) {
  .jd9820a52102 { grid-template-columns: minmax(0, 1fr) clamp(150px, 20vw, 210px); column-gap: 32px; }
  .uxc3688d1a30 { aspect-ratio: 16 / 9; }
  .fy2ae7ea56bd { margin-right: 24px; margin-top: -56px; }
  .ez11367a5993 { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .qsfb5c5e2a56 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: 36px; }
  .pn80f1f8748e { padding: 12px 4% 16px 2%; }
  .md334618f657 { margin-inline: 0; border-radius: var(--uxe44c50bc46); }
  .jd62c3cda785 { padding: 36px 36px 40px; }
  .gt171056af51 { margin-inline: 0; }
  .uxe4e657af3c { aspect-ratio: 21 / 10; border-radius: var(--nx895878b85a); }
  .jd832860bf21 { margin: -96px 0 0 28px; }
  .qs4fdcee215e { grid-template-columns: minmax(0, 1fr) clamp(180px, 26vw, 260px); column-gap: 32px; align-items: end; }
  .pn5ee58636ba { margin-inline: 0; padding: 48px 44px; border-radius: var(--uxe44c50bc46); }
  .ly74ae95f283 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
}

/* ================================================================== ≥ 1024 — desktop: the sticky rail rides alongside */
@media (min-width: 1024px) {
  .jdadd4ee5cab { padding-top: calc(var(--fyffc3ea9a04) + 18px); }
  .ao3b987d80c1 { display: grid; grid-template-columns: minmax(0, 1fr) clamp(318px, 27vw, 384px); gap: clamp(40px, 4.4vw, 72px); align-items: stretch; }
  .jd5e52bfd100 { display: block; min-width: 0; padding-top: 14px; }
  .ux3d7e42985e {
    position: sticky;
    top: min(88px, calc(100vh - var(--smd1c685e2c9, 0px) - 16px));
    display: grid; gap: 14px;
  }
  .jd5e52bfd100 .uxaa30ef6417 { background: var(--md09ce7b68b4); border-radius: var(--uxe44c50bc46); box-shadow: var(--cwd5d5c0e88d), inset 0 0 0 1px var(--nxa06e1176c3); overflow: clip; }
  .jd5e52bfd100 .ao6f54f394b4 { padding: 22px 22px 20px; }
  .jd5e52bfd100 .ez246dc4619f { margin-bottom: 6px; }
  .jd5e52bfd100 .nx0d19eeb671 { font-size: 1.875rem; margin-bottom: 6px; }
  .jd5e52bfd100 .ez6bbb807091 { font-size: .9375rem; line-height: 1.5; margin-bottom: 14px; }
  .jd5e52bfd100 .nx976389d4b8 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
  .jd5e52bfd100 .cwcbe1ec28de { grid-column: 1 / -1; }
  .jd5e52bfd100 .vhd89d6cb428 label { font-size: .875rem; }
  .jd5e52bfd100 .vhd89d6cb428 input, .jd5e52bfd100 .vhd89d6cb428 select { min-height: 46px; padding: 10px 12px; font-size: 1rem; }
  .jd5e52bfd100 .vhd89d6cb428 select { padding-right: 34px; background-position: right 8px center; background-size: 18px; }
  .jd5e52bfd100 .vhd89d6cb428 textarea { min-height: 58px; padding: 10px 12px; font-size: 1rem; }
  .jd5e52bfd100 .ux3c0595d6ad { margin-top: 14px; }
  .jd5e52bfd100 .smaddf262a3c { min-height: 50px; }

  .kw5537f59cb9 { padding: 18px 22px 16px; border-radius: var(--uxe44c50bc46); background: var(--ez9661d0f209); }
  .ez6c50fb5506 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 700 1.25rem/1.15 var(--qs0af0864fdf); letter-spacing: -.02em; }
  .ez6c50fb5506 .nx17e20d1286 { width: 18px; height: 18px; color: var(--pn9ad34388c9); }
  .kw5537f59cb9 .aod7014b3949 { margin: 0 0 10px; }
  .kw5537f59cb9 .aod7014b3949 > div { grid-template-columns: 74px minmax(0, 1fr); gap: 10px; padding: 8px 0; font-size: .9375rem; line-height: 1.45; }
  .kw5537f59cb9 .aod7014b3949 dt { font-size: .6875rem; padding-top: 3px; }
  .gtca58c46d7c { margin: 0; font-size: .875rem; line-height: 1.6; color: var(--rp7b59b15e2e); }
  .gtca58c46d7c a { color: var(--ira7368661db); text-decoration: underline; text-decoration-color: var(--pn9ad34388c9); text-decoration-thickness: 1.5px; text-underline-offset: .2em; }
  .gtca58c46d7c a:hover { color: var(--rpaf5978fd5d); }
  .uxc6b5865094 { margin: 8px 0 0; font-size: .75rem; line-height: 1.4; color: var(--nx7e9a7fd411); }

  /* questions: topic compositions change once there is room */
  .fy2f44850393 { grid-column: 1; }
  .nx5cf1bd207a { grid-row: 2 / span 2; align-self: center; }

  .tvb09374ae68 { aspect-ratio: 16 / 10; }
  .rp9517d1d1db { grid-template-columns: minmax(0, 1fr); }
}

/* ================================================================== side-by-side compositions: only where the column is wide
   (tablet with no rail, and desktop from 1280px; 1024–1279 keeps the single-column build beside the rail) */
@media (min-width: 640px) and (max-width: 1023.98px), (min-width: 1280px) {
  .gt38b9852e48 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: 36px; }
  .lye3eb3f9f4d { padding: 12px 6% 12px 0; position: sticky; top: 110px; }
}
@media (min-width: 768px) and (max-width: 1023.98px), (min-width: 1280px) {
  .cw333e441f4a { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: center; gap: 40px; }
  .md334618f657 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .gt08815f22ae { aspect-ratio: auto; height: 100%; min-height: 360px; order: 2; }
  .jd62c3cda785 { padding: 44px 40px; align-self: center; }
}
@media (min-width: 1280px) {
  .mdfe7207cc91 { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
  .cwcd74fde697 { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 44px; align-items: start; }
  .cwcd74fde697 .ez11367a5993 { grid-column: 2; grid-row: 1; grid-template-columns: minmax(0, 1fr); margin-top: 22px; position: sticky; top: 104px; }
  .cwcd74fde697 .kw63cf502ffe { grid-column: 1; grid-row: 1; }
  .cwcd74fde697 .tv7d1e610dec { order: 2; }
  .irac10f0ecc2 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; }
  .irac10f0ecc2 .kw63cf502ffe { margin-top: 24px; }
  .qs4fdcee215e { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); grid-template-areas: "ph head" "ph body"; column-gap: 40px; align-items: start; }
  .cw9e1d80b43c { grid-row: 1 / span 2; position: sticky; top: 104px; margin-top: 6px; aspect-ratio: 3 / 4.2; }
}


/* ================================================================== advice article as a printed newspaper page (rule 60)
   Only the advice article carries .mdcec2051c4c, so none of this reaches the questions page.
   The serif is Fraunces from fonts/ (weight axis 100–900), declared here under its own name. */
@font-face { font-family: "QaPress"; src: url("public-64aa/accent-c8041537.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

.mdcec2051c4c {
  --fy08d1bb819e: #EFEADF;
  --nx39c3fc7601: #1B1D20;
  --bl70bad7e2b0: #33363B;
  --vh8fe433b6a0: #5E5A52;
  --nxf555bf250c: rgb(27 29 32 / .2);
  --tv1dabc03be9: rgb(27 29 32 / .85);
  --dbdc5b88365f: "QaPress", Georgia, "Times New Roman", serif;
  /* newsprint: flat stock + a fine fibre grain (SVG noise, drawn by the browser) + a faint lighter centre */
  --tvd73d3a959d: url("gta-garage-125-paper-grain.svg");
}

/* the sheet — full-bleed on a phone, a page lying on the desk beside the rail on wider screens */
.mdcec2051c4c.jdadd4ee5cab { padding-bottom: 0; }
.mdcec2051c4c .ux33f833035b {
  container: paper / inline-size;
  margin-inline: calc(-1 * var(--ez578562ddcc));
  padding: 2px var(--ez578562ddcc) 44px;
  background:
    var(--tvd73d3a959d),
    radial-gradient(120% 70% at 50% 0%, rgb(255 253 246 / .55), transparent 70%),
    linear-gradient(90deg, rgb(120 100 64 / .05), transparent 6% 94%, rgb(120 100 64 / .05)),
    var(--fy08d1bb819e);
  color: var(--nx39c3fc7601);
}
.mdcec2051c4c .pnb19130401e a { color: var(--bl70bad7e2b0); }

/* masthead band: nameplate on a heavy rule, edition line under a double rule */
.mdcec2051c4c .fy2102e157c8 { margin-top: 0; }
.kw0a33427944 { margin-top: 6px; border-top: 4px solid var(--nx39c3fc7601); text-align: center; }
.kwdfe7f98354 {
  margin: 0; padding: 12px 0 10px; border-bottom: 1px solid var(--nx39c3fc7601);
  font: 800 clamp(1.5rem, 1.05rem + 2.1vw, 2.375rem)/1 var(--dbdc5b88365f); letter-spacing: -.012em; color: var(--nx39c3fc7601);
  overflow-wrap: break-word;
}
.kwdfe7f98354 span { display: inline-block; font-weight: 400; color: var(--sm9d748f4b3c); }
.mdcec2051c4c .ez09d420e5b4 {
  justify-content: center; margin: 0; padding: 8px 0 7px; gap: 2px 0;
  border-bottom: 4px double var(--nx39c3fc7601);
  font: 650 .75rem/1.45 var(--ux44cf7e2f0c); letter-spacing: .1em; text-transform: uppercase; color: var(--bl70bad7e2b0);
}
.mdcec2051c4c .ez09d420e5b4 span + span::before { width: 5px; height: 5px; margin: 0 10px 0 10px; border-radius: 0; background: var(--nx39c3fc7601); rotate: 45deg; }
.cw35b405035c {
  display: inline-block; margin: 22px 0 0; padding: 4px 10px 3px;
  background: var(--nx39c3fc7601); color: var(--fy08d1bb819e);
  font: 700 .75rem/1.3 var(--ux44cf7e2f0c); letter-spacing: .14em; text-transform: uppercase;
}
.mdcec2051c4c .rp98c890526a {
  margin: 12px 0 0; font: 850 clamp(2.4rem, 1.35rem + 4.7vw, 4.5rem)/.98 var(--dbdc5b88365f);
  letter-spacing: -.022em; color: var(--nx39c3fc7601); text-wrap: balance; overflow-wrap: break-word;
}

/* printed photos: square corners, a hairline edge, a caption set under a thin rule */
.mdcec2051c4c figure img { filter: saturate(.9) contrast(1.03) sepia(.05); }
.mdcec2051c4c .aob01629032e { margin-top: 22px; }
.mdcec2051c4c .tvb09374ae68 { border-radius: 0; box-shadow: 0 0 0 1px var(--nxf555bf250c); }
.mdcec2051c4c .md30815384fa { box-shadow: 0 0 0 5px var(--fy08d1bb819e), 0 0 0 6px var(--nx39c3fc7601), 0 14px 30px rgb(40 28 8 / .25); }
.mdcec2051c4c .fy70c5ec4595, .mdcec2051c4c .rp3de8e5962e figcaption, .mdcec2051c4c .jd08525a9b07 figcaption {
  margin: 10px 0 0; padding-top: 7px; border-top: 1px solid var(--tv1dabc03be9);
  font: 400 .9375rem/1.45 var(--dbdc5b88365f); color: var(--bl70bad7e2b0);
}
.mdcec2051c4c .fy70c5ec4595::before, .mdcec2051c4c .rp3de8e5962e figcaption::before { content: "▲ "; font-size: .7em; vertical-align: .12em; color: var(--sm9d748f4b3c); }

/* the story: serif body, a drop cap on the first paragraph */
.mdcec2051c4c .ux40b86e78c7 {
  max-width: none; margin-top: 30px;
  font: 400 1.1875rem/1.6 var(--dbdc5b88365f); color: var(--nx39c3fc7601);
  hyphens: auto; -webkit-hyphens: auto;
}
.mdcec2051c4c .ux40b86e78c7::first-letter {
  float: left; margin: .06em .05em -.04em 0; padding: 0;
  font: 850 4.6em/.78 var(--dbdc5b88365f); color: var(--sm9d748f4b3c);
}
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  .mdcec2051c4c .ux40b86e78c7::first-letter { float: none; margin: 0 .1em 0 0; font-size: 1em; line-height: 1; -webkit-initial-letter: 3; initial-letter: 3; }
}
.mdcec2051c4c .ux40b86e78c7::first-line { font-variant-caps: small-caps; letter-spacing: .03em; }
.mdcec2051c4c .jda9e2bf6f1a { color: var(--nx39c3fc7601); }
.mdcec2051c4c .cw4774358737 { white-space: nowrap; } /* a 14-character phone number: never split, cannot overflow */
.mdcec2051c4c .fy57cb53f599 { max-width: none; }
.mdcec2051c4c .ao0cd2dfaacc { padding-top: clamp(40px, 5vw, 60px); }
.mdcec2051c4c .ao0cd2dfaacc .cw2df50201c2 p, .mdcec2051c4c .ao0cd2dfaacc > .cw2df50201c2 {
  font: 400 1.0625rem/1.62 var(--dbdc5b88365f); color: var(--bl70bad7e2b0); hyphens: auto; -webkit-hyphens: auto;
}
.mdcec2051c4c .ao0cd2dfaacc .cw2df50201c2 a, .mdcec2051c4c .ux40b86e78c7 a { color: var(--nx39c3fc7601); text-decoration-color: var(--pn9ad34388c9); }

/* section rules: thick over thin, then the heading */
.mdcec2051c4c .md91aa1e3c22 {
  margin: 0 0 16px; padding-top: 16px;
  background: linear-gradient(var(--nx39c3fc7601), var(--nx39c3fc7601)) 0 0 / 100% 3px no-repeat, linear-gradient(var(--nx39c3fc7601), var(--nx39c3fc7601)) 0 6px / 100% 1px no-repeat;
  font: 800 clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem)/1.04 var(--dbdc5b88365f); letter-spacing: -.016em; color: var(--nx39c3fc7601);
}
.mdcec2051c4c .qsf040d0dfef { color: var(--vh8fe433b6a0); }

/* pull quotes (words lifted from the paragraph beside them) */
.dbc87e290326 {
  margin: 28px 0 26px; padding: 16px 4px 14px;
  border-top: 3px solid var(--nx39c3fc7601); border-bottom: 1px solid var(--nx39c3fc7601);
  font: 700 clamp(1.5rem, 1.12rem + 1.6vw, 2.125rem)/1.16 var(--dbdc5b88365f); letter-spacing: -.012em;
  color: var(--nx39c3fc7601); text-align: center; text-wrap: balance;
}
.dbc87e290326::before { content: "“"; display: block; margin: 0 auto 2px; font: 850 3.4rem/.62 var(--dbdc5b88365f); color: var(--pn9ad34388c9); }

/* lists set like newspaper matter */
.mdcec2051c4c .tvf72d5555c0, .mdcec2051c4c .tvf72d5555c0 li, .mdcec2051c4c .ir885589da8e li, .mdcec2051c4c .ly96e4421d74 li { border-color: var(--nxf555bf250c); }
.mdcec2051c4c .tvf72d5555c0 li, .mdcec2051c4c .ir885589da8e li, .mdcec2051c4c .ly96e4421d74 li, .mdcec2051c4c .vh39445773b3 p { font-family: var(--dbdc5b88365f); font-size: 1.0625rem; line-height: 1.55; color: var(--bl70bad7e2b0); }
.mdcec2051c4c .tvf72d5555c0 li::before { background: var(--nx39c3fc7601); border-radius: 0; }
.mdcec2051c4c .pn7d870eb04d { font-family: var(--dbdc5b88365f); font-weight: 800; border-color: var(--nx39c3fc7601); }
.mdcec2051c4c .kwf75f4f4d92 .pn7d870eb04d { border-color: var(--vhadaf400089); }
.mdcec2051c4c .ir885589da8e li strong { font-family: var(--ux44cf7e2f0c); font-size: 1rem; }
.mdcec2051c4c .ly96e4421d74 { border-top: 3px solid var(--nx39c3fc7601); }
.mdcec2051c4c .ly96e4421d74 li::before, .mdcec2051c4c .aod86921187d { font-family: var(--dbdc5b88365f); font-weight: 800; color: var(--sm9d748f4b3c); }
.mdcec2051c4c .cw3993200f69 { border-color: var(--nxf555bf250c); }
.mdcec2051c4c .ez5715c2a305 { font: 750 1.25rem/1.25 var(--dbdc5b88365f); letter-spacing: -.01em; }
.mdcec2051c4c .ez4523bf2f7c { box-shadow: none; border: 1px solid var(--nx39c3fc7601); outline: 1px solid var(--nx39c3fc7601); outline-offset: 3px; margin-inline: 4px; border-radius: 0; font-family: var(--dbdc5b88365f); font-size: 1rem; color: var(--bl70bad7e2b0); }

/* notes: one taped to the page, one clipped index card, one taped the other way */
.mdcec2051c4c .nx2a0ebc5644 { margin: 40px 8px 10px; padding: 26px 20px 20px; border-left: 0; border-radius: 1px; }
.mdcec2051c4c .pn14320ca048 { font-family: var(--dbdc5b88365f); font-weight: 800; }
.mdcec2051c4c .bl3a54c8ce0b { font: 400 1.0625rem/1.55 var(--dbdc5b88365f); color: var(--bl70bad7e2b0); }
.ao5ea0fac6a3 {
  background: linear-gradient(180deg, #FFF7DA, #FBF0CC);
  box-shadow: 0 1px 1px rgb(60 42 12 / .1), 0 10px 22px -6px rgb(60 42 12 / .28);
  rotate: -1.1deg;
}
.blf9d821c069 { rotate: .9deg; }
.ao5ea0fac6a3::before {
  content: ""; position: absolute; top: -13px; left: 50%; width: 118px; height: 28px; margin-left: -59px;
  background: rgb(232 222 196 / .78); box-shadow: 0 1px 2px rgb(60 42 12 / .14);
  rotate: -2deg;
  clip-path: polygon(0 8%, 4% 0, 8% 10%, 12% 0, 88% 0, 92% 10%, 96% 0, 100% 8%, 100% 92%, 96% 100%, 92% 90%, 88% 100%, 12% 100%, 8% 90%, 4% 100%, 0 92%);
}
.blf9d821c069::before { left: 22%; rotate: 3deg; }
.mdcec2051c4c .nxb77f7dac0a {
  padding: 28px 22px 22px 24px; border-radius: 2px;
  background: repeating-linear-gradient(180deg, transparent 0 27px, rgb(70 110 160 / .17) 27px 28px) 0 56px / 100% calc(100% - 56px) no-repeat,
              linear-gradient(rgb(190 60 50 / .45), rgb(190 60 50 / .45)) 0 44px / 100% 1.5px no-repeat, #FFFEF9;
  box-shadow: 0 1px 1px rgb(60 42 12 / .1), 0 12px 24px -8px rgb(60 42 12 / .3);
  rotate: .8deg;
}
.nxb77f7dac0a::after {
  content: ""; position: absolute; top: -18px; right: 30px; width: 22px; height: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 60'%3E%3Cpath d='M7 18V44a4 4 0 0 0 8 0V10a6 6 0 0 0-12 0V48a8 8 0 0 0 16 0V16' fill='none' stroke='%23777E88' stroke-width='2.1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  filter: drop-shadow(0 1px 1px rgb(0 0 0 / .25));
}

/* the dark box: a reversed-out notice with an inner rule */
.mdcec2051c4c .pn5ee58636ba { box-shadow: inset 0 0 0 7px var(--sm57c6de7a45), inset 0 0 0 8px color-mix(in srgb, var(--sm5fbe5daeb8) 40%, transparent); }
.mdcec2051c4c .pn5ee58636ba .nxe4493fb7a5 { font-family: var(--dbdc5b88365f); font-weight: 800; letter-spacing: -.015em; }
.mdcec2051c4c .pn5ee58636ba .cw2df50201c2 { font-family: var(--dbdc5b88365f); font-size: 1.0625rem; }

/* what the locksmith does: a straight printed photo, not a tilted mat */
.mdcec2051c4c .lye3eb3f9f4d { max-width: none; padding: 0; }
.mdcec2051c4c .lye3eb3f9f4d .rp3de8e5962e { rotate: none; padding: 0; background: none; box-shadow: none; }
.mdcec2051c4c .rp3de8e5962e img { aspect-ratio: 3 / 2; box-shadow: 0 0 0 1px var(--nxf555bf250c); }
.mdcec2051c4c .jd08525a9b07 .db89b7e915be { border-radius: 0; box-shadow: 0 0 0 1px var(--nxf555bf250c); }

/* readers' questions + related services */
.mdcec2051c4c .kw63cf502ffe, .mdcec2051c4c .kw63cf502ffe details { border-color: var(--nxf555bf250c); }
.mdcec2051c4c .kw63cf502ffe summary { font: 700 1.1875rem/1.3 var(--dbdc5b88365f); letter-spacing: -.008em; }
.mdcec2051c4c .kw63cf502ffe .md0d523b8426 p { font: 400 1.0625rem/1.6 var(--dbdc5b88365f); color: var(--bl70bad7e2b0); }
.mdcec2051c4c .mdfe7207cc91 .fy791ed8b8bd { border-radius: 0; box-shadow: 0 0 0 1px var(--nxf555bf250c); }
.mdcec2051c4c .db134d3f2e9a { font-family: var(--dbdc5b88365f); font-weight: 800; }
.mdcec2051c4c .ezf98877d1e0, .mdcec2051c4c .ezf98877d1e0 li { border-color: var(--nxf555bf250c); }
.mdcec2051c4c .ezf98877d1e0 .db134d3f2e9a { font: 700 1.125rem/1.25 var(--dbdc5b88365f); }
.mdcec2051c4c .ezf98877d1e0 .fy791ed8b8bd { border-radius: 0; }

@media (min-width: 768px) {
  .mdcec2051c4c.jdadd4ee5cab { padding-bottom: var(--cwe00cb35514); }
  .mdcec2051c4c .ux33f833035b {
    margin-inline: 0; padding: 4px clamp(24px, 3.6vw, 52px) 52px;
    box-shadow: 0 0 0 1px rgb(27 29 32 / .07), 0 2px 4px rgb(40 28 8 / .05), 0 18px 44px -12px rgb(40 28 8 / .2);
  }
  .mdcec2051c4c .pn5ee58636ba { border-radius: 0; }
  .mdcec2051c4c .nx2a0ebc5644 { margin-inline: 18px; }
}

/* columns once the sheet itself is wide enough — measured on the sheet, not the window,
   so the 1024–1279 desktop (sheet beside the rail) keeps one comfortable column */
@container paper (min-width: 680px) {
  .mdcec2051c4c .ux40b86e78c7, .mdcec2051c4c .ao0cd2dfaacc .cw2df50201c2 { columns: 2; column-gap: 36px; column-rule: 1px solid var(--nxf555bf250c); }
  .mdcec2051c4c .ux40b86e78c7 { font-size: 1.125rem; }
  .mdcec2051c4c .ly96e4421d74 { columns: 2; column-gap: 36px; column-rule: 1px solid var(--nxf555bf250c); }
  .mdcec2051c4c .ly96e4421d74 li { break-inside: avoid; }
  .mdcec2051c4c .ir885589da8e { column-gap: 0; }
  .mdcec2051c4c .kwf75f4f4d92 { border-left: 1px solid var(--nxf555bf250c); padding-left: 28px; }
  .mdcec2051c4c .gt2ad7036847 { padding-right: 28px; }
  .mdcec2051c4c .gt38b9852e48 { display: block; }
  .mdcec2051c4c .lye3eb3f9f4d { position: static; margin-bottom: 26px; }
  .mdcec2051c4c .rp3de8e5962e img { aspect-ratio: 16 / 8; }
  .mdcec2051c4c .gt00656a7da9 { columns: 2; column-gap: 36px; column-rule: 1px solid var(--nxf555bf250c); }
  .mdcec2051c4c .cw3993200f69 { break-inside: avoid; }
  .mdcec2051c4c .cw3993200f69:last-child { border-bottom: 0; }
  .mdcec2051c4c .nx2a0ebc5644 { max-width: 560px; }
  .mdcec2051c4c .blf9d821c069 { margin-left: auto; }
  .mdcec2051c4c .dbc87e290326 { margin-inline: 8%; }
}

/* ---- no-photo variants (approved-photo swap, 2026-09-27) */
.sm480ecdf439 .fy2ae7ea56bd { margin: 0; grid-template-columns: minmax(0, 1fr); width: min(100%, 420px); }
.qsbff4f682c4 { display: grid; place-items: center; padding: 5% 7%; background: var(--md09ce7b68b4); color: var(--rp7b59b15e2e); }
.aoe3551c5d2e { grid-template-columns: minmax(0, 1fr); }
.nx6dc15ca13b .mda488cf5cc7 { color: var(--rp7b59b15e2e); padding: 10px 4px; }
.mdcec2051c4c .nx6dc15ca13b .mda488cf5cc7 { color: var(--nx39c3fc7601, var(--rp7b59b15e2e)); --smb957a96fce: var(--nx39c3fc7601, var(--pn9ad34388c9)); }
.ire04b948246 { grid-template-columns: minmax(0, 1fr); }
.fy322b9c521d a { grid-template-columns: minmax(0, 1fr) 36px; }
.fy322b9c521d .md9fdeed8309 { grid-column: 2; }
/*5762df4a6d93*/