/* The Attachment Report, type library shared styles (design system tokens) */
:root{
  --cream:#FAF3E7; --paper:#FFFFFF; --ink:#2B2B2B; --muted:#6B6257;
  --terracotta:#C0653B; --terracotta-hover:#A04E2A; --hairline:#E8DCC8;
  --tint:#FFF6EC; --navy:#1E2A3A; --peach-gold:#E8A87C; --on-navy:#F6ECDF;
  --font-serif:Georgia,"Times New Roman",serif;
  --font-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--cream);color:var(--ink);font-family:var(--font-serif);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--terracotta);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--terracotta-hover)}
.column{max-width:680px;margin-inline:auto;padding-inline:24px}
.topbar{border-bottom:1.5px solid var(--hairline);padding:16px 0}
.topbar .column{display:flex;justify-content:space-between;align-items:center}
.wordmark{font-family:var(--font-serif);font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
.pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;font-weight:500;
      text-transform:uppercase;letter-spacing:0.14em;line-height:1;padding:8px 14px;border-radius:999px;
      background:transparent;color:var(--muted);border:1.5px solid var(--hairline);text-decoration:none;white-space:nowrap}
.kicker{font-family:var(--font-sans);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.18em;color:var(--terracotta)}
.hero{text-align:center;padding:56px 0 40px;display:flex;flex-direction:column;align-items:center;gap:16px}
.hero .ticon{color:var(--terracotta)}
.hero h1{font-size:clamp(34px,7vw,48px);line-height:1.08;font-weight:700;letter-spacing:-0.01em;text-wrap:balance}
.hero .tag{max-width:38ch;font-style:italic;font-size:20px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.heroart{width:min(400px,90%);border-radius:18px;margin-top:14px;box-shadow:0 8px 28px rgba(43,43,43,0.08)}
.hero .clin{font-family:var(--font-sans);font-size:12px;text-transform:uppercase;letter-spacing:0.12em;color:var(--muted)}
h2{font-size:26px;line-height:1.2;font-weight:700;margin:44px 0 16px}
p{margin-bottom:14px}
ul.signs{list-style:none;margin:0 0 16px}
ul.signs li{position:relative;padding-left:26px;margin-bottom:10px;font-size:16.5px}
ul.signs li::before{content:"";position:absolute;left:2px;top:10px;width:8px;height:8px;border-radius:999px;background:var(--terracotta)}
ol{list-style:none;counter-reset:loop;margin:0 0 20px}
ol li{counter-increment:loop;position:relative;padding-left:46px;font-size:16px;line-height:1.6;margin-bottom:14px}
ol li::before{content:counter(loop);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:999px;
  border:1.5px solid var(--terracotta);color:var(--terracotta);font-family:var(--font-sans);
  font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center}
ol li strong{font-weight:700}
blockquote{background:var(--tint);border-left:3px solid var(--terracotta);border-radius:0 10px 10px 0;
           padding:16px 20px;margin:10px 0 16px;font-style:italic;font-size:16.5px;line-height:1.55}
blockquote .slabel{display:block;font-style:normal;font-family:var(--font-sans);font-size:12px;font-weight:500;
                   text-transform:uppercase;letter-spacing:0.14em;color:var(--terracotta);margin-bottom:8px}
.pairing{background:var(--paper);border:1.5px solid var(--hairline);border-radius:14px;padding:20px 22px;margin-bottom:12px}
.pairing .pk{font-family:var(--font-sans);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.14em;color:var(--terracotta);display:block;margin-bottom:6px}
.pairing p{margin:0;font-size:15.5px;color:var(--muted)}
.faq h3{font-size:19px;font-weight:700;margin:22px 0 8px}
.faq p{color:var(--muted);font-size:16px}
.cta{text-align:center;padding:48px 36px;background:var(--navy);border-radius:18px;margin:52px 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.cta .kicker{color:var(--peach-gold)}
.cta h2{color:var(--on-navy);margin:0;max-width:20ch;text-wrap:balance;font-size:30px}
.cta p{color:rgba(246,236,223,0.85);max-width:44ch;margin:0;font-size:16px}
.btn{display:inline-block;background:var(--terracotta);color:#fff;border:none;border-radius:12px;
     font-family:var(--font-sans);font-weight:700;font-size:16px;padding:15px 32px;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--terracotta-hover);color:#fff}
.othertypes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0 8px}
.othertypes a{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;background:var(--paper);
  border:1.5px solid var(--hairline);border-radius:14px;padding:18px 12px;text-decoration:none;color:var(--terracotta)}
.othertypes a .tl{font-family:var(--font-sans);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.14em}
.othertypes a .tc{font-family:var(--font-sans);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
footer{border-top:1.5px solid var(--hairline);padding:36px 24px;margin-top:56px}
footer .inner{max-width:680px;margin:0 auto;font-family:var(--font-sans);font-size:12px;line-height:1.6;color:var(--muted)}
footer a{font-family:var(--font-sans)}