/*
 * IC Solutions: standalone Privacy page (selected study).
 * Loaded only by public/privacy.html, after /styles/workshop.css, whose tokens,
 * masthead, compact footer and social styles it reuses unchanged.
 *
 * A quiet reading layout: the first sentence as the introduction, then the
 * remaining sentences under three descriptive labels.
 */
.privacy-main { padding-block: 3.5rem 4rem; }
/* A short page on a tall screen: the paper reading area fills the height, so the dark footer ends the page. */
.page-privacy { min-height: 100vh; display: flex; flex-direction: column; }
.page-privacy .privacy-main { flex: 1 0 auto; width: 100%; }
.privacy-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; align-items: end; border-bottom: 1px solid var(--on-paper); padding-bottom: 3rem; }
.privacy-heading .mono { font-size: .8125rem; color: var(--on-paper-muted); margin-bottom: 1.75rem; }
.privacy-heading > div { min-width: 0; container-type: inline-size; }
/* Also capped by its own column: enlarged root text keeps the two-column heading below 60rem, so "Privacy." stays whole. */
.privacy-heading h1 { font: 700 min(clamp(4.5rem, 10vw, 9rem), 25cqi)/.9 var(--display); letter-spacing: -.04em; }
.privacy-intro { font: 1.85rem/1.35 var(--serif); max-width: 24rem; margin: 0 0 .2rem; }
.privacy-reading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 3rem; padding-block: 3rem; }
.privacy-margin { color: var(--on-paper-muted); font: .8125rem/1.6 var(--mono); max-width: 12rem; }
.privacy-sections { max-width: 43rem; }
.privacy-section { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.5rem; padding-block: 1.75rem; border-bottom: 1px solid var(--rule-paper); }
.privacy-section:first-child { padding-top: 0; }
.privacy-section:last-child { border-bottom: 0; padding-bottom: 0; }
.privacy-section h2 { font: 600 1rem/1.6 var(--sans); }
.privacy-section p { font: 1.1875rem/1.65 var(--serif); margin: 0; }
.privacy-return { display: flex; justify-content: flex-end; border-top: 1px solid var(--on-paper); padding-top: 1.25rem; }
.return-secondary { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: .25em; }

@media (max-width: 60rem) {
  .privacy-reading { grid-template-columns: minmax(0, .65fr) minmax(0, 2fr); gap: 2rem; }
  .privacy-section { grid-template-columns: 1fr; gap: .6rem; }
}
@media (max-width: 42rem) {
  .privacy-main { padding-block: 2.5rem; }
  .privacy-heading { grid-template-columns: 1fr; gap: 1.75rem; padding-bottom: 2rem; }
  .privacy-heading h1 { font-size: min(clamp(2.5rem, 18vw, 4.75rem), 25cqi); }
  .privacy-intro { font-size: 1.5rem; }
  .privacy-reading { grid-template-columns: 1fr; gap: 1.5rem; padding-block: 2rem; }
  .privacy-margin { max-width: none; margin: 0; }
  .privacy-section { padding-block: 1.5rem; }
  .privacy-section p { font-size: 1.125rem; }
  .privacy-return { justify-content: flex-start; }
}