/* Reading layout for ICOSIUM's manufacturer guide; shared header/footer unchanged. */
.guide-page { color: var(--ink); }
.guide-page h1, .guide-page h2, .guide-page h3 { font-weight: 400; }
.guide-page a { color: inherit; text-underline-offset: 5px; }
.guide-page a:focus-visible { outline: 2px solid #78653e; outline-offset: 5px; }
.guide-hero { padding-top: 62px; padding-bottom: 48px; }
.guide-back { display: inline-block; margin-bottom: 42px; font-size: 13px; }
.guide-hero h1 { max-width: 1040px; margin: 26px 0 40px; font-size: clamp(36px,5.2vw,72px); letter-spacing: -.04em; line-height: 1.08; }
.guide-intro { max-width: 760px; margin-left: auto; font-size: 18px; line-height: 1.8; color: var(--muted); }
.guide-intro p + p { margin-top: 22px; }
.guide-toc { display: grid; grid-template-columns: .7fr 1.3fr; gap: 50px; padding-top: 32px; padding-bottom: 42px; border-top: 1px solid var(--light-rule); }
.guide-toc h2 { font-size: 26px; letter-spacing: -.5px; }
.guide-toc ol { columns: 2; column-gap: 36px; list-style-position: outside; padding-left: 22px; font-size: 13px; line-height: 1.65; }
.guide-toc li { padding: 6px 0 6px 5px; break-inside: avoid; }
.guide-toc a { text-decoration-thickness: 1px; }
.guide-snapshot { background: #eeece5; padding: 52px 0; margin: 20px 0 68px; }
.guide-snapshot dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; margin: 30px 0; }
.guide-snapshot dl > div { display: flex; flex-direction: column; gap: 20px; border-top: 1px solid #c8c3b7; padding-top: 24px; }
.guide-snapshot dt { order: 2; font-size: 14px; line-height: 1.65; color: var(--muted); }
.guide-snapshot dd { order: 1; margin: 0; font-size: clamp(32px,3.1vw,44px); line-height: 1.15; letter-spacing: -.035em; }
.guide-currency { white-space: nowrap; }
.guide-citation, .guide-references { font-size: 12px; line-height: 1.7; }
.guide-body { width: 88%; max-width: 760px; margin: 0 auto; }
.guide-section { margin-bottom: 64px; scroll-margin-top: 30px; }
.guide-section:focus { outline: none; }
.guide-section:focus-visible { outline: 2px solid #78653e; outline-offset: 8px; }
.guide-section h2 { font-size: clamp(28px,3vw,39px); letter-spacing: -.8px; line-height: 1.2; margin-bottom: 30px; }
.guide-section p { font-size: 17px; line-height: 1.85; color: #444; margin-bottom: 20px; }
.guide-section h3 { margin: 30px 0 16px; font-size: 13px; letter-spacing: 1.3px; color: #78653e; line-height: 1.5; }
.guide-section ul { padding-left: 22px; margin: 16px 0 26px; font-size: 16px; line-height: 1.8; color: #444; }
.guide-section li { padding-left: 5px; margin-bottom: 5px; }
.guide-section .guide-references { margin-top: 24px; font-size: 12px; }
.guide-references a { display: inline-block; padding: 4px; }
.guide-callout { margin: 40px 0 10px; padding: 30px 34px; background: #eeece5; border-left: 1px solid #a58c5a; }
.guide-callout h3 { margin-top: 0; }
.guide-callout ul { margin-bottom: 0; list-style: none; padding: 0; }
.guide-callout li { padding: 9px 0; margin: 0; border-top: 1px solid #d8d3c7; font-size: 15px; }
.guide-section .guide-costs { list-style: none; padding: 24px 28px; border-top: 1px solid var(--light-rule); border-bottom: 1px solid var(--light-rule); }
.guide-costs li { position: relative; padding-left: 24px; }
.guide-costs li:not(:first-child)::before { content: '+'; position: absolute; left: 0; color: #78653e; }
.guide-process { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 28px; margin: 36px 0; padding: 24px 0; border-top: 1px solid var(--light-rule); border-bottom: 1px solid var(--light-rule); }
.guide-process li { position: relative; margin: 0; padding: 0; font-size: 11px; line-height: 1.5; letter-spacing: .7px; flex: 1; }
.guide-process li:not(:last-child)::before { content: ''; position: absolute; width: 13px; height: 1px; background: #78653e; right: -19px; top: 50%; }
.guide-process li:not(:last-child)::after { content: ''; position: absolute; width: 5px; height: 5px; border-top: 1px solid #78653e; border-right: 1px solid #78653e; transform: rotate(45deg); right: -19px; top: calc(50% - 2px); }
.guide-section .guide-checklist { list-style: none; padding: 0; }
.guide-checklist li { position: relative; padding-left: 28px; margin-bottom: 12px; }
.guide-checklist li::before { content: ''; position: absolute; left: 0; top: .45em; width: 12px; height: 12px; border: 1px solid #78653e; }
.guide-photo { margin: 40px 0 0; }
.guide-photo img { display: block; width: 100%; height: auto; }
.guide-note { border-top: 1px solid var(--light-rule); padding-top: 28px; margin-bottom: 48px; }
.guide-note h2 { font-size: 12px; letter-spacing: 1.4px; color: #78653e; margin-bottom: 16px; }
.guide-note p { font-size: 14px; line-height: 1.8; color: var(--muted); }
.guide-sources h2 { font-size: 29px; margin-bottom: 26px; }
.guide-sources ol { padding-left: 24px; font-size: 13px; line-height: 1.7; }
.guide-sources li { padding: 10px 0 10px 6px; scroll-margin-top: 24px; }
.guide-related { display: flex; flex-wrap: wrap; gap: 20px 28px; border-top: 1px solid var(--light-rule); margin-top: 34px; padding-top: 26px; font-size: 13px; }
.guide-cta { margin-top: 70px; border-top: 1px solid var(--light-rule); padding-top: 56px; padding-bottom: 90px; }
.guide-cta h2 { font-size: clamp(30px,3.3vw,46px); max-width: 800px; letter-spacing: -.8px; line-height: 1.2; margin: 24px 0; }
.guide-cta > p:not(.eyebrow) { max-width: 620px; line-height: 1.8; font-size: 17px; color: var(--muted); margin-bottom: 24px; }
.guide-cta a { min-height: 44px; }
@media (max-width: 700px) {
  .guide-hero { padding-top: 35px; padding-bottom: 34px; }
  .guide-back { margin-bottom: 32px; }
  .guide-hero h1 { font-size: clamp(34px,8.4vw,48px); margin-bottom: 30px; }
  .guide-intro { font-size: 16px; }
  .guide-toc { grid-template-columns: 1fr; gap: 20px; }
  .guide-toc ol { columns: 1; font-size: 14px; }
  .guide-toc a { display: inline-block; padding: 6px 0; }
  .guide-snapshot { padding: 38px 0; margin-bottom: 48px; }
  .guide-snapshot dl { grid-template-columns: 1fr; gap: 28px; }
  .guide-snapshot dd { font-size: 34px; }
  .guide-section { margin-bottom: 48px; }
  .guide-section p { font-size: 16px; }
  .guide-section ul { font-size: 15px; }
  .guide-callout { padding: 24px 20px; }
  .guide-section .guide-costs { padding: 20px 0; }
  .guide-process { flex-direction: column; align-items: stretch; gap: 30px; }
  .guide-process li { font-size: 12px; }
  .guide-process li:not(:last-child)::before { width: 1px; height: 12px; left: 3px; right: auto; top: calc(100% + 8px); }
  .guide-process li:not(:last-child)::after { transform: rotate(135deg); left: 1px; right: auto; top: calc(100% + 14px); }
  .guide-cta { margin-top: 50px; padding-top: 40px; padding-bottom: 60px; }
}