/* Green Notes: shared editorial layout for all three homeowner guides. */
.goe-article {
  --article-ink: #203b2d;
  --article-green: #365923;
  --article-muted: #596456;
  --article-line: #dce4d7;
  --article-paper: #f4f6ef;
  padding: 26px 32px 88px;
  background: #fff;
  color: #354333;
  font-family: "Poppins", Arial, sans-serif;
  text-align: left;
}
.goe-article *, .goe-article *::before, .goe-article *::after { box-sizing: border-box; }
.goe-article .goe-article__shell { max-width: 1200px; margin: 0 auto; }
.goe-article a { margin: 0; }
.goe-article .goe-article__breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0 0 28px; color: var(--article-muted); font-size: 12px; line-height: 1.6; }
.goe-article .goe-article__breadcrumb a { color: var(--article-green); text-decoration: none; }
.goe-article .goe-article__breadcrumb a:hover { text-decoration: underline; }
.goe-article .goe-article__masthead { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 19px; margin-bottom: 0; border-bottom: 2px solid var(--article-ink); }
.goe-article .goe-article__masthead > a { color: var(--article-ink); font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -1px; text-decoration: none; }
.goe-article .goe-article__masthead > a span { color: #67ad34; }
.goe-article .goe-article__masthead p { margin: 0; color: var(--article-muted); font-size: 12px; line-height: 1.6; }
.goe-article .goe-article__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 42px; padding: 38px 32px; background: var(--article-paper); border-bottom: 1px solid var(--article-line); }
.goe-article .goe-article__header { min-width: 0; }
.goe-article .goe-article__category { display: inline-flex; align-items: center; gap: 9px; color: var(--article-green); font-size: 12px; font-weight: 600; line-height: 1.6; }
.goe-article .goe-article__category::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #67ad34; }
.goe-article h1 { margin: 17px 0 22px; color: var(--article-ink); font: 600 clamp(32px, 3.6vw, 46px)/1.13 "Poppins", Arial, sans-serif; letter-spacing: -1.5px; text-transform: none; text-wrap: balance; }
.goe-article .goe-article__lead { margin: 0; color: #3e4e3a; font-size: 16px; line-height: 1.8; }
.goe-article .goe-article__meta { display: flex; flex-wrap: wrap; gap: 5px 14px; padding-top: 19px; margin: 21px 0 0; border-top: 1px solid #d5dfcf; color: #54634c; font-size: 11px; line-height: 1.7; }
.goe-article .goe-article__meta > span:first-child { flex-basis: 100%; font-weight: 500; }
.goe-article .goe-article__intro-links { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; margin-top: 23px; }
.goe-article .goe-article__intro-links a { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 44px; color: var(--article-ink); font-size: 12px; font-weight: 600; text-decoration: none; }
.goe-article .goe-article__intro-links a:first-child { padding: 11px 17px; background: #fff; border: 1px solid #adbea3; border-radius: 5px; }
.goe-article .goe-article__intro-links a:hover { color: #386022; text-decoration: underline; text-underline-offset: 4px; }
.goe-article .goe-article__service-link { margin: 16px 0 0; font-size: 11px; line-height: 1.7; }
.goe-article .goe-article__service-link a { color: #536749; text-decoration: underline; text-underline-offset: 3px; }
.goe-article .goe-article__figure { width: 100%; max-width: none; margin: 32px 0; }
.goe-article .goe-article__figure img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 7px; }
.goe-article .goe-article__figure figcaption { margin-top: 11px; color: var(--article-muted); font-size: 12px; line-height: 1.65; }
.goe-article .goe-article__figure--hero { margin: 0; padding: 10px; background: #fff; border: 1px solid #dde5d7; border-radius: 9px; box-shadow: 0 10px 28px #2234210a; }
.goe-article .goe-article__figure--hero img { aspect-ratio: 3 / 2; object-fit: contain; border-radius: 4px; }
.goe-article .goe-article__figure--hero figcaption { margin: 0; padding: 13px 7px 5px; font-size: 11px; }
.goe-article .goe-article__reading { display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 64px; max-width: none; margin: 48px 0 0; scroll-margin-top: 110px; }
.goe-article .goe-article__content { display: grid; align-content: start; gap: 35px; min-width: 0; }
.goe-article .goe-article__toc { padding: 24px 26px; background: #fafbf7; border: 1px solid var(--article-line); border-radius: 8px; }
.goe-article .goe-article__toc-title { margin: 0 0 16px; color: var(--article-ink); font-size: 15px; font-weight: 600; line-height: 1.5; }
.goe-article .goe-article__toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 24px; margin: 0; padding: 0; list-style: none; }
.goe-article .goe-article__toc li { margin: 0; padding: 0; list-style: none; }
.goe-article .goe-article__toc a { display: flex; gap: 11px; padding: 5px 0; color: #43523b; font-size: 12px; line-height: 1.65; text-decoration: none; }
.goe-article .goe-article__toc a > span { flex: 0 0 20px; color: #586b4c; font-size: 11px; font-variant-numeric: tabular-nums; }
.goe-article .goe-article__toc a:hover { color: #29481d; text-decoration: underline; text-underline-offset: 3px; }
.goe-article .goe-article__body { min-width: 0; max-width: 790px; color: #3e493a; font-size: 16px; line-height: 1.9; }
.goe-article .goe-article__body p { margin: 0 0 21px; color: inherit; font-size: inherit; line-height: inherit; }
.goe-article .goe-article__body h2 { margin: 0 0 21px; color: var(--article-ink); font: 600 clamp(24px, 2.2vw, 29px)/1.35 "Poppins", Arial, sans-serif; letter-spacing: -.65px; text-transform: none; scroll-margin-top: 115px; text-wrap: balance; }
.goe-article .goe-article__body h3 { margin: 24px 0 12px; color: var(--article-ink); font: 600 18px/1.5 "Poppins", Arial, sans-serif; text-transform: none; }
.goe-article .goe-article__chapter { margin: 0 0 46px; padding-top: 27px; border-top: 1px solid var(--article-line); }
.goe-article .goe-article__chapter h2 { display: flex; align-items: baseline; gap: 17px; }
.goe-article .goe-article__chapter-number { flex: 0 0 33px; color: #53753c; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.goe-article .goe-article__chapter > :last-child { margin-bottom: 0; }
.goe-article .goe-article__opening { margin-bottom: 32px; padding-left: 21px; border-left: 3px solid #bad68c; }
.goe-article .goe-article__opening > :last-child { margin-bottom: 0; }
.goe-article .goe-article__body a { color: var(--article-green); text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.goe-article .goe-article__body ul, .goe-article .goe-article__body ol { margin: 0 0 25px; padding-left: 24px; }
.goe-article .goe-article__body ul { list-style: disc; }
.goe-article .goe-article__body ol { list-style: decimal; }
.goe-article .goe-article__body li { margin: 0 0 11px; padding-left: 5px; list-style: inherit; }
.goe-article .goe-article__body li::marker { color: #719655; }
.goe-article .goe-article__table { width: 100%; overflow-x: auto; margin: 27px 0 29px; border: 1px solid var(--article-line); border-radius: 8px; }
.goe-article .goe-article__table table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.75; }
.goe-article .goe-article__table th, .goe-article .goe-article__table td { padding: 18px; border-bottom: 1px solid var(--article-line); text-align: left; vertical-align: top; }
.goe-article .goe-article__table th { background: #294735; color: #fff; font-weight: 500; }
.goe-article .goe-article__table td:first-child { color: var(--article-ink); font-weight: 500; }
.goe-article .goe-article__table tbody tr:nth-child(even) { background: #f5f7f1; }
.goe-article .goe-article__table tr:last-child td { border-bottom: 0; }
.goe-article .goe-article__body .goe-article__eyebrow { margin: 0 0 11px; color: #536e42; font-size: 12px; font-weight: 500; line-height: 1.5; }
.goe-article .goe-article__faq { margin-top: 45px; padding: 28px; background: var(--article-paper); border: 1px solid var(--article-line); border-radius: 10px; }
.goe-article .goe-article__faq > h2 { margin-bottom: 24px; }
.goe-article .goe-article__faq-item { margin-bottom: 10px; padding: 0; border: 1px solid #d9e3d2; background: #fff; border-radius: 6px; }
.goe-article .goe-article__faq-item:last-child { margin-bottom: 0; }
.goe-article .goe-article__faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 20px; color: var(--article-ink); cursor: pointer; list-style: none; }
.goe-article .goe-article__faq-item summary::-webkit-details-marker { display: none; }
.goe-article .goe-article__faq-item summary::marker { content: ""; }
.goe-article .goe-article__faq-item summary::after { content: "+"; display: grid; place-items: center; flex: 0 0 25px; height: 25px; background: #eef4e7; border-radius: 50%; color: #365923; font: 400 20px/1 Arial, sans-serif; }
.goe-article .goe-article__faq-item[open] summary::after { content: "−"; }
.goe-article .goe-article__faq-item summary h3 { margin: 0; font-size: 15px; line-height: 1.65; }
.goe-article .goe-article__faq-answer { padding: 0 20px 18px; font-size: 14px; line-height: 1.85; }
.goe-article .goe-article__faq-answer p:last-child { margin-bottom: 0; }
.goe-article .goe-article__cta { margin: 42px 0 26px; padding: 35px; border-radius: 10px; background: #254631; color: #f5f9ef; text-align: center; }
.goe-article .goe-article__cta h2 { color: #fff; font-size: 29px; }
.goe-article .goe-article__cta p { color: #e1eadb; font-size: 15px; }
.goe-article .goe-article__cta .goe-article__eyebrow { color: #c1e39e; }
.goe-article .goe-article__cta a { color: #eff9e5; }
.goe-article .goe-article__body .goe-article__button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; margin: 4px auto 0; padding: 13px 27px; border-radius: 6px; background: #73e000; color: #18320e; font-size: 14px; font-weight: 600; line-height: 1.6; text-decoration: none; }
.goe-article .goe-article__body .goe-article__button:hover { background: #92ed39; }
.goe-article .goe-question { margin: 0 0 35px; padding: 25px 28px; background: #fff; border: 1px solid var(--article-line); border-radius: 8px; }
.goe-article .goe-question h2 { font-size: 22px; }
.goe-article .goe-question .goe-question__icon { background: #edf4e6; border: 0; }
.goe-article .goe-article__related { margin: 30px 0; padding: 23px 0; border-top: 1px solid var(--article-line); border-bottom: 1px solid var(--article-line); }
.goe-article .goe-article__related p { margin-bottom: 9px; color: var(--article-muted); font-size: 12px; }
.goe-article .goe-article__related a { font-weight: 500; }
.goe-article .goe-article__sources { margin: 30px 0 0; }
.goe-article .goe-article__sources h2 { font-size: 17px; letter-spacing: -.2px; }
.goe-article .goe-article__sources ul { margin: 0; font-size: 12px; line-height: 1.8; }
.goe-article .goe-article__sources li { margin-bottom: 7px; }
.goe-article .goe-article__body .goe-article__footprint { margin: 27px 0 0; padding-top: 20px; border-top: 1px solid var(--article-line); color: #65715e; font-size: 11px; line-height: 1.8; }
/* The lighting detail photograph remains fully visible. */
.goe-article .goe-article__figure--detail { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(170px, 1fr); align-items: center; margin: 34px 0 42px; overflow: hidden; border: 1px solid var(--article-line); border-radius: 8px; background: var(--article-paper); }
.goe-article .goe-article__figure--detail img { min-width: 0; border-radius: 0; }
.goe-article .goe-article__figure--detail figcaption { min-width: 0; margin: 0; padding: 22px; font-size: 13px; line-height: 1.8; }
.goe-article .goe-article__figure-title { display: block; margin-bottom: 10px; color: var(--article-ink); font-size: 19px; font-weight: 600; line-height: 1.4; }
.goe-article .goe-article__figure-description { display: block; }
/* Resource card styling is scoped so the existing popup keeps its design. */
.goe-article .goe-sidebar { max-width: none; gap: 34px; }
.goe-article .goe-sidebar .goe-lead { padding: 24px; border: 1px solid #cbd8c0; border-top: 0; border-radius: 10px; background: #f5f8ef; overflow: hidden; }
.goe-article .goe-sidebar__resource-mark { display: flex; align-items: center; gap: 20px; margin: -24px -24px 25px; padding: 25px; background: #294735; color: #e6f2d8; }
.goe-article .goe-sidebar__resource-mark svg { display: block; flex: 0 0 38px; width: 38px; height: 46px; color: #c9e79b; }
.goe-article .goe-sidebar__resource-mark > span { color: #fff; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -.6px; }
.goe-article .goe-sidebar .goe-lead__tag { justify-content: space-between; margin-bottom: 15px; font-size: 10px; }
.goe-article .goe-sidebar .goe-lead__tag span:last-child { color: #476139; }
.goe-article .goe-sidebar .goe-lead h2 { font-size: 25px; line-height: 1.3; letter-spacing: -.6px; }
.goe-article .goe-sidebar .goe-lead__intro { font-size: 13px; line-height: 1.8; }
.goe-article .goe-sidebar .goe-lead__benefits { padding: 0 0 19px; list-style: none; }
.goe-article .goe-sidebar .goe-lead__benefits li { display: flex; gap: 9px; list-style: none; margin-bottom: 8px; }
.goe-article .goe-sidebar .goe-lead__benefits li::before { content: "✓"; color: #597d40; font-weight: 600; }
.goe-article .goe-sidebar .goe-lead input:not([type="hidden"]):not([type="checkbox"]) { height: 45px; border-color: #c6d3bd; border-radius: 5px; }
.goe-article .goe-sidebar .goe-lead__button { min-height: 49px; border-radius: 5px; }
.goe-article .goe-sidebar .goe-sidebar__related { padding: 0; }
.goe-article .goe-sidebar .goe-sidebar__related h2 { padding-bottom: 15px; margin: 0; border-bottom: 2px solid #294735; font-size: 18px; }
.goe-article .goe-sidebar__related a { display: grid; grid-template-columns: 82px minmax(0, 1fr); align-items: start; gap: 15px; padding: 21px 0; }
.goe-article .goe-sidebar__related img { display: block; width: 82px; height: 75px; object-fit: cover; border-radius: 4px; }
.goe-article .goe-sidebar__story { min-width: 0; }
.goe-article .goe-sidebar__article-title { font-size: 13px; line-height: 1.6; }
.goe-article .goe-sidebar__category { font-size: 10px; }
.goe-article .goe-sidebar__read { font-size: 11px; }
.goe-article :is(a, summary, input, button, textarea):focus-visible, .goe-article .goe-article__table:focus-visible { outline: 3px solid #568433 !important; outline-offset: 4px; }
@media (max-width: 1100px) {
  .goe-article .goe-article__intro { padding: 28px; gap: 30px; }
  .goe-article h1 { font-size: 36px; letter-spacing: -1px; }
  .goe-article .goe-article__reading { gap: 36px; grid-template-columns: minmax(0, 1fr) 300px; }
}
@media (max-width: 960px) {
  .goe-article .goe-article__intro { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .goe-article .goe-article__header { max-width: 700px; }
  .goe-article h1 { max-width: 670px; font-size: clamp(32px, 5vw, 44px); }
  .goe-article .goe-article__figure--hero { max-width: 700px; }
  .goe-article .goe-article__reading { grid-template-columns: minmax(0, 1fr); gap: 40px; margin-top: 35px; }
  .goe-article .goe-article__body { max-width: none; }
  .goe-article .goe-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); gap: 30px; }
}
@media (max-width: 600px) {
  .goe-article { padding: 20px 18px 52px; }
  .goe-article .goe-article__breadcrumb { margin-bottom: 22px; font-size: 11px; }
  .goe-article .goe-article__masthead { align-items: flex-start; padding-bottom: 15px; gap: 14px; }
  .goe-article .goe-article__masthead > a { font-size: 25px; white-space: nowrap; }
  .goe-article .goe-article__masthead p { max-width: 135px; font-size: 10px; text-align: right; }
  .goe-article .goe-article__intro { padding: 26px 18px 22px; gap: 24px; }
  .goe-article h1 { margin-top: 15px; font-size: clamp(29px, 7.5vw, 37px); line-height: 1.16; letter-spacing: -.9px; }
  .goe-article .goe-article__lead { font-size: 15px; line-height: 1.85; }
  .goe-article .goe-article__intro-links { gap: 8px 16px; }
  .goe-article .goe-article__intro-links a { font-size: 11px; }
  .goe-article .goe-article__meta { font-size: 10px; }
  .goe-article .goe-article__figure--hero { padding: 7px; }
  .goe-article .goe-article__figure--hero figcaption { font-size: 10px; padding: 10px 4px 3px; }
  .goe-article .goe-article__content { gap: 29px; }
  .goe-article .goe-article__toc { padding: 22px 20px; }
  .goe-article .goe-article__toc ol { grid-template-columns: 1fr; gap: 3px; }
  .goe-article .goe-article__toc a { min-height: 36px; align-items: center; font-size: 13px; }
  .goe-article .goe-article__chapter { padding-top: 24px; margin-bottom: 35px; }
  .goe-article .goe-article__chapter h2 { gap: 12px; font-size: 24px; }
  .goe-article .goe-article__chapter-number { flex-basis: 24px; font-size: 13px; }
  .goe-article .goe-article__body { font-size: 16px; line-height: 1.85; }
  .goe-article .goe-article__opening { padding-left: 15px; }
  .goe-article .goe-article__table { overflow: visible; border: 0; border-radius: 0; }
  .goe-article .goe-article__table table, .goe-article .goe-article__table tbody { display: block; width: 100%; }
  .goe-article .goe-article__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
  .goe-article .goe-article__table tbody tr { display: block; margin-bottom: 15px; border: 1px solid var(--article-line); border-radius: 7px; overflow: hidden; }
  .goe-article .goe-article__table td { display: grid; grid-template-columns: minmax(85px, .8fr) minmax(0, 1.5fr); gap: 14px; padding: 13px; overflow-wrap: anywhere; }
  .goe-article .goe-article__table td::before { content: attr(data-label); color: var(--article-green); font-weight: 500; }
  .goe-article .goe-article__table td:first-child { background: #294735; color: #fff; }
  .goe-article .goe-article__table td:first-child::before { color: #dbecc9; }
  .goe-article .goe-article__table tr:last-child td { border-bottom: 1px solid var(--article-line); }
  .goe-article .goe-article__table tr td:last-child { border-bottom: 0; }
  .goe-article .goe-article__faq { padding: 23px 16px; margin-top: 34px; }
  .goe-article .goe-article__faq > h2 { font-size: 25px; }
  .goe-article .goe-article__faq-item summary { padding: 16px 14px; gap: 12px; }
  .goe-article .goe-article__faq-item summary h3 { font-size: 14px; }
  .goe-article .goe-article__faq-answer { padding: 0 14px 17px; }
  .goe-article .goe-article__cta { margin-top: 32px; padding: 29px 22px; }
  .goe-article .goe-article__cta h2 { font-size: 26px; }
  .goe-article .goe-article__body .goe-article__button { width: 100%; }
  .goe-article .goe-question { padding: 24px 20px; }
  .goe-article .goe-question h2 { font-size: 21px; }
  .goe-article .goe-article__figure--detail { grid-template-columns: minmax(0, 1fr); margin: 28px 0 35px; }
  .goe-article .goe-article__figure--detail figcaption { padding: 20px; }
  .goe-article .goe-sidebar { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .goe-article .goe-sidebar__related a { grid-template-columns: 96px minmax(0, 1fr); }
  .goe-article .goe-sidebar__related img { width: 96px; height: 82px; }
  .goe-article .goe-sidebar__article-title { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .goe-article *, .goe-article *::before, .goe-article *::after { scroll-behavior: auto !important; transition: none !important; } }