.editorial-page {
  --editorial-paper: #faf8f1;
  --editorial-green: #103b24;
  --editorial-lime: #e4f4b7;
  --editorial-rule: #dcded3;
  --editorial-serif: Georgia, 'Times New Roman', serif;
  --orange: #ed540b;
  background: var(--editorial-paper);
  color: var(--editorial-green);
  line-height: 1.5;
}
.editorial-page h1, .editorial-page h2, .editorial-page h3 {
  font-family: var(--editorial-serif);
  letter-spacing: -.026em;
  line-height: 1.1;
  color: var(--editorial-green);
}
.editorial-page h1 { font-size: clamp(39px, 5vw, 66px); }
.editorial-page h2 { font-size: clamp(29px, 3.2vw, 45px); margin-bottom: 15px; }
.editorial-page h3 { font-size: clamp(21px, 2.15vw, 29px); margin-bottom: 5px; }
.editorial-page p { color: #26342c; }
.editorial-page .eyebrow { color: var(--editorial-green); }
.editorial-page .header-inner { min-height: 64px; }
.editorial-page .announcement { display: none; }
.editorial-page .header-inner nav { margin-inline: auto; }
.editorial-page .orange { color: #fff; box-shadow: none; background: #c74106; }
.editorial-page .orange:hover { background: #aa3403; }
.editorial-icon { flex: none; width: 1.45em; height: 1.45em; vertical-align: middle; }
.editorial-hero { position: relative; isolation: isolate; background: #f5f1e7; }
.editorial-hero .wrap { min-height: clamp(280px, 32vw, 470px); display: flex; align-items: center; }
.editorial-hero-copy { position: relative; width: 54%; padding: 38px 0; }
.editorial-hero-copy > p:last-child, .editorial-help-hero > div > p:not(.eyebrow, .small) { font-size: clamp(16px, 1.6vw, 21px); margin-bottom: 0; }
.editorial-hero .eyebrow { margin-bottom: 12px; }
.editorial-hero-image { position: absolute; inset: 0 0 0 39%; z-index: -1; }
.editorial-hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.editorial-hero-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #f5f1e7, #f5f1e7bd 12%, transparent 44%); }
.editorial-tabs { background: var(--editorial-lime); }
.editorial-tabs > .wrap { display: flex; justify-content: center; flex-wrap: wrap; padding-block: 13px; }
.editorial-tabs a { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 4px clamp(12px, 3vw, 40px); font-weight: bold; font-size: 14px; text-decoration: none; }
.editorial-tabs a + a { border-left: 1px solid #adbd84; }
.editorial-tabs a:hover, .editorial-side a:hover { text-decoration: underline; }
.editorial-block { padding-block: 26px; }
.editorial-block + .editorial-block { border-top: 1px solid var(--editorial-rule); }
.editorial-steps, .editorial-care ul, .editorial-rule-list { list-style: none; padding: 0; margin: 0; }
.editorial-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.editorial-steps li, .editorial-care li { margin: 0; }
.editorial-steps img { width: 100%; aspect-ratio: 1.72; object-fit: cover; border-radius: 11px; }
.editorial-step-copy { display: flex; align-items: flex-start; gap: 11px; margin-top: 10px; }
.editorial-step-copy p, .editorial-room-grid p, .editorial-feature-grid p { margin-bottom: 0; }
.editorial-number { display: grid; place-items: center; flex: none; width: 2em; height: 2em; border-radius: 50%; background: #d5ed76; font: bold 20px var(--editorial-serif); }
.editorial-room-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 23px; }
.editorial-room-grid article { position: relative; border-radius: 9px; overflow: hidden; background: #efebdc; }
.editorial-room-grid img { width: 100%; aspect-ratio: 4.3; object-fit: cover; }
.editorial-room-grid h3 { position: absolute; top: 10px; left: 12px; padding: 5px 12px; border-radius: 6px; background: var(--editorial-green); color: white; font: bold 16px Arial, sans-serif; }
.editorial-room-grid p { padding: 10px 17px; font-size: 15px; }
.editorial-release, .editorial-about-band { background: #ddec9c; }
.editorial-release > div { display: flex; align-items: center; gap: 28px; padding-block: 17px; }
.editorial-release img { width: min(22%, 225px); border-radius: 6px; }
.editorial-release h2 { margin-bottom: 5px; }
.editorial-release p { margin-bottom: 3px; }
.editorial-release small, .editorial-care > p { font-style: italic; }
.editorial-care > div { display: grid; grid-template-columns: 1fr 2.2fr; gap: 26px; align-items: center; }
.editorial-care h2 { margin: 0; max-width: 310px; }
.editorial-care ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; border-left: 1px solid var(--editorial-rule); padding-left: 24px; }
.editorial-care li { display: flex; align-items: center; gap: 10px; }
.editorial-care li > span { display: grid; place-items: center; flex: none; width: 39px; height: 39px; border-radius: 50%; background: var(--editorial-lime); }
.editorial-care > p { text-align: center; border-top: 1px solid var(--editorial-rule); padding-top: 11px; margin: 18px 0 0; font-size: 14px; }
.editorial-contact { display: flex; align-items: center; justify-content: space-between; gap: 18px 30px; padding: 24px 30px; margin-bottom: 24px; border: 1px solid var(--editorial-rule); border-radius: 14px; background: #f6f1e5; }
.editorial-contact h2 { font-size: clamp(24px, 2.7vw, 36px); margin-bottom: 6px; }
.editorial-contact p { margin: 0; }
.editorial-contact-actions, .editorial-buy-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.editorial-contact-actions .email { display: inline-flex; gap: 9px; align-items: center; font-size: 15px; }
.editorial-purchase { background: var(--editorial-green); color: white; padding: 22px 0; }
.editorial-purchase .wrap { display: flex; align-items: center; justify-content: space-between; gap: 14px 25px; }
.editorial-purchase h2 { color: white; margin: 0; }
.editorial-purchase .outline { color: white; border-color: #d9e9d9; }
.editorial-footer .wrap { display: flex; align-items: center; gap: 18px 25px; min-height: 67px; padding-block: 10px; font-size: 14px; }
.editorial-footer a { text-decoration: none; }
.editorial-footer a:hover { text-decoration: underline; }
.editorial-footer .logo { width: 126px; }
.editorial-footer-email { border-left: 1px solid #a8b2a6; padding-left: 23px; }
.editorial-footer nav { display: flex; gap: 18px; margin-left: auto; }
.editorial-help-hero { text-align: center; background: #f6f3e9; position: relative; isolation: isolate; }
.editorial-help-hero::before, .editorial-help-hero::after { content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; width: min(22%, 210px); background-size: cover; }
.editorial-help-hero::before { left: 0; background-image: url('assets/help-leaves.webp'); background-position: left center; mask-image: linear-gradient(90deg, #000 42%, transparent); }
.editorial-help-hero::after { right: 0; background-image: url('assets/help-stone.webp'); background-position: right center; mask-image: linear-gradient(270deg, #000 42%, transparent); }
.editorial-help-hero .wrap { padding-block: 39px 23px; }
.editorial-help-hero h1 { font-size: clamp(37px, 4.7vw, 62px); margin-bottom: 10px; }
.editorial-help-hero .eyebrow { display: inline-flex; align-items: center; gap: 12px; }
.editorial-help-hero .eyebrow::before, .editorial-help-hero .eyebrow::after { content: ''; width: 33px; height: 1px; background: #79917a; }
.editorial-search { display: flex; align-items: center; position: relative; max-width: 650px; margin: 19px auto 0; }
.editorial-search .editorial-icon { position: absolute; left: 18px; pointer-events: none; }
.editorial-page .editorial-search input[type=search] { border: 1px solid var(--editorial-green); border-radius: 40px; padding-left: 50px; }
.editorial-help-hero #search-count { min-height: 1.6em; margin: 3px 0 0; }
.editorial-columns { display: grid; grid-template-columns: minmax(185px, 23%) minmax(0, 1fr); column-gap: 30px; padding-block: 26px 32px; }
.editorial-side { display: flex; flex-direction: column; gap: 5px; border-right: 1px solid var(--editorial-rule); padding-right: 19px; }
.editorial-side a { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border-radius: 6px; text-decoration: none; font-weight: 700; font-size: 14px; }
.editorial-side a[aria-current],
.editorial-faq:not(:has(.faq-group:target)) .editorial-side a:first-child,
.editorial-faq:has(#product:target) .editorial-side a[href$="#product"],
.editorial-faq:has(#use:target) .editorial-side a[href$="#use"],
.editorial-faq:has(#amazon:target) .editorial-side a[href$="#amazon"],
.editorial-faq:has(#share:target) .editorial-side a[href$="#share"] { background: var(--editorial-lime); }
.editorial-faq .faq-group { margin-bottom: 25px; }
.editorial-faq .faq-group:last-of-type { margin-bottom: 0; }
.editorial-faq .faq-group h2 { display: flex; align-items: center; gap: 12px; font-size: clamp(25px, 3vw, 37px); }
.editorial-faq .faq-group h2 .editorial-icon { width: 1em; height: 1em; }
.editorial-faq .faq-group details { margin-bottom: 5px; border-color: #bfc5b9; background: transparent; }
.editorial-faq summary { padding: 8px 39px 8px 17px; }
.editorial-faq summary::after { top: 12px; right: 17px; width: 9px; height: 9px; content: ''; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.editorial-faq details[open] > summary { background: var(--editorial-lime); }
.editorial-faq details[open] > summary::after { top: 15px; transform: rotate(225deg); }
.editorial-faq .answer { padding: 8px 17px; }
.editorial-help-contact { padding-right: 30%; min-height: 153px; background: var(--editorial-lime) url('assets/help-pouch.webp') right center / auto 100% no-repeat; }
.editorial-faq-purchase { background: transparent; padding: 0 0 16px; }
.editorial-faq-purchase .editorial-buy-actions { width: 100%; }
.editorial-faq-purchase .outline { color: var(--editorial-green); border-color: var(--editorial-green); }
.editorial-faq-purchase .orange { flex: 1; }
.editorial-approach { background: #f6f1e7; }
.editorial-approach .wrap { display: grid; grid-template-columns: 1fr 1.17fr; align-items: center; gap: 24px; }
.editorial-approach .wrap > div { padding-block: 25px; }
.editorial-approach p { margin-bottom: 0; }
.editorial-approach img { width: 100%; }
.editorial-about-band p { padding-block: 12px; margin-bottom: 0; text-align: center; font: bold clamp(23px, 3vw, 39px)/1.2 var(--editorial-serif); color: var(--editorial-green); }
.editorial-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.editorial-feature-grid img { width: 100%; aspect-ratio: 1.66; object-fit: cover; }
.editorial-feature-grid h2 { font-size: clamp(23px, 2.8vw, 33px); margin: 9px 0 7px; }
.editorial-feature-grid h2::after, .editorial-clarity h2::after, .editorial-routine h2::after { display: block; content: ''; width: 38px; height: 3px; margin-top: 7px; background: #9bc129; }
.editorial-clarity { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; }
.editorial-clarity p { margin: 0; }
.editorial-clarity nav { display: grid; border-left: 1px solid #b4c586; padding-left: 28px; }
.editorial-clarity nav a { border-bottom: 1px solid #b4c586; padding: 5px 0; font-weight: bold; text-decoration: none; }
.editorial-clarity nav a:hover { text-decoration: underline; }
.editorial-routine > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px; }
.editorial-routine img { width: 100%; aspect-ratio: 2.18; object-fit: cover; }
.editorial-about-purchase .wrap { justify-content: center; flex-wrap: wrap; }
.editorial-policy-hero { border-top: 7px solid #b7e34a; background: #f8f4e9 url('assets/policy-leaves.webp') right top / auto 75% no-repeat; }
.editorial-policy-hero .wrap { min-height: 220px; }
.editorial-policy-hero .editorial-hero-copy { width: min(100%, 900px); }
.editorial-policy .editorial-side h2 { font-size: clamp(22px, 2.5vw, 32px); margin: 0 0 9px 11px; }
.editorial-policy article > h2 { margin-bottom: 9px; }
.editorial-rule-list li { display: flex; align-items: flex-start; gap: 20px; border-bottom: 1px solid var(--editorial-rule); padding: 16px 0; margin: 0; }
.editorial-rule-list .editorial-number { border-radius: 9px; width: 2.65em; background: var(--editorial-lime); }
.editorial-rule-list p { margin: 0; }
.editorial-policy-note { margin: 17px 0 0; padding: 9px 15px; border-radius: 9px; font-style: italic; background: var(--editorial-lime); }
.editorial-related { margin-top: 28px; }
.editorial-related h2 { font-size: clamp(26px, 3vw, 37px); display: flex; gap: 15px; align-items: center; }
.editorial-related h2::after { content: ''; height: 1px; flex: 1; background: #a8b5a8; }
.editorial-related a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 16px; margin-bottom: 10px; border: 1px solid #bac5ba; border-radius: 9px; text-decoration: none; }
.editorial-related a:hover { background: #eef3e3; }
.editorial-related strong { display: block; font: bold 23px var(--editorial-serif); }
.editorial-related a > span:last-child { font-size: 27px; }
.editorial-policy-contact { width: 100%; margin: 23px 0 0; }
.editorial-page:has(.editorial-policy) .editorial-footer { background: var(--editorial-green); color: white; }
.editorial-page:has(.editorial-policy) .editorial-footer .logo { filter: brightness(0) invert(1); }

@media (max-width: 980px) {
  .editorial-help-contact { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 800px) {
  .editorial-page .header-inner nav { margin: 0; }
  .editorial-hero .wrap { min-height: auto; }
  .editorial-hero-copy { width: 70%; }
  .editorial-tabs > .wrap { gap: 7px 14px; }
  .editorial-tabs a { padding: 3px 8px; }
  .editorial-tabs a + a { border: 0; }
  .editorial-steps { grid-template-columns: 1fr; }
  .editorial-steps li { display: grid; grid-template-columns: minmax(0, 38%) 1fr; gap: 12px; align-items: center; }
  .editorial-step-copy { margin: 0; }
  .editorial-care > div { grid-template-columns: 1fr; gap: 16px; }
  .editorial-care ul { border: 0; padding: 0; }
  .editorial-care h2 { max-width: none; }
  .editorial-contact, .editorial-purchase .wrap { align-items: flex-start; flex-direction: column; }
  .editorial-about-purchase .wrap { align-items: center; }
  .editorial-footer .wrap { flex-wrap: wrap; }
  .editorial-help-hero::before, .editorial-help-hero::after { opacity: .45; }
  .editorial-columns { grid-template-columns: 1fr; gap: 17px; }
  .editorial-side { border: 0; border-bottom: 1px solid var(--editorial-rule); padding: 0 0 12px; flex-direction: row; flex-wrap: wrap; }
  .editorial-side h2 { flex-basis: 100%; }
  .editorial-faq .editorial-side { display: none; }
  .editorial-help-contact { background-size: auto 75%; background-position: right bottom; }
}
@media (max-width: 560px) {
  .editorial-hero { display: flex; flex-direction: column; }
  .editorial-hero-copy { width: 100%; padding-block: 26px 20px; }
  .editorial-hero-image { position: relative; inset: auto; order: 1; }
  .editorial-hero-image img { aspect-ratio: 2.05; }
  .editorial-hero-image::after { display: none; }
  .editorial-steps li, .editorial-feature-grid, .editorial-room-grid, .editorial-approach .wrap, .editorial-clarity { grid-template-columns: 1fr; }
  .editorial-steps img { aspect-ratio: 1.9; }
  .editorial-room-grid img { aspect-ratio: 4; }
  .editorial-approach .wrap { padding-bottom: 18px; gap: 0; }
  .editorial-clarity nav { border-left: 0; padding-left: 0; }
  .editorial-release img { display: none; }
  .editorial-care ul { grid-template-columns: 1fr; }
  .editorial-contact { padding: 18px; }
  .editorial-help-contact { background-image: none; }
  .editorial-help-hero::before, .editorial-help-hero::after { display: none; }
  .editorial-footer .wrap { gap: 8px 14px; }
  .editorial-footer .logo { width: 94px; }
  .editorial-footer-email { border: 0; padding: 0; }
  .editorial-footer nav { width: 100%; margin: 0; }
  .editorial-policy-hero { background-size: auto 45%; }
  .editorial-rule-list li { gap: 11px; }
}