.pdf-main { padding-bottom: 64px; }
.pdf-breadcrumb { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; padding: 22px 0 6px; color: var(--text-dim); font-size: 14px; }
.pdf-breadcrumb a, .pdf-text-link { color: var(--brand); }
.pdf-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(220px,.75fr); align-items: center; gap: clamp(28px,6vw,86px); padding: 34px 0 54px; }
.pdf-hero-copy { max-width: 690px; }
.pdf-icon { display: block; border-radius: 18px; box-shadow: var(--shadow); margin-bottom: 24px; }
.pdf-eyebrow { margin: 0 0 12px; color: var(--brand-2); font-size: 14px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.pdf-hero h1, .pdf-article h1 { margin: 0 0 16px; font-size: clamp(32px,4.8vw,58px); letter-spacing: -.035em; line-height: 1.08; }
.pdf-subtitle { margin: 0 0 18px; color: var(--brand-2); font-size: clamp(19px,2.4vw,26px); font-weight: 700; }
.pdf-lead { max-width: 720px; margin: 0 0 24px; color: var(--text-dim); font-size: clamp(17px,2vw,20px); line-height: 1.65; }
.pdf-hero-copy > p:not(.pdf-eyebrow):not(.pdf-subtitle):not(.pdf-lead):not(.pdf-price) { line-height: 1.7; color: var(--text-dim); margin: 0 0 22px; }
.pdf-price { margin: 12px 0 0; color: var(--text-dim); font-size: 14px; }
.pdf-hero-image { display: flex; justify-content: center; max-height: 570px; overflow: hidden; border-radius: 24px; border: 1px solid color-mix(in oklab,var(--text) 15%,transparent); background: var(--surface); box-shadow: 0 22px 65px rgba(0,0,0,.22); }
.pdf-hero-image img { display: block; width: min(100%,330px); height: auto; object-fit: cover; object-position: top; }
.pdf-section { padding: 32px 0; }
.pdf-section h2, .pdf-answer h2, .pdf-cta h2 { font-size: clamp(23px,2.8vw,33px); line-height: 1.24; margin: 0 0 17px; }
.pdf-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.pdf-card { padding: 24px; border: 1px solid color-mix(in oklab,var(--text) 14%,transparent); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.pdf-card h2 { font-size: 21px; margin: 0 0 12px; }
.pdf-card p, .pdf-feature-panel p, .pdf-sign-section p, .pdf-faq p { color: var(--text-dim); line-height: 1.7; }
.pdf-card p { margin: 0 0 18px; }
.pdf-text-link { font-weight: 700; }
.pdf-card h2 a:hover, .pdf-text-link:hover { text-decoration: underline; }
.pdf-feature-panel { display: grid; grid-template-columns: minmax(220px,.85fr) minmax(0,1.15fr); gap: 32px; border-block: 1px solid color-mix(in oklab,var(--text) 12%,transparent); }
.pdf-feature-panel ul, .pdf-article-section ul { margin: 0; padding-left: 1.3em; line-height: 1.7; }
.pdf-feature-panel li, .pdf-article-section li { padding: 4px 0; }
.pdf-sign-section { display: grid; grid-template-columns: 1fr minmax(190px,260px); align-items: center; gap: 36px; }
.pdf-sign-section ul { padding-left: 1.3em; line-height: 1.7; }
.pdf-sign-section li { padding: 4px 0; }
.pdf-sign-section > img { display: block; width: 100%; height: auto; border-radius: 17px; border: 1px solid color-mix(in oklab,var(--text) 14%,transparent); box-shadow: var(--shadow); }
.pdf-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,260px)); gap: 18px; }
.pdf-gallery figure, .pdf-tablet-gallery figure { margin: 0; overflow: hidden; border-radius: 18px; border: 1px solid color-mix(in oklab,var(--text) 14%,transparent); background: var(--surface); box-shadow: var(--shadow); }
.pdf-gallery img, .pdf-tablet-gallery img { display: block; width: 100%; height: auto; }
.pdf-tablet-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.pdf-faq { max-width: 850px; }
.pdf-faq h2 { margin-top: 22px; }
.pdf-article { max-width: 980px; }
.pdf-article-head { padding: 42px 0 12px; }
.pdf-article-section { max-width: 760px; padding: 20px 0; }
.pdf-article-section p, .pdf-answer p { color: var(--text-dim); line-height: 1.75; }
.pdf-article-image { max-width: 260px; margin: 10px 0 26px; overflow: hidden; border-radius: 18px; border: 1px solid color-mix(in oklab,var(--text) 14%,transparent); box-shadow: var(--shadow); }
.pdf-article-image img { display: block; width: 100%; height: auto; }
.pdf-answer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.pdf-answer { padding: 24px; border: 1px solid color-mix(in oklab,var(--text) 14%,transparent); border-radius: 18px; background: var(--surface); }
.pdf-answer h2 { font-size: 21px; }
.pdf-answer p { margin: 0; }
.pdf-cta { margin: 34px 0; padding: 28px; border-radius: 20px; background: linear-gradient(135deg,color-mix(in oklab,var(--brand) 22%,var(--surface)),var(--surface)); border: 1px solid color-mix(in oklab,var(--brand) 35%,transparent); }
.pdf-cta p { color: var(--text-dim); line-height: 1.7; }
.pdf-related { padding-top: 18px; }
.pdf-related .pdf-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pdf-related > p { margin-top: 24px; }
@media (max-width: 820px) {
  .pdf-hero { grid-template-columns: 1fr; padding-bottom: 32px; }
  .pdf-hero-image { width: min(320px,80%); margin: auto; }
  .pdf-cards, .pdf-feature-panel, .pdf-sign-section, .pdf-answer-grid { grid-template-columns: 1fr; }
  .pdf-sign-section > img { max-width: 240px; }
}
@media (max-width: 520px) {
  .pdf-card, .pdf-answer, .pdf-cta { padding: 20px; }
  .pdf-tablet-gallery { grid-template-columns: 1fr; }
  .pdf-related .pdf-cards { grid-template-columns: 1fr; }
}
