@charset "utf-8";
/* Evidence and task examples only. No hero, navigation, or CMS city styles. */
.pd-ai-evidence,
.pd-task-section { --pd-ink: #203239; --pd-muted: #536b75; --pd-blue: #007dad; --pd-pale: #edf7fb; }
.pd-ai-evidence .rich-section-head > p,
.pd-task-section .rich-section-head > p { font-size: 16px; line-height: 1.9; }
.pd-ai-evidence .pd-evidence-example,
.pd-task-section .pd-task-example { margin-top: 38px; border-radius: 24px; overflow: hidden; color: var(--pd-ink); background: #fff; box-shadow: 0 20px 60px rgb(4 39 54 / 8%); }
.pd-ai-evidence .pd-evidence-example :is(h3, p, dl, dd),
.pd-task-section .pd-task-example :is(h3, h4, h5, p, dl, dd, ul) { margin: 0; }
.pd-ai-evidence .pd-example-banner { display: flex; align-items: baseline; gap: 16px; padding: 20px 30px; background: #d9eff8; }
.pd-ai-evidence .pd-example-banner > span { flex: 0 0 auto; font-size: 13px; font-weight: 700; color: #075675; }
.pd-ai-evidence .pd-example-banner > p { color: #425f6d; font-size: 13px; line-height: 1.7; }
.pd-ai-evidence .pd-evidence-layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); align-items: start; }
.pd-ai-evidence .pd-answer-document { padding: 36px; }
.pd-ai-evidence .pd-example-label,
.pd-task-section .pd-example-label { display: block; color: var(--pd-blue); font-size: 12px; font-weight: 700; letter-spacing: .1em; line-height: 1.7; }
.pd-ai-evidence .pd-answer-document h3 { max-width: 26em; margin: 14px 0 28px; color: var(--pd-ink); font-size: clamp(21px, 1.9vw, 27px); font-weight: 650; line-height: 1.5; letter-spacing: -.03em; }
.pd-ai-evidence .pd-answer-copy { padding-top: 24px; border-top: 1px solid #dfebef; }
.pd-ai-evidence .pd-answer-copy > p:not(.pd-example-label) { margin-top: 18px; font-size: 16px; line-height: 1.95; color: #425c67; }
.pd-ai-evidence .pd-answer-copy strong { color: #203f4c; font-weight: 650; }
.pd-ai-evidence .pd-source-ref { display: inline-flex; min-width: 36px; min-height: 36px; margin: 0 3px; align-items: center; justify-content: center; border-radius: 50%; background: #e4f4fb; color: #006b99; font-size: 13px; font-weight: 750; line-height: 1; text-decoration: none; vertical-align: middle; }
.pd-ai-evidence .pd-source-ref:hover { background: #c7eafa; }
.pd-ai-evidence .pd-answer-document .pd-document-takeaway { margin-top: 26px; padding: 15px 18px; border-left: 3px solid #009fe8; color: #18506a; background: #f1f9fc; font-size: 14px; line-height: 1.7; }
.pd-ai-evidence .pd-source-library { min-width: 0; padding: 36px 30px; background: #f4f8fa; align-self: stretch; }
.pd-ai-evidence .pd-source-title { margin-bottom: 22px; }
.pd-ai-evidence .pd-source-title h3 { color: var(--pd-ink); font-size: 21px; line-height: 1.5; }
.pd-ai-evidence .pd-source-title > span { display: block; margin-top: 6px; color: var(--pd-muted); font-size: 13px; }
.pd-ai-evidence .pd-source-library details { margin-top: 12px; padding: 0 18px; border: 1px solid transparent; border-radius: 14px; background: #fff; scroll-margin-top: 120px; }
.pd-ai-evidence .pd-source-library details.is-source-active,
.pd-ai-evidence .pd-source-library details:target { border-color: #009fe8; box-shadow: 0 0 0 3px rgb(0 159 232 / 9%); }
.pd-ai-evidence .pd-source-library summary { position: relative; display: flex; min-height: 82px; align-items: center; gap: 15px; padding: 15px 23px 15px 0; list-style: none; cursor: pointer; }
.pd-ai-evidence .pd-source-library summary::-webkit-details-marker { display: none; }
.pd-ai-evidence .pd-source-library summary::after { content: "+"; position: absolute; right: 0; color: #007ba9; font-size: 24px; font-weight: 400; }
.pd-ai-evidence .pd-source-library details[open] summary::after { content: "−"; }
.pd-ai-evidence .pd-source-library summary > b { font-size: 14px; color: #007ba9; font-variant-numeric: tabular-nums; }
.pd-ai-evidence .pd-source-library summary > span { font-size: 16px; color: #233d49; font-weight: 650; line-height: 1.6; }
.pd-ai-evidence .pd-source-library summary small { display: block; color: #637a85; font-size: 12px; font-weight: 400; }
.pd-ai-evidence .pd-source-library details > div { padding: 0 0 22px; color: #46616e; font-size: 14px; line-height: 1.85; }
.pd-ai-evidence .pd-source-library details > div > p + p { margin-top: 10px; }
.pd-ai-evidence .pd-source-library dl { margin-top: 12px; }
.pd-ai-evidence .pd-source-library dl > div { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; margin-top: 8px; }
.pd-ai-evidence .pd-source-library dt { color: #657b85; }
.pd-ai-evidence .pd-source-library .pd-source-footnote { margin-top: 22px; color: #597380; font-size: 13px; line-height: 1.85; }
.pd-ai-evidence > .proof-disclaimer { color: #b9ced7; font-size: 13px; line-height: 1.85; margin-top: 24px; }
.pd-task-section .pd-task-example { padding: 0; }
.pd-task-section .pd-task-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 32px; background: #203239; color: #fff; }
.pd-task-section .pd-task-top .pd-example-label { color: #91d1ec; font-size: 11px; }
.pd-task-section .pd-task-top h3 { margin-top: 6px; color: #fff; font-size: 24px; font-weight: 600; line-height: 1.5; }
.pd-task-section .pd-demo-pill { flex: 0 0 auto; padding: 7px 12px; border-radius: 20px; color: #cde7f1; background: #324e5a; font-size: 12px; line-height: 1.6; }
.pd-task-section .pd-task-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0 32px; background: #eff7fa; }
.pd-task-section .pd-task-steps a { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 76px; padding: 16px 8px; border-bottom: 3px solid transparent; color: #607781; font-size: 14px; line-height: 1.6; text-decoration: none; }
.pd-task-section .pd-task-steps a b { font-size: 12px; font-variant-numeric: tabular-nums; opacity: .72; }
.pd-task-section .pd-task-steps a[aria-current="step"] { color: #006b99; border-color: #009fe8; font-weight: 700; }
.pd-task-section .pd-task-steps a:hover { color: #006b99; background: #e6f2f8; }
.pd-task-section .pd-task-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 40px; padding: 34px 36px; scroll-margin-top: 120px; }
.pd-task-section .pd-task-panel[hidden] { display: none; }
.pd-task-section .pd-task-description { padding: 6px 0; }
.pd-task-section .pd-task-description h4 { margin: 12px 0 18px; color: #203239; font-size: clamp(22px, 2vw, 28px); line-height: 1.45; font-weight: 650; letter-spacing: -.035em; }
.pd-task-section .pd-task-description > p:not(.pd-example-label) { max-width: 35em; font-size: 16px; line-height: 1.9; color: #506974; }
.pd-task-section .pd-task-description .pd-task-rule { margin-top: 25px; color: #086a8e !important; font-size: 14px !important; }
.pd-task-section .pd-task-output { min-width: 0; padding: 25px 28px; border-radius: 16px; background: #f0f7fa; color: #425e6b; font-size: 14px; line-height: 1.8; }
.pd-task-section .pd-task-output > p:last-child { margin-top: 16px; }
.pd-task-section .pd-compare-values { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 18px !important; }
.pd-task-section .pd-compare-values dt { color: #56707c; font-size: 12px; line-height: 1.7; }
.pd-task-section .pd-compare-values dd { margin-top: 8px !important; }
.pd-task-section .pd-compare-values strong { display: block; color: #203f4e; font-size: 45px; font-weight: 650; line-height: 1.1; letter-spacing: -.05em; }
.pd-task-section .pd-compare-values dd > span { display: block; margin-top: 6px; font-size: 13px; color: #51707f; }
.pd-task-section .pd-state-label { display: inline-block; padding: 5px 10px; background: #dcedf5; border-radius: 6px; color: #075b7c; font-size: 12px; font-weight: 650; }
.pd-task-section .pd-task-output h5 { margin-top: 18px; color: #344f5d; font-size: 16px; line-height: 1.6; }
.pd-task-section .pd-value-conflict { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 14px 0 !important; color: #08688e; }
.pd-task-section .pd-value-conflict b { font-size: clamp(22px, 2.1vw, 29px); line-height: 1.3; }
.pd-task-section .pd-value-conflict > span { color: #738993; font-size: 24px; }
.pd-task-section .pd-task-checklist { list-style: none; padding: 0; margin-top: 12px !important; }
.pd-task-section .pd-task-checklist li { padding: 11px 0; border-bottom: 1px solid #dce8ed; font-size: 14px; }
.pd-task-section .pd-task-checklist li:last-child { border-bottom: 0; }
.pd-task-section .pd-record-list { margin-top: 15px !important; }
.pd-task-section .pd-record-list > div { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 16px; padding: 10px 0; border-bottom: 1px solid #dce8ed; }
.pd-task-section .pd-record-list > div:last-child { border-bottom: 0; }
.pd-task-section .pd-record-list dt { color: #607883; font-size: 13px; }
.pd-task-section .pd-record-list dd { color: #254a5c; font-size: 14px; font-weight: 550; }
.pd-task-section .pd-task-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 32px; border-top: 1px solid #e3edf1; }
.pd-task-section .pd-task-footer p { font-size: 13px; color: #647d89; line-height: 1.7; }
.pd-task-section .pd-task-footer button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 24px; min-height: 44px; padding: 10px 18px; border: 0; border-radius: 30px; background: #007dab; color: #fff; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.pd-task-section .pd-task-footer button[hidden] { display: none; }
.pd-task-section .pd-task-footer button:hover { background: #00658d; }
.pd-task-section > .proof-disclaimer { font-size: 13px; color: #5d7682; line-height: 1.85; margin-top: 24px; }
.pd-ai-evidence :is(a, summary):focus-visible,
.pd-task-section :is(a, button):focus-visible { outline: 3px solid #009fe8; outline-offset: 4px; }
.page-google-seo .seo-proof-port .pd-seo-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .85fr); align-items: center; gap: 24px 40px; padding-block: 28px; }
.page-google-seo .pd-seo-summary .pd-seo-summary-title > p { margin: 0 0 12px; color: #8bc8df; font-size: 11px; letter-spacing: .12em; }
.page-google-seo .pd-seo-summary .pd-seo-summary-title > h3 { max-width: none; margin: 0; color: #fff; font-size: clamp(25px, 2.35vw, 34px); line-height: 1.45; }
.page-google-seo .pd-seo-summary .case-chapter-summary { width: 100%; grid-column: auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; }
.page-google-seo .pd-seo-summary .case-chapter-summary > span { padding: 17px 12px; min-width: 0; }
.page-google-seo .pd-seo-summary .case-chapter-summary strong { font-size: clamp(24px, 2.3vw, 32px); line-height: 1.2; }
.page-google-seo .pd-seo-summary .case-chapter-summary small { display: block; margin-top: 8px; color: #b7d1dc; font-size: 12px; line-height: 1.6; }
.page-google-seo .pd-seo-summary > .pd-seo-summary-note { grid-column: 1 / -1; max-width: 900px; margin: 0; font-size: 14px; line-height: 1.9; color: #b8ccd6; }
.page-google-seo #seo-sample-scope { margin-top: 20px; margin-bottom: 25px; color: #bdd2dc; font-size: 13px; line-height: 1.85; }
.page-google-seo .seo-proof-body .seo-proof-scope { font-size: 13px; line-height: 1.8; color: #526b77; }
@media (max-width: 980px) {
  .pd-ai-evidence .pd-evidence-layout { grid-template-columns: minmax(0, 1fr); }
  .pd-ai-evidence .pd-source-library { padding: 28px 32px; }
  .pd-task-section .pd-task-panel { gap: 26px; padding: 30px; }
  .page-google-seo .seo-proof-port .pd-seo-summary { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .page-google-seo .pd-seo-summary .case-chapter-summary { max-width: 600px; }
}
@media (max-width: 600px) {
  .pd-ai-evidence .pd-evidence-example,
  .pd-task-section .pd-task-example { border-radius: 18px; margin-top: 26px; }
  .pd-ai-evidence .pd-example-banner { display: block; padding: 17px 20px; }
  .pd-ai-evidence .pd-example-banner > p { margin-top: 7px; font-size: 12px; }
  .pd-ai-evidence .pd-answer-document,
  .pd-ai-evidence .pd-source-library { padding: 25px 20px; }
  .pd-ai-evidence .pd-answer-document h3 { margin-top: 12px; font-size: 20px; }
  .pd-ai-evidence .pd-answer-copy > p:not(.pd-example-label) { font-size: 15px; line-height: 1.9; }
  .pd-ai-evidence .pd-source-ref { min-width: 40px; min-height: 40px; }
  .pd-ai-evidence .pd-source-library details { padding-inline: 15px; }
  .pd-task-section .pd-task-top { align-items: start; flex-direction: column; gap: 12px; padding: 24px 20px; }
  .pd-task-section .pd-task-top h3 { font-size: 22px; }
  .pd-task-section .pd-demo-pill { padding: 4px 9px; }
  .pd-task-section .pd-task-steps { padding: 0 9px; }
  .pd-task-section .pd-task-steps a { flex-direction: column; gap: 4px; padding: 12px 3px; min-height: 72px; font-size: 12px; white-space: nowrap; }
  .pd-task-section .pd-task-steps a b { font-size: 11px; }
  .pd-task-section .pd-task-panel { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 24px 20px; }
  .pd-task-section .pd-task-description h4 { font-size: 23px; margin-bottom: 14px; }
  .pd-task-section .pd-task-description > p:not(.pd-example-label) { font-size: 15px; line-height: 1.85; }
  .pd-task-section .pd-task-description .pd-task-rule { margin-top: 17px; font-size: 13px !important; }
  .pd-task-section .pd-task-output { padding: 22px 18px; border-radius: 12px; }
  .pd-task-section .pd-compare-values { gap: 14px; }
  .pd-task-section .pd-compare-values strong { font-size: 39px; }
  .pd-task-section .pd-record-list > div { grid-template-columns: 80px minmax(0, 1fr); gap: 10px; }
  .pd-task-section .pd-task-footer { align-items: stretch; flex-direction: column; gap: 14px; padding: 19px 20px; }
  .pd-task-section .pd-task-footer button { justify-content: space-between; width: 100%; min-height: 46px; }
  .page-google-seo .pd-seo-summary .case-chapter-summary > span { padding: 15px 7px; }
  .page-google-seo .pd-seo-summary .case-chapter-summary strong { font-size: 25px; }
  .page-google-seo .pd-seo-summary .case-chapter-summary small { font-size: 11px; }
  .page-google-seo .pd-seo-summary > .pd-seo-summary-note { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .pd-ai-evidence *, .pd-task-section * { scroll-behavior: auto; }
}