/* Text pages (privacy notice, 404), v2.1: long-form reading on the shared design system. Loads after tokens.css and site.css;
   every value comes from tokens.css. Sections: language · page head · legal text · 404 · footer note */

/* ---------- Language: <span class="th"> / <span class="en">, switched by data-lang on <html> ---------- */
:root[data-lang="en"] .th{display:none!important}
:root:not([data-lang="en"]) .en{display:none!important}

/* ---------- Page head: a single column of reading width (patek.com legal pages) ---------- */
.doc{max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:var(--s-8) var(--gutter) var(--s-9)}
@media (min-width:768px){.doc{padding-top:var(--s-9)}}
.doc-head{padding-bottom:var(--s-7);margin-bottom:var(--s-7);border-bottom:1px solid var(--c-line)}
.doc h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-heading);text-transform:uppercase;margin-bottom:var(--s-5)}
:lang(th) .doc h1{text-transform:none;letter-spacing:0;line-height:1.4}
.doc .lead{color:var(--c-ink-soft);margin-bottom:var(--s-4)}
.doc-date{font:400 12px/1.6 var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-soft);margin:0}
:lang(th) .doc-date{text-transform:none;letter-spacing:.01em;font-size:14px}

/* ---------- Legal text: Lora / Noto Serif Thai, headings in Open Sans Light ---------- */
.doc-body h2{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-heading);text-transform:uppercase;margin:var(--s-7) 0 var(--s-4)}
:lang(th) .doc-body h2{text-transform:none;letter-spacing:0;line-height:1.45}
.doc-body h2:first-child{margin-top:0}
.doc-body p{font-size:17px;line-height:30px;margin-bottom:var(--s-5);color:var(--c-ink)}
:lang(th) .doc-body p{line-height:32px}
.doc-body a{color:var(--c-gold-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.doc-body a:hover{color:var(--c-ink)}
.doc-foot{margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--c-line);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-7)}
.doc-foot .more{margin-top:0}

/* ---------- 404 ---------- */
.nf{text-align:center}
.nf-code{font:300 clamp(88px,16vw,148px)/1 var(--f-display);letter-spacing:.04em;color:var(--c-gold);margin:0 0 var(--s-5)}
.nf .doc-head{border-bottom:0;margin-bottom:0;padding-bottom:var(--s-6)}
.nf .lead{max-width:560px;margin-left:auto;margin-right:auto}
.nf-links{text-align:left;border-top:1px solid var(--c-line)}
.nf-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--c-line);text-decoration:none;transition:padding var(--t-fast) var(--ease)}
.nf-links a:hover{padding-left:var(--s-3)}
.nf-links a::after{content:"";flex:none;width:18px;height:1px;background:var(--c-gold-deep);transition:width var(--t-fast) var(--ease)}
.nf-links a:hover::after{width:30px}
.nf-name{display:block;font:300 var(--fs-h4)/1.4 var(--f-display);letter-spacing:var(--ls-heading);text-transform:uppercase}
:lang(th) .nf-name{text-transform:none;letter-spacing:0}
.nf-sub{display:block;margin-top:2px;font-size:var(--fs-small);line-height:1.6;color:var(--c-ink-soft)}

/* ---------- Footer: since v2.3.1 the text pages use the full footer of the home page (site.css), with <p class="ftr-h">
   column titles so the page keeps a clean heading order; the compact footer was retired ---------- */