/* L1: readable action labels inside legacy articles. */
.article a.button{color:#fff;text-decoration:none}
.article a.button.light{color:var(--ink)}
.article a.button.white{color:var(--deep)}
.article a.button:focus-visible{outline-offset:5px}

/* L2: leave enough space for the illustration and the compact press quote. */
@media(max-width:1000px){
  .product-hero-badcopy{grid-template-columns:1fr;gap:36px}
  .product-hero-badcopy>div:first-child>p{max-width:720px}
  .badcopy-hero-media{max-width:560px;width:100%;margin-inline:auto}
}

/* L3: comfortable reading, clear questions and separately attributed stories. */
.reading-copy{font-size:17px;line-height:1.8;max-width:760px}
.reading-copy .article-cell{margin-bottom:24px}
.reading-copy blockquote{margin:0 0 28px}
.reading-copy h2,.reading-copy .copy-heading{display:block;font-family:var(--sans);font-size:23px;font-weight:600;letter-spacing:-.025em;line-height:1.35;color:var(--ink);margin:36px 0 16px}
.reading-copy>h2:first-child{margin-top:0}
.reading-copy .customer-story{margin:0 0 24px;padding:28px;background:#fffdf8;border:1px solid var(--line);border-radius:9px}
.reading-copy .customer-story blockquote{margin:0;line-height:1.8}
.customer-story figcaption{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.story-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0}
.story-pagination a{padding:6px 10px;border:1px solid var(--line);border-radius:4px}

/* L4: retain each license's terms and destination, with consistent grouping. */
.legacy-order-content{font-size:16px;line-height:1.75;min-width:0}
.legacy-order-content .article-cell{margin-bottom:20px}
.legacy-order-content h2{font-family:var(--sans);font-size:25px;font-weight:600;line-height:1.3;margin:32px 0 18px;letter-spacing:-.025em}
.legacy-order-content>h2:first-child{margin-top:0}
.legacy-order-content blockquote{margin:0 0 24px}
.legacy-order-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px 0;margin-bottom:24px;border-block:1px solid var(--line)}
.legacy-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 38px}
.legacy-offer{min-width:0;padding:25px;background:#fffdf8;border:1px solid var(--line);border-radius:9px}
.legacy-offer .legacy-offer-title{font-family:var(--sans);font-size:21px;font-weight:600;line-height:1.4;color:var(--ink);margin:0 0 16px;letter-spacing:-.025em}
.legacy-offer .legacy-offer-title b,.legacy-offer .legacy-offer-title strong{font-weight:inherit}
.legacy-offer .legacy-purchase-action{display:flex;width:100%;margin:16px 0;font-size:14px;line-height:1.5;text-align:center;padding:12px 16px}
.legacy-offer>:last-child{margin-bottom:0}
.legacy-order-content li{margin-bottom:14px}

/* L5: put download, order and contact tasks closer to the top on phones. */
.download-content{min-width:0}
.download-row p{font-size:15px;line-height:1.7}
.download-meta{font-size:13px}
@media(max-width:1000px){.legacy-offer-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .reading-copy{font-size:16px;line-height:1.8}
  .reading-copy h2,.reading-copy .copy-heading{font-size:21px;margin-top:28px}
  .reading-copy .customer-story{padding:22px}
  .legacy-offer{padding:22px}
  .task-page .breadcrumbs{margin:16px 0}
  .task-page .page-intro{padding:10px 0 20px}
  .task-page .page-intro .eyebrow{margin-bottom:12px}
  .task-page .page-intro h1{font-size:clamp(30px,6vw,38px);line-height:1.15;margin-bottom:14px}
  .task-page .page-intro p{font-size:15px;line-height:1.6;margin:0}
  .task-page .page-body{padding-top:24px}
  .task-page .download-row:first-child{padding-top:10px}
  .task-page .price-card{padding:24px}
  .task-page .price-card p,.task-page .price-card ul{font-size:14px}
  .task-page .field{font-size:14px}
}
@media(max-width:480px){
  .download-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:'icon title' 'action action' 'copy copy' 'meta meta';gap:16px;align-items:center}
  .download-row .product-icon{grid-area:icon;width:48px;height:48px}
  .download-content{display:contents}
  .download-row h3{grid-area:title;margin:0;font-size:27px}
  .download-row .button{grid-area:action;justify-self:start;margin:0}
  .download-row p{grid-area:copy;font-size:15px}
  .download-meta{grid-area:meta;margin:0;font-size:13px}
}