.detail-reader { --reader-line:#dce2de; --reader-muted:#57665e; letter-spacing:0; background:#fff; }
.detail-reader #quick-facts,.detail-reader #answer,.detail-reader #price,.detail-reader #facilities,.detail-reader #compare { background:#fff; color:#18231d; }
.detail-reader .original-hero-title { padding-top:24px; }
.detail-reader .original-hero-title h1 { font-size:44px; line-height:1.12; letter-spacing:0; }
.detail-reader .hero-subtitle { max-width:850px; font-size:18px; line-height:1.55; }
.project-premium-page.original-media.detail-reader .hero-showcase { height:360px; grid-template-rows:175px 175px; }
.detail-reader .hero-showcase .hero-original { object-fit:contain; }
.detail-reader .showcase-caption { margin-bottom:20px; }
.detail-reader .reader-nav { position:relative; top:auto; z-index:30; background:#fff; border-bottom:1px solid var(--reader-line); }
.detail-reader .reader-nav a { min-height:52px; display:flex; align-items:center; font-size:15px; }
.detail-reader .reader-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:56px; align-items:start; }
.detail-reader .reader-main { min-width:0; }
.detail-reader .reader-anchor { display:block; scroll-margin-top:24px; }
.detail-reader .reader-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.detail-reader .reader-photos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.detail-reader .reader-photos figure { margin:0; min-width:0; }
.detail-reader .reader-photos button,.detail-reader .reader-extra-image { border:0; padding:0; background:#f2f5f3; width:100%; cursor:zoom-in; }
.detail-reader .reader-photos img { width:100%; aspect-ratio:4/3; object-fit:contain; }
.detail-reader .reader-photos figcaption { display:flex; flex-direction:column; gap:8px; padding:14px 0; font-size:14px; line-height:1.6; }
.detail-reader .reader-extra-image img { width:100%; height:auto; aspect-ratio:16/9; max-height:450px; object-fit:contain; }
.detail-reader .reader-extra-item { margin:24px 0; }
.detail-reader .reader-videos { display:grid; gap:28px; }
.detail-reader .reader-videos .video-frame { aspect-ratio:16/9; width:100%; overflow:hidden; }
.detail-reader .reader-videos .video-item h3 { color:#18231d; }
.detail-reader .reader-videos .video-credit { color:var(--reader-muted); }
.detail-reader .reader-videos .video-buyer-note { border-left:3px solid #ae8445; padding-left:14px; }
.detail-reader .reader-virtual-tour { display:block; width:100%; height:clamp(360px,55vw,540px); border:1px solid var(--reader-line); background:#18231d; }
.detail-reader .reader-layout-tags { color:var(--reader-muted); font-size:13px; }
.detail-reader .reader-alternative:not(:has(>img)) { display:block; }
.detail-reader .reader-section { padding:36px 0; border-bottom:1px solid var(--reader-line); scroll-margin-top:24px; }
.detail-reader .reader-section h2 { font-size:28px; line-height:1.25; margin:0 0 18px; letter-spacing:0; }
.detail-reader .reader-section h3 { font-size:19px; line-height:1.4; margin:22px 0 10px; letter-spacing:0; }
.detail-reader .reader-section p,.detail-reader .reader-section li { font-size:16px; line-height:1.75; }
.detail-reader .reader-section p { margin:0 0 18px; }
.detail-reader .reader-section ul { padding-left:20px; margin:0 0 20px; }
.detail-reader .reader-section li { margin:6px 0; }
.detail-reader .reader-section .section-kicker,.detail-reader .reader-sidebar .section-kicker { margin-bottom:10px; font-size:12px; letter-spacing:0; }
.detail-reader .reader-section .reader-intro { font-size:18px; line-height:1.7; }
.detail-reader .reader-section .reader-byline,.detail-reader .reader-section .reader-note { color:var(--reader-muted); font-size:14px; line-height:1.65; }
.detail-reader .reader-byline a,.detail-reader .reader-text-link,.detail-reader .reader-related a,.detail-reader .reader-sources a { text-decoration:underline; text-underline-offset:4px; }
.detail-reader .reader-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.project-premium-page.detail-reader #price .reader-actions .btn-secondary { background:#fff; border-color:#20543e; color:#20543e; }
.project-premium-page.detail-reader #price .reader-actions .btn-secondary:hover { background:#edf3ef; color:#173f2e; }
.detail-reader .reader-text-link { display:inline-block; padding:12px 0; color:#20543e; font-weight:600; }
.detail-reader .reader-contact-cta { display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;padding:12px 18px;border:1px solid #20543e;border-radius:4px;background:#20543e;color:#fff!important;font-size:15px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none!important }
.detail-reader .reader-sidebar { padding:36px 0; align-self:stretch; scroll-margin-top:24px; }
.detail-reader .reader-sidebar-inner { border-left:1px solid var(--reader-line); padding-left:28px; }
.detail-reader .reader-sidebar h2 { font-size:23px; line-height:1.3; letter-spacing:0; margin:0 0 20px; }
.detail-reader .reader-facts { margin:0 0 22px; }
.detail-reader .reader-facts>div { padding:12px 0; border-bottom:1px solid var(--reader-line); }
.detail-reader .reader-facts dt { font-size:12px; color:var(--reader-muted); margin-bottom:4px; }
.detail-reader .reader-facts dd { margin:0; font-size:15px; font-weight:600; line-height:1.55; }
.detail-reader .reader-sidebar .btn { width:100%; font-size:14px; min-height:48px; text-align:center; }
.detail-reader .reader-table-wrap { overflow-x:auto; margin:24px 0; }
.detail-reader .reader-table { width:100%; border-collapse:collapse; text-align:left; font-size:15px; }
.detail-reader .reader-table caption { text-align:left; font-size:13px; color:var(--reader-muted); margin-bottom:8px; }
.detail-reader .reader-table th,.detail-reader .reader-table td { padding:14px 12px; border-bottom:1px solid var(--reader-line); vertical-align:top; line-height:1.55; }
.detail-reader .reader-table thead { background:#edf3ef; }
.detail-reader .reader-table th:first-child { width:21%; }
.detail-reader .reader-table td:last-child { width:64px; }
.detail-reader .reader-plan-link { border:0; background:none; color:#20543e; font:inherit; font-weight:700; min-height:44px; padding:0 6px; cursor:pointer; text-decoration:underline; }
.detail-reader .layout-filters { display:flex; gap:8px; flex-wrap:wrap; margin:20px 0; }
.detail-reader .layout-filters button { min-height:44px; }
.detail-reader .reader-layout-decisions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0 24px; }
.detail-reader .reader-layout-decisions>div { min-width:0; padding:18px; background:#f3f6f3; border-left:3px solid #8ba78f; }
.detail-reader .reader-layout-decisions h3 { margin:0 0 8px; font-size:17px; }
.detail-reader .reader-layout-decisions p { margin:0; font-size:14px; line-height:1.6; }
.detail-reader .layout-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.detail-reader .reader-plan { display:block; width:100%; padding:0; border:1px solid var(--reader-line); border-radius:4px; background:white; color:inherit; text-align:left; font:inherit; cursor:pointer; overflow:hidden; }
.detail-reader .reader-plan[hidden] { display:none; }
.detail-reader .reader-plan .layout-media { display:block; height:auto; aspect-ratio:4/3; padding:12px; background:#fff; }
.detail-reader .reader-layouts--portrait .reader-plan .layout-media { aspect-ratio:3/4; }
.detail-reader .reader-plan .layout-media img { width:100%; height:100%; object-fit:contain; }
.detail-reader .reader-plan-caption { display:flex; flex-direction:column; padding:16px; gap:8px; font-size:14px; line-height:1.5; }
.detail-reader .reader-plan-caption strong { font-size:18px; }
.detail-reader .reader-nearby,.detail-reader .reader-assessment { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.detail-reader .reader-nearby h3,.detail-reader .reader-assessment h3 { margin-top:10px; }
.detail-reader .reader-map { margin:24px 0; }
.detail-reader .reader-map button { width:100%; padding:12px; border:1px solid var(--reader-line); background:white; cursor:zoom-in; }
.detail-reader .reader-map img { width:100%; height:auto; aspect-ratio:4/3; max-height:400px; object-fit:contain; }
.detail-reader .reader-map--embed iframe { display:block; width:100%; height:400px; border:1px solid var(--reader-line); }
.detail-reader .reader-map figcaption { font-size:13px; color:var(--reader-muted); margin-top:8px; }
.detail-reader .reader-facilities { columns:2; column-gap:32px; }
.detail-reader .reader-facilities li { break-inside:avoid; }
.detail-reader .reader-section .gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0 16px; }
.detail-reader .reader-section .gallery figure { margin:0; }
.detail-reader .reader-section .gallery figure:first-child { grid-column:1/-1; }
.detail-reader .reader-section .gallery button { aspect-ratio:4/3; width:100%; padding:0; border:0; cursor:zoom-in; background:#f2f5f3; }
.detail-reader .reader-section .gallery figure:first-child button { aspect-ratio:16/9; }
.detail-reader .reader-section .gallery img { width:100%; height:100%; object-fit:contain; }
.detail-reader .reader-section .gallery figcaption { font-size:14px; padding:10px 0; }
.detail-reader .reader-alternatives { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.detail-reader .reader-alternative { display:block; border:1px solid var(--reader-line); border-radius:4px; overflow:hidden; }
.detail-reader .reader-alternative>img { width:100%; aspect-ratio:4/3; object-fit:contain; background:#f2f5f3; }
.detail-reader .reader-alternative>span { display:flex; flex-direction:column; gap:10px; padding:18px; font-size:14px; line-height:1.6; }
.detail-reader .reader-alternative strong { font-size:18px; }
.detail-reader .reader-comparison-guide { margin:24px 0 28px; padding:26px; border:1px solid #cbdcd1; border-radius:10px; background:#f7faf7; }
.detail-reader .reader-comparison-guide h3 { margin:0 0 10px; }
.detail-reader .reader-comparison-guide .reader-comparison-answer { margin-bottom:18px; font-weight:600; }
.detail-reader .reader-comparison-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.detail-reader .reader-comparison-choices>div { padding:16px; border:1px solid #dce8df; border-radius:7px; background:#fff; }
.detail-reader .reader-comparison-choices strong { display:block; margin-bottom:6px; color:#20543e; }
.detail-reader .reader-comparison-choices p { margin:0; }
.detail-reader .reader-comparison-details { margin:0; }
.detail-reader .reader-comparison-details>div { display:grid; grid-template-columns:190px minmax(0,1fr); gap:18px; padding:13px 0; border-top:1px solid #dce8df; }
.detail-reader .reader-comparison-details dt { color:#52665a; font-size:13px; font-weight:700; }
.detail-reader .reader-comparison-details dd { margin:0; font-size:14px; line-height:1.65; }
.detail-reader .reader-comparison-guide .reader-note { margin:14px 0 0; }
.detail-reader .reader-atera-comparisons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:18px 0 22px; }
.detail-reader .reader-atera-comparison { display:flex; flex-direction:column; align-items:flex-start; gap:7px; min-width:0; padding:19px 20px; border:1px solid var(--reader-line); border-radius:10px; background:#fff; color:#18231d; text-decoration:none; }
.detail-reader .reader-atera-comparison.is-featured { grid-column:1/-1; padding:24px 26px; border-color:#abc6b6; background:#f1f7f3; }
.detail-reader .reader-atera-comparison-label { color:#476658; font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.detail-reader .reader-atera-comparison strong { font-size:18px; line-height:1.35; }
.detail-reader .reader-atera-comparison.is-featured strong { font-size:22px; }
.detail-reader .reader-atera-comparison-summary { color:var(--reader-muted); font-size:14px; line-height:1.55; }
.detail-reader .reader-atera-comparison-action { margin-top:auto; padding-top:9px; color:#20543e; font-size:13px; font-weight:700; }
.detail-reader .reader-atera-comparison:last-child { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px 18px; padding:15px 20px; }
.detail-reader .reader-atera-comparison:last-child .reader-atera-comparison-label { display:none; }
.detail-reader .reader-atera-comparison:last-child .reader-atera-comparison-action { margin:0; padding:0; white-space:nowrap; }
.detail-reader .reader-atera-comparison:focus-visible { outline:3px solid #20543e; outline-offset:3px; }
.detail-reader .project-faq-list summary { font-size:16px; min-height:48px; padding:18px 32px 18px 0; }
.detail-reader .reader-sources h2 { font-size:21px; }
.detail-reader .reader-sources p,.detail-reader .reader-sources li { font-size:14px; color:var(--reader-muted); }
.detail-reader .btn { min-height:48px; border-radius:4px; letter-spacing:0; }
.detail-reader :is(a,button,summary,[tabindex]):focus-visible { outline:3px solid #bb8b35; outline-offset:4px; }
@media(max-width:1000px) {
 .detail-reader .reader-grid { grid-template-columns:minmax(0,1fr) 260px; gap:28px; }
 .detail-reader .reader-sidebar-inner { padding-left:20px; }
}
@media(max-width:760px) {
  .detail-reader .reader-comparison-guide { padding:20px; }
  .detail-reader .reader-comparison-choices { grid-template-columns:1fr; }
  .detail-reader .reader-comparison-details>div { grid-template-columns:1fr; gap:4px; }
 .detail-reader .original-hero-title h1 { font-size:32px; }
 .detail-reader .hero-subtitle { font-size:16px; }
 .project-premium-page.original-media.detail-reader .hero-showcase { height:auto; grid-template-columns:1fr 1fr; grid-template-rows:300px 130px; }
 .project-premium-page.original-media.detail-reader .hero-showcase-single { height:300px; }
 .project-premium-page.original-media.detail-reader .hero-showcase-main { width:100%; aspect-ratio:auto; grid-column:1/-1; grid-row:1; }
 .project-premium-page.original-media.detail-reader .hero-showcase-pair .hero-showcase-detail { grid-column:1/-1; grid-row:2; }
 .detail-reader .reader-nav { top:auto; }
 .detail-reader .hero-showcase-main { height:300px; }
 .detail-reader .hero-showcase-detail { height:130px; }
 .detail-reader .reader-grid { display:flex; flex-direction:column; gap:0; }
 .detail-reader .reader-main { width:100%; max-width:100%; }
 .detail-reader .reader-sidebar { order:-1; width:100%; padding:24px 0 0; }
 .detail-reader .reader-sidebar-inner { border-left:0; padding-left:0; }
 .detail-reader .reader-sidebar h2 { display:none; }
 .detail-reader .reader-facts { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
 .detail-reader .reader-sidebar .btn,.detail-reader .reader-sidebar .reader-text-link { display:none; }
 .detail-reader .reader-facts dd { font-size:14px; }
 .detail-reader .reader-section { padding:28px 0; }
 .detail-reader .reader-section h2 { font-size:25px; }
 .detail-reader .reader-section .reader-intro { font-size:17px; }
 .detail-reader .layout-grid,.detail-reader .reader-layout-decisions,.detail-reader .reader-nearby,.detail-reader .reader-assessment,.detail-reader .reader-highlights,.detail-reader .reader-photos { grid-template-columns:1fr; }
 .detail-reader .reader-table th,.detail-reader .reader-table td { padding:12px 8px; font-size:14px; }
 .detail-reader .reader-facilities { columns:1; }
 .detail-reader .reader-alternatives { grid-template-columns:1fr; }
 .detail-reader .reader-alternative { display:grid; grid-template-columns:110px minmax(0,1fr); }
 .detail-reader .reader-alternative>img { height:100%; aspect-ratio:auto; }
 .detail-reader .reader-alternative>span { padding:14px; }
 .detail-reader .reader-section .gallery { gap:12px; }
 .detail-reader .reader-actions { gap:8px; }
 .detail-reader .reader-nav .anchor-scroll { gap:22px; }
}

/* Editorial reader v2: one calm reading column with optional extended facts. */
.detail-reader .reader-grid {
  width: min(calc(100% - 48px), 980px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.detail-reader .reader-main {
  width: 100%;
}

.detail-reader .reader-sidebar {
  order: -1;
  width: 100%;
  padding: 26px 0 4px;
}

.detail-reader .reader-facts-disclosure {
  border-block: 1px solid var(--reader-line);
}

.detail-reader .reader-facts-disclosure > summary {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 0;
  cursor: pointer;
  list-style: none;
}

.detail-reader .reader-facts-disclosure > summary::-webkit-details-marker {
  display: none;
}

.detail-reader .reader-facts-disclosure > summary > span:first-child {
  display: grid;
  gap: 3px;
}

.detail-reader .reader-facts-disclosure > summary small {
  color: var(--reader-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.detail-reader .reader-facts-disclosure > summary strong {
  color: #18231d;
  font-size: 16px;
}

.detail-reader .reader-facts-disclosure > summary > span:last-child {
  color: #20543e;
  font-size: 24px;
  line-height: 1;
  transition: transform 180ms ease-out;
}

.detail-reader .reader-facts-disclosure[open] > summary > span:last-child {
  transform: rotate(45deg);
}

.detail-reader .reader-facts-panel {
  padding: 0 0 24px;
}

.detail-reader .reader-facts-panel .reader-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 22px;
  margin: 0;
}

.detail-reader .reader-facts-panel .reader-facts > div {
  padding: 13px 0;
}

.detail-reader .reader-section {
  padding: 48px 0;
}

.detail-reader .reader-section > p:not(.section-kicker):not(.reader-note):not(.reader-byline),
.detail-reader .reader-section > ul {
  max-width: 760px;
}

.detail-reader #answer .reader-intro {
  max-width: 820px;
  font-size: 20px;
  line-height: 1.7;
}

.detail-reader [data-priority-decision-summary] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 30px;
  border: 1px solid var(--reader-line);
}

.detail-reader [data-priority-decision-summary] > div {
  padding: 20px;
  border: 0;
  border-right: 1px solid var(--reader-line);
}

.detail-reader [data-priority-decision-summary] > div:last-child {
  border-right: 0;
}

.detail-reader .reader-nav .anchor-scroll {
  justify-content: center;
}

.detail-reader .reader-verdict {
  max-width: 68ch;
  padding: 20px 22px;
  border-left: 4px solid #ae8445;
  background: #f6f3ed;
  color: #18231d;
  font-size: 17px !important;
  font-weight: 500;
  line-height: 1.65 !important;
}

.detail-reader .reader-verdict-facts,
.detail-reader .reader-yield-assumptions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
  margin-top: 24px;
}

.detail-reader .reader-comparison-table {
  min-width: 820px;
}

.detail-reader .reader-comparison-table tr.is-current {
  background: #f6f3ed;
}

.detail-reader .reader-comparison-table tr.is-current th:first-child::after {
  content: "Current page";
  display: block;
  margin-top: 5px;
  color: #80612e;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.detail-reader .reader-comparison-table th:first-child {
  width: auto;
  min-width: 150px;
}

.detail-reader .reader-comparison-table td:last-child {
  width: auto;
  min-width: 118px;
}

.detail-reader .reader-yield-table {
  max-width: 760px;
}

.detail-reader .reader-area-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.detail-reader .reader-area-links a {
  display: flex;
  min-height: 126px;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--reader-line);
  color: #18231d;
  text-decoration: none;
}

.detail-reader .reader-area-links strong {
  font-size: 18px;
}

.detail-reader .reader-area-links span {
  color: var(--reader-muted);
  font-size: 14px;
  line-height: 1.6;
}

@media(max-width:760px) {
  .detail-reader .reader-grid {
    width: min(calc(100% - 32px), 980px);
    display: grid;
  }
  .detail-reader .reader-sidebar {
    order: -1;
    padding-top: 18px;
  }
  .detail-reader .reader-sidebar .reader-text-link {
    display: inline-block;
  }
  .detail-reader .reader-facts-panel .reader-facts {
    grid-template-columns: 1fr 1fr;
  }
  .detail-reader .reader-section {
    padding: 36px 0;
  }
  .detail-reader #answer .reader-intro {
    font-size: 18px;
  }
  .detail-reader [data-priority-decision-summary] {
    grid-template-columns: 1fr;
  }
  .detail-reader [data-priority-decision-summary] > div {
    border-right: 0;
    border-bottom: 1px solid var(--reader-line);
  }
  .detail-reader [data-priority-decision-summary] > div:last-child {
    border-bottom: 0;
  }
  .detail-reader .reader-nav .anchor-scroll {
    justify-content: flex-start;
  }
  .detail-reader .reader-verdict-facts,
  .detail-reader .reader-yield-assumptions,
  .detail-reader .reader-area-links {
    grid-template-columns: 1fr;
  }
}

@media(max-width:420px) {
  .detail-reader .reader-facts-panel .reader-facts {
    grid-template-columns: 1fr;
  }
}

@media(max-width:760px) {
  .detail-reader .reader-atera-comparisons { grid-template-columns:1fr; }
  .detail-reader .reader-atera-comparison.is-featured { grid-column:auto; padding:20px; }
  .detail-reader .reader-atera-comparison:last-child { grid-column:auto; display:flex; align-items:flex-start; }
  .detail-reader .reader-atera-comparison:last-child .reader-atera-comparison-action { padding-top:9px; }
  .detail-reader .reader-contact-cta { width:100%; }
}
@media(prefers-reduced-motion:no-preference) {
  .detail-reader .reader-atera-comparison { transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
  .detail-reader .reader-atera-comparison:hover { border-color:#8fa99b; box-shadow:0 8px 24px #10281a16; transform:translateY(-2px); }
  .detail-reader .reader-contact-cta { transition:background-color .2s ease,transform .2s ease; }
  .detail-reader .reader-contact-cta:hover { background:#163b2c;transform:translateY(-2px); }
  .detail-reader .reader-plan,.detail-reader .reader-alternative { transition:border-color .2s ease,box-shadow .2s ease; }
  .detail-reader .reader-plan:hover,.detail-reader .reader-alternative:hover { border-color:#8fa99b;box-shadow:0 8px 24px #10281a16; }
}