/* Neighborhood magazine: intentionally scoped so the shared navigation, footer,
   and the existing area-comparison dashboard retain their own contracts. */
.areas-magazine-page {
  --am-ink: #0c1539;
  --am-muted: #465c7b;
  --am-blue: #007bff;
  --am-line: #dce7f3;
  --am-pale: #edf5fc;
  color: var(--am-ink);
  background: #fff;
  font-family: Arial, "Helvetica Neue", sans-serif;
}
.areas-magazine-page .am-wrap { width: 92%; max-width: 1320px; margin-inline: auto; }
.areas-magazine-page [class^="am-"] { box-sizing: border-box; }
.areas-magazine-page :is(.am-topics,.am-content) [hidden] { display: none !important; }
.areas-magazine-page :is(.am-topics,.am-content,.am-main,.am-sidebar,.am-grid,.am-card,.am-directory) { min-width: 0; }
.areas-magazine-page :is(.am-hero,.am-topics,.am-content) a { text-decoration: none; }
.areas-magazine-page :is(.am-hero,.am-topics,.am-content,.am-directory) :is(a,button,input,summary):focus-visible { outline: 3px solid #0072ee; outline-offset: 4px; }
.areas-magazine-page :is(.am-content,.am-directory) h2 { margin: 0; color: var(--am-ink); font: 700 clamp(24px,2.35vw,34px)/1.15 Georgia,"Times New Roman",serif; letter-spacing: -.035em; text-transform: none; }
.areas-magazine-page .am-hero { position: relative; isolation: isolate; min-height: clamp(244px,23.8vw,345px); overflow: hidden; background: #163143; }
.areas-magazine-page .am-hero-image { position: absolute; inset: 0; z-index: -2; }
.areas-magazine-page .am-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 51%; }
.areas-magazine-page .am-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(0,23,37,.86),rgba(0,23,37,.62) 38%,rgba(0,23,37,.13) 72%,rgba(0,23,37,.08)),linear-gradient(0deg,rgba(0,19,28,.18),transparent 50%); }
.areas-magazine-page .am-hero-inner { position: relative; padding-block: clamp(31px,3.2vw,47px) 26px; color: #fff; }
.areas-magazine-page .am-eyebrow { margin: 0 0 10px; color: #fff; font: 400 10px/1.4 Arial,sans-serif; letter-spacing: .25em; text-transform: uppercase; }
.areas-magazine-page .am-hero h1 { max-width: 800px; margin: 0 0 12px; color: #fff; font: 700 clamp(44px,4.8vw,69px)/.99 Georgia,"Times New Roman",serif; letter-spacing: -.035em; text-transform: none; }
.areas-magazine-page .am-hero h1 span { display: block; color: #38bdf8; }
.areas-magazine-page .am-intro { width: 56%; max-width: 620px; margin: 0; color: #fff; font: 400 clamp(14px,1.42vw,19px)/1.48 Arial,sans-serif; }
.areas-magazine-page .am-signature { position: absolute; right: 0; top: 48%; width: 245px; margin: 0; color: #fff; font: italic clamp(22px,2.25vw,30px)/1.27 "Segoe Print","Brush Script MT",cursive; text-align: center; text-shadow: 0 2px 8px #052031; transform: rotate(-9deg); }
.areas-magazine-page .am-signature::after { content: ""; display: block; width: 80%; height: 8px; margin: 10px auto 0; border-top: 1px solid #fff; border-radius: 50%; transform: rotate(-8deg); }
.areas-magazine-page .am-topics { display: flex; align-items: center; gap: 28px; padding-block: 16px 18px; margin-bottom: 0; }
.areas-magazine-page .am-topic-links { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); flex: 1; gap: 7px; min-width: 0; }
.areas-magazine-page .am-topic { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 0 2px 9px; border-bottom: 2px solid transparent; border-radius: 0; color: var(--am-ink); font: 700 11px/1.35 Arial,sans-serif; text-align: center; }
.areas-magazine-page .am-topic svg { display: block; flex: 0 0 auto; width: 34px; height: 34px; color: var(--topic-color,var(--am-blue)); stroke-width: 1.7; }
.areas-magazine-page .am-topic:nth-child(2) svg { color: #ff8b17; }
.areas-magazine-page .am-topic:nth-child(4) svg { color: #ff426d; }
.areas-magazine-page .am-topic:nth-child(5) svg { color: #f6a000; }
.areas-magazine-page .am-topic:nth-child(6) svg { color: #16c95e; }
.areas-magazine-page .am-topic:nth-child(8) svg { color: #ff426d; }
.areas-magazine-page .am-topic[aria-current] { border-bottom-color: var(--am-blue); }
.areas-magazine-page .am-topic:hover { color: #0069dd; background: #f2f7ff; }
.areas-magazine-page .am-search { display: flex; flex: 0 0 25%; align-items: center; gap: 8px; min-width: 0; min-height: 36px; margin: 0; padding: 0 0 0 11px; border: 1px solid #cedfec; border-radius: 5px; color: var(--am-ink); background: #fff; }
.areas-magazine-page .am-search > svg { display: block; flex: 0 0 16px; width: 16px; height: 16px; }
.areas-magazine-page .am-search input { width: 100%; min-width: 0; flex: 1; padding: 9px 0; border: 0; border-radius: 0; color: var(--am-ink); background: transparent; font: 400 11px/1.4 Arial,sans-serif; box-shadow: none; }
.areas-magazine-page .am-search input::placeholder { color: #526583; opacity: 1; }
.areas-magazine-page .am-search input:focus-visible { outline-offset: 0; }
.areas-magazine-page .am-search button { align-self: stretch; margin: 0; padding: 8px 10px; border: 0; border-left: 1px solid #dce7f3; border-radius: 0 4px 4px 0; color: #0067d9; background: #f4f8ff; font: 700 11px/1.4 Arial,sans-serif; cursor: pointer; }
.areas-magazine-page .am-search button:hover { background: #e8f2ff; }
.areas-magazine-page .am-content { display: grid; grid-template-columns: minmax(0,2.68fr) minmax(0,1fr); align-items: start; gap: 26px; padding-top: 7px; padding-bottom: 23px; }
.areas-magazine-page .am-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin: 0 0 5px; }
.areas-magazine-page .am-section-head > a { flex: 0 0 auto; color: #006ce4; font: 400 12px/1.45 Arial,sans-serif; }
.areas-magazine-page .am-section-head > a:hover { text-decoration: underline; }
.areas-magazine-page .am-section-head > a span { padding-left: 6px; font-size: 17px; }
.areas-magazine-page .am-section-intro { margin: 0 0 10px; color: var(--am-muted); font: 400 clamp(12px,1.07vw,15px)/1.5 Arial,sans-serif; }
.areas-magazine-page .am-search-status { margin: 0 0 11px; color: var(--am-muted); font: 400 13px/1.5 Arial,sans-serif; }
.areas-magazine-page .am-search-status:empty { display: none; }
.areas-magazine-page .am-search-status a { color: #0067d9; text-decoration: underline; }
.areas-magazine-page .am-search-status button { margin-left: 8px; padding: 4px 8px; border: 1px solid #ccddec; border-radius: 4px; color: #0067d9; background: #fff; font: inherit; cursor: pointer; }
.areas-magazine-page .am-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px 11px; }
.areas-magazine-page .am-card { margin: 0; padding: 0; border: 1px solid #dfebf5; border-radius: 5px; background: #fff; overflow: hidden; box-shadow: none; }
.areas-magazine-page .am-card[hidden] { display: none; }
.areas-magazine-page .am-card-image { position: relative; display: block; isolation: isolate; min-height: clamp(184px,17.4vw,252px); overflow: hidden; color: #fff; background: #063040; }
.areas-magazine-page .am-card-image > img { position: absolute; inset: 0; z-index: -2; display: block; width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: center; transition: transform .25s ease; }
.areas-magazine-page .am-card-image::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,transparent 27%,rgba(0,24,35,.12) 41%,rgba(0,24,35,.82) 67%,#001821 100%); }
.areas-magazine-page .am-illustration-label { position: absolute; top: 8px; right: 8px; z-index: 1; max-width: calc(100% - 16px); padding: 4px 7px; border: 1px solid rgba(255,255,255,.3); border-radius: 3px; color: #fff; background: rgba(0,23,37,.78); font: 400 10px/1.3 Arial,sans-serif; }
.areas-magazine-page .am-card-overlay { display: flex; flex-direction: column; justify-content: flex-end; min-height: inherit; padding: 12px 13px 12px; }
.areas-magazine-page .am-card h3 { margin: 0 0 5px; padding-right: 31px; color: #fff; font: 700 clamp(15px,1.4vw,20px)/1.25 Arial,sans-serif; letter-spacing: -.025em; text-transform: none; }
.areas-magazine-page .am-card-overlay > p { max-width: 245px; margin: 0; color: #fff; font: 400 clamp(12px,1.05vw,15px)/1.43 Arial,sans-serif; }
.areas-magazine-page .am-arrow { position: absolute; right: 13px; bottom: 54px; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #fff; border-radius: 50%; color: #fff; font: 400 20px/1 Arial,sans-serif; }
.areas-magazine-page .am-arrow svg { width: 16px; height: 16px; }
.areas-magazine-page .am-card-image:hover > img { transform: scale(1.035); }
.areas-magazine-page .am-card-image:hover .am-arrow { color: #083451; background: #fff; }
.areas-magazine-page .am-card-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; min-height: 39px; padding-inline: 3px; background: linear-gradient(135deg,#fff,#f1f7fd); }
.areas-magazine-page .am-card-links a { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; padding: 9px 2px; color: var(--am-ink); font: 400 11px/1.3 Arial,sans-serif; }
.areas-magazine-page .am-card-links svg { width: 16px; height: 16px; flex: 0 0 16px; }
.areas-magazine-page .am-card-links a:hover { color: #0068dd; background: #e6f1ff; }
.areas-magazine-page .am-card-links a:focus-visible { outline-offset: -3px; }
.areas-magazine-page .am-card-image:focus-visible { outline-offset: -4px; outline-color: #65cfff; }
.areas-magazine-page .am-area-note { margin: 13px 0 0; color: var(--am-muted); font: 400 12px/1.5 Arial,sans-serif; }
.areas-magazine-page .am-area-note a { color: #0067d9; text-decoration: underline; text-underline-offset: 2px; }
.areas-magazine-page .am-image-note { margin: 6px 0 0; color: #506580; font: 400 11px/1.5 Arial,sans-serif; }
.areas-magazine-page .am-welcome { position: relative; display: flex; align-items: flex-start; isolation: isolate; gap: 24px; min-height: 170px; margin-top: 19px; padding: 24px 26px; border: 1px solid #e2eff9; border-radius: 5px; background: #edf7ff; overflow: hidden; }
.areas-magazine-page .am-welcome::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#eef7ff 35%,rgba(238,247,255,.96) 49%,rgba(238,247,255,.28) 77%,transparent); }
.areas-magazine-page .am-welcome > img { position: absolute; top: 0; right: 0; z-index: -2; width: 52%; height: 100%; object-fit: cover; object-position: center; }
.areas-magazine-page .am-welcome-icon { display: block; flex: 0 0 70px; width: 70px; height: 80px; margin-top: 4px; color: var(--am-blue); }
.areas-magazine-page .am-welcome-icon svg { display: block; width: 100%; height: 100%; stroke-width: 1.65; }
.areas-magazine-page .am-welcome > div:not(.am-welcome-icon) { position: relative; max-width: 430px; width: 57%; }
.areas-magazine-page .am-welcome h2 { margin: 0 0 9px; font: 700 clamp(19px,1.75vw,25px)/1.2 Arial,sans-serif; letter-spacing: -.025em; }
.areas-magazine-page .am-welcome p { margin: 0 0 15px; color: var(--am-muted); font: 400 clamp(12px,1.07vw,15px)/1.5 Arial,sans-serif; }
.areas-magazine-page .am-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 39px; padding: 10px 20px; border: 1px solid #007bff; border-radius: 4px; color: #fff; background: #007bff; font: 700 12px/1.4 Arial,sans-serif; text-align: center; cursor: pointer; }
.areas-magazine-page .am-button:hover { border-color: #0065d6; background: #0065d6; color: #fff; }
.areas-magazine-page .am-button svg { width: 16px; height: 16px; }
.areas-magazine-page .am-sidebar { display: grid; grid-template-columns: minmax(0,1fr); gap: 17px; }
.areas-magazine-page .am-map-box { position: relative; border: 1px solid #e0edf7; border-radius: 5px; background: #edf5fc; overflow: hidden; }
.areas-magazine-page .am-sidebar h2 { font-size: clamp(18px,1.65vw,24px); line-height: 1.2; letter-spacing: -.025em; }
.areas-magazine-page .am-map-box h2 { padding: 13px 13px 10px; }
.areas-magazine-page .am-map-preview { display: block; width: 100%; height: clamp(228px,22.7vw,320px); overflow: hidden; background: #e5efe9; }
.areas-magazine-page .am-map-preview > :is(svg,img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.areas-magazine-page .am-map-box .am-map-cta { position: relative; display: flex; width: fit-content; max-width: calc(100% - 28px); min-height: 36px; margin: -52px 14px 17px auto; padding: 9px 14px; border-color: #fff; color: #006ce4; background: #fff; font-size: 11px; }
.areas-magazine-page .am-map-box .am-map-cta:hover { color: #0056b6; background: #edf6ff; }
.areas-magazine-page .am-map-box > :is(small,p) { display: block; margin: 0; padding: 0 13px 11px; color: #4c6380; font: 400 10px/1.4 Arial,sans-serif; }
.areas-magazine-page .am-match-box { padding: 13px; border: 1px solid #e0edf7; border-radius: 5px; background: linear-gradient(125deg,#edf6ff,#f5faff); }
.areas-magazine-page .am-match-box > p { margin: 8px 0 13px; color: var(--am-muted); font: 400 clamp(12px,1.04vw,15px)/1.42 Arial,sans-serif; }
.areas-magazine-page .am-personas { display: grid; grid-template-columns: minmax(0,1fr); gap: 2px; padding: 4px; border-radius: 5px; background: rgba(255,255,255,.67); }
.areas-magazine-page .am-personas > a { display: grid; grid-template-columns: 29px minmax(0,1fr); align-items: center; gap: 12px; padding: 9px 6px; border-radius: 4px; color: var(--am-ink); }
.areas-magazine-page .am-personas > a:hover { background: #e5f1ff; }
.areas-magazine-page .am-personas > a > svg { width: 29px; height: 29px; color: var(--am-blue); stroke-width: 1.65; }
.areas-magazine-page .am-personas > a:last-child > svg { color: #ff426d; }
.areas-magazine-page .am-personas strong { display: block; color: var(--am-ink); font: 700 clamp(12px,1.02vw,14px)/1.3 Arial,sans-serif; }
.areas-magazine-page .am-personas span { display: block; margin-top: 2px; color: var(--am-muted); font: 400 clamp(11px,.91vw,13px)/1.4 Arial,sans-serif; }
.areas-magazine-page .am-match-box > .am-button { display: flex; width: 100%; margin-top: 10px; min-height: 37px; padding-inline: 12px; font-size: 11px; }
.areas-magazine-page .am-reading .am-section-head { margin-bottom: 10px; gap: 8px; }
.areas-magazine-page .am-reading .am-section-head h2 { font-size: clamp(17px,1.5vw,22px); }
.areas-magazine-page .am-reading .am-section-head a { font-size: 11px; }
.areas-magazine-page .am-reading ul { display: grid; grid-template-columns: minmax(0,1fr); gap: 9px; margin: 0; padding: 0; list-style: none; }
.areas-magazine-page .am-reading li { margin: 0; padding: 0; list-style: none; }
.areas-magazine-page .am-reading li > a { display: grid; grid-template-columns: 57px minmax(0,1fr); align-items: center; gap: 10px; color: var(--am-ink); }
.areas-magazine-page .am-reading li img { display: block; width: 57px; height: 45px; border-radius: 4px; object-fit: cover; }
.areas-magazine-page .am-reading h3 { margin: 0 0 3px; color: var(--am-ink); font: 700 clamp(11px,1.02vw,14px)/1.3 Arial,sans-serif; letter-spacing: -.01em; text-transform: none; }
.areas-magazine-page .am-reading p { margin: 0; color: var(--am-muted); font: 400 clamp(10px,.91vw,13px)/1.4 Arial,sans-serif; }
.areas-magazine-page .am-reading li > a:hover h3 { color: #0068dd; text-decoration: underline; }
.areas-magazine-page .am-directory { margin-top: 0; margin-bottom: 24px; border: 1px solid #dce7f3; border-radius: 5px; background: #fff; }
.areas-magazine-page .am-directory > summary { padding: 16px 19px; color: var(--am-ink); font: 700 19px/1.3 Georgia,"Times New Roman",serif; cursor: pointer; }
.areas-magazine-page .am-directory > summary:hover { background: #f3f8fe; }
.areas-magazine-page .am-directory > summary > span { display: block; margin: 6px 0 0 18px; color: var(--am-muted); font: 400 12px/1.5 Arial,sans-serif; }
.areas-magazine-page .am-directory[open] > summary { border-bottom: 1px solid #dce7f3; }
.areas-magazine-page .am-directory :is(.home-buy,.areas-map) { padding-inline: 24px; }
.areas-magazine-page .am-directory .priority-trust { width: auto; margin-inline: 24px; }
.areas-magazine-page .am-additional { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; padding: 27px 24px; border-top: 1px solid var(--am-line); background: #f6faff; }
.areas-magazine-page .am-additional > :is(h2,p) { grid-column: 1/-1; margin: 0; }
.areas-magazine-page .am-additional > h2 { font-size: clamp(24px,2.1vw,30px); }
.areas-magazine-page .am-additional > p { color: var(--am-muted); font: 400 14px/1.55 Arial,sans-serif; }
.areas-magazine-page .am-additional > article { min-width: 0; margin: 0; padding: 19px; border: 1px solid var(--am-line); border-radius: 5px; background: #fff; scroll-margin-top: 96px; }
.areas-magazine-page .am-additional h3 { margin: 0 0 7px; color: var(--am-ink); font: 700 23px/1.2 Georgia,"Times New Roman",serif; letter-spacing: -.025em; }
.areas-magazine-page .am-additional article p { margin: 0 0 13px; color: var(--am-muted); font: 400 13px/1.6 Arial,sans-serif; }
.areas-magazine-page .am-additional article p:last-child { margin-bottom: 0; }
.areas-magazine-page .am-additional article .am-overview-label { margin-bottom: 10px; color: #0067d9; font: 700 10px/1.4 Arial,sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.areas-magazine-page .am-additional article a { color: #0067d9; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1150px) {
  .areas-magazine-page .am-topics { gap: 20px; }
  .areas-magazine-page .am-topic-links { gap: 3px; }
  .areas-magazine-page .am-topic { font-size: 10px; }
  .areas-magazine-page .am-search { flex-basis: 25%; }
  .areas-magazine-page .am-content { gap: 20px; }
  .areas-magazine-page .am-grid { gap: 12px 8px; }
  .areas-magazine-page .am-card-overlay { padding: 11px 11px 12px; }
  .areas-magazine-page .am-card-links a { gap: 4px; font-size: 10px; }
  .areas-magazine-page .am-arrow { right: 11px; width: 26px; height: 26px; bottom: 55px; }
  .areas-magazine-page .am-welcome { min-height: 146px; gap: 19px; padding: 19px; }
  .areas-magazine-page .am-welcome-icon { flex-basis: 63px; width: 63px; height: 72px; }
  .areas-magazine-page .am-map-box h2 { padding-inline: 10px; }
  .areas-magazine-page .am-match-box { padding: 10px; }
  .areas-magazine-page .am-personas > a { grid-template-columns: 25px minmax(0,1fr); gap: 8px; padding: 7px 3px; }
  .areas-magazine-page .am-personas > a > svg { width: 25px; height: 25px; }
  .areas-magazine-page .am-reading li > a { grid-template-columns: 49px minmax(0,1fr); gap: 8px; }
  .areas-magazine-page .am-reading li img { width: 49px; height: 39px; }
}
@media (max-width: 850px) {
  .areas-magazine-page .am-hero { min-height: 285px; }
  .areas-magazine-page .am-hero-inner { padding-block: 34px; }
  .areas-magazine-page .am-intro { width: 64%; }
  .areas-magazine-page .am-signature { width: 180px; font-size: 22px; }
  .areas-magazine-page .am-topics { flex-wrap: wrap; gap: 13px; padding-block: 17px; }
  .areas-magazine-page .am-topic-links { flex-basis: 100%; }
  .areas-magazine-page .am-topic { font-size: 11px; }
  .areas-magazine-page .am-search { flex-basis: 100%; max-width: 360px; margin-left: auto; }
  .areas-magazine-page .am-search input { font-size: 13px; }
  .areas-magazine-page .am-content { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .areas-magazine-page .am-grid { gap: 13px 11px; }
  .areas-magazine-page .am-card-image { min-height: 220px; }
  .areas-magazine-page .am-card h3 { font-size: 17px; }
  .areas-magazine-page .am-card-overlay > p { font-size: 13px; }
  .areas-magazine-page .am-card-links a { min-height: 42px; font-size: 11px; }
  .areas-magazine-page .am-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .areas-magazine-page .am-sidebar h2 { font-size: 21px; }
  .areas-magazine-page .am-map-preview { height: 260px; }
  .areas-magazine-page .am-match-box { padding: 14px; }
  .areas-magazine-page .am-match-box > p { font-size: 13px; }
  .areas-magazine-page .am-personas > a { padding-block: 8px; }
  .areas-magazine-page .am-personas strong { font-size: 13px; }
  .areas-magazine-page .am-personas span { font-size: 12px; }
  .areas-magazine-page .am-reading { grid-column: 1/-1; }
  .areas-magazine-page .am-reading .am-section-head h2 { font-size: 22px; }
  .areas-magazine-page .am-reading ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 25px; }
  .areas-magazine-page .am-reading li > a { grid-template-columns: 65px minmax(0,1fr); gap: 12px; }
  .areas-magazine-page .am-reading li img { width: 65px; height: 50px; }
  .areas-magazine-page .am-reading h3 { font-size: 13px; }
  .areas-magazine-page .am-reading p { font-size: 12px; }
}
@media (max-width: 600px) {
  .areas-magazine-page .am-hero { min-height: 330px; }
  .areas-magazine-page .am-hero-image img { object-position: 60% center; }
  .areas-magazine-page .am-hero::before { background: linear-gradient(90deg,rgba(0,23,37,.86),rgba(0,23,37,.36)),linear-gradient(0deg,rgba(0,19,28,.38),transparent); }
  .areas-magazine-page .am-hero-inner { padding-block: 37px 33px; }
  .areas-magazine-page .am-eyebrow { margin-bottom: 14px; font-size: 9px; letter-spacing: .21em; }
  .areas-magazine-page .am-hero h1 { margin-bottom: 17px; font-size: clamp(39px,10.5vw,53px); line-height: 1.03; }
  .areas-magazine-page .am-intro { max-width: 440px; width: 100%; font-size: 14px; line-height: 1.55; }
  .areas-magazine-page .am-signature { display: none; }
  .areas-magazine-page .am-topics { display: block; padding-block: 16px 20px; }
  .areas-magazine-page .am-topic-links { display: flex; align-items: stretch; gap: 6px; padding: 2px 2px 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: #b5d5f5 #f3f8ff; }
  .areas-magazine-page .am-topic { flex: 0 0 74px; font-size: 11px; padding-bottom: 8px; }
  .areas-magazine-page .am-topic svg { width: 32px; height: 32px; }
  .areas-magazine-page .am-search { width: 100%; max-width: none; min-height: 42px; margin-top: 12px; gap: 9px; }
  .areas-magazine-page .am-search input { padding-block: 11px; font-size: 13px; }
  .areas-magazine-page .am-search button { min-width: 65px; padding-inline: 12px; font-size: 12px; }
  .areas-magazine-page .am-content { padding-top: 0; gap: 25px; }
  .areas-magazine-page .am-section-head { flex-wrap: wrap; gap: 5px 12px; margin-bottom: 7px; }
  .areas-magazine-page .am-section-head h2 { font-size: 26px; }
  .areas-magazine-page .am-section-head > a { margin-left: auto; font-size: 12px; }
  .areas-magazine-page .am-section-intro { margin-bottom: 13px; font-size: 13px; }
  .areas-magazine-page .am-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 10px; }
  .areas-magazine-page .am-card-image { min-height: 219px; }
  .areas-magazine-page .am-card-overlay { padding: 12px 11px; }
  .areas-magazine-page .am-card h3 { margin-bottom: 6px; padding-right: 24px; font-size: 17px; }
  .areas-magazine-page .am-card-overlay > p { font-size: 12px; line-height: 1.45; }
  .areas-magazine-page .am-arrow { right: 9px; bottom: 75px; width: 24px; height: 24px; font-size: 17px; }
  .areas-magazine-page .am-card-links { min-height: 46px; padding-inline: 2px; }
  .areas-magazine-page .am-card-links a { flex-direction: column; gap: 3px; padding-block: 7px; font-size: 10px; }
  .areas-magazine-page .am-card-links svg { width: 15px; height: 15px; flex-basis: 15px; }
  .areas-magazine-page .am-welcome { gap: 13px; min-height: 180px; margin-top: 18px; padding: 20px 16px; }
  .areas-magazine-page .am-welcome-icon { flex-basis: 41px; width: 41px; height: 56px; }
  .areas-magazine-page .am-welcome > div:not(.am-welcome-icon) { width: auto; flex: 1; max-width: 360px; }
  .areas-magazine-page .am-welcome > img { width: 100%; opacity: .3; }
  .areas-magazine-page .am-welcome::after { background: linear-gradient(90deg,#eef7ff 20%,rgba(238,247,255,.92) 65%,rgba(238,247,255,.68)); }
  .areas-magazine-page .am-welcome h2 { font-size: 21px; }
  .areas-magazine-page .am-welcome p { font-size: 13px; }
  .areas-magazine-page .am-button { min-height: 41px; font-size: 12px; }
  .areas-magazine-page .am-sidebar { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .areas-magazine-page .am-map-box h2 { padding: 15px; font-size: 23px; }
  .areas-magazine-page .am-map-preview { height: 275px; }
  .areas-magazine-page .am-map-box .am-map-cta { min-height: 40px; margin-top: -58px; margin-bottom: 19px; font-size: 12px; }
  .areas-magazine-page .am-map-box > :is(small,p) { padding-inline: 15px; font-size: 11px; }
  .areas-magazine-page .am-match-box { padding: 16px; }
  .areas-magazine-page .am-match-box h2 { font-size: 23px; }
  .areas-magazine-page .am-match-box > p { font-size: 14px; }
  .areas-magazine-page .am-personas > a { grid-template-columns: 31px minmax(0,1fr); gap: 13px; padding: 11px 7px; }
  .areas-magazine-page .am-personas > a > svg { width: 31px; height: 31px; }
  .areas-magazine-page .am-personas strong { font-size: 14px; }
  .areas-magazine-page .am-personas span { font-size: 12px; }
  .areas-magazine-page .am-match-box > .am-button { min-height: 42px; font-size: 12px; }
  .areas-magazine-page .am-reading { grid-column: auto; }
  .areas-magazine-page .am-reading ul { grid-template-columns: minmax(0,1fr); gap: 13px; }
  .areas-magazine-page .am-reading li > a { grid-template-columns: 68px minmax(0,1fr); gap: 12px; }
  .areas-magazine-page .am-reading li img { width: 68px; height: 53px; }
  .areas-magazine-page .am-reading h3 { font-size: 14px; }
  .areas-magazine-page .am-reading p { font-size: 12px; }
  .areas-magazine-page .am-directory > summary { padding: 15px; font-size: 17px; }
  .areas-magazine-page .am-directory :is(.home-buy,.areas-map) { padding-inline: 13px; }
  .areas-magazine-page .am-directory .priority-trust { margin-inline: 13px; }
  .areas-magazine-page .am-additional { grid-template-columns: minmax(0,1fr); padding: 23px 13px; }
  .areas-magazine-page .am-additional > article { padding: 17px; scroll-margin-top: 24px; }
}
@media (max-width: 340px) {
  .areas-magazine-page .am-grid { grid-template-columns: minmax(0,1fr); }
  .areas-magazine-page .am-card-image { min-height: 226px; }
  .areas-magazine-page .am-card h3 { font-size: 20px; }
  .areas-magazine-page .am-card-overlay > p { font-size: 14px; }
  .areas-magazine-page .am-card-links a { flex-direction: row; gap: 6px; font-size: 11px; }
  .areas-magazine-page .am-arrow { bottom: 61px; }
  .areas-magazine-page .am-welcome-icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .areas-magazine-page :is(.am-card-image > img,.am-topic-links) { transition: none; scroll-behavior: auto; }
}
@media (forced-colors: active) {
  .areas-magazine-page :is(.am-hero,.am-card-image,.am-welcome) { color: CanvasText; background: Canvas; }
  .areas-magazine-page :is(.am-hero-image,.am-card-image > img,.am-welcome > img) { display: none; }
  .areas-magazine-page .am-hero::before,
  .areas-magazine-page .am-card-image::after,
  .areas-magazine-page .am-welcome::after { display: none; }
  .areas-magazine-page :is(.am-hero,.am-card-image,.am-welcome) :is(h1,h2,h3,p,span) { color: CanvasText; text-shadow: none; }
  .areas-magazine-page :is(.am-card,.am-search,.am-map-box,.am-match-box,.am-button,.am-directory) { border: 1px solid CanvasText; }
  .areas-magazine-page .am-topic[aria-current] { border-bottom: 2px solid Highlight; }
}
@media print {
  .areas-magazine-page :is(.am-topics,.am-signature,.am-map-box) { display: none; }
  .areas-magazine-page .am-content { display: block; }
  .areas-magazine-page .am-hero { min-height: auto; background: #fff; }
  .areas-magazine-page .am-hero::before,
  .areas-magazine-page .am-hero-image { display: none; }
  .areas-magazine-page .am-hero :is(h1,p,span) { color: #000; }
  .areas-magazine-page .am-intro { width: 100%; max-width: none; }
  .areas-magazine-page .am-card { break-inside: avoid; }
  .areas-magazine-page .am-sidebar { margin-top: 20px; }
}

/* Each planning tool is now its own address, not a long hidden directory. */
.areas-magazine-page .am-subsections { margin-block: 5px 30px; }
.areas-magazine-page .am-subsections h2 { margin: 0 0 7px; color: #0c1539; font: 700 clamp(23px,2.2vw,31px)/1.2 Arial,sans-serif; letter-spacing: -.035em; text-transform: none; }
.areas-magazine-page .am-subsections > p { margin: 0 0 16px; color: #465c7b; font: 400 14px/1.6 Arial,sans-serif; }
.areas-magazine-page .am-subsection-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.areas-magazine-page .am-subsection-card { display: flex; align-items: flex-start; gap: 17px; min-width: 0; padding: 21px; border: 1px solid #dce7f3; border-radius: 7px; background: linear-gradient(125deg,#f0f7ff,#fff 85%); color: #0c1539; text-decoration: none; transition: border-color .18s,background .18s; }
.areas-magazine-page .am-subsection-card > svg { flex: 0 0 32px; width: 32px; height: 32px; color: #007bff; }
.areas-magazine-page .am-subsection-card > div { min-width: 0; }
.areas-magazine-page .am-subsection-card h3 { margin: 0 0 8px; color: #0c1539; font: 700 19px/1.25 Arial,sans-serif; letter-spacing: -.025em; text-transform: none; }
.areas-magazine-page .am-subsection-card p { margin: 0 0 13px; color: #465c7b; font: 400 13px/1.55 Arial,sans-serif; }
.areas-magazine-page .am-subsection-card span { color: #0069dd; font: 700 12px/1.5 Arial,sans-serif; }
.areas-magazine-page .am-subsection-card:hover { border-color: #007bff; background: #edf6ff; }
.areas-magazine-page .am-subsection-card:focus-visible { outline: 3px solid #0072ee; outline-offset: 3px; }
.areas-magazine-page .am-editorial-note { margin-block: 0 28px; border-top: 1px solid #dce7f3; color: #465c7b; font: 400 13px/1.6 Arial,sans-serif; }
.areas-magazine-page .am-editorial-note > summary { padding: 17px 0; color: #465c7b; font: 700 13px/1.5 Arial,sans-serif; cursor: pointer; }
.areas-magazine-page .am-editorial-note > summary:focus-visible { outline: 3px solid #0072ee; outline-offset: 3px; }
.areas-magazine-page .am-legacy-link { display: none; }
.areas-magazine-page .am-legacy-link:target { display: block; width: 92%; max-width: 1320px; margin: 12px auto 24px; padding: 14px 17px; border: 1px solid #c4dcf5; border-radius: 6px; background: #edf6ff; color: #0c1539; scroll-margin-top: 100px; }
.areas-magazine-page .am-legacy-link:target > a { color: #0069dd; text-decoration: underline; }
@media (max-width: 850px) {
  .areas-magazine-page .am-subsection-card { gap: 11px; padding: 16px; }
  .areas-magazine-page .am-subsection-card > svg { flex-basis: 27px; width: 27px; height: 27px; }
  .areas-magazine-page .am-subsection-card h3 { font-size: 17px; }
}
@media (max-width: 600px) {
  .areas-magazine-page .am-subsections { margin-bottom: 25px; }
  .areas-magazine-page .am-subsection-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .areas-magazine-page .am-subsection-card { gap: 15px; padding: 18px; }
  .areas-magazine-page .am-subsection-card > svg { flex-basis: 31px; width: 31px; height: 31px; }
  .areas-magazine-page .am-subsection-card h3 { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .areas-magazine-page .am-subsection-card { transition: none; }
}