.clyde-build-page{--cb-red:#a51f2b;--cb-ink:#292421;--cb-paper:#faf6ee;background:var(--cb-paper)}
.clyde-build-page .guides-shell{width:min(1160px,calc(100% - 40px));max-width:1160px}
.cb-masthead{background:var(--red,#ae2027);color:#fff8ea;padding:32px 0 54px;border-bottom:6px solid #d1a44c}
.cb-masthead .guide-breadcrumb,.cb-masthead .guide-breadcrumb a{color:#efdbce}
.cb-masthead .cb-kicker{color:#edca83;margin-top:40px}
.cb-masthead h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.4rem,8vw,6.6rem);line-height:.98;letter-spacing:-.05em;max-width:950px;margin:20px 0 28px;color:#fff8ea}
.cb-masthead h1 em{font-weight:400;color:#f2cd85}
.cb-deck{font-size:clamp(1.12rem,2.5vw,1.4rem);max-width:770px;line-height:1.6;color:#f8e9de}
.cb-byline{font-size:.83rem;margin-top:28px;display:flex;flex-wrap:wrap;gap:10px 30px;color:#e9c9bd}
.cb-kicker{font:800 .74rem/1.4 Arial,sans-serif;letter-spacing:.17em;color:var(--cb-red)}
.clyde-build-page .guides-main{padding-top:0}
.clyde-build-page .cb-article{padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;color:var(--cb-ink)}
.cb-hero{margin:0 0 42px}
.cb-hero img{width:100%;height:auto;display:block;border-radius:0}
.cb-hero figcaption,.cb-plan figcaption{font-size:.78rem;line-height:1.65;padding:14px 0;border-bottom:1px solid #d7cbbc;color:#66564e}
.cb-hero figcaption{font-weight:400;letter-spacing:0;color:#777;font-size:.75rem;display:block}
.cb-hero figcaption span{font-weight:400;letter-spacing:0}
.clyde-build-page .cb-masthead{padding-top:calc(var(--site-header-height,111px) + 32px)}
.cb-intro{max-width:830px;margin:0 auto 36px}
.clyde-build-page .cb-article p,.clyde-build-page .cb-article li{font-size:1.04rem;line-height:1.8;color:#433a34}
.clyde-build-page .cb-intro .cb-lead{font:1.6rem/1.55 Georgia,serif;color:#382922}
.clyde-build-page .cb-article .cb-note{font-size:.86rem;line-height:1.7;color:#726254}
.cb-jumps{display:flex;flex-wrap:wrap;border-top:1px solid #d7cbbc;border-bottom:1px solid #d7cbbc;margin:38px 0 28px;gap:0}
.cb-jumps a{padding:17px 24px 17px 0;margin-right:26px;font-weight:800;color:#92222d;text-decoration:none;font-size:.85rem}
.cb-jumps a:hover,.cb-jumps a:focus-visible{text-decoration:underline}
.cb-section{padding:58px 0;border-bottom:1px solid #d7cbbc;scroll-margin-top:110px}
.cb-section-head{margin-bottom:26px}
.clyde-build-page .cb-section .cb-kicker{color:var(--red,#ae2027)}
.clyde-build-page .cb-section h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;letter-spacing:-.03em;color:#382922;margin:10px 0 20px;max-width:850px}
.clyde-build-page .cb-section h3{font:800 1.18rem/1.35 Arial,sans-serif;color:#78212b;margin:0 0 12px}
.cb-spec{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid #a51f2b;border-bottom:1px solid #d7cbbc;margin:28px 0 36px}
.cb-spec>div{padding:23px 18px;border-right:1px solid #d7cbbc}
.cb-spec>div:first-child{padding-left:0}.cb-spec>div:last-child{border-right:0}
.cb-spec strong{display:block;font:700 clamp(1.3rem,2.4vw,2.2rem)/1.2 Georgia,serif;color:#a51f2b}
.cb-spec span{display:block;font-size:.82rem;color:#6a594d;margin-top:8px}
.cb-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:30px}
.cb-columns ul{padding-left:20px;margin:0}.cb-columns li+li{margin-top:12px}
.cb-plan{margin:30px 0}.cb-plan img{width:100%;height:auto;display:block;border:1px solid #d7cbbc;border-radius:12px}
.cb-plan a{color:#92222d}
.cb-pull{display:grid;grid-template-columns:1fr 2fr;gap:36px;background:var(--red,#ae2027);padding:30px 34px;margin:30px 0;border-left:5px solid #d1a44c;color:#fff}
.cb-pull>strong{font:1.8rem/1.15 Georgia,serif;color:#f2cd85}
.clyde-build-page .cb-pull p{margin:0;color:#fff4e4}
.cb-steps{list-style:none!important;padding:0!important;margin:30px 0;counter-reset:step}
.cb-steps>li{counter-increment:step;display:grid;grid-template-columns:65px 1fr;gap:22px;padding:30px 0;border-top:1px solid #d7cbbc}
.cb-steps>li::before{content:counter(step,decimal-leading-zero);font:3rem/1 Georgia,serif;color:#ac2631;padding-top:4px}
.clyde-build-page .cb-steps h3{font:700 1.55rem/1.3 Georgia,serif;color:#382922}
.clyde-build-page .cb-steps .cb-step-label{font:800 .7rem/1.5 Arial,sans-serif;letter-spacing:.12em;color:#9a2530;margin:0 0 9px}
.cb-steps p:last-child{margin-bottom:0}
.cb-safety,.cb-test{padding:26px 30px;background:#eee6d7;border-left:4px solid #a51f2b;margin-top:26px}
.cb-safety a{display:inline-block;color:#8b202c;font-size:.85rem;margin:4px 20px 0 0}
.cb-table-wrap{overflow:auto;border:1px solid #d7cbbc;margin:28px 0}
.cb-table-wrap table{border-collapse:collapse;width:100%;font-size:.92rem;line-height:1.65;text-align:left}
.cb-table-wrap caption{text-align:left;padding:16px 20px;font-weight:800;background:#ede4d7;color:#78212b}
.cb-table-wrap th,.cb-table-wrap td{padding:17px 20px;vertical-align:top;border-bottom:1px solid #d7cbbc;min-width:110px}
.cb-table-wrap thead{background:var(--red,#ae2027);color:#fff}.cb-table-wrap tbody th{color:#78212b}.cb-table-wrap tbody tr:last-child>*{border:0}
.clyde-build-page .d4-classified{margin-top:36px}
@media(max-width:700px){.cb-masthead{padding:20px 0 34px}.cb-masthead .cb-kicker{margin-top:28px}.cb-byline{display:block}.cb-byline span{display:block;margin-top:8px}.cb-hero figcaption{display:block}.cb-hero figcaption span{display:block;margin-top:5px}.cb-columns{grid-template-columns:1fr;gap:26px}.cb-spec{grid-template-columns:1fr 1fr}.cb-spec>div{padding:20px 14px!important}.cb-spec>div:nth-child(2){border-right:0}.cb-spec>div:nth-child(-n+2){border-bottom:1px solid #d7cbbc}.cb-section{padding:38px 0}.cb-pull{grid-template-columns:1fr;gap:14px;padding:24px}.cb-steps>li{grid-template-columns:42px 1fr;gap:12px}.cb-steps>li::before{font-size:2.2rem}.cb-jumps a{padding:12px 0;margin-right:22px}.cb-safety,.cb-test{padding:22px}.cb-table-wrap th,.cb-table-wrap td{padding:12px;min-width:130px}.cb-table-wrap tbody th{min-width:85px}}
@media print{.site-header,.cb-jumps,.guide-related,.d4-classified,.d4-working-note,.footer,.guide-ai-disclosure,.scroll-progress{display:none!important}.cb-masthead{background:white;color:black;padding:0}.cb-masthead h1,.cb-masthead h1 em,.cb-deck,.cb-byline{color:black}.cb-masthead h1{font-size:40pt}.cb-hero{max-width:600px;margin:20px auto}.cb-section{break-before:auto}.cb-steps>li,.cb-plan{break-inside:avoid}.cb-pull{background:#eee}.clyde-build-page .cb-pull p,.cb-pull>strong{color:black}}

/* Keep the service sequence readable within narrow iPhone section cards. */
.cb-cell-label{display:none}
@media screen and (max-width:700px){
  .cb-table-wrap{overflow:visible;max-width:100%;min-width:0;border:0}
  .cb-table-wrap table,.cb-table-wrap caption,.cb-table-wrap tbody{display:block;width:100%;min-width:0;box-sizing:border-box}
  .cb-table-wrap caption{padding:14px;border:1px solid #d7cbbc;border-radius:10px;margin-bottom:14px}
  .cb-table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .cb-table-wrap tbody tr{display:block;margin:0 0 14px;border:1px solid #dec6c2;border-top:3px solid #ae2027;border-radius:10px;background:#fff;overflow:hidden}
  .cb-table-wrap tbody th,.cb-table-wrap tbody td{display:block;width:auto;min-width:0!important;max-width:100%;box-sizing:border-box;padding:12px 14px;white-space:normal;overflow-wrap:anywhere;border:0}
  .cb-table-wrap tbody th{background:#fff1ee;font-size:1.05rem}
  .cb-table-wrap tbody td+td{border-top:1px solid #eaded9}
  .cb-table-wrap .cb-cell-label{display:block;margin-bottom:5px;font-size:.75rem;font-weight:800;line-height:1.4;color:#92222d}
}


/* Shared editorial masthead: D4 Prime occupies the reference page's right-hand position. */
.cb-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:end}
.cb-hero-copy{min-width:0}
.cb-masthead .cb-portrait{position:static;width:260px;height:auto;max-height:350px;opacity:1;justify-self:end;object-fit:contain;object-position:center bottom}
.cb-hero-grid h1{font-size:clamp(3.2rem,6.8vw,6.1rem)}
.cb-beef-method{padding-left:1.4em}.cb-beef-method li{padding-left:.4em;margin-bottom:15px}
.clyde-beef-page .cb-spec{grid-template-columns:repeat(4,minmax(0,1fr))}
.clyde-beef-page .cb-spec strong{font-size:clamp(1.3rem,2.4vw,2rem)}
@media(max-width:900px){.cb-hero-grid{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.cb-masthead .cb-portrait{width:180px}}
@media(max-width:700px){.cb-hero-grid{display:block;position:relative;padding-bottom:0}.cb-masthead .cb-portrait{position:absolute;right:0;bottom:0;width:104px;max-height:140px;opacity:1}.cb-hero-grid .cb-byline{min-height:134px;padding-right:116px;display:flex;flex-direction:column;justify-content:end;gap:0}.cb-hero-grid h1{font-size:clamp(2.7rem,10.5vw,4.5rem)}.clyde-beef-page .cb-spec{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Give D4 a stronger presence in spacious desktop mastheads. */
@media(min-width:1100px){.cb-hero-grid{grid-template-columns:minmax(0,1fr) 360px}.cb-masthead .cb-portrait{width:360px;max-height:450px}}

/* Match Clyde header colors and override the section's dark paragraph rule. */
@media screen{.clyde-build-page .cb-article .cb-pull p{color:#f8e9de!important}}

/* Keep complete section ribbons on one row on full-size desktop displays. */
@media screen and (min-width:1200px){
 .clyde-build-page .cb-jumps{flex-wrap:nowrap;justify-content:space-between;gap:16px}
 .clyde-build-page .cb-jumps a{padding:17px 0;margin-right:0;white-space:nowrap;font-size:.82rem;flex:0 0 auto}
}