.privacy-page { background: var(--soft-blue); }
.privacy-page .site-header { position: absolute; background: var(--tank-blue-dark); }
.privacy-page.menu-open .site-header { position: fixed; }

.pr-hero { padding-block: calc(var(--header-height) + 92px) 92px; background: var(--tank-blue-dark); color: var(--surface); text-align: center; }
.pr-hero__inner { display: grid; justify-items: center; }
.pr-hero h1 { max-width: 14ch; margin: 0; font-family: "Biennale", "Helvetica Neue", sans-serif; font-size: clamp(52px, 10vw, 112px); font-style: italic; line-height: .92; letter-spacing: -.035em; }
.pr-hero__inner > p:last-child { margin: 22px 0 0; color: rgb(255 255 255 / .66); font-size: 13px; }


.pr-layout { display: grid; gap: 54px; padding-block: 72px var(--section-space); }
.pr-index { align-self: start; display: grid; border-top: var(--hairline) solid var(--tank-blue); }
.pr-index p { margin: 0; padding-block: 18px; color: var(--tank-blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.pr-index a { padding-block: 13px; border-top: var(--hairline) solid var(--line); color: var(--muted); font-size: 14px; }
.pr-index a:hover { color: var(--infra-blue); }

.pr-document { padding: 28px 20px 0; background: var(--surface); }
.pr-document section { scroll-margin-top: 24px; padding-block: 30px 40px; border-top: var(--hairline) solid var(--line); }
.pr-document section:first-child { border-top: 0; }
.pr-section-no { margin: 0 0 12px; color: var(--infra-blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.pr-document h2 { max-width: 20ch; margin: 0 0 18px; color: var(--tank-blue); font-family: "Biennale", "Helvetica Neue", sans-serif; font-size: clamp(28px, 5vw, 44px); font-style: italic; line-height: 1.05; letter-spacing: -.025em; text-wrap: balance; }
.pr-document h3 { margin: 0; color: var(--tank-blue); font-size: 17px; line-height: 1.35; }
.pr-document p:not(.pr-section-no),
.pr-document li { max-width: 68ch; color: var(--muted); }
.pr-document ul { display: grid; gap: 12px; margin: 0; padding-left: 20px; }
.pr-document p:not(.pr-section-no) { margin: 0; }
.pr-lines { list-style: none; padding-left: 0 !important; }
.pr-lines li { padding-left: 18px; border-left: 2px solid var(--line); }
.pr-inline-action { display: inline; margin: 0; padding: 0 0 1px; border: 0; border-bottom: var(--hairline) solid currentColor; background: none; color: var(--infra-blue); font: inherit; cursor: pointer; }
.pr-inline-action:hover { color: var(--tank-blue); }

html[data-language="th"] .pr-section-no,
html[data-language="th"] .pr-index p { font-family: "DB Helvethaica X", sans-serif; font-size: var(--th-meta); letter-spacing: 0; text-transform: none; }
html[data-language="th"] .pr-hero h1 { max-width: none; font-family: "DB Helvethaica X", sans-serif; font-size: clamp(36px, 12.5vw, 96px); font-style: normal; font-weight: 700; line-height: .98; }
html[data-language="th"] .pr-hero__inner > p:last-child,
html[data-language="th"] .pr-index a { font-size: var(--th-meta); }
html[data-language="th"] .pr-document h2 { font-family: "DB Helvethaica X", sans-serif; font-size: var(--th-h3); font-style: normal; font-weight: 700; line-height: .98; }
html[data-language="th"] .pr-document h3 { font-family: "DB Helvethaica X", sans-serif; font-size: var(--th-title); }
html[data-language="th"] .pr-document p:not(.pr-section-no),
html[data-language="th"] .pr-document li { font-size: var(--th-body); }
html[data-language="th"] .pr-document h2 { line-height: 1.05; }

@media (min-width: 720px) {
  .pr-layout { grid-template-columns: minmax(160px, 230px) minmax(0, 860px); justify-content: center; align-items: start; padding-top: 100px; }
  .pr-index { position: sticky; top: 24px; }
  .pr-document { padding: 40px clamp(40px, 6vw, 82px) 10px; }
  .pr-document section { padding-block: 40px 52px; }
}