/* ==========================================================================
   CWAD brand pages - visual layer.  2026-09-10.
   APPEND to head snippet 6273 ("CWAD brand page styles (cwb/cwg)"), at the end.

   Rules of the road for this block:
   - APPEND ONLY. Delete it and the six live pages fall back to exactly what
     ships today. The three rules it overrides on purpose are listed in the
     rationale and all win on document order, never on !important.
   - No backslashes anywhere. The snippet store strips them, which is why the
     sheet above already carries a comment about the minus sign.
   - Literal hex, no custom properties, matching the sheet above.
   - No :has(), no CSS nesting, no aspect-ratio, no inset, no min()/clamp().
     Target is Safari 15 / iOS 15, because this audience runs older devices.
   - :focus and :focus-visible are ALWAYS separate rules. Safari 15.0-15.3 has
     no :focus-visible and drops a grouped selector whole.
   - Every media query is scoped "screen and", so the print block at the end
     cannot inherit a phone layout.
   ========================================================================== */


/* --- 0. BOX MODEL, and one pre-existing phone overflow --------------------
   Scoped to the new components only. .cwb is NOT switched globally on
   purpose: .cwb-win draws the frame comparison with a 22px border and a fixed
   170px height, so flipping the box model would visibly change that graphic
   on four live pages.
   The second rule fixes a bug that predates this work and is measured, not
   assumed. On a 375px phone .cwb-two leaves 259px of content; .cwb-cmp holds
   itself at min-width:270 and .cwb-win inside it is width:100% plus 22px of
   border on each side, so it renders 314px wide and its right edge lands at
   397. Every live page with a compare section overflows by 22px today.
   Stacking the panels below 820px fixes it, and it is the right reading
   anyway: two sightlines at 130px each teach nobody anything. Verified after:
   0px overflow, and .cwb-win at 1280px is unchanged at 538x188. */

.cwb-hero.photo,.cwb-hero-ph,.cwb-hero-tx,.cwb-hero-btns a,
.cwb-head,.cwb-head h2,.cwb-head .lede,
.cwb-prose,.cwb-prose-fact,.cwb-tblwrap,.cwb-tbl th,.cwb-tbl td,
.cwb-steps>li,.cwb-spec>div,.cwb-floor,.cwb-floor a{box-sizing:border-box}

@media screen and (max-width:820px){
  .cwb-two{padding:28px 22px}
  .cwb-cmp{box-sizing:border-box;min-width:0;flex-basis:100%}
}


/* --- 1. SECTION HEAD: the fix for a lede that stops 80% across ------------
   .cwb .lede is capped at 760px inside a 1210px content box, so the paragraph
   under an H2 stops around 63% while the cards under it run to the edge. Two
   edges disagreeing four lines apart is what reads as unfinished. The measure
   itself is not the fault: 760px at 1.12em is already about 80 characters,
   which is the WCAG 1.4.8 AAA ceiling, and this audience is the reason that
   ceiling exists. Widening the copy would be a downgrade.
   So constrain the box, not the copy, which is the rule the skill already
   states for bordered panels. Above 1000px the head is two columns: the H2
   takes the left third, the lede fills the rest and lands on the container
   edge. Above 1280px the H2 column widens to 38%, which holds the lede at 78
   characters at 1440px instead of 81. Measured, not estimated.
   The hairline and the red tab give every section a visible full-width top
   edge, so the section reads as a frame the copy hangs from. It sits on
   .cwb-head rather than on .cwb h2, so it can never leak into the H2s that
   live inside .cwb-offer, .cwb-two, .cwb-fit or .cwb-dl. */

.cwb-head{position:relative;margin:0 0 34px;padding-top:22px;border-top:1px solid #e2e2e2}
.cwb-head::before{content:"";position:absolute;top:-2px;left:0;width:46px;height:3px;background:#E31E24}
.cwb-head h2{margin:0 0 12px}
.cwb-head .lede{margin:0}
.cwb-head.solo{margin:0 0 18px}
.cwb-head.solo h2{margin:0}
/* .plain drops the rule where a head sits immediately under another rule */
.cwb-head.plain{padding-top:0;border-top:0}
.cwb-head.plain::before{display:none}

@media screen and (min-width:1000px){
  .cwb-head{display:flex;flex-wrap:wrap;align-items:flex-start}
  .cwb-head h2{flex:0 0 33%;max-width:33%;min-width:0;padding-right:44px;margin:0}
  .cwb-head .lede{flex:1 1 0;min-width:0;max-width:none;padding-top:.4em}
  /* opt-out for a head that has to sit directly over its component */
  .cwb-head.stack,.cwb-head.solo{display:block}
  .cwb-head.stack h2{flex:none;max-width:none;padding-right:0;margin:0 0 12px}
  .cwb-head.stack .lede{padding-top:0}
}
@media screen and (min-width:1280px){
  .cwb-head h2{flex-basis:38%;max-width:38%}
}


/* --- 2. PHOTOGRAPHIC HERO: .cwb-hero.photo -------------------------------
   .cwb-hero on its own is untouched, so a page with no usable photograph
   renders the dark box it renders today and Luminara needs no work.
   Split panel, not text over image. Seven brands, seven photographs we have
   not all seen, several pulled out of manufacturer brochures. A scrim dark
   enough for a 65 year old kills the picture and one light enough to keep the
   picture fails the text, so the split guarantees contrast structurally.
   On a phone the photo sits on top, which is literally what the owner asked
   for. If the image 404s the column stays charcoal and the alt text sets in
   grey inside it, so the hero still reads.
   The optional meta line and buttons put the phone number on screen at a
   48px tap target before anyone scrolls. */

.cwb-hero.photo{display:block;padding:0;overflow:hidden;text-align:left}
.cwb-hero-ph{position:relative;padding-top:62%;overflow:hidden;background:#2a2a2a;min-width:0}
.cwb-hero-ph img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;color:#9a9a9a;font-size:.9em;line-height:1.5;padding:14px}
.cwb-hero-cr{position:absolute;right:0;bottom:0;max-width:80%;padding:7px 12px;border-radius:6px 0 0 0;background:rgba(14,14,14,.72);color:#e2e2e2;font-size:.74em;letter-spacing:.04em;line-height:1.35}
.cwb-hero-tx{padding:34px 26px 38px;min-width:0}
.cwb-hero.photo h1{max-width:none;margin:0 0 14px;font-size:2.2em}
.cwb-hero.photo p{max-width:none;margin:0}
.cwb-hero-meta{margin:18px 0 0;color:#c4c4c4;font-size:1em;line-height:1.7}
.cwb-hero-meta a{color:#fff;font-weight:800;text-decoration:none;border-bottom:2px solid #E31E24}
.cwb-hero-btns{justify-content:flex-start;margin-top:24px}
.cwb-hero-btns a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px}

@media screen and (min-width:900px){
  .cwb-hero.photo{display:flex;flex-wrap:nowrap;align-items:stretch}
  .cwb-hero-ph{flex:1 1 46%;padding-top:0;min-height:380px}
  .cwb-hero-tx{flex:1 1 54%;padding:46px 44px;display:flex;flex-direction:column;justify-content:center}
  /* the kicker is a flex item here, so stop it stretching the whole column */
  .cwb-hero.photo span.k{align-self:flex-start}
  .cwb-hero.photo h1{font-size:2.5em}
  /* cosmetic mirror only. DOM order stays photo first, so use it sparingly */
  .cwb-hero.photo.flip{flex-direction:row-reverse}
}
@media screen and (max-width:420px){
  .cwb-hero-btns a{width:100%}
}


/* --- 3. PROSE: .cwb-prose  (had no rule at all) ---------------------------
   This is what carries "Who warranties what", "Houses these suit", "Choosing
   your build" and "The warranty paperwork", and it has been rendering as raw
   unstyled paragraphs, which is exactly the dullness the owner named.
   It does NOT become another white card. House style says more than two
   adjacent sections of identical shape is what reads as machine-made, and
   these pages are already almost entirely card grids. It gets the documented
   callout treatment instead - panel grey, red accent bar - so it is designed
   and it is a different texture from its neighbours.
   .two puts each paragraph in its own column above 900px, which halves the
   block height and is the direct fix for "just a wall of text". Every one of
   the five live prose blocks is exactly two paragraphs.
   .cwb-prose-fact is the number pulled out of the copy. On Milgard that is
   the one year on our own installation, which is the strongest sentence on
   the page and currently sets as grey body text. */

.cwb-prose{position:relative;margin:0 0 56px;padding:30px 34px 30px 40px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:14px}
.cwb-prose::before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:5px;background:#E31E24;border-radius:0 4px 4px 0}
.cwb-prose p{margin:0 0 16px;color:#555;font-size:1.04em;line-height:1.75}
.cwb-prose p:last-child{margin-bottom:0}
.cwb-prose strong,.cwb-prose b{color:#222;font-weight:800}
.cwb-prose a{color:#c4161c;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cwb-prose ul,.cwb-prose ol{margin:0 0 16px;padding-left:20px;color:#555;line-height:1.8}
.cwb-prose li{margin-bottom:6px}
.cwb-prose-fact{margin:22px 0 0;padding:18px 0 0;border-top:1px solid #e2e2e2}
.cwb-prose-fact b{display:block;color:#222;font-size:2em;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.cwb-prose-fact span{display:block;margin-top:6px;color:#666;font-size:.96em;line-height:1.55}

@media screen and (min-width:900px){
  .cwb-prose.two{display:flex;flex-wrap:wrap;align-items:flex-start}
  .cwb-prose.two>p{flex:1 1 300px;min-width:0;margin:0;padding-right:40px}
  .cwb-prose.two>p:last-of-type{padding-right:0}
  .cwb-prose.two>.cwb-prose-fact{flex:1 1 100%;min-width:0}
}


/* --- 4. SPEC TABLE: .cwb-tblwrap / .cwb-tbl  (had no rule at all) ---------
   Seven live tables, 2 to 6 columns, 4 to 20 rows, all of them rendering as
   raw browser-default HTML. That is the "doesn't visualize nicely".
   Above 900px: a charcoal header row in the same dark-block vocabulary as the
   hero, downloads and CTA; horizontal hairlines and no vertical rules at all,
   which is the single biggest lever moving a table away from reading as a
   spreadsheet; zebra and a hover row so a 65 year old can track across six
   columns; tabular figures so fractions line up down a column.
   At or below 900px the table stops being a table. Each row becomes its own
   white card, the row label is the card title under a red rule, and every
   other cell prints its column name above its value from data-th. The
   6-column ES table therefore never scrolls sideways on a phone.
   The min-widths live inside the desktop query on purpose. As a plain rule
   .cwb-tblwrap[data-cols="6"] .cwb-tbl is 0,2,1 and beats the 0,1,1 stacking
   reset, which blows the ES table off the right edge of a phone. */

.cwb-tblwrap{margin:0 0 56px;max-width:100%;min-width:0;background:#fff;border:1px solid #e8e8e8;border-radius:14px;box-shadow:0 3px 14px rgba(0,0,0,.05);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.cwb-tblwrap:focus{outline:3px solid #E31E24;outline-offset:2px}
.cwb-tblwrap:focus-visible{outline:3px solid #E31E24;outline-offset:2px}
.cwb-tblwrap.tight{margin-bottom:12px}
.cwb-tblfoot{margin:0 0 56px;color:#777;font-size:.94em;line-height:1.6}

.cwb-tbl{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;background:transparent;color:#555;font-size:1em}
.cwb-tbl thead th{padding:15px 18px;border:0;background:#1c1c1c;color:#fff;font-size:.76em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.35;text-align:left;vertical-align:bottom}
.cwb-tbl thead th:first-child{border-top-left-radius:13px}
.cwb-tbl thead th:last-child{border-top-right-radius:13px}
.cwb-tbl tbody th,.cwb-tbl tbody td{padding:14px 18px;border:0;border-top:1px solid #efefef;background:#fff;text-align:left;vertical-align:top;line-height:1.65}
.cwb-tbl tbody tr:first-child th,.cwb-tbl tbody tr:first-child td{border-top:0}
.cwb-tbl tbody th{color:#222;font-size:1em;font-weight:800}
.cwb-tbl tbody td{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
.cwb-tbl tbody tr:nth-child(even) th,.cwb-tbl tbody tr:nth-child(even) td{background:#fafafa}
.cwb-tbl tbody td b,.cwb-tbl tbody td strong{color:#222;font-weight:800}
.cwb-tbl tbody td small{display:block;margin-top:3px;color:#777;font-size:.86em;line-height:1.5}
.cwb-na{color:#9a9a9a}

@media screen and (min-width:901px){
  .cwb-tbl{min-width:560px}
  .cwb-tblwrap[data-cols="2"] .cwb-tbl tbody th{width:34%}
  .cwb-tblwrap[data-cols="3"] .cwb-tbl tbody th{width:26%}
  .cwb-tblwrap[data-cols="5"] .cwb-tbl,.cwb-tblwrap[data-cols="6"] .cwb-tbl{min-width:840px}
  .cwb-tblwrap[data-cols="5"] .cwb-tbl th,.cwb-tblwrap[data-cols="6"] .cwb-tbl th,
  .cwb-tblwrap[data-cols="5"] .cwb-tbl td,.cwb-tblwrap[data-cols="6"] .cwb-tbl td{padding:12px 14px;font-size:.95em}
}
@media (hover:hover){
  .cwb-tbl tbody tr:hover th,.cwb-tbl tbody tr:hover td{background:#fff6f6}
}

@media screen and (max-width:900px){
  .cwb-tblwrap{background:transparent;border:0;border-radius:0;box-shadow:none;overflow-x:visible;overflow-y:visible}
  .cwb-tbl,.cwb-tbl tbody,.cwb-tbl tr,.cwb-tbl tbody th,.cwb-tbl tbody td{display:block;width:auto;min-width:0}
  .cwb-tbl thead{display:none}
  .cwb-tbl tbody tr{margin:0 0 14px;padding:2px 18px 14px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.05)}
  .cwb-tbl tbody tr:last-child{margin-bottom:0}
  .cwb-tbl tbody th,.cwb-tbl tbody td{padding:11px 0 0;border:0;border-top:1px solid #efefef;background:transparent}
  .cwb-tbl tbody tr:nth-child(even) th,.cwb-tbl tbody tr:nth-child(even) td{background:transparent}
  .cwb-tbl tbody th{padding:15px 0 10px;border-top:0;border-bottom:2px solid #E31E24;font-size:1.12em;line-height:1.35}
  .cwb-tbl tbody td{padding-bottom:11px;color:#555}
  .cwb-tbl tbody td[data-th]::before{content:attr(data-th);display:block;margin-bottom:3px;color:#999;font-size:.74em;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
}


/* --- 5. NUMBERED PROCESS: .cwb-steps -------------------------------------
   Supersedes the two weak rules above (li padding-bottom, span font-size).
   Below 1000px a vertical spine: a 40px red numbered disc per step with a 2px
   connector between them. Above 1000px up to six steps run as a horizontal
   track, which is what turns the owner's "seeing five steps every time" from
   a text wall into a sequence read in one glance. All seven live processes
   are 4 to 6 steps of 13 to 19 words, so all seven get the track. Measured on
   Sierra Pacific: 513px of page becomes 201px.
   The optional em line carries a duration or a place. A customer scanning the
   strip then learns the order AND roughly how long the long parts take, which
   is the material the owner said the section was missing. */

.cwb-steps{list-style:none;margin:0 0 56px;padding:0;max-width:860px;counter-reset:cwbstep}
.cwb-steps>li{position:relative;list-style:none;counter-increment:cwbstep;margin:0;padding:0 0 26px 62px}
.cwb-steps>li:last-child{padding-bottom:0}
.cwb-steps>li::before{content:counter(cwbstep);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#E31E24;color:#fff;font-size:1.02em;font-weight:800;line-height:40px;text-align:center;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}
.cwb-steps>li::after{content:"";position:absolute;left:19px;top:47px;bottom:7px;width:2px;background:#e8e8e8}
.cwb-steps>li:last-child::after{display:none}
.cwb-steps em{display:block;margin:0 0 4px;color:#E31E24;font-size:.74em;font-style:normal;font-weight:800;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}
.cwb-steps b{display:block;margin:7px 0 6px;color:#222;font-size:1.1em;font-weight:800;line-height:1.3}
.cwb-steps em+b{margin-top:0}
.cwb-steps span{display:block;color:#555;font-size:1.02em;line-height:1.65}

@media screen and (min-width:1000px){
  .cwb-steps.track{display:flex;flex-wrap:nowrap;max-width:none}
  .cwb-steps.track>li{flex:1 1 0;min-width:0;padding:56px 22px 0 0}
  .cwb-steps.track>li:last-child{padding-right:0}
  .cwb-steps.track>li::before{top:0;left:0}
  .cwb-steps.track>li::after{left:50px;right:8px;top:19px;bottom:auto;width:auto;height:2px}
  .cwb-steps.track b{margin:0 0 6px;font-size:1.02em}
  .cwb-steps.track em+b{margin-top:0}
  .cwb-steps.track span{font-size:.95em;line-height:1.6}
  .cwb-steps.stack{display:block;max-width:860px}
}


/* --- 6. PLAIN-ENGLISH SPEC CARDS: .cwb-spec + .cwb-meter -----------------
   The answer to the Luminara note: the sizes, glass and ratings part should
   be oriented to the customer and not get into the technicals.
   Each card leads with the question a customer actually asks and answers it
   in words. The meter is labelled at both ends in plain language and the
   figure is always printed as text beside it, because the skill is explicit
   that a chart with no numbers on it reads as meaningless. The manufacturer's
   own figure and the sheet it came off sit demoted at the bottom, so the spec
   is still on the page for an architect without being in the way of a
   homeowner. .foot carries margin-top:auto so those lines align across a row
   whether or not a card has a meter. */

.cwb-spec{display:flex;flex-wrap:wrap;gap:20px;margin:0 0 56px}
.cwb-spec>div{flex:1 1 250px;min-width:0;display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 3px 14px rgba(0,0,0,.05)}
.cwb-spec h3{margin:0 0 10px;color:#222;font-size:1.06em;font-weight:800;line-height:1.3}
.cwb-spec p{margin:0 0 18px;color:#555;font-size:1em;line-height:1.65}
.cwb-spec .foot{margin-top:auto}
.cwb-spec .fig{display:block;color:#222;font-size:1.05em;font-weight:800;line-height:1.35;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}
.cwb-spec .fig small{margin-left:7px;color:#E31E24;font-size:.68em;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.cwb-spec .src{display:block;margin-top:5px;color:#777;font-size:.84em;font-style:normal;line-height:1.5}
.cwb-meter{margin:0 0 16px}
.cwb-meter .bar{position:relative;height:10px;border-radius:5px;background:#ececec;overflow:hidden}
.cwb-meter .bar i{display:block;height:100%;border-radius:5px;background:#E31E24}
.cwb-meter .ends{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#888;font-size:.82em;line-height:1.4}
.cwb-meter .ends span:last-child{text-align:right}


/* --- 7. SHOWROOM STRIP: .cwb-floor ---------------------------------------
   One dark line saying a unit is standing on the floor in Palm Desert.
   Written for the AG Millworks note - there is an AG bifold and a French door
   in the showroom - and it works on any page where a product can be pushed by
   hand. For a 65 year old buying a wall of glass, "come and open this one"
   outranks any specification on the page. It also breaks a run of card grids
   with a shape that is not a card. */

.cwb-floor{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin:0 0 56px;padding:24px 28px;background:#1c1c1c;border-radius:14px}
.cwb-floor .k{display:inline-block;padding:7px 15px;border-radius:3px;background:#E31E24;color:#fff;font-size:.72em;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cwb-floor p{flex:1 1 320px;min-width:0;margin:0;color:#e4e4e4;font-size:1.06em;line-height:1.65}
.cwb-floor a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 26px;border-radius:5px;background:#E31E24;color:#fff;font-weight:800;text-decoration:none}
.cwb-floor a:hover{background:#c4161c;color:#fff}

@media screen and (max-width:820px){
  .cwb-floor{padding:22px}
  .cwb-floor a{width:100%}
}


/* --- 8. NARROW-SCREEN TRIMS FOR THE NEW COMPONENTS ----------------------- */

@media screen and (max-width:820px){
  .cwb-head{padding-top:18px;margin-bottom:26px}
  .cwb-hero.photo h1{font-size:1.9em}
  .cwb-prose{padding:24px 22px 24px 28px}
  .cwb-prose::before{width:4px;top:20px;bottom:20px}
  .cwb-prose-fact b{font-size:1.7em}
  .cwb-steps>li{padding-left:56px}
  .cwb-steps>li::before{width:34px;height:34px;font-size:.95em;line-height:34px}
  .cwb-steps>li::after{left:16px;top:41px}
}


/* --- 9. FOCUS, MOTION, PRINT ---------------------------------------------
   The focus ring is a deliberate change to the six live pages. It only shows
   on keyboard focus and the theme's default ring does not clear 3:1 against
   the dark panels. <details> takes focus itself in some Safari builds and
   ringing the whole open panel looks like a fault, so only the summary rings. */

.cwb a:focus,.cwb button:focus,.cwb summary:focus{outline:3px solid #E31E24;outline-offset:2px}
.cwb a:focus-visible,.cwb button:focus-visible,.cwb summary:focus-visible{outline:3px solid #E31E24;outline-offset:2px}
.cwb-dl a:focus,.cwb-cta a:focus,.cwb-hero a:focus,.cwb-floor a:focus{outline-color:#fff}
.cwb-dl a:focus-visible,.cwb-cta a:focus-visible,.cwb-hero a:focus-visible,.cwb-floor a:focus-visible{outline-color:#fff}

@media (prefers-reduced-motion:reduce){
  .cwb *,.cwb *::before,.cwb *::after,.cwg-lb *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }
  .cwg-i:hover img{transform:none !important}
}

@media print{
  .cwb{max-width:none;padding:0}
  .cwb-hero,.cwb-dl,.cwb-cta,.cwb-offer,.cwb-two,.cwb-prose,.cwb-floor{background:#fff;border:1px solid #ccc;box-shadow:none}
  .cwb-hero h1,.cwb-hero p,.cwb-hero-meta,.cwb-hero-cr,.cwb-floor p,
  .cwb-dl h2,.cwb-dl>p,.cwb-dl .tx b,.cwb-dl .tx span,
  .cwb-cta h3,.cwb-cta p,.cwb-offer h2,.cwb-offer p,.cwb-offer .tier{color:#000}
  .cwb-hero span.k,.cwb-floor .k,.cwb-tag,.cwb-dl .ic,.cwb-pdf{background:#fff;color:#000;border:1px solid #000}
  .cwb-hero.photo{display:block}
  .cwb-hero-ph{position:relative;padding-top:30%;min-height:0;height:auto}
  .cwb-hero-cr{position:static;max-width:none;background:none;padding:8px 0 0}
  .cwb-tblwrap{overflow:visible;border:1px solid #999;border-radius:0;box-shadow:none}
  .cwb-tbl thead{display:table-header-group}
  .cwb-tbl thead th{background:#fff;color:#000;border-bottom:2px solid #000}
  .cwb-tbl tbody th,.cwb-tbl tbody td{background:#fff;border-top:1px solid #bbb}
  .cwb-tbl tbody tr{page-break-inside:avoid;break-inside:avoid}
  .cwb-steps{max-width:none}
  .cwb-steps.track{display:block}
  .cwb-steps>li,.cwb-prose,.cwb-card,.cwb-spec>div,.cwb-next a,.cwb-faq details,.cwb-stats>div{
    page-break-inside:avoid;break-inside:avoid;box-shadow:none;
  }
  .cwg,.cwg-lb,.cwb-btns,.cwb-floor a{display:none}
}