/* Shared editorial finish for Simplify Labs service and information pages. */
:root {
  --paper: #f7f7f2;
  --ink: #151918;
  --muted: #585f5c;
  --line: #d8dcd5;
  --accent: #244bea;
  --cobalt: #244bea;
}

.editorial-page {font-size: 16px; line-height: 1.75;}
.editorial-page ::selection {background: #d8e0ff; color: var(--ink);}
.editorial-page :focus-visible {outline: 3px solid var(--accent); outline-offset: 5px;}
.editorial-page .wrap {width: min(1360px, calc(100% - 112px));}
.editorial-page h1,
.editorial-page h2,
.editorial-page h3 {font-weight: 800; letter-spacing: -.055em; text-wrap: balance;}
.editorial-page a {text-underline-offset: .23em;}
.editorial-page .eyebrow {font-size: 12px; letter-spacing: .12em; font-weight: 600; color: var(--muted);}
.editorial-page .site-header {height: 108px; gap: 32px; border-bottom: 1px solid var(--line);}
.editorial-page .brand {font-size: 31px; letter-spacing: -.065em; color: var(--ink);}
.editorial-page .brand-labs {font-weight: 400;}
.editorial-page .brand-period {color: var(--accent);}
.editorial-page .site-header > a:not(.brand) {font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.5; text-align: right;}
.editorial-page .button {min-height: 56px; padding: 17px 23px; border-radius: 5px; font-size: 16px; line-height: 1.4; background: var(--accent); color: #fff; border-color: var(--accent); gap: 25px; max-width: 100%;}
.editorial-page .button:hover {background: var(--ink); border-color: var(--ink); box-shadow: none; transform: translateY(-2px);}
.editorial-page .button span {flex-shrink: 0;}
.editorial-page .skip-link {background: var(--accent); color: #fff;}

.editorial-page .search-top {background: var(--paper); color: var(--ink);}
.editorial-page .breadcrumbs {border: 0; padding: 29px 0 58px; color: var(--muted); font-size: 13px; gap: 13px;}
.editorial-page .breadcrumbs a {color: var(--ink);}
.editorial-page .search-hero {padding-bottom: 96px;}
.editorial-page .search-hero > .eyebrow {margin-bottom: 28px; color: var(--accent);}
.editorial-page .search-hero-grid {grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 108px); align-items: center;}
.editorial-page .search-hero h1 {font-size: clamp(55px, 6.1vw, 88px); line-height: 1.02; letter-spacing: -.065em; font-weight: 800;}
.editorial-page .search-hero h1 em {font-style: normal; color: var(--accent);}
.editorial-page .search-lede {font-size: 19px; line-height: 1.7; color: var(--muted); margin: 30px 0; max-width: 590px;}
.editorial-page .search-path {position: relative; border: 0; border-radius: 12px; background: var(--ink); color: var(--paper); padding: 34px; transform: none; box-shadow: none;}
.editorial-page .search-path-top {font-size: 11px; letter-spacing: .11em; color: #b8c1ba; gap: 16px; line-height: 1.6;}
.editorial-page .search-path-top > span:last-child {font-size: 50px; color: #a9bbff;}
.editorial-page .search-path h2 {font-size: clamp(29px, 2.8vw, 40px); line-height: 1.12; margin: 32px 0 28px;}
.editorial-page .search-path li {font-size: 16px; gap: 18px; padding: 17px 0; border-top: 1px solid #ffffff25; align-items: baseline;}
.editorial-page .search-path li span {font-size: 12px; color: #a9bbff; flex-shrink: 0;}
.editorial-page .search-path p {font-size: 16px; line-height: 1.65; color: #bdc5bf; margin-top: 24px;}
.editorial-page .search-path .package-page-price {font-size: clamp(60px, 5.7vw, 82px); line-height: 1.1; font-weight: 800; letter-spacing: -.065em; margin-top: 27px;}
.editorial-page.package-page .search-path h2 {font-size: 29px; margin: 17px 0 24px;}
.editorial-page.package-page .package-note {font-size: 16px !important;}

.editorial-page .search-body {grid-template-columns: minmax(0, 780px) minmax(265px, 1fr); gap: clamp(40px, 7vw, 108px); padding-block: 88px 96px; border-top: 1px solid var(--line);}
.editorial-page .search-article {min-width: 0;}
.editorial-page .search-article section + section {margin-top: 56px; padding-top: 48px;}
.editorial-page .search-article h2 {font-size: clamp(29px, 3vw, 42px); line-height: 1.15; margin-bottom: 24px;}
.editorial-page .search-article h3 {font-size: 25px; line-height: 1.2; margin-block: 34px 15px;}
.editorial-page .search-article p,
.editorial-page .search-article li {font-size: 17px; line-height: 1.85; color: var(--muted);}
.editorial-page .search-article p + p,
.editorial-page .search-article p + ul,
.editorial-page .search-article p + ol {margin-top: 20px;}
.editorial-page .search-article strong {color: var(--ink);}
.editorial-page .search-article a {color: var(--accent);}
.editorial-page .search-article > h2 {margin-top: 46px;}
.editorial-page .search-article > h2:first-child {margin-top: 0;}
.editorial-page .search-article .guide-byline {font-size: 13px !important;}
.editorial-page .search-article .package-summary {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-block: 28px;}
.editorial-page .package-summary > div {padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 8px;}
.editorial-page .package-summary dt {font-size: 12px; letter-spacing: .1em; color: var(--accent);}
.editorial-page .package-summary dd {font-size: 16px; line-height: 1.7; margin-top: 15px; color: var(--ink);}
.editorial-page .search-article table {font-size: 16px; line-height: 1.7;}
.editorial-page .search-article caption {font-size: 14px; color: var(--muted); margin-bottom: 18px;}
.editorial-page .search-article th {background: var(--ink); color: #fff;}
.editorial-page .search-article th,
.editorial-page .search-article td {font-size: 16px; padding: 22px 19px;}
.editorial-page .search-article td {color: var(--muted); border-color: var(--line);}
.editorial-page .concept-invitation {margin-top: 36px; padding: clamp(26px, 4vw, 42px); background: #edf0ff; border: 1px solid #cbd5ff; border-radius: 12px;}
.editorial-page .concept-invitation .eyebrow {color: #244bea;}
.editorial-page .concept-invitation h3 {font-size: clamp(32px, 3.6vw, 48px); letter-spacing: -.055em; line-height: 1.08; margin: 22px 0;}
.editorial-page .concept-invitation > a {display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 22px; margin-top: 24px; border-top: 1px solid #c4cff4; border-bottom: 1px solid #c4cff4; text-decoration: none; font-size: 17px; font-weight: 600;}
.editorial-page .concept-invitation > a span {flex-shrink: 0; font-size: 25px;}
.editorial-page .concept-invitation .concept-invitation-note {font-size: 14px; line-height: 1.7; margin-top: 22px;}
.editorial-page .search-sidebar {padding: 30px; background: #ecede7; border-radius: 12px; top: 28px;}
.editorial-page .search-sidebar h2 {font-size: 38px; line-height: 1.1; margin: 25px 0 22px;}
.editorial-page .search-sidebar > p:not(.eyebrow) {font-size: 16px; line-height: 1.7;}
.editorial-page .search-sidebar .button {font-size: 16px; margin-block: 27px 23px; padding: 16px; gap: 14px;}
.editorial-page .search-sidebar > a:not(.button) {font-size: 16px; margin-block: 14px;}
.editorial-page .search-sidebar .search-aside-note {font-size: 16px !important; border-color: #ccd1c7; margin-top: 27px; padding-top: 22px;}
.editorial-page .search-related {padding: 0 0 100px;}
.editorial-page .search-related h2 {font-size: clamp(34px, 3.6vw, 48px); margin: 19px 0 34px;}
.editorial-page .search-related > div {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.editorial-page .search-related > div > a {background: transparent; border: 0; border-radius: 0; padding: 28px 24px; font-size: 16px; line-height: 1.5; transition: color .2s, background .2s;}
.editorial-page .search-related > div > a + a {border-left: 1px solid var(--line);}
.editorial-page .search-related > div > a:hover {color: var(--accent); background: #eef0e8;}
.editorial-page .search-related > div > a > span {flex-shrink: 0;}
.editorial-page .search-footer {padding-block: 42px; border-color: var(--line);}
.editorial-page .search-footer > p {font-size: 16px; margin-block: 23px;}
.editorial-page .search-footer > div {font-size: 14px; line-height: 1.8; gap: 15px 26px;}
.editorial-page .search-footer a {overflow-wrap: anywhere;}

.editorial-page .legal-page {max-width: 890px; padding-block: 80px 110px;}
.editorial-page .legal-page h1 {font-size: clamp(49px, 6vw, 78px); line-height: 1.04; margin: 24px 0 40px;}
.editorial-page .legal-page h2 {font-size: clamp(28px, 3vw, 38px); line-height: 1.15; padding-top: 36px; margin: 43px 0 23px; border-top: 1px solid var(--line);}
.editorial-page .legal-page p,
.editorial-page .legal-page li {font-size: 17px; line-height: 1.85;}
.editorial-page .legal-page p + p {margin-top: 21px;}
.editorial-page .legal-page li {padding-left: 7px; margin-block: 12px;}
.editorial-page .legal-page a:not(.button) {color: var(--accent);}
.editorial-page .legal-page section {margin-top: 45px; scroll-margin-top: 30px;}
.editorial-page .legal-page section h2 {margin-top: 0;}
.editorial-page .legal-page .button {margin-top: 40px;}
.editorial-page .scope-nav {gap: 12px; margin: 34px 0 50px;}
.editorial-page .scope-nav a {font-size: 15px; padding: 10px 15px; border: 1px solid var(--line); border-radius: 4px; text-decoration: none;}
.editorial-page .scope-nav a:hover {border-color: var(--accent); background: #edf0ff;}
.editorial-page .preferences {max-width: 780px; padding-block: 80px 110px;}
.editorial-page .preferences h1 {font-size: clamp(49px, 6vw, 78px); line-height: 1.04; margin: 25px 0 30px;}
.editorial-page .preferences p {font-size: 17px; line-height: 1.8;}
.editorial-page .preferences form {margin-top: 38px; padding: 35px; border-radius: 12px; border-color: var(--line);}
.editorial-page .preferences label {font-size: 16px; margin-bottom: 12px;}
.editorial-page .preferences input {min-height: 58px; font-size: 17px; padding: 15px 17px; border-color: #9ba39a; border-radius: 5px; color: var(--ink); background: var(--paper);}
.editorial-page .preferences input:focus {border-color: var(--accent);}
.editorial-page .preferences .button {font-size: 16px; margin-top: 22px;}
.editorial-page .preferences .note {font-size: 16px; line-height: 1.75; margin-top: 23px;}
.editorial-page .preferences .contact {margin-top: 32px; gap: 14px 28px;}
.editorial-page .preferences .contact a {font-size: 16px;}

@media (max-width: 1100px) {
  .editorial-page .wrap {width: calc(100% - 72px);}
  .editorial-page .search-hero-grid {gap: 40px; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);}
  .editorial-page .search-hero h1 {font-size: clamp(50px, 6.4vw, 68px);}
  .editorial-page .search-path {padding: 27px;}
  .editorial-page .search-body {gap: 40px; grid-template-columns: minmax(0, 1fr) 285px;}
  .editorial-page .search-sidebar {padding: 25px;}
  .editorial-page .search-sidebar h2 {font-size: 34px;}
}

@media (max-width: 800px) {
  .editorial-page .wrap {width: calc(100% - 48px);}
  .editorial-page .site-header {height: 88px; gap: 20px;}
  .editorial-page .brand {font-size: 28px;}
  .editorial-page .site-header > a:not(.brand) {font-size: 14px; max-width: 190px;}
  .editorial-page .breadcrumbs {padding: 25px 0 43px;}
  .editorial-page .search-hero-grid,
  .editorial-page .search-body {grid-template-columns: minmax(0, 1fr);}
  .editorial-page .search-hero-grid {gap: 45px;}
  .editorial-page .search-hero h1 {font-size: clamp(49px, 8.5vw, 74px);}
  .editorial-page .search-hero {padding-bottom: 60px;}
  .editorial-page .search-path {padding: 32px;}
  .editorial-page .search-path h2 {font-size: 36px;}
  .editorial-page .search-body {padding-block: 56px 70px; gap: 55px;}
  .editorial-page .search-sidebar {position: static; padding: 30px;}
  .editorial-page .search-sidebar .button {width: auto; min-width: min(100%, 260px);}
  .editorial-page .search-sidebar h2 br {display: none;}
  .editorial-page .search-related {padding-bottom: 65px;}
  .editorial-page .search-related > div {grid-template-columns: minmax(0, 1fr);}
  .editorial-page .search-related > div > a {padding: 24px 0;}
  .editorial-page .search-related > div > a + a {border-left: 0; border-top: 1px solid var(--line);}
  .editorial-page .legal-page,
  .editorial-page .preferences {padding-block: 58px 80px;}
}

@media (max-width: 480px) {
  .editorial-page .wrap {width: calc(100% - 36px);}
  .editorial-page .site-header {height: 82px; gap: 14px;}
  .editorial-page .brand {font-size: 25px; gap: 4px;}
  .editorial-page .site-header > a:not(.brand) {font-size: 12px; max-width: 138px;}
  .editorial-page .breadcrumbs {font-size: 12px; gap: 9px;}
  .editorial-page .eyebrow {font-size: 11px; letter-spacing: .08em;}
  .editorial-page .search-hero > .eyebrow {margin-bottom: 23px;}
  .editorial-page .search-hero h1,
  .editorial-page .legal-page h1,
  .editorial-page .preferences h1 {font-size: clamp(42px, 11.5vw, 55px);}
  .editorial-page .search-lede {font-size: 17px; margin-block: 26px;}
  .editorial-page .search-path {padding: 25px;}
  .editorial-page .search-path h2 {font-size: 32px;}
  .editorial-page .search-path-top {font-size: 10px;}
  .editorial-page .search-path .package-page-price {font-size: 66px;}
  .editorial-page .search-article .package-summary {grid-template-columns: minmax(0, 1fr);}
  .editorial-page .package-summary > div {padding: 23px;}
  .editorial-page .search-article p,
  .editorial-page .search-article li,
  .editorial-page .legal-page p,
  .editorial-page .legal-page li {font-size: 16px;}
  .editorial-page .search-article section + section {margin-top: 42px; padding-top: 36px;}
  .editorial-page .search-article th,
  .editorial-page .search-article td {padding: 17px 12px;}
  .editorial-page .search-sidebar {padding: 25px;}
  .editorial-page .search-sidebar .button {width: 100%; min-width: 0;}
  .editorial-page .legal-page h2 {padding-top: 29px; margin-top: 36px;}
  .editorial-page .scope-nav {gap: 9px;}
  .editorial-page .scope-nav a {font-size: 14px; padding: 9px 12px;}
  .editorial-page .preferences form {padding: 23px;}
  .editorial-page .preferences .button {width: 100%;}
  .editorial-page .search-footer > div {font-size: 14px; gap: 13px 23px;}
}

@media (prefers-reduced-motion: reduce) {
  .editorial-page .button,
  .editorial-page .search-related > div > a {transition: none;}
  .editorial-page .button:hover {transform: none;}
}