:root { --color-canvas:var(--brand-background); --color-text:var(--brand-text); --color-border:var(--brand-neutral); --color-action:var(--brand-primary); --color-action-text:var(--brand-background); }
.nav-feature-card { color:var(--color-action-text); background:var(--color-action); }
.nav-feature-card .nav-menu_cases-inner { background:linear-gradient(transparent, var(--color-text)); color:var(--color-action-text); }
.nav-feature-card .h5 { color:var(--color-action-text); }
.nav-feature-card:focus-visible { outline:2px solid var(--color-action); outline-offset:4px; }
.nav-feature-card:hover .h5 { text-decoration:underline; text-underline-offset:4px; }
.resource-navigation.nav-menu_dropdown.cc-product { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.resource-navigation .nav-menu_link-item { min-height:44px; display:flex; align-items:center; }
.resource-navigation a:focus-visible,.resource-page a:focus-visible { outline:2px solid var(--color-action); outline-offset:4px; }
.resource-page { background:var(--color-canvas); color:var(--color-text); }
.resource-page-inner { max-width:1200px; margin:auto; }
.resource-page h1 { font-size:clamp(40px,6vw,80px); font-weight:600; letter-spacing:-.04em; margin:24px 0; }
.resource-page h2 { font-size:clamp(24px,3vw,40px); font-weight:600; margin-bottom:24px; }
.resource-intro { max-width:68ch; font-size:20px; line-height:1.5; margin-bottom:32px; }
.resource-action { display:inline-flex; align-items:center; min-height:48px; padding:12px 24px; border-radius:10px; background:var(--color-action); color:var(--color-action-text); }
.resource-action:hover { filter:brightness(.92); }
.resource-frame { border:1px solid var(--color-border); border-radius:24px; padding:32px; margin:64px 0; max-width:960px; }
.resource-frame p { max-width:68ch; line-height:1.5; }
.resource-related { display:flex; flex-wrap:wrap; gap:16px 32px; }
.resource-related a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; }
@media(max-width:767px) { .resource-navigation.nav-menu_dropdown.cc-product { grid-template-columns:1fr; } .resource-frame { padding:24px; } }
.resource-navigation.nav-menu_dropdown.cc-product { width:min(1000px, calc(100vw - 32px)); grid-auto-flow:row; }
.resource-frame ol { display:grid; gap:16px; padding-left:24px; list-style:decimal; }
@media(max-width:991px) { .resource-navigation.nav-menu_dropdown.cc-product { width:100%; } }
@media(min-width:992px) { .resource-navigation .nav-menu_dropdown-group:first-child { grid-row:span 2; } }

@media(min-width:992px) {
  .resource-navigation.nav-menu_dropdown.cc-product { width:min(1232px, calc(100vw - 32px)); grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,.85fr); }
  .resource-navigation .nav-menu_dropdown-cases { grid-column:3; grid-row:1 / span 2; }
  .resource-navigation .nav-menu_dropdown-group:nth-child(3) { grid-column:2; grid-row:2; }
}

/* Layouts recovered from online-ordering, restaurant-website-ai and mobile. */
.resource-page .container-large { max-width:1200px; }
.resource-page .section-product_hero { background:var(--color-canvas); padding-top:128px; }
.resource-page .section-base { background:var(--color-canvas); padding:64px 0; }
.resource-page .bg-color-taupe { background:var(--color-border); }
.resource-page .product-hero_wrap { gap:48px; }
.resource-page .product-hero_head,.resource-page .product-hero_box { min-width:0; }
.resource-page .product-hero_box { background:var(--color-border) !important; border-radius:24px; overflow:hidden; }
.resource-page .product-hero_box-inner { aspect-ratio:1; height:auto; }
.resource-page .resource-preview { width:100%; height:100%; object-fit:contain; display:block; }
.resource-page .resource-eyebrow { color:var(--color-action); font-weight:600; }
.resource-page h1 { line-height:1; text-wrap:balance; }
.resource-page h2 { line-height:1.1; text-wrap:balance; }
/* Requested display scale for the palette guide's main heading. */
.resource-page .resource-how-title {
  --type-guide-title: clamp(2.5rem, 1.65rem + 3.75vw, 5rem);
  font-size:var(--type-guide-title);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
.resource-page h3 { font-size:clamp(22px,2.5vw,32px); font-weight:600; line-height:1.15; letter-spacing:-.02em; }
.resource-page .resource-secondary { min-height:48px; display:inline-flex; align-items:center; padding:12px 24px; color:var(--color-action); text-decoration:underline; }
.resource-page .product-bg_visual { position:relative; background:var(--color-border); border-radius:24px; overflow:hidden; }
.resource-page .product-features_wrap { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.resource-page .product-list { width:auto; padding:0; }
.resource-page .product-list_item { padding:24px 0; border-color:var(--color-border); }
.resource-page .resource-step-number { color:var(--color-action); font-weight:600; }
.resource-page .resource-steps { list-style:none; margin:0; }
.resource-page .product-traffict_item { background:var(--color-canvas); color:var(--color-text); padding:32px; border-radius:24px; }
.resource-page .product-traffict_item .resource-preview { max-height:320px; margin-top:24px; }
.resource-page .product-traffict_item.is-large { background:var(--color-canvas) !important; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:32px; }
.resource-page .resource-guide { display:block; width:100%; max-width:960px; margin:auto; }
.resource-guide .resource-steps { padding:0; }
.resource-guide li { display:flex; gap:24px; padding:32px 0; border-bottom:1px solid var(--color-border); }
.resource-guide details { margin-top:32px; }
.resource-guide summary { cursor:pointer; min-height:44px; padding:12px 0; font-weight:600; }
.resource-guide summary:focus-visible { outline:2px solid var(--color-action); outline-offset:4px; }
.resource-guide details p { margin:24px 0; line-height:1.5; }
@media(max-width:991px) {
  .resource-page .section-product_hero { padding-top:96px; }
  .resource-page .product-features_wrap { grid-template-columns:1fr; gap:32px; }
  .resource-page .product-bg_visual { max-height:480px; }
}
@media(max-width:767px) {
  .resource-page .section-base { padding:48px 0; }
  .resource-page .product-hero_wrap { gap:32px; }
  .resource-page .product-traffict_item.is-large { grid-template-columns:1fr; }
  .resource-page .product-traffict_item { padding:24px; }
}