/* ==========================================================================
   TRU72 — NORTH CAROLINA COMPONENT CORRECTIONS
   --------------------------------------------------------------------------
   NC's layout, structure, components and typography are the reference for
   every Tru72 site and are NOT touched here. This sheet changes COLOUR only,
   where NC's as-built choices cannot be expressed in the approved six without
   failing contrast:

     * gold button fills          PAPER on ANTIQUE GOLD is 2.6:1 and INK on
                                  GOLD-AGED is 3.1:1. Buttons become INK on
                                  PAPER, or PAPER on INK.
     * gold small type on ink     ANTIQUE GOLD is 4.0:1 on INK — cleared for
                                  display type at 24px+, not for an 11px
                                  eyebrow or a 9.5px footer line.
     * gold small type on paper   2.4:1. Never. Goes SCENERY GREEN (5.2:1).
     * LINEN type on SCENERY      3.1:1. On a scenery-green band every type
       GREEN                      colour except PAPER fails, at every size.

   Gold keeps every decorative job it had: rules, keylines, borders, hairlines,
   dividers, and display type 24px and up on ink.

   Loads after each NC page's inline <style>.
   ========================================================================== */

/* ==========================================================================
   0. --t72-label — WHAT A LABEL COLOUR MEANS ON THIS SURFACE
   --------------------------------------------------------------------------
   NC spends ANTIQUE GOLD, GOLD-AGED and SCENERY GREEN as 9–11px label type
   about 1600 times: eyebrows, numerals, CTAs, price labels, footer headings.
   Gold fails as type on paper (2.4:1 / 3.2:1) and as SMALL type on ink
   (4.0:1); scenery green fails on ink (1.9:1). None of them is wrong
   everywhere — each is wrong somewhere.

   tools/reskin_or.py routes every `color: var(--gold|--gold-aged|--ink-soft|
   --accent)` in NC's inline CSS to `color: var(--t72-label)`, and declares
   --t72-label in the SAME rule that sets each surface's background. Working
   per rule rather than per class is what makes it correct: .faq and .mid-cta
   are dark bands on some pages and light on others. CSS inheritance then
   carries the right value down to every label inside.

     on PAPER and the LINEN-in-PAPER tints   SCENERY GREEN   5.2:1 / 4.8:1
     on INK                                  LINEN           5.7:1

   Nothing else moves. Every gold border, rule, hairline, divider and fill is
   exactly where NC put it.
   ========================================================================== */

:root { --t72-label: var(--t72-green); }

/* The display face ships in one weight. Nothing gets a faked cut. */
body { font-synthesis: none; }

/* The one sanctioned gold-as-type case: display type at a fixed 24px+ on ink.
   The clamp()-sized headlines are deliberately NOT in this list — they fall
   below 24px on a narrow viewport, where gold stops clearing 3:1. */
.trucomfort-mark .program-price { color: var(--t72-gold); }

/* The display face carries 209 glyphs — Latin plus the punctuation the sites
   use — and two characters that appear in display-sized type are not among
   them: the star U+2605 and the multiplication sign U+00D7. Rather than leave
   them to a per-glyph fallback nobody has measured, the elements that hold
   them take the body face, which has both. Measured on /, /portland/,
   /albany/, /portland/reviews/, /albany/reviews/ and /manual-j/. */
.num, .stars, .rating-number, .symbol,
.rating-summary strong, .reviews strong,
.trust-strip .num, .trust-band .num, .rating-card .rating-number,
.trust-strip strong, .trust-item strong, .trust-band strong {
  font-family: var(--t72-font-body) !important;
}

/* ==========================================================================
   1. BUTTONS — no gold fills anywhere
   --------------------------------------------------------------------------
   The gold fills NC set inside a rule that also sets a text colour are re-cut
   to INK on PAPER by the surface pass in tools/reskin_or.py. These are the
   variants whose fill is declared without a text colour beside it.
   ========================================================================== */

.btn { background: var(--t72-ink); color: var(--t72-paper); border-color: var(--t72-ink); }
.btn:hover { background: var(--t72-green); border-color: var(--t72-green); color: var(--t72-paper); }
.btn-gold { background: var(--t72-ink); color: var(--t72-paper); border-color: var(--t72-gold); }
.btn-gold:hover { background: var(--t72-paper); color: var(--t72-ink); border-color: var(--t72-gold); }
.btn-schedule, .market-actions .btn-schedule, .intent-row .btn-schedule {
  background: var(--t72-paper); color: var(--t72-ink); border-color: var(--t72-paper);
}
.btn-schedule:hover, .market-actions .btn-schedule:hover, .intent-row .btn-schedule:hover {
  background: transparent; color: var(--t72-paper); border-color: var(--t72-paper);
}
.btn-outline { background: transparent; color: var(--t72-ink); border-color: var(--t72-ink); }
.btn-outline:hover { background: var(--t72-ink); color: var(--t72-paper); border-color: var(--t72-ink); }
.btn-outline-light { background: transparent; color: var(--t72-paper); border-color: var(--t72-paper); }
.btn-outline-light:hover { background: var(--t72-paper); color: var(--t72-ink); border-color: var(--t72-paper); }
.nav-mobile-cta { background: var(--t72-paper) !important; color: var(--t72-ink) !important; }
.favorite-badge { background: var(--t72-paper); color: var(--t72-ink); }

/* ==========================================================================
   4. GOLD KEEPS EVERY DECORATIVE JOB
   ========================================================================== */

.eyebrow::before, .eyebrow::after,
.eyebrow.on-dark::before, .eyebrow.on-dark::after,
.booking-card-eyebrow::before,
.utility .hours::before,
.hero-phones a { border-color: var(--t72-gold); }

.eyebrow::before, .eyebrow::after,
.eyebrow.on-dark::before, .eyebrow.on-dark::after,
.booking-card-eyebrow::before {
  background: var(--t72-gold);
}
/* The utility bar's leading dot. It shipped as `content: '●'` at 7px in
   ANTIQUE GOLD, which is 4.04:1 on INK — fine for large display type, a
   normal-text AA failure at 7px. The note here said "a dot, not type", which
   was the right reading of the intent but not of the markup: CSS-generated
   content goes into the accessibility tree and is measured as text.
   PHASE 8 makes it what it always meant to be. An empty content box filled with
   gold is a SHAPE, so it is decoration in fact and not only in intent, there is
   no text left to measure, and it looks the same. It is how .eyebrow::before
   above already draws its gold marks. */
.utility .hours::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--t72-gold);
}

/* A generic card rule declares `background: var(--paper)` and a contextual
   rule later re-fills the same card dark, so the generic rule's label follows
   the generic background. The contextual dark cases are named here. Measured
   on /tru-comfort-concord/, /tru-comfort-raleigh/, /services-charlotte/ and
   /services-raleigh/. */
.product-mr .product-card,
.group-care .cat-card { --t72-label: var(--t72-linen); }

/* ==========================================================================
   5. ACCESSIBILITY
   ========================================================================== */

a:focus-visible, button:focus-visible, summary:focus-visible, .btn:focus-visible {
  outline: 2px solid var(--t72-ink);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   6. THE HERO WATERMARK                                          (Phase 14)
   --------------------------------------------------------------------------
   The reference site floats its brand mark behind the right-hand side of the
   hero at 7% opacity. tru72-components.css draws it from --t72c-watermark and
   paints nothing when the variable is unset, so the image reference lives with
   the site that owns the image. The url() is resolved against THIS STYLESHEET,
   not against the page, so one declaration is correct at every page depth —
   which is why it is here and not in a page's inline <style>.
   ========================================================================== */
.t72c-hero { --t72c-watermark: url('../tru72-mark.png'); }

/* ==========================================================================
   7. THE MOBILE NAV — ONE DEFINITION                             (Phase 24)
   --------------------------------------------------------------------------
   All 50 North Carolina pages carried their own copy of the drawer in an
   inline <style>, and five of its rules carried `!important` — the links, the
   dropdowns, the dropdown links and the divider. Those five are here now, so
   the drawer's surface can be changed from a stylesheet. The rest of NC's nav
   is still written out on every page and is a separate, larger job; this phase
   only takes the rules that could beat a later sheet.

   NO `!important`. Measured on all 50 pages: the inline <style> that held
   these sits ABOVE tru72-nc-components.css in the head, so the override only
   ever won on where it was. From here the same declarations win by being
   later.

   THE STRUCTURE IS HERE TOO, FOR TWO PAGES
   /schedule-charlotte/ and /schedule-raleigh/ spelled this block at 880px
   instead of 720px, and wrote their base `.nav-toggle { display: none }` AFTER
   the media query that shows it — same selector, same specificity, later in
   the file. So the hamburger on those two pages has been `display: none` at
   every width and their drawer could not be opened at all: measured at 390px,
   the button's box is 0x0. Their private 880px block is removed with the rest
   and the structural rules below — the panel, the toggle, the CTA pair, the
   wrap — govern all 50 pages from one place, so those two behave like the
   other 48.

   `.nav-mobile-cta` is deliberately NOT here. It is declared by 48 pages and
   again at section 1 above, and there is no element with that class in any of
   the 50 documents. Rather than move a rule that has never matched anything,
   it goes.
   ========================================================================== */
@media (max-width: 720px) {
  .nav { padding: 14px 22px; position: relative; flex-wrap: wrap; }
  .nav-brand img { height: 72px; }
  .nav-toggle { display: flex; }
  .nav-cta { display: none; }

  .nav-links {
    display: none;
    order: 3;
    width: 100%;
    flex-direction: column;
    background: var(--t72-ink);
    border-top: 2px solid var(--t72-gold);
    z-index: 190;
    padding-bottom: 8px;
  }
  .nav.open .nav-links { display: flex; }

  .nav-links .nav-item { border-bottom: 1px solid rgba(255,255,255,.08); }
  .nav-links .nav-item > a {
    display: block;
    padding: 13px 22px;
    color: var(--t72-paper);
    font-size: 12px;
    letter-spacing: .15em;
    text-decoration: none;
  }

  /* The dropdowns flatten into the panel instead of floating beside it. */
  .nav-links .nav-dropdown {
    position: static;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    background: rgba(0,0,0,.22);
    border: none;
    box-shadow: none;
    padding: 0;
    min-width: 0;
    width: 100%;
  }
  .nav-links .nav-dropdown a {
    display: block;
    padding: 9px 22px 9px 36px;
    color: rgba(255,246,220,.72);
    font-size: 11px;
    letter-spacing: .12em;
    text-decoration: none;
  }
  .nav-links .nav-dropdown .dropdown-divider {
    border-top: 1px solid rgba(255,255,255,.1);
    margin-top: 4px;
    padding-top: 9px;
    color: var(--t72-gold);
  }
}


/* ==========================================================================
   PHASE 27 — NORTH CAROLINA'S OWN TYPE SYSTEM AND PANELS
   Bethany, 2026-09-25. Everything here is scoped to NC and written at a
   specificity that actually wins.

   WHY THE SPECIFICITY MATTERS. This sheet loads BEFORE tru72-components.css,
   not after. A rule written here as `.t72c-means {}` ties with the shared
   sheet's own `.t72c-means {}` and loses on order -- which is exactly what
   happened on the first attempt: the light panel was declared, shipped, and
   never painted. Every override below is written one class deeper so the
   cascade resolves the way it reads.
   ========================================================================== */

/* -- 1. THE TITLE FACE ----------------------------------------------------
   SWAPPED 2026-09-25 on Bethany's instruction: Cinzel first, Friz second.
   The point of the swap is the lighter face, so the order now says so.

   THIS ONLY BITES ONCE CINZEL IS ON DISK. We self-host every face and make
   zero external font requests, and there is no Cinzel file in
   assets/_system/fonts/ -- so today the stack falls straight through to Friz
   and nothing changes visually. Drop a cinzel.woff2 beside the others, add
   its @font-face, and the swap takes effect. Measured at 48px on the same
   string: Friz 9,866 ink pixels, Cinzel 8,076 -- 22% lighter, 10% wider.
   Oregon is unaffected; it keeps Fraunces 600 from the shared token.
   -------------------------------------------------------------------------- */
/* The NC display-face override is GONE. It said Cinzel-first at weight 700,
   which is now what tru72-tokens.css says for every site, and two places
   deciding one thing is how they drift apart. */

/* -- 2. THE ACCENT --------------------------------------------------------
   The second sentence of a headline: FRAUNCES ITALIC in ANTIQUE GOLD, which
   is how the reference sets "Five things we promise." and "We don't guess.
   We test." Overrides the shared per-ground guard, which had been resolving
   gold away on the grounds where it is not legal.

   THE COST, STATED: antique gold is 2.43:1 on cream, 2.15:1 on scenery green
   and 1.46:1 on linen. Only on ink (4.04:1) does it clear AA for large text.
   The reference ships the same failure -- it carries 1,879 failing text nodes
   to our 9 -- so this is fidelity to a live design, chosen knowingly, not an
   oversight. It applies to display-size accent phrases only; body copy keeps
   the guard and stays legible.
   -------------------------------------------------------------------------- */
/* THE ACCENT RULE THAT WAS HERE IS GONE, and that is the fix.
   It forced ANTIQUE gold on every ground, including cream, where
   antique is 2.43:1 and illegal while GOLD-AGED is 3.18:1 and legal.
   tru72-components.css now owns the accent for all four sites and
   resolves the right gold per ground. Three sheets deciding one thing
   is how they drifted apart in the first place. */

/* Inside running copy the guard still wins: emphasis by weight, no colour. */
.t72c .t72c-wrap p .t72c-gold, .t72c .t72c-wrap li .t72c-gold,
.t72c .t72c-wrap .t72c-deck .t72c-gold,
.t72c .t72c-wrap .t72c-step-b .t72c-gold,
.t72c .t72c-wrap .t72c-means .t72c-gold {
  font-family: inherit; font-style: normal; font-weight: 600;
  color: inherit; font-size: inherit;
}

/* -- 3. THE "WHAT IT MEANS" PANEL ----------------------------------------
   "light color background for what it means boxes". PAPER-WARM, the tint the
   sheet already uses for a recess; INK on it is 9.01:1. The gold rule stays
   as the left edge so the panel reads as an aside, not another card.
   -------------------------------------------------------------------------- */
.t72c .t72c-means {
  background: var(--t72-paper-warm);
  padding: 14px 18px 15px 17px;
  border-left: 3px solid var(--t72-gold);
}
/* On a dark or green band a cream tint would be a hole, so there the panel
   keeps the quiet treatment and the rule alone carries it. */
.t72c-plan-sec .t72c-means, .t72c-tc-sec .t72c-means,
.t72c-band-ink .t72c-means, .t72c-band-green .t72c-means,
.t72c-promise-sec .t72c-means, .t72c-final-cta .t72c-means,
.t72c-trust-sec .t72c-means {
  background: none;
  padding: 2px 0 2px 16px;
  border-left-width: 1px;
}

/* -- 4. ONE ALIGNMENT RULE FOR NORTH CAROLINA ----------------------------
   Bethany: "I am not crazy about it going from left justification to centred
   all over the place. I would prefer it all centred but I want your feedback
   too."

   She is right that it is inconsistent, and wrong that centring everything is
   the fix. Counted in a browser on the reference (tbyrdhvac.com, served at
   :8773) across its homepage, /hvac-concord-nc/ and /cardinal-club-raleigh/:

       section headings    14 left   10 centred
       paragraphs          84 left   35 centred
       LIST ITEMS         112 left    0 centred

   The reference is mixed too, and its rule is legible in those numbers:
   CENTRE THE SECTION'S INTRODUCTION -- eyebrow, heading, deck -- AND LEAVE
   THE CONTENT LEFT. Not one of its 112 list items is centred. Her own
   reference screenshot is the rule in one picture: "FIVE THINGS WE promise."
   centred, the deck centred, the five numbered rows left.

   What was actually broken here is that the shared sheet centres the head of
   ELEVEN named bands and leaves every other band's head hard left, so a page
   flips alignment as you scroll it. Measured on our /, /cooling-charlotte/
   and /tru-comfort-concord/: .t72c-svc-sec, .t72c-compare-sec,
   .t72c-rebate-sec and .t72c-rel-sec set a left head between two centred
   ones. Every "center X" on her list is a heading or a deck, so one
   consistent rule answers all of them at once.

   SPECIFICITY. This sheet loads BEFORE tru72-components.css, so a rule
   written at the shared sheet's own weight loses on order -- which has
   already happened once on this sheet. The shared centring rule is
   `:is(11 bands) > .t72c-wrap > *`, (0,2,0). Everything below is written one
   class deeper, at (0,3,0) or more, and was verified in a browser rather
   than by reading.
   -------------------------------------------------------------------------- */

/* 4a. THE INTRODUCTION IS CENTRED, IN EVERY SECTION. */
.t72c > .t72c-wrap > .t72c-eyebrow,
.t72c > .t72c-wrap > .t72c-h,
.t72c > .t72c-wrap > .t72c-h1,
.t72c > .t72c-wrap > .t72c-deck,
/* The triage band builds its intro inside `.t72c-triage-head` rather than
   straight into the wrap, so it needs naming. */
.t72c .t72c-triage-head > .t72c-eyebrow,
.t72c .t72c-triage-head > .t72c-h,
.t72c .t72c-triage-head > .t72c-deck {
  text-align: center;
}

/* A centred head sits on its own measure, the way the shared sheet already
   gives one to the eleven bands it centres. Without it a 1328px wrap sets a
   two-line deck as a centred banner and the shape reads as an error. */
.t72c > .t72c-wrap > .t72c-h,
.t72c > .t72c-wrap > .t72c-deck {
  max-width: 760px; margin-left: auto; margin-right: auto;
}

/* The eyebrow is a FLEX row, and text-align does not move a flex item, so it
   is centred by justification and takes the gold mark on both sides -- the
   shared sheet only grants the second mark to the bands it centres. */
.t72c > .t72c-wrap > .t72c-eyebrow,
.t72c .t72c-triage-head > .t72c-eyebrow { justify-content: center; }
.t72c > .t72c-wrap > .t72c-eyebrow::after,
.t72c .t72c-triage-head > .t72c-eyebrow::after {
  content: ''; flex: 0 0 auto; width: 26px; height: 1px;
  background: var(--t72-gold);
}

/* A section's own closing action row is part of the frame, not the content,
   so it closes centred under the centred head. Same flex caveat. Scoped to a
   DIRECT child of the wrap, so a button row inside a card is untouched. */
.t72c > .t72c-wrap > .t72c-actions { justify-content: center; }

/* 4b. THE SIDE-BY-SIDE EXCLUSIONS.
   A centred head over a left-aligned COLUMN reads as a mistake, so the three
   split layouts keep their left head. Written at (0,4,0) because 4a above is
   (0,3,0) and this sheet cannot rely on source order against itself either.

     .t72c-mgr-sec    the manager card -- 240px photo beside the copy
     .t72c-tc-sec     the Tru Comfort feature band -- 1fr/1.4fr, and its head
                      (`.t72c-tc-h`) lives INSIDE the right-hand column
     .t72c-story-sec  a heritage story WITH a photo beside it. All 17 NC
                      stories are currently `.t72c-story-solo`, one column,
                      so today this excludes nothing -- it is here so that the
                      first story that takes a photo does not break. */
.t72c.t72c-mgr-sec > .t72c-wrap > .t72c-h,
.t72c.t72c-mgr-sec > .t72c-wrap > .t72c-deck,
.t72c.t72c-tc-sec > .t72c-wrap > .t72c-h,
.t72c.t72c-tc-sec > .t72c-wrap > .t72c-deck,
.t72c.t72c-story-sec:has(.t72c-story-grid:not(.t72c-story-solo)) > .t72c-wrap > .t72c-h,
.t72c.t72c-story-sec:has(.t72c-story-grid:not(.t72c-story-solo)) > .t72c-wrap > .t72c-deck {
  text-align: left;
  max-width: none; margin-left: 0; margin-right: 0;
}

/* 4c. THE CONTENT IS LEFT.
   The shared sheet resets the cards, but at (0,1,0) -- and on any band it
   centres, a content block that is a DIRECT child of the wrap is matched by
   `… > .t72c-wrap > *` at (0,2,0) and the reset loses. That is exactly how
   every FAQ on the estate came to be ragged-centre before Phase 26. These are
   the same intentions at a weight that wins on any band, centred or not.

   `.t72c-centred`, `.t72c-final-cta` and `.t72c-seal-sec` are the three the
   reference centres WHOLE, so they are excluded and stay as they are -- which
   also leaves /cooling-charlotte/'s "Two brands. One family." alone, where
   the page itself centres the pair on Bethany's instruction. */
.t72c:not(.t72c-centred):not(.t72c-final-cta):not(.t72c-seal-sec) :is(
  .t72c-faqs, .t72c-faq-q, .t72c-faq-a,
  .t72c-steps, .t72c-step,
  .t72c-method, .t72c-method-step,
  .t72c-promise-list, .t72c-promise-row,
  .t72c-tablewrap, .t72c-table,
  .t72c-brands, .t72c-brand,
  .t72c-signs, .t72c-sign,
  .t72c-routes, .t72c-route,
  .t72c-probs, .t72c-prob,
  .t72c-svcs, .t72c-svc,
  .t72c-rels, .t72c-rel,
  .t72c-promises, .t72c-promise,
  .t72c-plans, .t72c-plan,
  .t72c-triage, .t72c-triage-card,
  .t72c-areas, .t72c-jumps, .t72c-jump,
  .t72c-fin-groups, .t72c-fin-group,
  .t72c-book,
  .t72c-means, .t72c-means-label,
  .t72c-story, .t72c-story-p
) {
  text-align: left;
}

/* 4d. A LEFT COLUMN UNDER A CENTRED HEAD SITS ON A CENTRED MEASURE.
   Three content blocks are narrower than the wrap and hugged the left gutter,
   which is the one shape 4b exists to prevent. The TYPE stays left; only the
   box is centred, which is what the reference does with its own
   `.seo-service-area-inner`. */
.t72c .t72c-story-solo > .t72c-story { margin-left: auto; margin-right: auto; }
.t72c.t72c-means-sec > .t72c-wrap > .t72c-means { margin-left: auto; margin-right: auto; }
.t72c .t72c-triage-head { margin-left: auto; margin-right: auto; }

/* 4e. CENTRED TEXT IN A LEFT-PINNED BOX IS STILL OFF-CENTRE.
   `text-align: center` only centres the lines INSIDE the element's box. Half
   this sheet's type blocks carry a measure -- `.t72c-deck` is 62ch,
   `.t72c-fineprint` and `.t72c-means` are 70ch, `.t72c-story` is 74ch -- and
   the shared sheet sets those measures with `margin: 0 …`, which pins the box
   to the left gutter. Centred lines in a 636px box that starts at the wrap's
   left edge read as a block nudged left, which is what Bethany is actually
   looking at. Measured at 1280px on /tru-comfort-concord/: the rebate band's
   fineprint was 636px wide with 0px of gap on the left and 517px on the right.

   So every measured block that this sheet or the shared sheet CENTRES gets
   auto side margins as well. It is deliberately not written as a blanket rule:
   auto margins on a block whose text is LEFT would shove a left-aligned panel
   into the middle of the wrap, so this is scoped to the bands that centre. */
:is(.t72c-centred, .t72c-final-cta, .t72c-seal-sec) > .t72c-wrap
  > :is(.t72c-fineprint, .t72c-note, .t72c-means, .t72c-creed, .t72c-seal,
        .t72c-claim, .t72c-evidence),
:is(.t72c-hero, .t72c-trust-sec, .t72c-route-sec, .t72c-signs-sec,
    .t72c-promise-sec, .t72c-method-sec, .t72c-process-sec, .t72c-plan-sec,
    .t72c-inline-cta, .t72c-seo-sec, .t72c-faq-sec) > .t72c-wrap
  > :is(.t72c-fineprint, .t72c-note, .t72c-creed, .t72c-seal) {
  margin-left: auto; margin-right: auto;
}
/* The triage band's deck is 62ch inside a 70ch head, so centring the head's
   type is not enough either. FOUR classes, not three: the shared sheet ships
   `.t72c-triage-sec .t72c-triage-head > .t72c-deck { margin: 18px 0 0 }` at
   (0,3,0) and loads AFTER this one, so the obvious three-class version tied
   and lost in exactly the way the gold accent above did. Measured before the
   fix at 1280px on /hvac-raleigh-nc/: a 694px deck with 0px of gap on its
   left and 32px on its right. */
.t72c.t72c-triage-sec .t72c-triage-head > .t72c-deck {
  margin-left: auto; margin-right: auto;
}


/* THE LINEN INK FALLBACK IS GONE. Bethany, second pass: "all of the
   italicised Fraunces in gold -- everywhere ... it was consistent on the
   tbyrds site and needs to be on the new tru72 site." Consistency of the
   device now outranks the 1.91:1 it measures on linen, which is hers to
   judge on the page and easy to put back. */