/*
Theme Name: Sauces and Dips Studio
Theme URI: https://saucesanddips.com/
Author: Sixto Carreon
Author URI: https://sixtocarreon.com/
Description: A clean minimalist WordPress theme for SaucesAndDips.com, built as a focused flavor library for sauces, dips, dressings, glazes, and condiments with cuisine and flavor notes handled as tags.
Version: 2.0.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sauces-and-dips-studio
Tags: food-and-drink, blog, custom-logo, custom-menu, featured-images, grid-layout, two-columns, theme-options, threaded-comments, translation-ready
*/

:root {
  --sd-bg: #fbf6ed;
  --sd-paper: #fffdf8;
  --sd-paper-warm: #fff4df;
  --sd-ink: #221610;
  --sd-muted: #76685c;
  --sd-soft: #9b8d80;
  --sd-line: #eadfce;
  --sd-line-strong: #dac8b1;
  --sd-tomato: #b9442f;
  --sd-chili: #c85d2e;
  --sd-mustard: #d8a83e;
  --sd-olive: #5b6f3b;
  --sd-herb: #315f4c;
  --sd-balsamic: #3b241b;
  --sd-soy: #4d3527;
  --sd-cream: #fff1d9;
  --sd-blush: #f4d4c4;
  --sd-radius: 26px;
  --sd-radius-sm: 16px;
  --sd-shadow: 0 24px 70px rgba(54, 33, 17, .10);
  --sd-shadow-soft: 0 12px 34px rgba(54, 33, 17, .07);
  --sd-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sd-serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sd-accent-font: "Space Grotesk", var(--sd-font);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 5% -4%, rgba(216,168,62,.15), transparent 30%),
    radial-gradient(circle at 96% 6%, rgba(185,68,47,.10), transparent 32%),
    linear-gradient(180deg, var(--sd-bg), #fffaf3 54%, #fffdf8);
  color: var(--sd-ink);
  font-family: var(--sd-font);
  font-size: 16px;
  line-height: 1.68;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration-color: rgba(185,68,47,.30); text-underline-offset: 4px; }
a:hover { color: var(--sd-tomato); }
button, input, textarea, select { font: inherit; }

.screen-reader-text { border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px; }
.sd-container { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.sd-wide { width: min(1380px, calc(100% - 32px)); margin: 0 auto; }

.sd-topbar {
  background: var(--sd-balsamic);
  color: #fff7eb;
  text-align: center;
  padding: 9px 16px;
  font-family: var(--sd-accent-font);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.sd-topbar a { color: #fff7eb; text-decoration: none; }
.sd-topbar a:hover { color: var(--sd-mustard); }

.sd-site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(251,246,237,.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(218,200,177,.75);
}
.admin-bar .sd-site-header { top: 32px; }
.sd-header-inner { min-height: 84px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.sd-brand { display:flex; align-items:center; gap:13px; min-width:215px; text-decoration:none; }
.sd-brand-mark {
  width: 52px; height: 52px; border-radius: 18px;
  display:inline-flex; align-items:center; justify-content:center;
  background:
    radial-gradient(circle at 30% 25%, #fff4df 0 10%, transparent 11%),
    linear-gradient(135deg, var(--sd-tomato), var(--sd-chili) 36%, var(--sd-mustard) 36% 47%, var(--sd-herb) 48% 100%);
  color:#fff; font-family: var(--sd-serif); font-weight:900; letter-spacing:-.08em;
  box-shadow: 0 14px 30px rgba(185,68,47,.18);
}
.sd-brand-text { display:grid; gap:1px; }
.sd-brand-name { font-family:var(--sd-serif); font-size:23px; font-weight:820; line-height:1; letter-spacing:-.055em; }
.sd-brand-tagline { color:var(--sd-muted); font-family:var(--sd-accent-font); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; }
.sd-main-nav ul { list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:20px; }
.sd-main-nav a { text-decoration:none; font-family:var(--sd-accent-font); font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; color:var(--sd-ink); }
.sd-main-nav a:hover { color:var(--sd-tomato); }
.sd-header-actions { display:flex; align-items:center; gap:10px; }
.sd-menu-toggle { display:none; }

.sd-btn, .wp-block-button__link, input[type="submit"], button[type="submit"], .sd-search-link {
  border:0; border-radius:999px; background:var(--sd-tomato); color:#fff;
  padding:12px 19px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none; text-transform:uppercase; font-family:var(--sd-accent-font); font-weight:850; font-size:12px; letter-spacing:.075em; cursor:pointer;
  box-shadow: 0 14px 26px rgba(185,68,47,.20);
}
.sd-btn:hover, .wp-block-button__link:hover, input[type="submit"]:hover, button[type="submit"]:hover { background:var(--sd-balsamic); color:#fff; }
.sd-btn-dark { background:var(--sd-ink); box-shadow:none; }
.sd-btn-ghost, .sd-search-link { background:rgba(255,253,248,.82); color:var(--sd-ink); border:1px solid var(--sd-line); box-shadow:none; }
.sd-btn-ghost:hover, .sd-search-link:hover { background:var(--sd-ink); color:#fff; }

.sd-hero { padding: 86px 0 52px; overflow:hidden; position:relative; }
.sd-hero::before {
  content:""; position:absolute; width:680px; height:680px; top:-220px; right:-170px; border-radius:50%;
  background: radial-gradient(circle, rgba(200,93,46,.18), rgba(216,168,62,.08) 43%, transparent 70%); pointer-events:none;
}
.sd-hero::after {
  content:""; position:absolute; width:360px; height:360px; bottom:-190px; left:-100px; border-radius:50%;
  background: radial-gradient(circle, rgba(49,95,76,.10), transparent 65%); pointer-events:none;
}
.sd-hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(330px,.98fr); gap:52px; align-items:center; position:relative; }
.sd-eyebrow { margin:0 0 17px; color:var(--sd-tomato); text-transform:uppercase; letter-spacing:.18em; font-family:var(--sd-accent-font); font-size:12px; font-weight:850; }
.sd-hero h1, .sd-page-title { font-family:var(--sd-serif); font-size:clamp(50px,8.5vw,112px); line-height:.9; letter-spacing:-.075em; margin:0; font-variation-settings:"SOFT" 50, "WONK" 1; }
.sd-hero p { color:var(--sd-muted); font-size:clamp(18px,2vw,22px); max-width:660px; margin:26px 0 0; }
.sd-hero-actions { margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }
.sd-hero-card { background:rgba(255,253,248,.88); border:1px solid var(--sd-line); border-radius:38px; padding:16px; box-shadow:var(--sd-shadow); }
.sd-sauce-visual, .sd-placeholder-image {
  width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:28px;
  background:
    radial-gradient(circle at 22% 30%, #fff6e6 0 9%, transparent 10%),
    radial-gradient(circle at 52% 44%, rgba(255,255,255,.80) 0 8%, transparent 9%),
    radial-gradient(circle at 73% 66%, rgba(255,255,255,.68) 0 8%, transparent 9%),
    linear-gradient(135deg, #b9442f 0 28%, #c85d2e 28% 45%, #d8a83e 45% 55%, #fff1d9 55% 62%, #315f4c 62% 100%);
}
.sd-hero-card-caption { padding:17px 8px 5px; }
.sd-hero-card-caption strong { display:block; font-family:var(--sd-serif); font-size:30px; line-height:1.05; letter-spacing:-.055em; }
.sd-hero-card-caption span { color:var(--sd-muted); display:block; margin-top:7px; }

.sd-section { padding:58px 0; }
.sd-section-header { border-top:1px solid var(--sd-line-strong); padding-top:20px; margin-bottom:26px; display:flex; align-items:end; justify-content:space-between; gap:24px; }
.sd-section-header h2 { margin:0; font-family:var(--sd-serif); font-size:clamp(34px,4.2vw,62px); line-height:.98; letter-spacing:-.06em; }
.sd-section-header p { color:var(--sd-muted); margin:0; max-width:520px; }

.sd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.sd-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sd-card { background:var(--sd-paper); border:1px solid var(--sd-line); border-radius:var(--sd-radius); overflow:hidden; box-shadow:var(--sd-shadow-soft); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.sd-card:hover { transform:translateY(-4px); box-shadow:var(--sd-shadow); border-color:rgba(185,68,47,.28); }
.sd-card-media { display:block; overflow:hidden; background:var(--sd-cream); }
.sd-card-media img, .sd-card-media .sd-placeholder-image { width:100%; aspect-ratio:1/.74; object-fit:cover; border-radius:0; transition:transform .35s ease; }
.sd-card:hover .sd-card-media img { transform:scale(1.035); }
.sd-card-body { padding:21px; }
.sd-card-kicker { color:var(--sd-tomato); font-family:var(--sd-accent-font); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.12em; margin-bottom:9px; }
.sd-card-title { margin:0; font-family:var(--sd-serif); font-size:26px; line-height:1.08; letter-spacing:-.055em; }
.sd-card-title a { text-decoration:none; }
.sd-card-excerpt { margin:12px 0 0; color:var(--sd-muted); }
.sd-card-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; color:var(--sd-muted); font-size:13px; }
.sd-pill { border:1px solid var(--sd-line); background:#fff; border-radius:999px; padding:6px 10px; }

.sd-category-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.sd-category-card { position:relative; isolation:isolate; background:var(--sd-paper); border:1px solid var(--sd-line); border-radius:var(--sd-radius); padding:22px; text-decoration:none; box-shadow:var(--sd-shadow-soft); min-height:248px; display:flex; flex-direction:column; gap:11px; overflow:hidden; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.sd-category-card::before { content:""; position:absolute; inset:auto 0 0; height:8px; background:var(--sd-tomato); z-index:-1; opacity:.92; }
.sd-category-card:nth-child(1)::before { background:var(--sd-tomato); }
.sd-category-card:nth-child(2)::before { background:var(--sd-olive); }
.sd-category-card:nth-child(3)::before { background:var(--sd-mustard); }
.sd-category-card:nth-child(4)::before { background:var(--sd-chili); }
.sd-category-card:nth-child(5)::before { background:var(--sd-balsamic); }
.sd-category-card:hover { color:var(--sd-ink); transform:translateY(-4px); box-shadow:var(--sd-shadow); border-color:rgba(185,68,47,.32); }
.sd-category-icon { width:48px; height:48px; border-radius:18px; display:inline-flex; align-items:center; justify-content:center; background:var(--sd-paper-warm); color:var(--sd-balsamic); font-family:var(--sd-accent-font); font-weight:850; letter-spacing:-.035em; }
.sd-category-card-title { display:block; font-family:var(--sd-serif); font-size:29px; line-height:1.02; letter-spacing:-.06em; font-weight:820; }
.sd-category-card-desc { display:block; color:var(--sd-muted); font-size:14px; line-height:1.48; }
.sd-category-card-count { margin-top:auto; display:inline-flex; width:fit-content; border:1px solid var(--sd-line); border-radius:999px; padding:6px 10px; color:var(--sd-muted); font-family:var(--sd-accent-font); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; background:#fff; }

.sd-tight-section { padding-top:8px; }
.sd-guidance-panel { background:var(--sd-paper); border:1px solid var(--sd-line); border-radius:36px; padding:clamp(24px,4vw,44px); display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:28px; align-items:start; box-shadow:var(--sd-shadow-soft); }
.sd-guidance-panel h2 { font-family:var(--sd-serif); font-size:clamp(32px,4vw,56px); line-height:.98; letter-spacing:-.06em; margin:0; }
.sd-guidance-list { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.sd-guidance-list li { border-bottom:1px solid var(--sd-line); padding-bottom:12px; color:var(--sd-muted); }
.sd-guidance-list li:last-child { border-bottom:0; padding-bottom:0; }
.sd-guidance-list strong { color:var(--sd-ink); font-weight:850; }

.sd-search-panel { background:var(--sd-balsamic); color:#fff8ed; border-radius:36px; padding:clamp(28px,5vw,56px); display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,480px); gap:30px; align-items:center; box-shadow:var(--sd-shadow); }
.sd-search-panel h2 { margin:0; font-family:var(--sd-serif); font-size:clamp(36px,4vw,64px); line-height:.98; letter-spacing:-.06em; }
.sd-search-panel p { color:rgba(255,248,237,.78); margin:14px 0 0; }
.sd-search-form { display:flex; gap:10px; background:#fffdf8; border-radius:999px; padding:8px; }
.sd-search-form input[type="search"] { flex:1; min-width:0; border:0; outline:none; padding:10px 14px; border-radius:999px; color:var(--sd-ink); }

.sd-feature-card { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:0; align-items:stretch; background:var(--sd-paper); border:1px solid var(--sd-line); border-radius:36px; overflow:hidden; box-shadow:var(--sd-shadow); }
.sd-feature-card .sd-feature-image img, .sd-feature-card .sd-placeholder-image { height:100%; min-height:420px; object-fit:cover; border-radius:0; }
.sd-feature-content { padding:clamp(28px,5vw,58px); display:flex; flex-direction:column; justify-content:center; }
.sd-feature-content h3 { font-family:var(--sd-serif); font-size:clamp(38px,5vw,72px); line-height:.96; letter-spacing:-.06em; margin:10px 0 14px; }
.sd-feature-content h3 a { text-decoration:none; }
.sd-feature-content p { color:var(--sd-muted); font-size:18px; }

.sd-content-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:34px; align-items:start; }
.sd-entry, .sd-panel, .sd-sidebar-widget { background:var(--sd-paper); border:1px solid var(--sd-line); border-radius:var(--sd-radius); box-shadow:var(--sd-shadow-soft); }
.sd-entry { padding:clamp(22px,5vw,54px); }
.sd-entry-header { margin-bottom:26px; }
.sd-entry-title { margin:0; font-family:var(--sd-serif); font-size:clamp(42px,6vw,78px); line-height:.96; letter-spacing:-.065em; }
.sd-entry-meta { margin-top:12px; color:var(--sd-muted); font-size:14px; display:flex; flex-wrap:wrap; gap:10px; }
.sd-entry-content > *:first-child { margin-top:0; }
.sd-entry-content h2, .sd-entry-content h3 { letter-spacing:-.04em; line-height:1.1; margin-top:1.45em; }
.sd-entry-content h2 { font-family:var(--sd-serif); font-size:clamp(32px,4vw,48px); }
.sd-entry-content h3 { font-size:clamp(24px,3vw,34px); }
.sd-entry-content p, .sd-entry-content li { color:#332820; }
.sd-entry-content img { border-radius:18px; }
.sd-entry-content table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:16px; }
.sd-entry-content th, .sd-entry-content td { border:1px solid var(--sd-line); padding:12px; text-align:left; }
.sd-entry-content th { background:var(--sd-cream); }

.sd-single-actions { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; padding:14px; background:var(--sd-cream); border:1px solid var(--sd-line); border-radius:20px; }
.sd-action-btn { border:1px solid var(--sd-line); background:#fff; border-radius:999px; padding:10px 14px; font-weight:850; cursor:pointer; }
.sd-action-btn:hover { background:var(--sd-ink); color:#fff; }
body.sd-cook-mode .sd-site-header, body.sd-cook-mode .sd-topbar, body.sd-cook-mode .sd-site-footer, body.sd-cook-mode .sd-sidebar { display:none !important; }
body.sd-cook-mode { background:#fff; font-size:20px; }
body.sd-cook-mode .sd-content-layout { display:block; width:min(860px,calc(100% - 36px)); margin:30px auto; }
body.sd-cook-mode .sd-entry { box-shadow:none; border:0; }

.sd-sidebar { position:sticky; top:112px; display:grid; gap:18px; }
.sd-sidebar-widget { padding:22px; }
.sd-sidebar-widget h2, .sd-sidebar-widget h3 { margin-top:0; letter-spacing:-.04em; line-height:1.12; }
.sd-sidebar-widget ul { margin:0; padding-left:18px; }
.sd-about-badge { display:inline-flex; background:var(--sd-tomato); color:#fff; border-radius:999px; padding:6px 10px; font-family:var(--sd-accent-font); font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:850; }

.sd-newsletter { background:var(--sd-herb); color:#fff; border-radius:36px; padding:clamp(28px,5vw,56px); display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); gap:30px; align-items:center; box-shadow:var(--sd-shadow); }
.sd-newsletter h2 { font-family:var(--sd-serif); font-size:clamp(36px,4vw,62px); line-height:.98; letter-spacing:-.06em; margin:0; }
.sd-newsletter p { color:rgba(255,255,255,.78); margin:12px 0 0; }
.sd-newsletter input[type="email"] { width:100%; border:0; border-radius:999px; padding:15px 18px; margin-bottom:10px; }

.sd-pagination { margin-top:34px; }
.nav-links { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.nav-links a, .nav-links span { min-width:42px; min-height:42px; border:1px solid var(--sd-line); background:#fff; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:9px 13px; text-decoration:none; font-weight:850; }
.nav-links .current { background:var(--sd-ink); color:#fff; }

.sd-site-footer { margin-top:58px; background:var(--sd-ink); color:#fff8ed; padding:56px 0 28px; }
.sd-footer-grid { display:grid; grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(160px,.6fr)); gap:28px; }
.sd-site-footer h2, .sd-site-footer h3 { margin-top:0; }
.sd-site-footer h2 { font-family:var(--sd-serif); letter-spacing:-.05em; }
.sd-site-footer a { color:#fff8ed; text-decoration-color:rgba(255,255,255,.28); }
.sd-footer-copy { color:rgba(255,248,237,.66); border-top:1px solid rgba(255,255,255,.14); padding-top:20px; margin-top:32px; font-size:14px; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select { border:1px solid var(--sd-line); border-radius:16px; padding:12px 14px; background:#fffdf8; color:var(--sd-ink); }
textarea { width:100%; }
:focus-visible { outline:3px solid rgba(185,68,47,.32); outline-offset:3px; }

/* Recipe plugin compatibility */
.delicious-recipes, .dr-recipe-card, .dr-recipe-single, .dr-summary-holder, .dr-entry-content, .wprm-recipe, .wp-block-recipe-card-block-recipe-card { border-radius:24px !important; border-color:var(--sd-line) !important; box-shadow:0 14px 42px rgba(33,18,9,.08) !important; overflow:hidden; }
.dr-title, .dr-recipe-title, .wprm-recipe-name { font-family:var(--sd-serif) !important; letter-spacing:-.045em !important; }
.dr-buttons a, .dr-buttons button, .dr-btn, .dr-print-trigger, .wprm-recipe-print, .wprm-recipe-pin { border-radius:999px !important; background:var(--sd-tomato) !important; color:#fff !important; border:0 !important; font-weight:850 !important; }
.dr-ingredients-list li, .dr-instructions-list li, .wprm-recipe-ingredient, .wprm-recipe-instruction { margin-bottom:10px !important; }

/* WooCommerce support */
.woocommerce ul.products li.product, .woocommerce div.product, .woocommerce-cart-form, .woocommerce-checkout form.checkout { background:#fff; border:1px solid var(--sd-line); border-radius:var(--sd-radius); padding:18px; box-shadow:var(--sd-shadow-soft); }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .single_add_to_cart_button { background:var(--sd-tomato) !important; color:#fff !important; border-radius:999px !important; font-weight:850 !important; }

/* Brand system plugin helpers */
.sd-shortcode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sd-shortcode-empty{background:#fff;border:1px solid var(--sd-line);border-radius:24px;padding:24px}.sd-finder-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sd-finder-tags a{border:1px solid var(--sd-line);border-radius:999px;padding:8px 12px;text-decoration:none;font-weight:800;background:#fff}.sd-recipe-tools-panel{background:var(--sd-cream);border:1px solid var(--sd-line);border-radius:24px;padding:20px;margin:24px 0}.sd-recipe-tools-panel h3{margin-top:0}.sd-brand-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.sd-brand-swatch{border:1px solid var(--sd-line);border-radius:18px;overflow:hidden;background:#fff}.sd-brand-swatch span{display:block;height:70px}.sd-brand-swatch strong{display:block;padding:10px;font-size:12px}.sd-audit-table{border-collapse:collapse;width:100%;background:#fff}.sd-audit-table th,.sd-audit-table td{border:1px solid #dcdcde;padding:8px 10px;text-align:left}.sd-audit-good{color:#008a20;font-weight:700}.sd-audit-warn{color:#b32d2e;font-weight:700}

@media (max-width:1100px){.sd-category-cards{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:960px){.sd-menu-toggle{display:inline-flex;background:#fff;color:var(--sd-ink);border:1px solid var(--sd-line);border-radius:999px;padding:10px 12px;box-shadow:none;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.sd-main-nav{position:absolute;inset:72px 18px auto;background:#fff;border:1px solid var(--sd-line);border-radius:22px;padding:18px;box-shadow:var(--sd-shadow);display:none}.sd-main-nav.is-open{display:block}.sd-main-nav ul{display:grid;gap:10px}.sd-header-actions .sd-btn{display:none}.sd-hero-grid,.sd-feature-card,.sd-search-panel,.sd-newsletter,.sd-content-layout{grid-template-columns:1fr}.sd-sidebar{position:static}.sd-grid,.sd-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){.sd-category-cards,.sd-guidance-panel,.sd-brand-palette{grid-template-columns:1fr}.sd-category-card{min-height:auto}.sd-shortcode-grid{grid-template-columns:1fr}}
@media (max-width:640px){.sd-container{width:min(100% - 28px,1180px)}.sd-header-inner{min-height:72px}.sd-brand-tagline{display:none}.sd-hero{padding-top:46px}.sd-grid,.sd-grid-4{grid-template-columns:1fr}.sd-section-header{display:grid;align-items:start}.sd-search-form{border-radius:22px;flex-direction:column}.sd-search-form input[type="search"]{border:1px solid var(--sd-line)}.sd-footer-grid{grid-template-columns:1fr}.sd-hero h1{font-size:clamp(46px,15vw,70px)}}
@media print{.sd-topbar,.sd-site-header,.sd-site-footer,.sd-sidebar,.sd-single-actions,.comments-area{display:none!important}body{background:#fff;color:#000}.sd-content-layout{display:block}.sd-entry{box-shadow:none;border:0;padding:0}}