/* Printable album page; screenshots and PDF pages remain unchanged. */
.album-page .album-hero { padding: 46px 0 64px; }
.album-hero-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: 64px; align-items: center; }
.album-page .album-hero h1 { max-width: 19ch; font-size: clamp(2.25rem,4.4vw,3.55rem); }
.album-page .album-hero .hero-text { margin: 20px 0; }
.album-page .album-boundary { margin: 22px 0; color: var(--muted); line-height: 1.7; }
.album-boundary strong { color: var(--ink); }
.album-page .album-note { color: var(--muted); font-size: .88rem; line-height: 1.7; margin: 16px 0; }
.album-page a:not(.store-button):not(.support-button):not(.brand) { text-underline-offset: 4px; }
.album-page main p a:not(.support-button), .album-page .album-keep-note a { color: var(--sea-deep); text-decoration: underline; }
.album-page .album-sample-button { display: inline-flex; align-items: center; gap: 18px; background: var(--sea-deep); color: white; }
.album-page .album-sample-button:hover { background: var(--sea); }
.album-page .album-stores { margin-top: 26px; }
.album-hero-proof { margin: 0; max-width: 350px; justify-self: center; }
.album-hero-proof img, .album-page-grid img { width: 100%; height: auto; background: white; border: 1px solid var(--line); box-shadow: var(--shadow); }
.album-page figcaption { color: var(--muted); font-size: .86rem; line-height: 1.65; margin-top: 16px; }
.album-hero-proof figcaption { text-align: center; }
.album-sample-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: start; margin: 0 0 32px; }
.album-page-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.album-page-grid figure { margin: 0; min-width: 0; }
.album-page-grid figcaption strong, .album-page-grid figcaption span { display: block; }
.album-page-grid figcaption strong { color: var(--ink); font-family: var(--heading); font-size: 1.15rem; margin-bottom: 6px; }
.album-page-grid a { display: block; border-radius: 2px; }
.album-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.album-steps li, .album-tier-grid article, .album-keep-note { padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.7); }
.album-step-number { font: 800 .9rem var(--heading); color: var(--sea); }
.album-steps h3, .album-tier-grid h3, .album-keep-note h3 { font-size: 1.35rem; margin: 14px 0 18px; }
.album-steps p, .album-print-grid p, .album-print-steps { line-height: 1.75; color: var(--muted); }
.album-steps p:last-child { margin-bottom: 0; }
.album-tier-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.album-print-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 64px; align-items: start; }
.album-print-grid h2 { margin: 12px 0 22px; }
.album-print-steps { padding-left: 24px; }
.album-print-steps li { margin-bottom: 14px; padding-left: 4px; }
.album-keep-note h3 { margin-top: 0; }
.album-page .album-review { margin-top: 30px; }
.album-page #get, .album-page #sample-album, .album-page #export-steps, .album-page #printing { scroll-margin-top: 100px; }
@media (max-width: 940px) {
  .album-hero-grid, .album-print-grid { gap: 32px; }
  .album-steps { gap: 16px; }
  .album-steps li { padding: 22px; }
}
@media (max-width: 700px) {
  .album-hero-grid, .album-sample-intro, .album-page-grid, .album-steps, .album-tier-grid, .album-print-grid { grid-template-columns: 1fr; }
  .album-page .album-hero { padding-top: 28px; }
  .album-hero-proof { max-width: 310px; margin-top: 8px; }
  .album-page-grid { gap: 34px; }
  .album-page-grid figure { max-width: 420px; margin: 0 auto; }
  .album-page .album-stores { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .album-page .album-stores .store-button { min-width: 0; width: 100%; padding: 12px 8px; gap: 6px; }
  .album-page .album-stores .store-glyph { width: 23px; height: 25px; flex-shrink: 0; }
  .album-page .album-stores .store-button small { font-size: .6rem; }
  .album-page .album-stores .store-button strong { font-size: .93rem; }
}