/* Phở 999 policy pages. Built by website/build/legal/build_pages.py — edit the copy in build/legal/. */
:root{
  --night:#0b121c;--cream:#f2eee6;--gold:#e9a947;
  --paper:#f6f2ea;--card:#fffdf8;--ink:#17202a;--muted:#55606d;--line:#e2dacb;
  --accent:#8a5208;--accent-bg:#fbefd9;--alert:#9b2c1c;--alert-bg:#fbe8e3;--draft-bg:#eef1f5;
  --f-display:"Fraunces",Georgia,serif;
  --f-body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#0d141f;--card:#131c29;--ink:#ebe6dc;--muted:#a7b0bb;--line:#253244;
  --accent:#f0b65c;--accent-bg:#251d10;--alert:#f29a88;--alert-bg:#2b1612;--draft-bg:#18222f;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.68 var(--f-body);overflow-wrap:anywhere}
html[data-lang=zh] body{font-family:"Be Vietnam Pro","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;line-height:1.8}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#111;padding:8px 14px;border-radius:8px;z-index:10}
.skip:focus{left:12px}
/* language visibility: CSS-only so the page works without JS (English) */
html:not([data-lang=en]) [data-l=en],html:not([data-lang=vi]) [data-l=vi],html:not([data-lang=zh]) [data-l=zh]{display:none!important}

/* header */
.lg-top{position:sticky;top:0;z-index:5;background:var(--night);color:var(--cream);border-bottom:1px solid #ffffff1a}
.lg-top-in{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{color:var(--cream);text-decoration:none;font:500 22px/1 var(--f-display);letter-spacing:-.01em;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.brand b{font-weight:800;color:var(--gold)}
.brand small{font:600 10px/1 var(--f-body);letter-spacing:.14em;color:#c1c8d0}
.lg-langs{display:flex;gap:4px;background:#ffffff12;padding:3px;border-radius:999px}
.lg-langs button{all:unset;cursor:pointer;font:600 12px/1 var(--f-body);color:#c1c8d0;padding:8px 11px;border-radius:999px;min-width:24px;text-align:center}
.lg-langs button[aria-pressed=true]{background:var(--cream);color:var(--night)}
.lg-tabs{max-width:1160px;margin:0 auto;padding:0 20px 10px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.lg-tabs::-webkit-scrollbar{display:none}
.lg-tabs a{flex:none;color:#d5dbe2;text-decoration:none;font:500 13.5px/1 var(--f-body);padding:9px 14px;border-radius:999px;border:1px solid #ffffff24;white-space:nowrap}
.lg-tabs a:hover{border-color:#ffffff55}
.lg-tabs a[aria-current=page]{background:var(--gold);border-color:var(--gold);color:#1b1206;font-weight:700}

/* layout */
.lg-wrap{max-width:1160px;margin:0 auto;padding:36px 20px 56px}
.lg-doc{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
@media (min-width:980px){.lg-doc{grid-template-columns:240px minmax(0,760px);gap:56px}}
.lg-toc{font-size:14px}
@media (min-width:980px){.lg-toc{position:sticky;top:128px;align-self:start;max-height:calc(100vh - 150px);overflow:auto}}
.lg-toc details{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:4px 14px}
@media (min-width:980px){.lg-toc details{border:0;background:none;padding:0}}
.lg-toc summary{cursor:pointer;font:700 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 0;list-style:none}
.lg-toc summary::-webkit-details-marker{display:none}
.lg-toc summary::after{content:"▾";float:right}
@media (min-width:980px){.lg-toc summary{pointer-events:none}.lg-toc summary::after{content:none}}
.lg-toc ol{list-style:none;margin:0 0 10px;padding:0;border-left:2px solid var(--line)}
.lg-toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;line-height:1.35}
.lg-toc li a:hover{color:var(--ink)}
.lg-toc li a.on{color:var(--ink);border-left-color:var(--gold);font-weight:600}

/* document */
.eyebrow{font:700 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
h1{font:800 clamp(32px,6vw,48px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0 0 14px}
html[data-lang=zh] h1,html[data-lang=zh] h2{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",var(--f-display);font-weight:700}
.lead{font-size:18.5px;line-height:1.55;color:var(--muted);margin:0 0 18px;max-width:640px}
.lg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13.5px;color:var(--muted);margin:0 0 22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.lg-meta .dot{opacity:.5}
.btn-print{all:unset;cursor:pointer;font:600 13px/1 var(--f-body);color:var(--accent);padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.btn-print:hover{border-color:var(--accent)}
.note{border-radius:14px;padding:14px 16px;margin:0 0 16px;font-size:14.5px;line-height:1.55}
.note.draft{background:var(--draft-bg);border:1px dashed var(--muted)}
.note.gov{background:var(--card);border:1px solid var(--line)}
.note.alert{background:var(--alert-bg);border-left:4px solid var(--alert);font-size:15.5px}
.note.alert b{color:var(--alert)}
.summary{background:var(--accent-bg);border-radius:18px;padding:20px 22px 8px;margin:6px 0 34px}
.summary h2{font:700 12px/1 var(--f-body)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 12px!important;padding:0!important;border:0!important}
.summary ul{margin:0;padding:0;list-style:none}
.summary li{position:relative;padding:0 0 12px 26px;font-size:15.5px;line-height:1.55}
.summary li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.lg-sec{padding-top:6px;margin-bottom:26px}
.lg-sec h2{font:700 21px/1.3 var(--f-display);letter-spacing:-.01em;margin:0 0 10px}
.lg-sec p{margin:0 0 12px}
.lg-sec ul,.lg-sec ol{margin:0 0 12px;padding-left:22px}
.lg-sec li{margin-bottom:8px;padding-left:2px}
.lg-sec li::marker{color:var(--accent)}
.small{font-size:13.5px;color:var(--muted)}
code{font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:2px 5px}
.table-wrap{overflow-x:auto;margin:6px 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:14.5px;line-height:1.5}
th,td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--line)}
th{font:700 12px/1.3 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--card) 70%,var(--line))}
tr:last-child td{border-bottom:0}
td:last-child{white-space:normal}
@media (max-width:560px){
  .table-wrap{border:0;background:none}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}
  .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .table-wrap tr{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:10px;padding:6px 0}
  .table-wrap td{border:0;padding:5px 14px}
  .table-wrap td:first-child::before{display:none}
  .table-wrap td:first-child{font-size:15.5px}
  .table-wrap td::before{content:attr(data-h);display:block;font:700 11px/1.4 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
}
.contact{margin-top:38px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:20px 22px}
.contact h2{font:700 19px/1.3 var(--f-display);margin:0 0 8px}
.contact p{margin:0;font-size:15px}
.others{margin-top:28px}
.others h2{font:700 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.card{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card b{display:block;font:700 18px/1.25 var(--f-display);margin-bottom:6px}
html[data-lang=zh] .card b{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",var(--f-display)}
.card span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.card i{display:inline-block;margin-top:10px;font-style:normal;font-weight:600;font-size:13.5px;color:var(--accent)}
.hub .cards{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));margin:8px 0 10px}
.hub .card{padding:22px}
.lg-foot{background:var(--night);color:#c1c8d0;font-size:12.5px}
.lg-foot-in{max-width:1160px;margin:0 auto;padding:22px 20px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}
.lg-foot a{color:var(--cream)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{
  :root{--paper:#fff;--card:#fff;--ink:#000;--muted:#333;--line:#bbb;--accent:#000;--accent-bg:#fff;--alert:#000;--alert-bg:#fff;color-scheme:light}
  .lg-top,.lg-toc,.btn-print,.others,.skip,.lg-foot a{display:none!important}
  .lg-wrap{padding:0}.lg-doc{display:block}
  .summary,.note{border:1px solid #999}
  .lg-sec{break-inside:avoid-page}
  .lg-sec a[href^="http"]::after{content:" (" attr(href) ")";font-size:11px}
  body{font-size:11.5pt}
}