.guides-page{background:#f5eedf}
.guides-hero{
  position:relative;
  background:linear-gradient(145deg,#0a2d5f,#04192f);
  color:white;
  padding:110px 0 58px;
}
.guides-hero::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,rgba(241,210,118,0),rgba(241,210,118,.58) 18%,#f1d276 50%,rgba(241,210,118,.58) 82%,rgba(241,210,118,0));
}
.guides-hero h1{
  max-width:980px;
  margin:.45rem 0 .8rem;
  font-size:clamp(2.45rem,5.6vw,5rem);
  line-height:.98;
  letter-spacing:-.045em;
}
.guides-hero-copy{
  max-width:860px;
  margin:0;
  color:#c7d8e9;
  font-size:clamp(1.03rem,2vw,1.2rem);
  line-height:1.7;
}
.guide-breadcrumb{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  margin:0 0 18px;
  color:#c7d8e9;
  font-size:.87rem;
  font-weight:800;
}
.guide-breadcrumb a{color:#e9f2fa;text-decoration:none}
.guide-breadcrumb a:hover,.guide-breadcrumb a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.guide-breadcrumb span{opacity:.62}
.guides-main{padding:54px 0 88px}
.guides-shell{width:min(1040px,92vw);margin-inline:auto}
.guides-intro,
.guide-article,
.guides-card{
  background:#fff;
  border:1px solid rgba(10,45,95,.12);
  box-shadow:0 16px 42px rgba(10,45,95,.08);
}
.guides-intro{
  border-radius:22px;
  padding:clamp(24px,4.5vw,42px);
  margin-bottom:24px;
}
.guides-intro h2,
.guide-section h2,
.guide-related h2{
  margin:.15rem 0 .85rem;
  color:#0a2d5f;
  font-size:clamp(1.65rem,3.4vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
.guides-intro p,
.guide-section p,
.guide-section li,
.guide-related p{
  color:#455a71;
  line-height:1.75;
}
.guides-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.guides-card{
  display:flex;
  flex-direction:column;
  min-height:260px;
  border-radius:20px;
  padding:26px;
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.guides-card:hover,.guides-card:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 22px 48px rgba(10,45,95,.13);
  border-color:rgba(215,165,47,.55);
}
.guides-card .eyebrow{color:#8a6314}
.guides-card h2{
  margin:.1rem 0 .7rem;
  color:#0a2d5f;
  font-size:clamp(1.45rem,2.8vw,2.05rem);
  line-height:1.12;
}
.guides-card p{margin:0;color:#53677c;line-height:1.65}
.guides-card .guides-card-arrow{
  margin-top:auto;padding-top:22px;
  color:#9c7118;
  font-weight:950;
}
.guide-article{
  border-radius:24px;
  overflow:hidden;
}
.guide-article-header{
  padding:clamp(24px,4.5vw,44px);
  background:#fffaf0;
  border-bottom:1px solid rgba(10,45,95,.10);
}
.guide-article-header h2{
  margin:.15rem 0 .75rem;
  color:#0a2d5f;
  font-size:clamp(1.7rem,3.6vw,2.7rem);
  line-height:1.07;
}
.guide-article-header p{
  max-width:880px;
  margin:.45rem 0 0;
  color:#4a5f75;
  font-size:1.06rem;
  line-height:1.74;
}
.guide-meta{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:18px;
}
.guide-meta span{
  display:inline-flex;align-items:center;
  padding:7px 11px;
  border-radius:999px;
  background:#edf3f8;
  color:#35516d;
  border:1px solid rgba(10,45,95,.10);
  font-size:.78rem;
  font-weight:900;
}
.guide-section{
  padding:clamp(25px,4.7vw,46px);
  border-top:1px solid rgba(10,45,95,.08);
}
.guide-section:first-of-type{border-top:0}
.guide-section h3{
  margin:1.7rem 0 .55rem;
  color:#183f68;
  font-size:clamp(1.18rem,2vw,1.45rem);
}
.guide-section h3:first-child{margin-top:.15rem}
.guide-section ul,.guide-section ol{padding-left:1.25rem;margin:.75rem 0 0}
.guide-section li{margin:.52rem 0;padding-left:.18rem}
.guide-section li::marker{color:#b88318;font-weight:900}
.guide-callout{
  margin:24px 0 0;
  padding:20px 22px;
  border-left:5px solid #d7a52f;
  border-radius:0 14px 14px 0;
  background:#fff8e9;
  color:#465a70;
  line-height:1.7;
}
.guide-callout strong{color:#0a2d5f}
.guide-callout--red{border-left-color:#ae2027;background:#fff1ee}
.guide-callout--blue{border-left-color:#17558d;background:#eef6fd}
.guide-grid-two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.guide-mini{
  padding:20px;
  border:1px solid rgba(10,45,95,.11);
  border-radius:16px;
  background:#fbfaf7;
}
.guide-mini h3{margin:0 0 .55rem;color:#0a2d5f;font-size:1.08rem}
.guide-mini p{margin:0;color:#53677c;line-height:1.65}
.guide-steps{
  counter-reset:guideStep;
  display:grid;gap:14px;
  margin-top:20px;
}
.guide-step{
  position:relative;
  padding:20px 20px 20px 62px;
  border:1px solid rgba(10,45,95,.11);
  border-radius:16px;
  background:#fff;
}
.guide-step::before{
  counter-increment:guideStep;
  content:counter(guideStep);
  position:absolute;left:18px;top:18px;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#0a2d5f;color:#f1d276;
  font-weight:1000;
}
.guide-step strong{display:block;color:#0a2d5f;margin-bottom:4px}
.guide-step p{margin:0}
.guide-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;
  padding:0;
  list-style:none;
}
.guide-checklist li{
  position:relative;
  margin:0;
  padding:9px 0 9px 28px;
}
.guide-checklist li::before{
  content:"✓";
  position:absolute;left:0;top:8px;
  color:#8a6314;
  font-weight:1000;
}
.guide-related{
  margin-top:24px;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(10,45,95,.12);
  border-radius:22px;
  background:#0a2d5f;
  color:white;
  box-shadow:0 16px 42px rgba(10,45,95,.12);
}
.guide-related h2{color:white}
.guide-related p{color:#c7d8e9}
.guide-related-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.guide-related-links a{
  display:block;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-weight:850;
}
.guide-related-links a:hover,.guide-related-links a:focus-visible{
  background:rgba(255,255,255,.11);
  border-color:rgba(241,210,118,.55);
}
.guide-disclaimer{
  margin-top:24px;
  padding:18px 20px;
  border-radius:14px;
  border:1px solid rgba(174,32,39,.18);
  background:#fff7f3;
  color:#5a4e49;
  font-size:.9rem;
  line-height:1.65;
}
.guide-disclaimer strong{color:#7d1118}
.guide-inline-link{font-weight:850;color:#0b4f86;text-underline-offset:3px}
@media (max-width:760px){
  .guides-grid,.guide-grid-two,.guide-related-links,.guide-checklist{grid-template-columns:1fr}
  .guides-main{padding-top:34px}
  .guide-section{padding:25px 21px}
  .guide-article-header{padding:25px 21px}
  .guide-step{padding-left:58px}
}


/* D4 Prime Burger Lab — 2026-10-04 */
.d4-guide-page .guides-hero{
  background:linear-gradient(145deg,#7d1118,#ae2027 54%,#531016);
}
.d4-guide-page .guides-hero::after{
  background:linear-gradient(90deg,rgba(241,210,118,0),rgba(241,210,118,.65) 18%,#f1d276 50%,rgba(241,210,118,.65) 82%,rgba(241,210,118,0));
}
.d4-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,270px);
  align-items:end;
  gap:clamp(20px,4vw,48px);
}
.d4-guide-portrait{
  display:block;
  width:min(100%,260px);
  max-height:310px;
  object-fit:contain;
  object-position:center bottom;
  justify-self:end;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.24));
}
.d4-guide-article{border-top:5px solid #ae2027}
.d4-guide-article .guide-article-header{
  background:linear-gradient(180deg,#fff4ef,#fffaf0);
}
.d4-card{border-top:4px solid #ae2027}
.d4-card:hover,.d4-card:focus-visible{border-color:#ae2027}
.d4-card .eyebrow{color:#ae2027}
.d4-intro{border-top:5px solid #ae2027}
.d4-classified{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(174,32,39,.22);
  border-left:6px solid #ae2027;
  border-radius:14px;
  background:#fff0ec;
  color:#543c3c;
  font-weight:750;
  line-height:1.7;
}
.d4-classified strong{color:#7d1118}
.d4-related{background:linear-gradient(145deg,#7d1118,#4f0b10)}
.d4-redacted{
  display:grid;
  gap:7px;
  margin-top:18px;
  padding:22px;
  border-radius:14px;
  background:#171717;
  color:#f1d276;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
  overflow:hidden;
}
.d4-quote{
  margin:24px 0 0;
  padding:21px 23px;
  border-left:5px solid #ae2027;
  background:#fff1ee;
  color:#493c3a;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.7;
}
.d4-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
.d4-option{
  padding:20px;
  border:1px solid rgba(174,32,39,.14);
  border-radius:16px;
  background:#fffaf8;
}
.d4-option strong{display:block;color:#7d1118;margin-bottom:5px}
.d4-option p{margin:0!important}
@media (max-width:760px){
  .d4-guide-page .guides-hero{overflow:hidden}
  .d4-hero-grid{
    grid-template-columns:1fr;
    position:relative;
    min-height:0;
  }
  .d4-guide-portrait{
    position:absolute;
    right:-22px;
    bottom:0;
    width:clamp(112px,29vw,132px);
    max-height:230px;
    opacity:.48;
    object-position:right bottom;
    filter:drop-shadow(0 9px 13px rgba(0,0,0,.16));
    pointer-events:none;
  }
  .d4-guide-page .guides-hero h1,
  .d4-guide-page .guides-hero-copy,
  .d4-guide-page .guide-breadcrumb,
  .d4-guide-page .guides-hero .eyebrow{
    position:relative;
    z-index:2;
  }
  .d4-option-grid{grid-template-columns:1fr}
}
@media (max-width:440px){
  .d4-guide-portrait{
    right:-28px;
    width:116px;
    opacity:.44;
  }
}


/* D4 Prime Burger Lab — Clyde Burgers truck theme — 2026-10-04 */
body.d4-guide-page{
  background:var(--navy);
}

/* Clyde blue header with the standard gold transition into Burger red. */
.d4-guide-page > .site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  background:var(--navy);
  padding:14px 0;
}
.d4-guide-page > .site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.16);
  pointer-events:none;
}

/* Match Clyde Burgers truck hero: canonical red, white copy, gold accents. */
.d4-guide-page .guides-hero{
  position:relative;
  background:var(--red);
  padding-top:calc(var(--site-header-height) + 58px);
  padding-bottom:58px;
}
.d4-guide-page .guides-hero::after{
  display:block;
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.12);
}
.d4-guide-page .guides-hero h1{color:#fff}
.d4-guide-page .guides-hero-copy,
.d4-guide-page .guide-breadcrumb,
.d4-guide-page .guide-breadcrumb a{color:#fff4ee}
.d4-guide-page .guides-hero .eyebrow{color:var(--gold-light)!important}

/* Clyde Burgers truck content field. */
.d4-guide-page .guides-main{
  background:#f5eedf;
  padding-top:54px;
  padding-bottom:88px;
}

/* White truck-style primary cards. */
.d4-guide-page .guides-intro,
.d4-guide-page .guide-article,
.d4-guide-page .guides-card,
.d4-guide-page .guide-related{
  background:#fff!important;
  border:1px solid rgba(174,32,39,.16)!important;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.d4-guide-page .guides-intro,
.d4-guide-page .guide-article,
.d4-guide-page .guide-related{
  border-radius:24px;
}
.d4-guide-page .guide-article{
  overflow:hidden;
  border-top:5px solid var(--red)!important;
}
.d4-guide-page .guides-intro{
  border-top:5px solid var(--red)!important;
}
.d4-guide-page .guides-card{
  border-top:5px solid var(--red)!important;
  border-radius:20px;
}
.d4-guide-page .guide-related{
  margin-top:24px;
  border-left:5px solid var(--red)!important;
}

/* Warm header strip at the top of long-form articles, like the Burger truck panels. */
.d4-guide-page .guide-article-header{
  background:linear-gradient(180deg,#fff9f6 0%,#fff1ee 100%)!important;
  border-bottom:1px solid rgba(174,32,39,.16);
}
.d4-guide-page .guide-section{
  background:#fff!important;
  border-top-color:rgba(174,32,39,.10);
}

/* Clyde Burgers typography: red headlines, warm dark body copy. */
.d4-guide-page .guides-intro h2,
.d4-guide-page .guide-article-header h2,
.d4-guide-page .guide-section h2,
.d4-guide-page .guide-section h3,
.d4-guide-page .guides-card h2,
.d4-guide-page .guide-related h2,
.d4-guide-page .guide-mini h3,
.d4-guide-page .guide-step strong{
  color:var(--red)!important;
}
.d4-guide-page .guides-intro p,
.d4-guide-page .guide-article-header p,
.d4-guide-page .guide-section p,
.d4-guide-page .guide-section li,
.d4-guide-page .guides-card p,
.d4-guide-page .guide-related p,
.d4-guide-page .guide-mini p,
.d4-guide-page .guide-step p,
.d4-guide-page .d4-option p{
  color:#6b5c55!important;
}
.d4-guide-page .eyebrow,
.d4-guide-page .guides-card .eyebrow{
  color:var(--red)!important;
}
.d4-guide-page .guides-card .guides-card-arrow,
.d4-guide-page .guide-inline-link{
  color:var(--red-dark)!important;
}
.d4-guide-page .guide-inline-link{
  text-decoration-color:rgba(174,32,39,.42);
}

/* Secondary boxes match Clyde Burgers truck spec cards. */
.d4-guide-page .guide-mini,
.d4-guide-page .guide-step,
.d4-guide-page .d4-option{
  background:#faf7ef!important;
  border:1px solid rgba(174,32,39,.12)!important;
  box-shadow:none;
}
.d4-guide-page .d4-option strong{color:var(--red-dark)}
.d4-guide-page .guide-step::before{
  background:var(--red);
  color:#fff;
  box-shadow:0 0 0 3px rgba(174,32,39,.10);
}

/* Burger-red callouts on pale red, directly following startup-new-rule styling. */
.d4-guide-page .guide-callout,
.d4-guide-page .guide-callout--red,
.d4-guide-page .guide-callout--blue,
.d4-guide-page .d4-classified,
.d4-guide-page .d4-quote{
  background:#fff1ee!important;
  border-color:rgba(174,32,39,.16)!important;
  border-left:5px solid var(--red)!important;
  color:#6b5c55!important;
  box-shadow:none;
}
.d4-guide-page .guide-callout strong,
.d4-guide-page .d4-classified strong{
  color:var(--red-dark)!important;
}

/* Article metadata becomes small Clyde Burgers pills. */
.d4-guide-page .guide-meta span{
  background:#fff1ee;
  color:var(--red-dark);
  border-color:rgba(174,32,39,.18);
}

/* Related-reading buttons keep the same warm Burger-truck palette. */
.d4-guide-page .guide-related-links a{
  background:#fff1ee;
  color:var(--red-dark);
  border-color:rgba(174,32,39,.18);
}
.d4-guide-page .guides-card:hover,
.d4-guide-page .guides-card:focus-visible,
.d4-guide-page .guide-related-links a:hover,
.d4-guide-page .guide-related-links a:focus-visible{
  background:#fff9f6!important;
  border-color:rgba(174,32,39,.42)!important;
  box-shadow:0 18px 38px rgba(10,45,95,.12);
}

/* Clyde Sauce stays intentionally classified. */
.d4-guide-page .d4-redacted{
  background:#171717!important;
  color:var(--gold-light)!important;
  border:1px solid rgba(215,165,47,.42);
}

/* Gold transition from warm content into the standard Clyde-blue footer. */
.d4-guide-page .standard-footer{
  position:relative;
  background:linear-gradient(180deg,#173c73 0%,#123565 18%,#0a2d5f 48%,#0a2d5f 100%);
}
.d4-guide-page .standard-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.82) 18%,
    #f1d276 50%,
    rgba(241,210,118,.82) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.14);
}

@media (min-width:761px){
  .d4-guide-page .guides-hero{overflow:hidden}
  .d4-guide-page .d4-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(220px,320px);
    gap:clamp(24px,5vw,64px);
  }
  .d4-guide-page .d4-guide-portrait{
    width:min(100%,280px);
    max-height:none;
    transform:translate(-44px,54px);
    object-position:center bottom;
    filter:drop-shadow(0 14px 20px rgba(0,0,0,.16));
  }
}

@media (max-width:640px){
  .d4-guide-page > .site-header{
    position:fixed;
    inset:0 0 auto;
    z-index:1000;
    padding:8px 0;
    background:var(--navy);
  }
  .d4-guide-page .guides-hero{
    padding-top:calc(var(--site-header-height) + 42px);
    padding-bottom:42px;
  }
  .d4-guide-page .guides-main{
    padding-top:34px;
    padding-bottom:48px;
  }
}


/* 20-foot commercial kitchen guide — Clyde Foods page polish — 2026-10-05 */
.kitchen-guide-page .guide-article{
  border-top:5px solid #d7a52f;
}
.kitchen-guide-page .guide-article-header{
  background:
    radial-gradient(circle at 92% 10%,rgba(241,210,118,.19),transparent 27%),
    linear-gradient(180deg,#fffaf0 0%,#fff 100%);
}
.kitchen-guide-page .guide-brand-section{
  position:relative;
  overflow:hidden;
}
.kitchen-guide-page .guide-brand-section::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
}
.kitchen-guide-page .guide-brand-section--burgers{
  background:linear-gradient(90deg,rgba(174,32,39,.045),transparent 48%);
}
.kitchen-guide-page .guide-brand-section--burgers::before{background:#ae2027}
.kitchen-guide-page .guide-brand-section--dogs{
  background:linear-gradient(90deg,rgba(23,85,141,.055),transparent 52%);
}
.kitchen-guide-page .guide-brand-section--dogs::before{background:#17558d}

.guide-layout-feature{
  display:grid;
  grid-template-columns:minmax(250px,360px) minmax(0,1fr);
  gap:0;
  margin-top:26px;
  overflow:hidden;
  border:1px solid rgba(23,85,141,.18);
  border-radius:20px;
  background:#f7fbff;
  box-shadow:0 16px 34px rgba(10,45,95,.10);
}
.guide-layout-feature-media{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:
    radial-gradient(circle at 50% 15%,rgba(91,161,221,.15),transparent 34%),
    #eef6fd;
  border-right:1px solid rgba(23,85,141,.12);
}
.guide-layout-feature-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:620px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 26px rgba(4,25,47,.14);
}
.guide-layout-feature-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(24px,4vw,38px);
}
.guide-layout-feature-copy .eyebrow{
  margin-bottom:8px;
  color:#17558d!important;
}
.guide-layout-feature-copy h3{
  margin:0 0 10px!important;
  color:#0a2d5f;
  font-size:clamp(1.4rem,2.6vw,2rem);
  line-height:1.08;
}
.guide-layout-feature-copy p{
  margin:.35rem 0 0;
}
.guide-layout-feature-note{
  margin-top:16px!important;
  padding:13px 15px;
  border-left:4px solid #d7a52f;
  background:#fffaf0;
  color:#53677c!important;
  font-size:.88rem;
}
.guide-layout-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}
.guide-layout-actions a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  text-decoration:none;
  font-size:.84rem;
  font-weight:950;
}
.guide-layout-actions .guide-layout-primary{
  background:#0a2d5f;
  color:#fff;
  border:1px solid #0a2d5f;
}
.guide-layout-actions .guide-layout-secondary{
  background:#fff;
  color:#0a2d5f;
  border:1px solid rgba(10,45,95,.20);
}
.guide-layout-actions a:hover,
.guide-layout-actions a:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(10,45,95,.12);
}

.guide-current-layouts{
  background:linear-gradient(180deg,#fffdf8,#f8fbfe);
}
.guide-current-layout-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.guide-current-layout-link{
  display:flex;
  flex-direction:column;
  min-height:138px;
  padding:19px;
  border:1px solid rgba(10,45,95,.12);
  border-radius:16px;
  background:#fff;
  color:#455a71;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(10,45,95,.05);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.guide-current-layout-link strong{
  display:block;
  margin-bottom:6px;
  color:#0a2d5f;
  font-size:1.05rem;
}
.guide-current-layout-link span{
  line-height:1.55;
  font-size:.9rem;
}
.guide-current-layout-link em{
  margin-top:auto;
  padding-top:14px;
  color:#8a6314;
  font-style:normal;
  font-weight:950;
}
.guide-current-layout-link--burgers{border-top:4px solid #ae2027}
.guide-current-layout-link--dogs{border-top:4px solid #17558d}
.guide-current-layout-link--trucks{border-top:4px solid #d7a52f}
.guide-current-layout-link:hover,
.guide-current-layout-link:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(10,45,95,.10);
  border-color:rgba(215,165,47,.45);
}

.kitchen-guide-page .guides-main{
  background:#f5eedf;
}
.kitchen-guide-page .guide-related{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(241,210,118,.14),transparent 28%),
    #fffaf0;
  border:1px solid rgba(10,45,95,.12);
  border-top:4px solid #d7a52f;
  color:#455a71;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.kitchen-guide-page .guide-related .eyebrow{
  color:#8a6314!important;
}
.kitchen-guide-page .guide-related h2{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-related p{
  color:#455a71;
}
.kitchen-guide-page .guide-related-links{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.kitchen-guide-page .guide-related-links a{
  position:relative;
  min-height:116px;
  padding:18px;
  border:1px solid rgba(10,45,95,.13);
  background:#fff;
  color:#455a71;
  box-shadow:0 7px 18px rgba(10,45,95,.05);
}
.kitchen-guide-page .guide-related-links a:hover,
.kitchen-guide-page .guide-related-links a:focus-visible{
  background:#fffdf8;
  border-color:rgba(215,165,47,.60);
  box-shadow:0 12px 26px rgba(10,45,95,.09);
}
.kitchen-guide-page .guide-related-links a strong{
  display:block;
  margin-bottom:5px;
  color:#0a2d5f;
  font-size:1rem;
}
.kitchen-guide-page .guide-related-links a span{
  display:block;
  color:#53677c;
  font-size:.86rem;
  font-weight:650;
  line-height:1.5;
}
.kitchen-guide-page .guide-related-links a em{
  display:block;
  margin-top:12px;
  color:#8a6314;
  font-style:normal;
  font-size:.82rem;
  font-weight:950;
}

@media (max-width:800px){
  .guide-layout-feature{grid-template-columns:1fr}
  .guide-layout-feature-media{
    border-right:0;
    border-bottom:1px solid rgba(23,85,141,.12);
  }
  .guide-layout-feature-media img{
    width:min(360px,88vw);
    max-height:none;
  }
  .guide-current-layout-links{grid-template-columns:1fr}
}
@media (max-width:560px){
  .guide-layout-feature-copy{padding:22px 20px}
  .guide-layout-actions{display:grid;grid-template-columns:1fr}
  .guide-layout-actions a{justify-content:center}
  .kitchen-guide-page .guide-related-links{grid-template-columns:1fr}
}


/* Guides landing page — Clyde Foods palette standard — 2026-10-05 */
.guides-index-page{
  background:#f5eedf;
}
.guides-index-page .guides-main{
  background:#f5eedf;
}
.guides-index-page .guides-intro{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(10,45,95,.12);
  border-top:5px solid #d7a52f;
  background:
    radial-gradient(circle at 92% 12%,rgba(241,210,118,.17),transparent 28%),
    #fffaf0;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.guides-index-page .guides-intro .eyebrow{
  color:#8a6314!important;
}
.guides-index-page .guides-intro h2{
  color:#0a2d5f;
}
.guides-index-page .guides-intro p{
  color:#455a71;
}

.guides-index-page .guides-grid{
  gap:18px;
}
.guides-index-page .guides-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(10,45,95,.12);
  border-top:5px solid #d7a52f;
  background:#fff;
  box-shadow:0 12px 30px rgba(10,45,95,.07);
}
.guides-index-page .guides-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(241,210,118,.055),transparent 42%);
}
.guides-index-page .guides-card:hover,
.guides-index-page .guides-card:focus-visible{
  border-color:rgba(215,165,47,.60);
  border-top-color:#d7a52f;
  background:#fffdf8;
  box-shadow:0 18px 38px rgba(10,45,95,.11);
}
.guides-index-page .guides-card .eyebrow{
  color:#8a6314;
}
.guides-index-page .guides-card h2{
  color:#0a2d5f;
}
.guides-index-page .guides-card p{
  color:#53677c;
}
.guides-index-page .guides-card .guides-card-arrow{
  color:#8a6314;
}
.guides-index-page .guides-card.d4-card{
  border-top-color:#ae2027;
}
.guides-index-page .guides-card.d4-card::after{
  background:linear-gradient(145deg,rgba(174,32,39,.055),transparent 42%);
}
.guides-index-page .guides-card.d4-card .eyebrow,
.guides-index-page .guides-card.d4-card .guides-card-arrow{
  color:#ae2027;
}
.guides-index-page .guides-card.d4-card:hover,
.guides-index-page .guides-card.d4-card:focus-visible{
  border-color:rgba(174,32,39,.34);
  border-top-color:#ae2027;
  background:#fffaf8;
}

.guides-index-page .guide-disclaimer{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(10,45,95,.12);
  border-left:5px solid #d7a52f;
  border-radius:16px;
  background:#fffaf0;
  color:#53677c;
  box-shadow:0 10px 24px rgba(10,45,95,.05);
}
.guides-index-page .guide-disclaimer strong{
  color:#0a2d5f;
}

@media (max-width:760px){
  .guides-index-page .guides-main{
    padding-top:34px;
    padding-bottom:58px;
  }
  .guides-index-page .guides-intro{
    padding:25px 21px;
  }
}


/* Commercial food-truck design guide — Clyde Foods palette standard — 2026-10-05 */
.commercial-design-guide-page{
  background:#f5eedf;
}
.commercial-design-guide-page .guides-main{
  background:#f5eedf;
}
.commercial-design-guide-page .guide-article{
  border-top:5px solid #d7a52f;
  background:#fff;
}
.commercial-design-guide-page .guide-article-header{
  background:
    radial-gradient(circle at 92% 10%,rgba(241,210,118,.18),transparent 28%),
    linear-gradient(180deg,#fffaf0 0%,#fff 100%);
}
.commercial-design-guide-page .guide-section{
  background:#fff;
}
.commercial-design-guide-page .guide-disclaimer{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(10,45,95,.12);
  border-left:5px solid #d7a52f;
  border-radius:16px;
  background:#fffaf0;
  color:#53677c;
  box-shadow:0 10px 24px rgba(10,45,95,.05);
}
.commercial-design-guide-page .guide-disclaimer strong{
  color:#0a2d5f;
}
.commercial-design-guide-page .guide-related{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(241,210,118,.14),transparent 28%),
    #fffaf0;
  border:1px solid rgba(10,45,95,.12);
  border-top:4px solid #d7a52f;
  color:#455a71;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.commercial-design-guide-page .guide-related .eyebrow{
  color:#8a6314!important;
}
.commercial-design-guide-page .guide-related h2{
  color:#0a2d5f;
}
.commercial-design-guide-page .guide-related p{
  color:#455a71;
}
.commercial-design-guide-page .guide-related-links{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.commercial-design-guide-page .guide-related-links a{
  position:relative;
  min-height:112px;
  padding:18px;
  border:1px solid rgba(10,45,95,.13);
  background:#fff;
  color:#455a71;
  box-shadow:0 7px 18px rgba(10,45,95,.05);
}
.commercial-design-guide-page .guide-related-links a:hover,
.commercial-design-guide-page .guide-related-links a:focus-visible{
  background:#fffdf8;
  border-color:rgba(215,165,47,.60);
  box-shadow:0 12px 26px rgba(10,45,95,.09);
}
.commercial-design-guide-page .guide-related-links a strong{
  display:block;
  margin-bottom:5px;
  color:#0a2d5f;
  font-size:1rem;
}
.commercial-design-guide-page .guide-related-links a span{
  display:block;
  color:#53677c;
  font-size:.86rem;
  font-weight:650;
  line-height:1.5;
}
.commercial-design-guide-page .guide-related-links a em{
  display:block;
  margin-top:12px;
  color:#8a6314;
  font-style:normal;
  font-size:.82rem;
  font-weight:950;
}
.commercial-design-guide-page .design-examples-section{
  background:linear-gradient(180deg,#fffdf8,#f8fbfe);
}
.commercial-design-guide-page .design-example-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.commercial-design-guide-page .design-example-link{
  display:flex;
  flex-direction:column;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(10,45,95,.12);
  border-radius:16px;
  background:#fff;
  color:#53677c;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(10,45,95,.05);
}
.commercial-design-guide-page .design-example-link strong{
  display:block;
  margin-bottom:6px;
  color:#0a2d5f;
}
.commercial-design-guide-page .design-example-link span{
  line-height:1.55;
  font-size:.9rem;
}
.commercial-design-guide-page .design-example-link em{
  margin-top:auto;
  padding-top:14px;
  color:#8a6314;
  font-style:normal;
  font-weight:950;
}
.commercial-design-guide-page .design-example-link--burgers{border-top:4px solid #ae2027}
.commercial-design-guide-page .design-example-link--dogs{border-top:4px solid #17558d}
.commercial-design-guide-page .design-example-link--trucks{border-top:4px solid #d7a52f}

@media (max-width:760px){
  .commercial-design-guide-page .guide-related-links,
  .commercial-design-guide-page .design-example-links{
    grid-template-columns:1fr;
  }
}


/* 20-foot kitchen guide — segmented reading structure — 2026-10-05 */
.kitchen-guide-page .guide-article{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.kitchen-guide-page .guide-article-header{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:clamp(26px,4.5vw,44px);
  border:1px solid rgba(10,45,95,.12);
  border-top:5px solid #d7a52f;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(241,210,118,.19),transparent 27%),
    linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.kitchen-guide-page .guide-section{
  position:relative;
  margin:0 0 18px;
  padding:clamp(25px,4.2vw,42px);
  border:1px solid rgba(10,45,95,.11);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,45,95,.055);
}
.kitchen-guide-page .guide-section:first-of-type{
  border-top:1px solid rgba(10,45,95,.11);
}
.kitchen-guide-page .guide-section::after{
  content:"";
  position:absolute;
  left:clamp(25px,4.2vw,42px);
  right:clamp(25px,4.2vw,42px);
  bottom:-10px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(215,165,47,.34),transparent);
  pointer-events:none;
}
.kitchen-guide-page .guide-section:last-of-type::after{
  display:none;
}
.kitchen-guide-page .guide-section > .eyebrow:first-child{
  margin-bottom:8px;
}
.kitchen-guide-page .guide-section h2{
  max-width:820px;
}
.kitchen-guide-page .guide-section > p:not(.eyebrow){
  max-width:900px;
}
.kitchen-guide-page .guide-grid-two{
  margin-top:22px;
}
.kitchen-guide-page .guide-mini{
  background:#fffdf8;
  box-shadow:inset 0 1px rgba(255,255,255,.8);
}
.kitchen-guide-page .guide-step{
  background:#fffdf8;
}
.kitchen-guide-page .guide-callout{
  box-shadow:0 7px 18px rgba(10,45,95,.045);
}

/* Distinct concept cards inside the otherwise neutral Clyde Foods structure. */
.kitchen-guide-page .guide-brand-section--burgers{
  border-top:4px solid #ae2027;
  background:linear-gradient(90deg,rgba(174,32,39,.045),#fff 34%);
}
.kitchen-guide-page .guide-brand-section--dogs{
  border-top:4px solid #17558d;
  background:linear-gradient(90deg,rgba(23,85,141,.055),#fff 38%);
}
.kitchen-guide-page .guide-brand-section::before{
  display:none;
}
.kitchen-guide-page .guide-current-layouts{
  border-top:4px solid #d7a52f;
  background:linear-gradient(180deg,#fffdf8,#f8fbfe);
}

/* Give the longer systems run a quiet visual cadence without introducing new brand colors. */
.kitchen-guide-page .guide-section:nth-of-type(5),
.kitchen-guide-page .guide-section:nth-of-type(7),
.kitchen-guide-page .guide-section:nth-of-type(9),
.kitchen-guide-page .guide-section:nth-of-type(11){
  background:#fffdf8;
}

@media (max-width:760px){
  .kitchen-guide-page .guide-article-header{
    margin-bottom:16px;
    border-radius:18px;
  }
  .kitchen-guide-page .guide-section{
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:17px;
  }
  .kitchen-guide-page .guide-section::after{
    left:20px;
    right:20px;
    bottom:-8px;
  }
}


.kitchen-guide-jump{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
  padding:12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 8px 22px rgba(10,45,95,.045);
}
.kitchen-guide-jump a{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:13px;
  background:#fff;
  color:#0a2d5f;
  text-decoration:none;
  font-size:.79rem;
  font-weight:900;
  line-height:1.25;
}
.kitchen-guide-jump a span{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#0a2d5f;
  color:#f1d276;
  font-size:.68rem;
  font-weight:1000;
}
.kitchen-guide-jump a:hover,
.kitchen-guide-jump a:focus-visible{
  border-color:rgba(215,165,47,.62);
  background:#fffdf8;
  box-shadow:0 6px 14px rgba(10,45,95,.07);
}
.kitchen-guide-page .guide-section[id]{
  scroll-margin-top:110px;
}
@media (max-width:900px){
  .kitchen-guide-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .kitchen-guide-jump{grid-template-columns:1fr}
}


/* 20-foot kitchen guide — full Clyde Foods shell standard — 2026-10-05 */
.kitchen-guide-page{
  background:#f5eedf;
}
.kitchen-guide-page .guides-hero{
  position:relative;
  background:var(--navy);
  color:#fff;
  padding:110px 0 58px;
}
.kitchen-guide-page .guides-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(
    90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%
  );
  box-shadow:0 1px 5px rgba(241,210,118,.14);
}
.kitchen-guide-page .guides-hero h1{
  color:#fff;
}
.kitchen-guide-page .guides-hero .eyebrow{
  color:#f1d276!important;
}
.kitchen-guide-page .guides-hero-copy{
  color:#d8e5f1;
}
.kitchen-guide-page .guide-breadcrumb,
.kitchen-guide-page .guide-breadcrumb a{
  color:#e7f0f8;
}
.kitchen-guide-page .guides-main{
  background:#f5eedf;
  padding-top:48px;
  padding-bottom:88px;
}
.kitchen-guide-page .guides-shell{
  width:min(1100px,92vw);
}
.kitchen-guide-page .guide-article-header .eyebrow{
  color:#8a6314!important;
}
.kitchen-guide-page .guide-article-header h2,
.kitchen-guide-page .guide-section h2,
.kitchen-guide-page .guide-section h3{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-article-header p,
.kitchen-guide-page .guide-section p,
.kitchen-guide-page .guide-section li{
  color:#455a71;
}
.kitchen-guide-page .guide-meta span{
  background:#fff8e9;
  color:#0a2d5f;
  border:1px solid rgba(215,165,47,.28);
}
.kitchen-guide-page .guide-mini{
  border-color:rgba(10,45,95,.10);
  background:#fffaf0;
}
.kitchen-guide-page .guide-step{
  border-color:rgba(10,45,95,.10);
  background:#fffaf0;
}
.kitchen-guide-page .guide-step::before{
  background:#0a2d5f;
  color:#f1d276;
}
.kitchen-guide-page .guide-callout{
  border-left-color:#d7a52f;
  background:#fff8e9;
}
.kitchen-guide-page .guide-callout strong{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-callout--red{
  border-left-color:#ae2027;
  background:#fff3ef;
}
.kitchen-guide-page .guide-callout--blue{
  border-left-color:#17558d;
  background:#f1f7fc;
}
.kitchen-guide-page .guide-disclaimer{
  border:1px solid rgba(10,45,95,.12);
  border-left:5px solid #d7a52f;
  background:#fffaf0;
  color:#53677c;
  box-shadow:0 10px 24px rgba(10,45,95,.05);
}
.kitchen-guide-page .guide-disclaimer strong{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-related{
  background:#fffaf0;
}
.kitchen-guide-page .guide-related .eyebrow{
  color:#8a6314!important;
}
.kitchen-guide-page .guide-related h2{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-related p{
  color:#455a71;
}
.kitchen-guide-page .guide-related-links a{
  background:#fff;
  color:#455a71;
}
.kitchen-guide-page .guide-related-links a strong{
  color:#0a2d5f;
}
.kitchen-guide-page .guide-related-links a span{
  color:#53677c;
}
.kitchen-guide-page .guide-related-links a em{
  color:#8a6314;
}
@media (max-width:760px){
  .kitchen-guide-page .guides-hero{
    padding-top:100px;
    padding-bottom:42px;
  }
  .kitchen-guide-page .guides-main{
    padding-top:30px;
    padding-bottom:58px;
  }
}


/* Mobile QSR startup guide — Clyde Foods shell and reading structure — 2026-10-05 */
.mobile-startup-guide-page{
  background:#f5eedf;
}
.mobile-startup-guide-page .guides-hero{
  position:relative;
  background:var(--navy);
  color:#fff;
  padding:110px 0 58px;
}
.mobile-startup-guide-page .guides-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:5px;
  background:linear-gradient(
    90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%
  );
  box-shadow:0 1px 5px rgba(241,210,118,.14);
}
.mobile-startup-guide-page .guides-hero h1{color:#fff}
.mobile-startup-guide-page .guides-hero .eyebrow{color:#f1d276!important}
.mobile-startup-guide-page .guides-hero-copy{color:#d8e5f1}
.mobile-startup-guide-page .guide-breadcrumb,
.mobile-startup-guide-page .guide-breadcrumb a{color:#e7f0f8}
.mobile-startup-guide-page .guides-main{
  background:#f5eedf;
  padding-top:48px;
  padding-bottom:88px;
}
.mobile-startup-guide-page .guides-shell{
  width:min(1100px,92vw);
}
.mobile-startup-guide-page .guide-article{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mobile-startup-guide-page .guide-article-header{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:clamp(26px,4.5vw,44px);
  border:1px solid rgba(10,45,95,.12);
  border-top:5px solid #d7a52f;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(241,210,118,.19),transparent 27%),
    linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.mobile-startup-guide-page .guide-article-header .eyebrow{color:#8a6314!important}
.mobile-startup-guide-page .guide-article-header h2{color:#0a2d5f}
.mobile-startup-guide-page .guide-article-header p{color:#455a71}
.mobile-startup-guide-page .guide-meta span{
  background:#fff8e9;
  color:#0a2d5f;
  border:1px solid rgba(215,165,47,.28);
}

.mobile-startup-guide-page .guide-section{
  position:relative;
  margin:0 0 18px;
  padding:clamp(25px,4.2vw,42px);
  border:1px solid rgba(10,45,95,.11);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,45,95,.055);
}
.mobile-startup-guide-page .guide-section:first-of-type{
  border-top:1px solid rgba(10,45,95,.11);
}
.mobile-startup-guide-page .guide-section h2,
.mobile-startup-guide-page .guide-section h3{
  color:#0a2d5f;
}
.mobile-startup-guide-page .guide-section p,
.mobile-startup-guide-page .guide-section li{
  color:#455a71;
}
.mobile-startup-guide-page .guide-section > .eyebrow:first-child{
  color:#8a6314!important;
}
.mobile-startup-guide-page .guide-section:nth-of-type(even){
  background:#fffdf8;
}
.mobile-startup-guide-page .guide-mini,
.mobile-startup-guide-page .guide-step{
  border-color:rgba(10,45,95,.10);
  background:#fffaf0;
}
.mobile-startup-guide-page .guide-step::before{
  background:#0a2d5f;
  color:#f1d276;
}
.mobile-startup-guide-page .guide-callout{
  border-left-color:#d7a52f;
  background:#fff8e9;
  box-shadow:0 7px 18px rgba(10,45,95,.045);
}
.mobile-startup-guide-page .guide-callout strong{color:#0a2d5f}
.mobile-startup-guide-page .guide-inline-link{
  color:#0b4f86;
}

.mobile-startup-jump{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
  padding:12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 8px 22px rgba(10,45,95,.045);
}
.mobile-startup-jump a{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:13px;
  background:#fff;
  color:#0a2d5f;
  text-decoration:none;
  font-size:.79rem;
  font-weight:900;
  line-height:1.25;
}
.mobile-startup-jump a span{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#0a2d5f;
  color:#f1d276;
  font-size:.68rem;
  font-weight:1000;
}
.mobile-startup-jump a:hover,
.mobile-startup-jump a:focus-visible{
  border-color:rgba(215,165,47,.62);
  background:#fffdf8;
  box-shadow:0 6px 14px rgba(10,45,95,.07);
}
.mobile-startup-guide-page .guide-section[id]{
  scroll-margin-top:110px;
}

.mobile-startup-guide-page .startup-reference-section{
  border-top:4px solid #d7a52f;
  background:linear-gradient(180deg,#fffdf8,#f8fbfe);
}
.startup-reference-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.startup-reference-link{
  display:flex;
  flex-direction:column;
  min-height:142px;
  padding:18px;
  border:1px solid rgba(10,45,95,.12);
  border-top:4px solid #d7a52f;
  border-radius:16px;
  background:#fff;
  color:#53677c;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(10,45,95,.05);
}
.startup-reference-link strong{
  display:block;
  margin-bottom:6px;
  color:#0a2d5f;
}
.startup-reference-link span{
  line-height:1.55;
  font-size:.88rem;
}
.startup-reference-link em{
  margin-top:auto;
  padding-top:14px;
  color:#8a6314;
  font-style:normal;
  font-weight:950;
}
.startup-reference-link--training{border-top-color:#17558d}
.startup-reference-link--uniforms{border-top-color:#d7a52f}
.startup-reference-link--supplies{border-top-color:#8a6314}
.startup-reference-link--getting-started{border-top-color:#0a2d5f}

.mobile-startup-guide-page .guide-disclaimer{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid rgba(10,45,95,.12);
  border-left:5px solid #d7a52f;
  border-radius:16px;
  background:#fffaf0;
  color:#53677c;
  box-shadow:0 10px 24px rgba(10,45,95,.05);
}
.mobile-startup-guide-page .guide-disclaimer strong{color:#0a2d5f}

.mobile-startup-guide-page .guide-related{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(241,210,118,.14),transparent 28%),
    #fffaf0;
  border:1px solid rgba(10,45,95,.12);
  border-top:4px solid #d7a52f;
  color:#455a71;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.mobile-startup-guide-page .guide-related .eyebrow{color:#8a6314!important}
.mobile-startup-guide-page .guide-related h2{color:#0a2d5f}
.mobile-startup-guide-page .guide-related p{color:#455a71}
.mobile-startup-guide-page .guide-related-links{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.mobile-startup-guide-page .guide-related-links a{
  position:relative;
  min-height:112px;
  padding:18px;
  border:1px solid rgba(10,45,95,.13);
  background:#fff;
  color:#455a71;
  box-shadow:0 7px 18px rgba(10,45,95,.05);
}
.mobile-startup-guide-page .guide-related-links a:hover,
.mobile-startup-guide-page .guide-related-links a:focus-visible{
  background:#fffdf8;
  border-color:rgba(215,165,47,.60);
  box-shadow:0 12px 26px rgba(10,45,95,.09);
}
.mobile-startup-guide-page .guide-related-links a strong{
  display:block;
  margin-bottom:5px;
  color:#0a2d5f;
  font-size:1rem;
}
.mobile-startup-guide-page .guide-related-links a span{
  display:block;
  color:#53677c;
  font-size:.86rem;
  font-weight:650;
  line-height:1.5;
}
.mobile-startup-guide-page .guide-related-links a em{
  display:block;
  margin-top:12px;
  color:#8a6314;
  font-style:normal;
  font-size:.82rem;
  font-weight:950;
}

@media (max-width:900px){
  .mobile-startup-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
  .startup-reference-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mobile-startup-guide-page .guides-hero{
    padding-top:100px;
    padding-bottom:42px;
  }
  .mobile-startup-guide-page .guides-main{
    padding-top:30px;
    padding-bottom:58px;
  }
  .mobile-startup-guide-page .guide-article-header{
    margin-bottom:16px;
    border-radius:18px;
  }
  .mobile-startup-guide-page .guide-section{
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:17px;
  }
}
@media (max-width:520px){
  .mobile-startup-jump,
  .startup-reference-links,
  .mobile-startup-guide-page .guide-related-links{
    grid-template-columns:1fr;
  }
}


/* Commercial design guide — segmented reading structure — 2026-10-05 */
.commercial-design-guide-page .guide-article{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.commercial-design-guide-page .guide-article-header{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:clamp(26px,4.5vw,44px);
  border:1px solid rgba(10,45,95,.12);
  border-top:5px solid #d7a52f;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(241,210,118,.18),transparent 28%),
    linear-gradient(180deg,#fffaf0 0%,#fff 100%);
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.commercial-design-guide-page .guide-section{
  position:relative;
  margin:0 0 18px;
  padding:clamp(25px,4.2vw,42px);
  border:1px solid rgba(10,45,95,.11);
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 28px rgba(10,45,95,.055);
}
.commercial-design-guide-page .guide-section:first-of-type{
  border-top:1px solid rgba(10,45,95,.11);
}
.commercial-design-guide-page .guide-section:nth-of-type(even){
  background:#fffdf8;
}
.commercial-design-guide-page .guide-section > .eyebrow:first-child{
  margin-bottom:8px;
}
.commercial-design-guide-page .guide-section h2{
  max-width:850px;
}
.commercial-design-guide-page .guide-section > p:not(.eyebrow){
  max-width:920px;
}
.commercial-design-guide-page .guide-mini,
.commercial-design-guide-page .guide-step{
  background:#fffaf0;
  border-color:rgba(10,45,95,.10);
}
.commercial-design-guide-page .guide-step::before{
  background:#0a2d5f;
  color:#f1d276;
}
.commercial-design-guide-page .guide-callout{
  box-shadow:0 7px 18px rgba(10,45,95,.045);
}
.commercial-design-guide-page .design-examples-section{
  border-top:4px solid #d7a52f;
  background:linear-gradient(180deg,#fffdf8,#f8fbfe);
}

.commercial-design-jump{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
  padding:12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:18px;
  background:#fffaf0;
  box-shadow:0 8px 22px rgba(10,45,95,.045);
}
.commercial-design-jump a{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid rgba(10,45,95,.10);
  border-radius:13px;
  background:#fff;
  color:#0a2d5f;
  text-decoration:none;
  font-size:.79rem;
  font-weight:900;
  line-height:1.25;
}
.commercial-design-jump a span{
  display:grid;
  place-items:center;
  flex:0 0 26px;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#0a2d5f;
  color:#f1d276;
  font-size:.68rem;
  font-weight:1000;
}
.commercial-design-jump a:hover,
.commercial-design-jump a:focus-visible{
  border-color:rgba(215,165,47,.62);
  background:#fffdf8;
  box-shadow:0 6px 14px rgba(10,45,95,.07);
}
.commercial-design-guide-page .guide-section[id]{
  scroll-margin-top:110px;
}
@media (max-width:900px){
  .commercial-design-jump{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .commercial-design-guide-page .guide-article-header{
    margin-bottom:16px;
    border-radius:18px;
  }
  .commercial-design-guide-page .guide-section{
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:17px;
  }
}
@media (max-width:520px){
  .commercial-design-jump{grid-template-columns:1fr}
}


/* D4 Prime Burger Lab articles — segmented Clyde Burgers structure — 2026-10-05 */
.d4-lab-article-page .guides-main{
  background:#f5eedf;
}
.d4-lab-article-page .guide-article{
  overflow:visible;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.d4-lab-article-page .guide-article-header{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:clamp(26px,4.5vw,44px);
  border:1px solid rgba(174,32,39,.18)!important;
  border-top:5px solid var(--red)!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(174,32,39,.07),transparent 28%),
    linear-gradient(180deg,#fff9f6 0%,#fff 100%)!important;
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.d4-lab-article-page .guide-section{
  position:relative;
  margin:0 0 18px;
  padding:clamp(25px,4.2vw,42px);
  border:1px solid rgba(174,32,39,.15)!important;
  border-top:4px solid var(--red)!important;
  border-radius:20px;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(10,45,95,.055);
}
.d4-lab-article-page .guide-section:nth-of-type(even){
  background:#fffaf8!important;
}
.d4-lab-article-page .guide-section > .eyebrow:first-child{
  margin-bottom:8px;
}
.d4-lab-article-page .guide-section h2,
.d4-lab-article-page .guide-section h3{
  color:var(--red)!important;
}
.d4-lab-article-page .guide-section > p:not(.eyebrow){
  max-width:920px;
}
.d4-lab-article-page .guide-mini,
.d4-lab-article-page .guide-step,
.d4-lab-article-page .d4-option{
  background:#faf7ef!important;
  border-color:rgba(174,32,39,.13)!important;
}
.d4-lab-article-page .guide-callout,
.d4-lab-article-page .d4-quote,
.d4-lab-article-page .d4-classified{
  border-left-color:var(--red)!important;
  background:#fff1ee!important;
}
.d4-lab-article-page .d4-related{
  margin-top:24px;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(174,32,39,.18)!important;
  border-top:5px solid var(--red)!important;
  border-left:1px solid rgba(174,32,39,.18)!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(174,32,39,.055),transparent 28%),
    #fff!important;
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.d4-lab-article-page .d4-related .eyebrow{
  color:var(--red)!important;
}
.d4-lab-article-page .d4-related h2{
  color:var(--red)!important;
}
.d4-lab-article-page .guide-related-links a{
  background:#fff1ee!important;
  color:var(--red-dark)!important;
  border:1px solid rgba(174,32,39,.18)!important;
}
.d4-lab-article-page .guide-related-links a:hover,
.d4-lab-article-page .guide-related-links a:focus-visible{
  background:#fff9f6!important;
  border-color:rgba(174,32,39,.44)!important;
}
@media (max-width:760px){
  .d4-lab-article-page .guide-article-header{
    margin-bottom:16px;
    padding:24px 20px;
    border-radius:18px;
  }
  .d4-lab-article-page .guide-section{
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:17px;
  }
  .d4-lab-article-page .d4-related{
    border-radius:18px;
  }
}


/* Burger Lab working-note disclaimer — 2026-10-05 */
.d4-working-note{
  margin:0 0 20px;
  padding:18px 20px;
  border:1px solid rgba(174,32,39,.18);
  border-left:5px solid var(--red);
  border-radius:16px;
  background:#fff1ee;
  color:#6b5c55;
  box-shadow:0 8px 20px rgba(10,45,95,.045);
  line-height:1.65;
}
.d4-working-note strong{
  color:var(--red-dark);
}
.d4-working-note a{
  color:var(--red-dark);
  font-weight:850;
  text-underline-offset:3px;
}
@media (max-width:760px){
  .d4-working-note{
    padding:16px 17px;
    border-radius:14px;
  }
}

/* Guides landing — public window into working notes — 2026-10-05 */
.guides-index-page .guides-journey-note{
  margin-top:20px;
  padding:17px 19px;
  border-left:5px solid #d7a52f;
  border-radius:0 14px 14px 0;
  background:#fff8e9;
  color:#53677c;
  line-height:1.65;
}
.guides-index-page .guides-journey-note strong{
  color:#0a2d5f;
}


/* Guides editorial disclosure — human + AI hybrid — 2026-10-05 */
.guide-ai-disclosure{
  background:#f5eedf;
  padding:0 0 30px;
}
.guide-ai-disclosure .guides-shell{
  width:min(1100px,92vw);
  margin-inline:auto;
}
.guide-ai-disclosure p{
  margin:0;
  padding-top:15px;
  border-top:1px solid rgba(10,45,95,.13);
  color:#776f65;
  font-size:.74rem;
  line-height:1.6;
}
.guide-ai-disclosure strong{
  color:#53677c;
  font-weight:900;
}
@media (max-width:640px){
  .guide-ai-disclosure{
    padding-bottom:24px;
  }
  .guide-ai-disclosure p{
    font-size:.7rem;
    line-height:1.55;
  }
}


/* Lobos Dogs Factory — Clyde Dogs theme — 2026-10-06 */
body.lobos-guide-page{background:var(--navy)}
.lobos-guide-page > .site-header{
  position:fixed;inset:0 0 auto;z-index:1000;background:var(--navy);padding:14px 0;
}
.lobos-guide-page > .site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;
  background:linear-gradient(90deg,rgba(241,210,118,0),rgba(241,210,118,.72) 18%,#f1d276 50%,rgba(241,210,118,.72) 82%,rgba(241,210,118,0));
  box-shadow:0 1px 5px rgba(241,210,118,.16);pointer-events:none;
}
.lobos-guide-page .guides-hero{
  position:relative;background:linear-gradient(145deg,var(--blue-dark),var(--blue) 58%,#0a2d5f);
  padding-top:calc(var(--site-header-height) + 58px);padding-bottom:58px;
}
.lobos-guide-page .guides-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,rgba(241,210,118,0),rgba(241,210,118,.65) 18%,#f1d276 50%,rgba(241,210,118,.65) 82%,rgba(241,210,118,0));
}
.lobos-guide-page .guides-hero-copy{color:#e5f1fb}
.lobos-guide-page .guides-main{background:#f5eedf}
.lobos-hero-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,270px);align-items:end;gap:clamp(20px,4vw,48px);
}
.lobos-guide-portrait{
  display:block;width:min(100%,260px);max-height:310px;object-fit:contain;object-position:center bottom;justify-self:end;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.22));
}
.lobos-factory-brand{display:block;width:min(260px,55%);height:auto;margin:0 0 16px}
.lobos-intro{border-top:5px solid var(--blue)}
.lobos-card{border-top:4px solid var(--blue)}
.lobos-card:hover,.lobos-card:focus-visible{border-color:var(--blue)}
.lobos-card .eyebrow{color:var(--blue)}
.lobos-card .guides-card-arrow{color:var(--blue-dark)}
.lobos-guide-article{border-top:5px solid var(--blue)}
.lobos-guide-article .guide-article-header{background:linear-gradient(180deg,#eef6fd,#fffaf0)}
.lobos-working-note{
  margin:0 0 20px;padding:18px 20px;border:1px solid rgba(23,85,141,.18);border-left:6px solid var(--blue);
  border-radius:14px;background:#eef6fd;color:#455a71;line-height:1.68;
}
.lobos-working-note strong{color:var(--blue-dark)}
.lobos-guide-quote{
  margin:24px 0;padding:21px 23px;border-left:5px solid var(--blue);border-radius:0 15px 15px 0;
  background:linear-gradient(135deg,#edf6fe,#f8fbfe);box-shadow:0 10px 24px rgba(10,45,95,.08);
}
.lobos-guide-quote p{margin:0;color:var(--blue-dark);font-size:clamp(1.05rem,2vw,1.28rem);font-weight:850;line-height:1.55}
.lobos-guide-quote cite{display:block;margin-top:8px;color:#5b6f83;font-size:.84rem;font-style:normal;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.lobos-related{background:linear-gradient(145deg,var(--blue-dark),var(--navy))}
.lobos-flow{
  margin-top:24px;padding:clamp(24px,4vw,38px);border:1px solid rgba(23,85,141,.14);border-radius:22px;background:#fff;
  box-shadow:0 16px 42px rgba(10,45,95,.08);
}
.lobos-flow .eyebrow{color:var(--blue)}
.lobos-flow h2{margin:.15rem 0 .85rem;color:var(--navy);font-size:clamp(1.65rem,3.4vw,2.55rem);line-height:1.08;letter-spacing:-.025em}
.lobos-guide-page .guide-step::before{background:var(--blue-dark);color:#f1d276}
.lobos-guide-page .guide-section li::marker{color:var(--blue)}
.lobos-guide-page .guide-inline-link{color:var(--blue-dark)}
@media (max-width:760px){
  .lobos-guide-page .guides-hero{overflow:hidden}
  .lobos-hero-grid{grid-template-columns:1fr;position:relative}
  .lobos-guide-portrait{
    position:absolute;right:-18px;bottom:-4px;width:clamp(118px,31vw,145px);max-height:230px;opacity:.56;
    object-position:right bottom;filter:drop-shadow(0 9px 13px rgba(0,0,0,.16));pointer-events:none;
  }
  .lobos-guide-page .guides-hero h1,
  .lobos-guide-page .guides-hero-copy,
  .lobos-guide-page .guide-breadcrumb,
  .lobos-guide-page .guides-hero .eyebrow{position:relative;z-index:2}
  .lobos-guide-page .guides-hero-copy{max-width:78%}
  .lobos-factory-brand{width:min(220px,70%)}
}
@media (max-width:440px){
  .lobos-guide-portrait{right:-25px;width:120px;opacity:.5}
  .lobos-guide-page .guides-hero-copy{max-width:82%}
}


/* Owner Mentality — Clyde Foods editorial frames — 2026-10-06 */
.owner-mentality-page .guides-hero{
  background:linear-gradient(145deg,#0a2d5f,#04192f);
}
.owner-mentality-page .owner-intro{
  border-top:5px solid #d7a52f;
}
.owner-mentality-page .owner-frame{
  border-top:5px solid #0a2d5f;
}
.owner-mentality-page .owner-team-frame{
  border-top:5px solid #d7a52f;
}
.owner-mentality-page .owner-mantra-note{
  margin-top:22px;
  padding:19px 21px;
  border-left:5px solid #d7a52f;
  border-radius:0 14px 14px 0;
  background:#fff8e9;
  color:#53677c;
  line-height:1.65;
}
.owner-mentality-page .owner-mantra-note strong{
  display:block;
  margin-bottom:5px;
  color:#0a2d5f;
  font-size:clamp(1.08rem,2vw,1.28rem);
}
.owner-mentality-page .guide-mini{
  background:#fbfaf7;
}
.owner-mentality-page .guide-mini h3{
  color:#0a2d5f;
}
.owner-mentality-page .owner-team-frame .guide-mini{
  background:#fffaf0;
}
.owner-mentality-page .owner-team-frame .guide-mini h3{
  color:#8a6314;
}
.owner-mentality-page .owner-clarifier{
  border-color:rgba(23,85,141,.20);
  background:#eef6fd;
  color:#4d6074;
}
.owner-mentality-page .owner-clarifier strong{
  color:#0b3b69;
}
.owner-mentality-page .owner-related{
  background:linear-gradient(145deg,#0a2d5f,#04192f);
}


/* Lobos Dogs Factory — Burger Lab parity, blue theme — 2026-10-06 */
body.lobos-guide-page{
  background:var(--navy);
}

/* Same Clyde shell as the Burger Lab, with Clyde Dogs blue replacing Burger red. */
.lobos-guide-page > .site-header{
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  background:var(--navy);
  padding:14px 0;
}
.lobos-guide-page > .site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-4px;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.16);
  pointer-events:none;
}
.lobos-guide-page .guides-hero{
  position:relative;
  background:var(--blue);
  padding-top:calc(var(--site-header-height) + 58px);
  padding-bottom:58px;
}
.lobos-guide-page .guides-hero::after{
  display:block;
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.72) 18%,
    #f1d276 50%,
    rgba(241,210,118,.72) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.12);
}
.lobos-guide-page .guides-hero h1{color:#fff}
.lobos-guide-page .guides-hero-copy,
.lobos-guide-page .guide-breadcrumb,
.lobos-guide-page .guide-breadcrumb a{color:#eef7ff}
.lobos-guide-page .guides-hero .eyebrow{color:var(--gold-light)!important}

.lobos-guide-page .guides-main{
  background:#f5eedf;
  padding-top:54px;
  padding-bottom:88px;
}

.lobos-guide-page .guides-intro,
.lobos-guide-page .guide-article,
.lobos-guide-page .guides-card,
.lobos-guide-page .guide-related,
.lobos-guide-page .lobos-flow{
  background:#fff!important;
  border:1px solid rgba(23,85,141,.17)!important;
  box-shadow:0 16px 38px rgba(10,45,95,.08);
}
.lobos-guide-page .guides-intro,
.lobos-guide-page .guide-article,
.lobos-guide-page .guide-related,
.lobos-guide-page .lobos-flow{
  border-radius:24px;
}
.lobos-guide-page .guide-article{
  overflow:hidden;
  border-top:5px solid var(--blue)!important;
}
.lobos-guide-page .guides-intro,
.lobos-guide-page .lobos-flow{
  border-top:5px solid var(--blue)!important;
}
.lobos-guide-page .guides-card{
  border-top:5px solid var(--blue)!important;
  border-radius:20px;
}
.lobos-guide-page .guide-related{
  margin-top:24px;
  border-left:5px solid var(--blue)!important;
}

.lobos-guide-page .guide-article-header{
  background:linear-gradient(180deg,#f7fbff 0%,#eaf4fc 100%)!important;
  border-bottom:1px solid rgba(23,85,141,.16);
}
.lobos-guide-page .guide-section{
  background:#fff!important;
  border-top-color:rgba(23,85,141,.10);
}

.lobos-guide-page .guides-intro h2,
.lobos-guide-page .guide-article-header h2,
.lobos-guide-page .guide-section h2,
.lobos-guide-page .guide-section h3,
.lobos-guide-page .guides-card h2,
.lobos-guide-page .guide-related h2,
.lobos-guide-page .guide-mini h3,
.lobos-guide-page .guide-step strong,
.lobos-guide-page .lobos-flow h2{
  color:var(--blue)!important;
}
.lobos-guide-page .guides-intro p,
.lobos-guide-page .guide-article-header p,
.lobos-guide-page .guide-section p,
.lobos-guide-page .guide-section li,
.lobos-guide-page .guides-card p,
.lobos-guide-page .guide-related p,
.lobos-guide-page .guide-mini p,
.lobos-guide-page .guide-step p,
.lobos-guide-page .lobos-flow p{
  color:#53677c!important;
}
.lobos-guide-page .eyebrow,
.lobos-guide-page .guides-card .eyebrow,
.lobos-guide-page .lobos-flow .eyebrow{
  color:var(--blue)!important;
}
.lobos-guide-page .guides-card .guides-card-arrow,
.lobos-guide-page .guide-inline-link{
  color:var(--blue-dark)!important;
}
.lobos-guide-page .guide-inline-link{
  text-decoration-color:rgba(23,85,141,.42);
}

.lobos-guide-page .guide-mini,
.lobos-guide-page .guide-step{
  background:#f7fbff!important;
  border:1px solid rgba(23,85,141,.13)!important;
  box-shadow:none;
}
.lobos-guide-page .guide-step::before{
  background:var(--blue);
  color:#fff;
  box-shadow:0 0 0 3px rgba(23,85,141,.10);
}

.lobos-guide-page .guide-callout,
.lobos-guide-page .guide-callout--red,
.lobos-guide-page .guide-callout--blue,
.lobos-guide-page .lobos-guide-quote{
  background:#eef6fd!important;
  border-color:rgba(23,85,141,.17)!important;
  border-left:5px solid var(--blue)!important;
  color:#53677c!important;
  box-shadow:none;
}
.lobos-guide-page .guide-callout strong{
  color:var(--blue-dark)!important;
}
.lobos-guide-page .lobos-guide-quote p{color:var(--blue-dark)!important}
.lobos-guide-page .lobos-guide-quote cite{color:var(--blue-dark)!important}

.lobos-guide-page .guide-meta span{
  background:#eef6fd;
  color:var(--blue-dark);
  border-color:rgba(23,85,141,.18);
}

.lobos-guide-page .guide-related-links a{
  background:#eef6fd;
  color:var(--blue-dark);
  border-color:rgba(23,85,141,.18);
}
.lobos-guide-page .guides-card:hover,
.lobos-guide-page .guides-card:focus-visible,
.lobos-guide-page .guide-related-links a:hover,
.lobos-guide-page .guide-related-links a:focus-visible{
  background:#f7fbff!important;
  border-color:rgba(23,85,141,.44)!important;
  box-shadow:0 18px 38px rgba(10,45,95,.12);
}

.lobos-guide-page .standard-footer{
  position:relative;
  background:linear-gradient(180deg,#173c73 0%,#123565 18%,#0a2d5f 48%,#0a2d5f 100%);
}
.lobos-guide-page .standard-footer::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,
    rgba(241,210,118,0) 0%,
    rgba(241,210,118,.82) 18%,
    #f1d276 50%,
    rgba(241,210,118,.82) 82%,
    rgba(241,210,118,0) 100%);
  box-shadow:0 1px 5px rgba(241,210,118,.14);
}

/* Working-note disclaimers belong at the bottom of both Lab/Factory pages. */
.d4-guide-page .d4-working-note,
.lobos-guide-page .lobos-working-note{
  margin:24px 0 0;
}
.lobos-guide-page .lobos-working-note{
  padding:18px 20px;
  border:1px solid rgba(23,85,141,.18);
  border-left:5px solid var(--blue);
  border-radius:16px;
  background:#eef6fd;
  color:#53677c;
  box-shadow:0 8px 20px rgba(10,45,95,.045);
  line-height:1.65;
}
.lobos-guide-page .lobos-working-note strong{
  color:var(--blue-dark);
}

@media (min-width:761px){
  .lobos-guide-page .guides-hero{overflow:hidden}
  .lobos-guide-page .lobos-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(220px,320px);
    gap:clamp(24px,5vw,64px);
  }
  .lobos-guide-page .lobos-guide-portrait{
    position:static;
    width:min(100%,280px);
    max-height:none;
    opacity:1;
    transform:translate(-44px,54px);
    object-position:center bottom;
    filter:drop-shadow(0 14px 20px rgba(0,0,0,.16));
    pointer-events:auto;
  }
}

@media (max-width:640px){
  .lobos-guide-page > .site-header{
    position:fixed;
    inset:0 0 auto;
    z-index:1000;
    padding:8px 0;
    background:var(--navy);
  }
  .lobos-guide-page .guides-hero{
    padding-top:calc(var(--site-header-height) + 42px);
    padding-bottom:42px;
  }
  .lobos-guide-page .guides-main{
    padding-top:34px;
    padding-bottom:48px;
  }
}


/* Lobos Dogs Factory articles — segmented Clyde Dogs structure — 2026-10-06 */
.lobos-factory-article-page .guides-main{
  background:#f5eedf;
}
.lobos-factory-article-page .guide-article{
  overflow:visible;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.lobos-factory-article-page .guide-article-header{
  position:relative;
  overflow:hidden;
  margin:0 0 20px;
  padding:clamp(26px,4.5vw,44px);
  border:1px solid rgba(23,85,141,.18)!important;
  border-top:5px solid var(--blue)!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 10%,rgba(23,85,141,.075),transparent 28%),
    linear-gradient(180deg,#f7fbff 0%,#fff 100%)!important;
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.lobos-factory-article-page .guide-section{
  position:relative;
  margin:0 0 18px;
  padding:clamp(25px,4.2vw,42px);
  border:1px solid rgba(23,85,141,.15)!important;
  border-top:4px solid var(--blue)!important;
  border-radius:20px;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(10,45,95,.055);
}
.lobos-factory-article-page .guide-section:nth-of-type(even){
  background:#f8fbfe!important;
}
.lobos-factory-article-page .guide-section > .eyebrow:first-child{
  margin-bottom:8px;
}
.lobos-factory-article-page .guide-section h2,
.lobos-factory-article-page .guide-section h3{
  color:var(--blue)!important;
}
.lobos-factory-article-page .guide-section > p:not(.eyebrow){
  max-width:920px;
}
.lobos-factory-article-page .guide-mini,
.lobos-factory-article-page .guide-step{
  background:#f7fbff!important;
  border-color:rgba(23,85,141,.13)!important;
}
.lobos-factory-article-page .guide-callout,
.lobos-factory-article-page .lobos-guide-quote{
  border-left-color:var(--blue)!important;
  background:#eef6fd!important;
}
.lobos-factory-article-page .lobos-related{
  margin-top:24px;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(23,85,141,.18)!important;
  border-top:5px solid var(--blue)!important;
  border-left:1px solid rgba(23,85,141,.18)!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(23,85,141,.06),transparent 28%),
    #fff!important;
  box-shadow:0 14px 34px rgba(10,45,95,.07);
}
.lobos-factory-article-page .lobos-related .eyebrow{
  color:var(--blue)!important;
}
.lobos-factory-article-page .lobos-related h2{
  color:var(--blue)!important;
}
.lobos-factory-article-page .lobos-related p{
  color:#53677c!important;
}
.lobos-factory-article-page .guide-related-links a{
  background:#eef6fd!important;
  color:var(--blue-dark)!important;
  border:1px solid rgba(23,85,141,.18)!important;
}
.lobos-factory-article-page .guide-related-links a:hover,
.lobos-factory-article-page .guide-related-links a:focus-visible{
  background:#f7fbff!important;
  border-color:rgba(23,85,141,.44)!important;
}
.lobos-factory-article-page .lobos-working-note{
  margin:24px 0 0;
  border-radius:16px;
}
@media (max-width:760px){
  .lobos-factory-article-page .guide-article-header{
    margin-bottom:16px;
    padding:24px 20px;
    border-radius:18px;
  }
  .lobos-factory-article-page .guide-section{
    margin-bottom:14px;
    padding:24px 20px;
    border-radius:17px;
  }
  .lobos-factory-article-page .lobos-related{
    border-radius:18px;
  }
}


/* Clyde Dogs assembly-flow graphic — 2026-10-06 */
.lobos-flow-graphic{
  margin:22px 0 0;
}
.lobos-flow-image-wrap{
  overflow:hidden;
  border:1px solid rgba(23,85,141,.18);
  border-radius:16px;
  background:var(--blue-dark);
  box-shadow:0 12px 28px rgba(10,45,95,.12);
}
.lobos-flow-image-wrap img{
  display:block;
  width:100%;
  height:auto;
}
.lobos-flow-graphic figcaption{
  margin-top:10px;
  color:#607186;
  font-size:.76rem;
  font-weight:850;
  line-height:1.5;
  letter-spacing:.025em;
}
.lobos-flow-graphic figcaption span{
  font-weight:700;
}
@media (max-width:700px){
  .lobos-flow-image-wrap{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
  }
  .lobos-flow-image-wrap img{
    width:900px;
    max-width:none;
  }
}


/* Clyde Dogs assembly flow — native responsive component — 2026-10-06 */
.dogs-assembly-flow{
  margin-top:22px;
  padding:clamp(18px,3vw,28px);
  border:1px solid rgba(241,210,118,.48);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 8%,rgba(91,161,221,.18),transparent 28%),
    linear-gradient(145deg,var(--blue-dark),#0a2d5f);
  box-shadow:0 14px 32px rgba(10,45,95,.16);
}
.dogs-flow-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  padding-bottom:13px;
  border-bottom:1px solid rgba(241,210,118,.38);
}
.dogs-flow-heading strong{
  color:#fff!important;
  font-size:clamp(1.15rem,2.4vw,1.55rem);
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dogs-flow-heading span{
  color:var(--gold-light);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:right;
}
.dogs-flow-steps{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.dogs-flow-step{
  position:relative;
  min-width:0;
  padding:18px 14px 16px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  text-align:center;
}
.dogs-flow-step + .dogs-flow-step::before{
  content:"→";
  position:absolute;
  left:-12px;
  top:50%;
  z-index:2;
  translate:0 -50%;
  color:var(--gold-light);
  font-size:1.15rem;
  font-weight:1000;
}
.dogs-flow-number{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0 auto 12px;
  border-radius:50%;
  background:var(--gold-light);
  color:var(--navy);
  font-size:.82rem;
  font-weight:1000;
}
.dogs-flow-step > strong{
  display:block;
  color:#fff!important;
  font-size:.82rem;
  font-weight:1000;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.dogs-flow-step p{
  margin:9px 0 0!important;
  color:#dceaf6!important;
  font-size:.76rem;
  line-height:1.5;
}
@media (max-width:760px){
  .dogs-assembly-flow{
    padding:18px;
    border-radius:17px;
  }
  .dogs-flow-heading{
    display:grid;
    gap:5px;
  }
  .dogs-flow-heading span{text-align:left}
  .dogs-flow-steps{
    grid-template-columns:1fr;
    gap:12px;
  }
  .dogs-flow-step{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    grid-template-areas:
      "number title"
      "number copy";
    column-gap:12px;
    align-items:start;
    padding:16px;
    text-align:left;
  }
  .dogs-flow-number{
    grid-area:number;
    margin:0;
  }
  .dogs-flow-step > strong{
    grid-area:title;
    align-self:center;
    font-size:.86rem;
  }
  .dogs-flow-step p{
    grid-area:copy;
    margin-top:5px!important;
    font-size:.78rem;
  }
  .dogs-flow-step + .dogs-flow-step::before{
    content:"↓";
    left:50%;
    top:-14px;
    translate:-50% 0;
    padding:0 4px;
    background:var(--blue-dark);
    font-size:.9rem;
  }
}


/* Dogs Factory assembly graphic — iOS-safe — 2026-10-06 */
.dogs-flow-figure{
  margin:22px 0 0;
}
.dogs-flow-scroll{
  overflow:hidden;
  border:1px solid rgba(23,85,141,.20);
  border-radius:16px;
  background:var(--blue-dark);
  box-shadow:0 12px 28px rgba(10,45,95,.12);
}
.dogs-flow-scroll img{
  display:block;
  width:100%;
  height:auto;
}
.dogs-flow-figure figcaption{
  margin-top:10px;
  color:#607186;
  font-size:.76rem;
  font-weight:850;
  line-height:1.5;
}
.dogs-flow-figure figcaption span{
  font-weight:700;
}
@media (max-width:700px){
  .dogs-flow-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    min-height:195px;
    max-height:195px;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
  }
  .dogs-flow-scroll img{
    width:900px;
    max-width:none;
    height:195px;
    object-fit:contain;
  }
}


/* Dogs Factory visual flow cards — 2026-10-07 */
.dogs-flow-board{
  margin-top:22px;
  padding:clamp(16px,2.4vw,24px);
  border:1px solid rgba(241,210,118,.48);
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 8%,rgba(91,161,221,.16),transparent 28%),
    linear-gradient(145deg,var(--blue-dark),#0a2d5f);
  box-shadow:0 14px 32px rgba(10,45,95,.16);
}
.dogs-flow-board-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(241,210,118,.34);
}
.dogs-flow-board-head strong{
  color:#fff!important;
  font-size:clamp(1.06rem,2vw,1.38rem);
  font-weight:1000;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.dogs-flow-board-head span{
  color:var(--gold-light);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:right;
}
.dogs-flow-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.dogs-flow-card{
  position:relative;
  min-width:0;
  overflow:visible;
  padding:12px 11px 14px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.dogs-flow-card + .dogs-flow-card::before{
  content:"→";
  position:absolute;
  left:-13px;
  top:48%;
  z-index:3;
  translate:0 -50%;
  color:var(--gold-light);
  font-size:1.15rem;
  font-weight:1000;
  text-shadow:0 1px 4px rgba(4,25,47,.8);
}
.dogs-flow-card-top{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
}
.dogs-flow-card-top span{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  background:var(--gold-light);
  color:var(--navy);
  font-size:.74rem;
  font-weight:1000;
}
.dogs-flow-card-top strong{
  color:#fff!important;
  font-size:.82rem;
  font-weight:1000;
  letter-spacing:.045em;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(4,25,47,.55);
}
.dogs-flow-card img{
  display:block;
  width:100%;
  aspect-ratio:360 / 220;
  height:auto;
  margin:8px auto 4px;
  object-fit:contain;
}
.dogs-flow-card p{
  margin:8px 2px 0!important;
  color:#f3f7fc!important;
  font-size:.82rem;
  line-height:1.5;
  font-weight:850;
  text-align:center;
  text-shadow:0 1px 2px rgba(4,25,47,.55);
}
@media (max-width:760px){
  .dogs-flow-board{
    padding:15px;
    border-radius:17px;
  }
  .dogs-flow-board-head{
    display:grid;
    gap:4px;
    margin-bottom:14px;
  }
  .dogs-flow-board-head span{text-align:left}
  .dogs-flow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .dogs-flow-card{
    padding:10px 9px 12px;
  }
  .dogs-flow-card + .dogs-flow-card::before{
    content:none;
  }
  .dogs-flow-card-top{
    gap:7px;
    min-height:30px;
  }
  .dogs-flow-card-top span{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:.7rem;
  }
  .dogs-flow-card-top strong{
    font-size:.78rem;
    line-height:1.15;
  }
  .dogs-flow-card img{
    margin-top:7px;
  }
  .dogs-flow-card p{
    font-size:.80rem;
    line-height:1.45;
  }
  .dogs-flow-card--final{
    grid-column:1 / -1;
    width:min(50%,190px);
    justify-self:center;
  }
}
@media (max-width:430px){
  .dogs-flow-card--final{
    width:min(54%,180px);
  }
}


/* Lobos direct quotes — D4-style, Clyde Dogs blue — 2026-10-07 */
.lobos-guide-page .lobos-guide-quote{
  position:relative;
  overflow:hidden;
  margin:22px 0;
  padding:22px 24px 20px 27px;
  border:1px solid rgba(23,85,141,.18)!important;
  border-left:6px solid var(--blue)!important;
  border-radius:0 16px 16px 0;
  background:
    radial-gradient(circle at 92% 12%,rgba(23,85,141,.08),transparent 30%),
    linear-gradient(135deg,#eef6fd 0%,#f8fbfe 100%)!important;
  box-shadow:0 10px 24px rgba(10,45,95,.075);
}
.lobos-guide-page .lobos-guide-quote::before{
  content:"“";
  position:absolute;
  right:16px;
  top:-16px;
  color:rgba(23,85,141,.09);
  font-family:Georgia,serif;
  font-size:7rem;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}
.lobos-guide-page .lobos-guide-quote p{
  position:relative;
  z-index:1;
  margin:0!important;
  color:var(--blue-dark)!important;
  font-size:clamp(1.08rem,2.1vw,1.3rem);
  font-weight:900;
  line-height:1.52;
  letter-spacing:-.01em;
}
.lobos-guide-page .lobos-guide-quote cite{
  position:relative;
  z-index:1;
  display:block;
  margin-top:9px;
  color:var(--blue)!important;
  font-size:.76rem;
  font-style:normal;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
@media(max-width:640px){
  .lobos-guide-page .lobos-guide-quote{
    margin:18px 0;
    padding:20px 20px 18px 22px;
  }
  .lobos-guide-page .lobos-guide-quote p{
    font-size:1.04rem;
  }
}


/* Clyde Dogs Factory hero — match Dogs Truck upper navy — 2026-10-07 */
.lobos-guide-page .guides-hero{
  background:#0a2d5f!important;
}
.lobos-guide-page .guides-hero h1{
  color:#fff!important;
}
.lobos-guide-page .guides-hero-copy,
.lobos-guide-page .guide-breadcrumb,
.lobos-guide-page .guide-breadcrumb a{
  color:#eef6ff!important;
}
.lobos-guide-page .guides-hero .eyebrow{
  color:#f1d276!important;
}

/* Match the approved editorial D4 scale across Burger Lab desktop headers. */
@media(min-width:1100px){.d4-guide-page .guides-hero .d4-hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:32px}.d4-guide-page .guides-hero .d4-guide-portrait{width:360px;max-height:450px;transform:translateY(54px)}}

/* Shared Burger Lab signature: the minimum beef standard. */
.d4-guide-page .d4-beef-standard{margin:24px 0 0;max-width:440px}.d4-guide-page .d4-beef-standard img{display:block;width:100%;height:auto}.d4-guide-page .d4-beef-standard figcaption{color:#fff4ee;font:400 .72rem/1.5 Arial,sans-serif;margin-top:7px}.d4-guide-page .d4-beef-standard+ .cb-byline{margin-top:20px}