/* ============================================================
   THE COMMON ACCORD (/accord) — editorial document styling
   Ink/ivory, Didot-scale display, Georgia body, hairline rules.
   No boxes. Verbatim text. Print-friendly.
   ============================================================ */
.accord-main{width:var(--container);margin:0 auto;padding:calc(var(--header-h) + 40px) 0 110px}
.accord-doc{max-width:760px;margin:0 auto}

/* --- cover --- */
.accord-cover{text-align:center;padding:16px 0 8px}
.accord-cover .eyebrow{color:var(--soft);margin-bottom:26px}
.accord-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,6.5vw,4.4rem);line-height:1.04;letter-spacing:.06em;margin:0 0 18px;color:var(--text)}
.accord-sub{font-family:var(--font-ui);font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;color:var(--text-2);margin:0 0 30px}
.accord-epigraph{font-family:var(--font-body);font-size:1.04rem;line-height:1.85;color:var(--muted);margin:0 0 8px}
.accord-version{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);margin:26px 0 0}

/* --- section rhythm --- */
.accord-label{display:block;margin:64px 0 0;text-align:center;color:var(--soft)}
.accord-section{padding:44px 0 10px}
.accord-article{margin-top:26px;border-top:1px solid var(--line)}
.accord-article-head{font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem,2.6vw,1.7rem);letter-spacing:.05em;line-height:1.3;color:var(--text);margin:0 0 20px}
.accord-section p{font-family:var(--font-body);font-size:1.02rem;line-height:1.85;color:var(--text-2);margin:0 0 16px}
.commit-intro{font-style:italic}

/* --- tablets: centred serif pull-quotes, hairline rules, no boxes --- */
.accord-tablet{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.16rem;line-height:1.55;color:var(--white);max-width:36em;margin:36px auto 20px;padding:20px 8px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);text-align:center}
.accord-tablet-lead{margin-top:30px}
.accord-tablet-final{font-size:1.05rem;letter-spacing:.02em;margin-top:44px}

/* --- the Common Commitment list --- */
.commitment-list{list-style:none;padding:0;margin:10px 0 0;columns:2;column-gap:56px}
.commitment-list li{break-inside:avoid;position:relative;font-family:var(--font-body);font-size:1.02rem;line-height:1.75;color:var(--text-2);padding:10px 0 10px 28px;margin:0}
.commitment-list li::before{content:"";position:absolute;left:0;top:1.15em;width:15px;height:1px;background:var(--line-2)}
.commitment-coda{text-align:center;font-family:var(--font-display);font-style:italic;color:var(--white)!important;font-size:1.12rem;padding-top:18px!important}
.commitment-coda::before{display:none}

/* --- mobile --- */
@media (max-width:760px){
  .accord-main{padding:calc(var(--header-h) + 24px) 0 80px}
  .accord-section{padding:34px 0 6px}
  .commitment-list{columns:1;column-gap:0}
  .accord-tablet{font-size:1.06rem}
}

/* --- print: clean document --- */
@media print{
  body{background:#fff!important}
  .site-header,.mobile-nav,.site-footer,.cart-drawer,.drawer-backdrop,.modal,.skip-link{display:none!important}
  .accord-main{width:100%;padding:24px 0}
  .accord-doc{max-width:100%}
  .accord-title,.accord-article-head,.accord-tablet,.commitment-coda{color:#111!important}
  .accord-section p,.commitment-list li,.accord-epigraph,.commit-intro{color:#222!important}
  .eyebrow,.accord-label,.accord-sub,.accord-version{color:#555!important}
  .accord-article,.accord-tablet{border-color:#bbb!important}
  .site-shell{background:none!important}
}