/* F28-04: finite opt-in pages. Shared brand/nav/footer and approved EOW untouched. */
#main-content[data-f28-fix] .calink-unit { white-space:nowrap; }
#main-content[data-f28-fix="pod"] .product-subnav { top:68px;transition:top .4s ease; }
body:has(.site-header.is-hidden) #main-content[data-f28-fix="pod"] .product-subnav { top:0; }
@media(prefers-reduced-motion:reduce) {
  #main-content[data-f28-fix="pod"] .product-subnav { transition:none; }
}
/* Closed 430px drawer must not cover tablet content on these opt-in pages. */
@media(max-width:1024px) {
  body:has(#main-content[data-f28-fix]) .mobile-nav { visibility:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s; }
  body:has(#main-content[data-f28-fix]) .mobile-nav.is-open { visibility:visible;transition-delay:0s; }
}

/* Product: targeted sections only, with the approved overview and software intact. */
#main-content[data-f28-fix="pod"] #precision { padding-bottom:48px; }
#main-content[data-f28-fix="pod"] #modes { padding-top:48px; }
#main-content[data-f28-fix="pod"] #precision .feature-line-title { max-width:none;font-size:25px;line-height:1.25;min-height:2.5em;letter-spacing:-.025em; }
#main-content[data-f28-fix="pod"] #precision .feature-line-desc { line-height:1.7; }
#main-content[data-f28-fix="pod"] #design .pod-detail-layout { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:88px;align-items:center; }
#main-content[data-f28-fix="pod"] #design .pod-detail-visual { min-height:0;height:450px;aspect-ratio:auto;background:transparent;border:0;box-shadow:none; }
#main-content[data-f28-fix="pod"] #design .pod-detail-visual img { width:100%;height:100%;padding:0!important;object-fit:contain; }
#main-content[data-f28-fix="pod"] #design .pod-hardware-f28 { display:flex;flex-direction:column;gap:34px; }
#main-content[data-f28-fix="pod"] #design .pod-hardware-f28>div { padding:0;border:0; }
#main-content[data-f28-fix="pod"] #design .pod-hardware-f28 dt { font-size:27px;line-height:1.2;letter-spacing:-.025em;font-weight:550; }
#main-content[data-f28-fix="pod"] #design .pod-hardware-f28 dd { margin:12px 0 0;font-size:17px;line-height:1.7;max-width:430px; }
#main-content[data-f28-fix="pod"] #support .pod-environments>h2 { font-size:clamp(32px,3.3vw,48px);line-height:1.1;letter-spacing:-.04em;margin:0 0 40px;max-width:700px; }
#main-content[data-f28-fix="pod"] .pod-environment-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px; }
#main-content[data-f28-fix="pod"] #support .service-row { display:flex;flex-direction:column;align-items:start;justify-content:start;gap:18px;padding:0;border:0;background:transparent; }
#main-content[data-f28-fix="pod"] #support .service-row-title { font-size:25px;line-height:1.2;letter-spacing:-.025em; }
#main-content[data-f28-fix="pod"] #support .service-row-desc { font-size:16px;line-height:1.7;max-width:330px; }
#main-content[data-f28-fix="pod"] #support .service-row .calink-text-link { margin-top:auto;font-size:14px; }
#main-content[data-f28-fix="pod"] #support .service-row:hover { transform:none; }
#main-content[data-f28-fix="pod"] .pod-support-panel { margin-top:64px;padding:40px;background:#1b1d21;border-radius:20px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px; }
#main-content[data-f28-fix="pod"] #support .pod-support-heading h2 { font-size:34px;line-height:1.1;margin:0 0 28px; }
#main-content[data-f28-fix="pod"] .pod-support-heading>.calink-text-link { font-size:15px; }
#main-content[data-f28-fix="pod"] .pod-support-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
#main-content[data-f28-fix="pod"] #support .pod-support-links .service-row-title { font-size:19px;line-height:1.3;min-height:2.6em; }
#main-content[data-f28-fix="pod"] #support .pod-support-links .service-row-desc { font-size:14px;line-height:1.65; }
#main-content[data-f28-fix="pod"] #support .roastpod-cta-strip { border:0;margin-top:56px;padding-top:0; }

/* Accessories: a photographic feature, open explanation, then three planning cards. */
#main-content[data-f28-fix="accessories"] .accessories-f28-04 { background:#fff;color:#191b1e; }
#main-content[data-f28-fix="accessories"] .page-hero { background:#fff; }
#main-content[data-f28-fix="accessories"] .page-hero-bg { background:none; }
#main-content[data-f28-fix="accessories"] .accessory-section { padding:88px 0; }
#main-content[data-f28-fix="accessories"] .accessory-feature-layout { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center; }
#main-content[data-f28-fix="accessories"] .accessory-filter-photo { aspect-ratio:4/3;border:0;border-radius:18px; }
#main-content[data-f28-fix="accessories"] .accessory-filter-photo img { border-radius:18px!important;object-position:50% 50%!important; }
#main-content[data-f28-fix="accessories"] .accessory-facts { display:flex;flex-direction:column;gap:34px; }
#main-content[data-f28-fix="accessories"] .accessory-facts>div>div { font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px!important; }
#main-content[data-f28-fix="accessories"] .accessory-facts p { font-size:16px!important;line-height:1.75;color:#565c63; }
#main-content[data-f28-fix="accessories"] .demo-badge { font-size:12px;line-height:1.5;letter-spacing:.04em; }
#main-content[data-f28-fix="accessories"] #accessory-planning .feature-lines { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:0; }
#main-content[data-f28-fix="accessories"] #accessory-planning .feature-line { display:flex;flex-direction:column;align-items:start;gap:20px;padding:30px;background:#f3f4f5;border:0;border-radius:18px; }
#main-content[data-f28-fix="accessories"] #accessory-planning .feature-line-title { font-size:25px;line-height:1.2;letter-spacing:-.025em;min-height:2.4em; }
#main-content[data-f28-fix="accessories"] #accessory-planning .feature-line-desc { flex:1;font-size:16px;line-height:1.7;color:#565c63; }
#main-content[data-f28-fix="accessories"] #accessory-planning .feature-line-num { order:3;font-size:12px;line-height:1.5;color:#5e646c; }
#main-content[data-f28-fix="accessories"] #accessory-planning>.container>.muted { font:13px/1.7 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#565c63; }

/* Alliance = distributors.html, a B2B conversation rather than a table of promises. */
#main-content[data-f28-fix="alliance"] .dist-container { width:min(1280px,calc(100% - 160px));padding:0; }
#main-content[data-f28-fix="alliance"] .dist-hero { padding-block:136px 64px; }
#main-content[data-f28-fix="alliance"] .dist-hero-grid { align-items:center; }
#main-content[data-f28-fix="alliance"] .dist-hero-media { border:0;background:transparent; }
#main-content[data-f28-fix="alliance"] .dist-hero-media img { max-height:440px;object-fit:contain; }
#main-content[data-f28-fix="alliance"] .dist-section { padding-block:88px; }
#main-content[data-f28-fix="alliance"] :is(.dist-section,.dist-hero,.dist-cross,.dist-closing) { border:0; }
#main-content[data-f28-fix="alliance"] .dist-h2 { max-width:850px;font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance; }
#main-content[data-f28-fix="alliance"] .dist-desc { font-size:17px;line-height:1.75; }
#main-content[data-f28-fix="alliance"] #who>.dist-container { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px; }
#main-content[data-f28-fix="alliance"] #who .dist-section-head { margin:0; }
#main-content[data-f28-fix="alliance"] .dist-cards { margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px; }
#main-content[data-f28-fix="alliance"] .dist-card { border:0;border-radius:0;padding:0;background:transparent;box-shadow:none; }
#main-content[data-f28-fix="alliance"] .dist-card-title { font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:16px; }
#main-content[data-f28-fix="alliance"] .dist-card-text { font-size:16px;line-height:1.75; }
#main-content[data-f28-fix="alliance"] .dist-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;border:0; }
#main-content[data-f28-fix="alliance"] .dist-list-row { display:flex;flex-direction:column;align-items:start;gap:20px;padding:32px;background:#f3f4f5;border:0;border-radius:18px; }
#main-content[data-f28-fix="alliance"] .dist-list-title { font-size:25px;line-height:1.2;letter-spacing:-.03em;min-height:2.4em;margin:0; }
#main-content[data-f28-fix="alliance"] .dist-list-text { font-size:16px;line-height:1.75;max-width:none; }
#main-content[data-f28-fix="alliance"] .dist-footnote { font:13px/1.7 Inter,sans-serif;letter-spacing:0;text-transform:none;max-width:760px; }
#main-content[data-f28-fix="alliance"] #commercial>.dist-container { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px; }
#main-content[data-f28-fix="alliance"] #commercial .dist-section-head { margin:0; }
#main-content[data-f28-fix="alliance"] .dist-info-panel { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px;padding:0;border:0;border-radius:0;background:transparent; }
#main-content[data-f28-fix="alliance"] .dist-info-row { display:block;padding:0;border:0; }
#main-content[data-f28-fix="alliance"] .dist-info-k { font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:0 0 16px; }
#main-content[data-f28-fix="alliance"] .dist-info-text { font-size:16px;line-height:1.75; }
#main-content[data-f28-fix="alliance"] .dist-steps { gap:40px;margin-top:44px; }
#main-content[data-f28-fix="alliance"] .dist-step { border:0;padding-top:0; }
#main-content[data-f28-fix="alliance"] .dist-step-num { font-size:13px;line-height:1.5;color:#666d75;margin-bottom:20px; }
#main-content[data-f28-fix="alliance"] .dist-step-title { font-size:23px;line-height:1.25;letter-spacing:-.025em; }
#main-content[data-f28-fix="alliance"] .dist-step-text { font-size:16px;line-height:1.75; }
#main-content[data-f28-fix="alliance"] .dist-cross .org-edit { background:transparent; }
#main-content[data-f28-fix="alliance"] .dist-cross :is(.oe-cross,.oe-cross-grid>a) { border:0; }
#main-content[data-f28-fix="alliance"] .dist-cross .oe-wrap { width:min(1280px,calc(100% - 160px)); }
#main-content[data-f28-fix="alliance"] .dist-hub-link { display:inline-flex;align-items:center;gap:20px;min-height:44px;margin:0 0 24px;font-size:17px; }
#main-content[data-f28-fix="alliance"] .dist-cross .oe-cross-grid { gap:24px; }
#main-content[data-f28-fix="alliance"] .dist-cross .oe-cross-grid>a { background:#f3f4f5;border-radius:16px;padding:24px; }
#main-content[data-f28-fix="alliance"] .dist-closing { text-align:left;padding-block:88px 104px; }
#main-content[data-f28-fix="alliance"] .dist-closing .dist-desc { max-width:620px;margin:24px 0 32px; }
#main-content[data-f28-fix="alliance"] .dist-closing-actions { justify-content:flex-start; }
#main-content[data-f28-fix="alliance"] .dist-closing :is(.dist-closing-note,.dist-closing-mail) { margin-left:0; }
#main-content[data-f28-fix="alliance"] .dist-closing-mail { font-size:16px; }
#main-content[data-f28-fix="alliance"] a:hover { text-decoration-color:#fd0101; }

@media(max-width:1024px) {
  #main-content[data-f28-fix="pod"] .pod-support-panel { grid-template-columns:1fr;gap:36px;padding:32px; }
  #main-content[data-f28-fix="pod"] #design .pod-detail-layout { gap:48px; }
  #main-content[data-f28-fix="accessories"] .accessory-feature-layout { gap:40px; }
  #main-content[data-f28-fix="alliance"] :is(.dist-container,.dist-cross .oe-wrap) { width:calc(100% - 80px); }
  #main-content[data-f28-fix="alliance"] :is(#who,#commercial)>.dist-container { gap:40px; }
  #main-content[data-f28-fix="alliance"] .dist-list-row { padding:26px; }
}
@media(max-width:800px) {
  #main-content[data-f28-fix="pod"] #design .pod-detail-layout { grid-template-columns:1fr;gap:36px; }
  #main-content[data-f28-fix="pod"] #design .pod-detail-visual { height:400px; }
  #main-content[data-f28-fix="pod"] #precision .feature-line-title { min-height:0; }
  #main-content[data-f28-fix="accessories"] .accessory-feature-layout { grid-template-columns:1fr;gap:36px; }
  #main-content[data-f28-fix="accessories"] #accessory-planning .feature-lines { grid-template-columns:1fr; }
  #main-content[data-f28-fix="accessories"] #accessory-planning .feature-line-title { min-height:0; }
  #main-content[data-f28-fix="alliance"] :is(#who,#commercial)>.dist-container { grid-template-columns:1fr;gap:36px; }
  #main-content[data-f28-fix="alliance"] .dist-list { grid-template-columns:1fr; }
  #main-content[data-f28-fix="alliance"] .dist-list-title { min-height:0; }
  #main-content[data-f28-fix="alliance"] .dist-steps { grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px; }
}
@media(max-width:600px) {
  #main-content[data-f28-fix="pod"] #precision { padding-bottom:32px; }
  #main-content[data-f28-fix="pod"] #modes { padding-top:32px; }
  #main-content[data-f28-fix="pod"] #design .pod-detail-visual { height:340px; }
  #main-content[data-f28-fix="pod"] #design .pod-hardware-f28 { gap:30px; }
  #main-content[data-f28-fix="pod"] #design .pod-hardware-f28 dt { font-size:25px; }
  #main-content[data-f28-fix="pod"] .pod-environment-links,#main-content[data-f28-fix="pod"] .pod-support-links { grid-template-columns:1fr;gap:32px; }
  #main-content[data-f28-fix="pod"] .pod-support-panel { padding:28px 24px;margin-top:44px;gap:32px; }
  #main-content[data-f28-fix="pod"] #support .pod-support-links .service-row-title { min-height:0;font-size:22px; }
  #main-content[data-f28-fix="pod"] #support .pod-support-links .service-row-desc { font-size:16px; }
  #main-content[data-f28-fix="pod"] #support .pod-support-heading h2 { font-size:32px; }
  #main-content[data-f28-fix="accessories"] .accessory-section { padding-block:56px; }
  #main-content[data-f28-fix="accessories"] .accessory-facts { gap:30px; }
  #main-content[data-f28-fix="accessories"] .accessory-facts>div>div { font-size:23px; }
  #main-content[data-f28-fix="alliance"] :is(.dist-container,.dist-cross .oe-wrap) { width:calc(100% - 40px); }
  #main-content[data-f28-fix="alliance"] .dist-hero { padding-block:112px 48px; }
  #main-content[data-f28-fix="alliance"] .dist-hero-media img { max-height:350px; }
  #main-content[data-f28-fix="alliance"] .dist-section { padding-block:56px; }
  #main-content[data-f28-fix="alliance"] .dist-cards,#main-content[data-f28-fix="alliance"] .dist-info-panel,#main-content[data-f28-fix="alliance"] .dist-steps { grid-template-columns:1fr;gap:32px; }
  #main-content[data-f28-fix="alliance"] .dist-card-title { font-size:24px; }
  #main-content[data-f28-fix="alliance"] .dist-h1 { font-size:44px; }
  #main-content[data-f28-fix="alliance"] .dist-h2 { font-size:35px; }
  #main-content[data-f28-fix="alliance"] .dist-closing { padding-bottom:72px; }
}

/* Keep the audience heading in complete phrases, including narrow screens. */
#main-content[data-f28-fix="alliance"] #who .dist-h2 { font-size:clamp(28px,2.9vw,42px); }
#main-content[data-f28-fix="alliance"] .dist-hub-link { border:0; }
@media(max-width:800px) { #main-content[data-f28-fix="alliance"] #who .dist-h2 { font-size:clamp(26px,8vw,35px); } }
