/* The ritual card, /ritual/ (BRIEF-V7 section 3.5): both routines in two columns on a plaster page with a thin terracotta rule
   between, the stain cards and the note under them, and a print button. Prefix rc-.
   Print: A4 portrait, the routines on page one, the cards on page two, black type on white, the mark top left. */
.rc{padding:clamp(28px,4vw,56px) 0 clamp(64px,8vw,120px)}
.rc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rc-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:clamp(18px,3vw,40px);padding-bottom:clamp(22px,3vw,36px);border-bottom:1.5px solid var(--terracotta)}
.rc-mark{height:56px;width:auto}
.rc-head h1{font-size:clamp(40px,5vw,72px);line-height:.96;margin-top:8px}
.rc-print{min-height:48px}
.rc-cols{display:grid;grid-template-columns:1fr 2px 1fr;gap:clamp(24px,4vw,64px);padding-top:clamp(28px,4vw,48px)}
.rc-rule{display:block;background:var(--terracotta);opacity:.9;border-radius:2px}
.rc-col h2{font-size:clamp(28px,2.8vw,40px);margin-top:10px}
.rc-sub{margin-top:12px;font-size:17px;color:var(--ink-2);max-width:40ch}
.rc-steps{list-style:none;margin:clamp(22px,3vw,32px) 0 0;padding:0;display:grid;gap:18px}
.rc-step{display:grid;grid-template-columns:52px 1fr;gap:12px;padding-top:18px;border-top:1px solid rgba(42,29,21,.14)}
.rc-step:first-child{border-top:0;padding-top:0}
.rc-n{font-family:var(--font-display);font-size:38px;line-height:.9;color:var(--terracotta);font-weight:360;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 40}
.rc-body h3{font-size:clamp(22px,2vw,26px)}
.rc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--ink-2)}
.rc-need::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--terracotta);margin:0 10px 2px 0;vertical-align:middle}
.rc-line{margin-top:10px;font-size:17px;line-height:1.5}
.rc-tip{margin-top:6px;font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--ink-2)}
.rc-buy{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.rc-shop{font-weight:600;color:var(--ink);border-bottom:1.5px solid var(--terracotta);padding-bottom:1px}
.rc-or{font-style:italic;font-family:var(--font-display);font-size:16px}
.rc-shops{margin-top:22px;padding-top:16px;border-top:1px solid rgba(42,29,21,.14);font-size:15px}
.rc-honest{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.rc-cards{margin-top:clamp(36px,5vw,64px);padding-top:clamp(28px,4vw,40px);border-top:1.5px solid var(--terracotta)}
.rc-stains{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rc-stain{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-lg);background:var(--terracotta);color:var(--off)}
.rc-stains .rc-stain:nth-child(2){background:var(--amber);color:var(--ink)}
.rc-stain-h{font-family:var(--font-display);font-style:italic;font-size:clamp(24px,2.4vw,32px);line-height:1.08;font-weight:320}
.rc-stain-lines{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:16px;line-height:1.5}
.rc-note{margin-top:28px;font-family:var(--font-display);font-size:clamp(20px,2vw,26px);line-height:1.3;max-width:52ch}
.rc-calls{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:26px}
.rc-call{min-height:48px}
.rc-back{font-weight:600;border-bottom:1.5px solid var(--terracotta);padding-bottom:2px}
@media (max-width:900px){
  .rc-head{grid-template-columns:auto 1fr}
  .rc-print{grid-column:1 / -1;justify-self:start}
}
@media (max-width:760px){
  .rc-mark{height:44px}
  .rc-cols{grid-template-columns:1fr;gap:34px}
  .rc-rule{height:2px}
  .rc-stains{grid-template-columns:1fr}
  .rc-step{grid-template-columns:40px 1fr}
  .rc-n{font-size:32px}
}
/* print: the parcel card */
@page{size:A4 portrait;margin:14mm 14mm 16mm}
@media print{
  html,body{background:#fff;color:#000;font-size:11pt;line-height:1.35}
  .site-header,.phone-bar,.preview-tag,.site-footer,.rc-print,.rc-calls,.rc-buy,.rc-shops{display:none}
  .rc{padding:0}
  .rc .wrap{width:100%}
  .rc-head{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8mm;padding-bottom:4mm;border-bottom:.6pt solid #000}
  .rc-mark{height:14mm;filter:grayscale(1)}
  .rc-head h1{font-size:26pt;margin-top:0}
  .label,.rc-sub,.rc-meta,.rc-tip,.rc-honest,.rc-n{color:#000}
  .rc-cols{grid-template-columns:1fr 1px 1fr;gap:8mm;padding-top:6mm}
  .rc-rule{background:#000;opacity:1}
  .rc-col h2{font-size:16pt;margin-top:2mm}
  .rc-sub{font-size:10pt;margin-top:2mm}
  .rc-steps{margin-top:5mm;gap:3.2mm}
  .rc-step{grid-template-columns:9mm 1fr;gap:2mm;padding-top:3mm;border-top:.4pt solid #000;break-inside:avoid}
  .rc-n{font-size:15pt}
  .rc-body h3{font-size:12pt}
  .rc-meta{font-size:7.5pt;margin-top:1mm}
  .rc-need::before{background:#000}
  .rc-line{font-size:10pt;margin-top:1.5mm}
  .rc-tip{font-size:10pt;margin-top:1mm}
  .rc-cards{break-before:page;margin-top:0;padding-top:0;border-top:0}
  .rc-stains{grid-template-columns:1fr 1fr;gap:6mm}
  .rc-stain,.rc-stains .rc-stain:nth-child(2){background:#fff;color:#000;border:.8pt solid #000;border-radius:0;padding:6mm}
  .rc-stain-h{font-size:15pt}
  .rc-stain-lines{font-size:10pt;margin-top:3mm;gap:2mm}
  .rc-note{font-size:13pt;margin-top:8mm;max-width:none}
  a{color:#000;text-decoration:none}
}