/* Shared style of the inner pages (privacy, support). The home page keeps its own style inline. */
:root{--petrol:#0E5E6F;--teal:#178A8C;--glow:#3ED1C4;--mint:#8FE9E0;--coral:#FF8A6B;--deep:#04232B;--bg:#F4F3EF;--ink:#17181C;--sub:#5D5F66;--body:#3A3B3F;--soft:#E7EFF1;--line:#D9D7CF;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'Be Vietnam Pro',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,p{margin:0}
a{color:var(--petrol)}a:hover{color:var(--teal)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--deep);padding:10px 16px;border-radius:10px;z-index:20}
.skip:focus{left:8px}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

.phead{color:#fff;background:radial-gradient(70% 90% at 90% 0%,rgba(23,138,140,.6),rgba(23,138,140,0) 70%),radial-gradient(40% 60% at 0% 100%,rgba(255,138,107,.2),rgba(255,138,107,0) 70%),linear-gradient(165deg,#0B4654,var(--deep))}
.phead :focus-visible{outline-color:var(--glow)}
.pbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 44px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700;font-size:19px}
.brand:hover{color:#fff}
.lang{display:flex;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.lang button{min-height:36px;min-width:52px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#fff;font:700 14px 'Be Vietnam Pro',system-ui,sans-serif;cursor:pointer}
.lang button[aria-pressed="true"]{background:#fff;color:var(--deep)}
.ptitle{display:flex;flex-direction:column;gap:14px;padding-bottom:72px;animation:rise .8s var(--ease) both}
.ptitle a{color:rgba(255,255,255,.75);text-decoration:none;font-size:15px;align-self:flex-start}
.ptitle a:hover{color:#fff}
.ptitle h1{font-size:clamp(40px,6vw,72px);line-height:1;font-weight:800;letter-spacing:-.045em}
.ptitle span{font-size:16px;color:rgba(255,255,255,.75)}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.pmain{position:relative;margin-top:-36px;padding-bottom:80px}
.doc{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.toc{flex:1 1 220px;min-width:0;background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;position:sticky;top:16px}
.toc strong{font-size:13px;color:var(--sub);margin-bottom:6px}
.toc a{position:relative;font-size:14px;color:var(--sub);text-decoration:none;padding:7px 10px;margin:0 -10px;border-radius:10px;line-height:1.35;transition:background .25s ease,color .25s ease}
.toc a:hover{color:var(--teal)}
.toc a[aria-current="true"]{background:var(--soft);color:var(--petrol);font-weight:600}
.toc a[aria-current="true"]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--teal)}
.doc article{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}
.sum{border-radius:24px;padding:24px 26px;background:linear-gradient(150deg,var(--petrol),var(--teal));color:#fff;display:flex;flex-direction:column;gap:10px}
.sum strong{font-size:17px}
.sum p{padding-left:30px;position:relative;font-size:15px;line-height:1.5}
.sum p::before{content:"";position:absolute;left:4px;top:5px;width:12px;height:7px;border-left:2.4px solid var(--mint);border-bottom:2.4px solid var(--mint);transform:rotate(-45deg)}
.doc section{background:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:12px;scroll-margin-top:16px}
.doc h2{font-size:21px;font-weight:700;letter-spacing:-.01em}
.doc h2 span{color:var(--teal)}
.doc section p{font-size:15.5px;line-height:1.65;color:var(--body)}
.ask{border-radius:24px;padding:22px 26px;background:var(--soft);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;color:#23484F}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--petrol),var(--teal));color:#fff;text-decoration:none;font:600 15px 'Be Vietnam Pro',system-ui,sans-serif;cursor:pointer}
.btn:hover{color:#fff}
.btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}

.pfoot{background:var(--deep);color:rgba(255,255,255,.7);padding:32px 0;font-size:14px}
.pfoot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;line-height:1.4}
.pfoot .wrap>span{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;min-height:44px}
.pfoot a{display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.7)}
.pfoot :focus-visible{outline-color:var(--glow)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:759px){.toc{position:static}}