/* 條款 / 私隱 兩頁共用嘅樣式。同 index.html 用同一套色同字型。 */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F1ED;font-family:'Poppins','Noto Sans HK',system-ui,sans-serif;color:#1F1F1F;-webkit-text-size-adjust:100%}
img{max-width:100%}
a{color:#E07A3F;text-decoration:none}
a:hover{color:#c05f28}
/* ── nav ──
同首頁 index.html 一致嘅導覽，三個內頁（收費／條款／私隱）共用。首頁自己嗰個係 inline
style 寫嘅，改任何一邊記得兩邊對返。 */
.lg-nav-wrap{position:sticky;top:0;z-index:20;background:rgba(244,241,237,.94);backdrop-filter:blur(8px);border-bottom:1px solid #E6DCC6}
.lg-nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;gap:16px}
.lg-nav img{height:44px;width:auto;display:block}
.lg-navlinks{display:flex;gap:34px;font-size:13.5px;font-weight:500}
.lg-navlinks a{color:#8B6B47}
.lg-navlinks a:hover{color:#E07A3F}
.lg-navlinks a[aria-current="page"]{color:#1F1F1F;font-weight:700}
.lg-navcta{display:flex;gap:18px;align-items:center}
.lg-navcta a.login{font-size:13.5px;font-weight:600;color:#8B6B47;white-space:nowrap}
.lg-navcta a.signup{background:#E07A3F;color:#fff;font-size:13.5px;font-weight:600;
padding:10px 24px;border-radius:100px;white-space:nowrap}
.lg-navcta a.signup:hover{background:#c96a34;color:#fff}
/* ── document ── */
.lg-doc{max-width:900px;margin:0 auto;padding:56px 32px 80px}
.lg-kicker{font:600 12px 'Poppins',sans-serif;letter-spacing:.22em;color:#C7A073;margin-bottom:14px}
.lg-doc h1{font-size:40px;line-height:1.15;font-weight:900;margin:0 0 10px;letter-spacing:-.02em}
.lg-sub{font-size:14px;color:#8B6B47;margin:0 0 8px}
.lg-updated{font-size:13px;color:#8B6B47;margin:0 0 36px}
.lg-note{background:#fff;border:1px solid #E6DCC6;border-left:4px solid #E07A3F;border-radius:12px;
padding:18px 22px;margin:0 0 36px;font-size:14px;line-height:1.85;color:#6b5c48}
.lg-note strong{color:#1F1F1F}
.lg-toc{background:#FAF8F3;border:1px solid #E6DCC6;border-radius:14px;padding:20px 24px;margin:0 0 44px}
.lg-toc div{font:600 11px 'Poppins',sans-serif;letter-spacing:.16em;color:#8B6B47;margin-bottom:12px}
.lg-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.lg-toc li{font-size:14px;line-height:2;break-inside:avoid}
.lg-toc a{color:#6b5c48}
.lg-toc a:hover{color:#E07A3F}
.lg-doc section{padding-top:8px;margin-bottom:40px;scroll-margin-top:80px}
.lg-doc h2{font-size:21px;font-weight:800;margin:0 0 14px;letter-spacing:-.01em;
border-top:2px solid #1F1F1F;padding-top:14px}
.lg-doc h2 .num{color:#E07A3F;font-family:'Poppins',sans-serif;font-weight:600;margin-right:10px}
.lg-doc h3{font-size:15.5px;font-weight:800;margin:24px 0 8px}
.lg-doc p{font-size:15px;line-height:1.9;color:#3a3128;margin:0 0 14px}
.lg-doc ul{margin:0 0 14px;padding-left:22px}
.lg-doc li{font-size:15px;line-height:1.9;color:#3a3128;margin-bottom:6px}
.lg-doc strong{font-weight:800;color:#1F1F1F}
/* 英文對照：同一段落嘅英文版，視覺上退後一步 */
.en{border-left:2px solid #E6DCC6;padding-left:16px;margin:14px 0 22px}
.en p,.en li{font-size:13.5px;line-height:1.8;color:#8B6B47}
.en ul{margin-bottom:0}
table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #E6DCC6;vertical-align:top;line-height:1.7}
th{font-weight:800;font-size:12.5px;color:#8B6B47;background:#FAF8F3}
td:first-child{width:38%;font-weight:700}
/* 個吉祥物係 absolute 擺喺右下角，所以要留返一條走廊出嚟，
否則長嘅段落會捐咗入佢下面（睇落似打晒交叉）。 */
.lg-contact{background:#1F1F1F;color:#F4F1ED;border-radius:16px;padding:26px 160px 26px 28px;margin-top:8px;position:relative}
.lg-contact-mascot{position:absolute;right:24px;bottom:18px;width:112px;height:auto;opacity:.95}
.lg-contact h2{border:0;padding:0;margin:0 0 10px;color:#F4F1ED;font-size:19px}
.lg-contact p{color:#A08B6E;font-size:14.5px;line-height:1.9;margin:0 0 6px}
/* 深色卡上面唔可以行 .lg-doc strong 嗰隻 #1F1F1F，會變隱形字 */
.lg-contact strong{color:#F4F1ED}
.lg-contact a{color:#E07A3F;font-weight:600}
@media (max-width:640px){
.lg-contact{padding:26px 22px}
.lg-contact-mascot{position:static;display:block;width:92px;margin:0 0 10px auto}
}
/* ── footer ── */
.lg-footer{background:#1F1F1F;color:#F4F1ED}
.lg-footer-in{max-width:900px;margin:0 auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.lg-footer-in span.brand{font-weight:600;font-size:15px;color:#A08B6E}
.lg-footer-links{display:flex;gap:26px;font-size:12.5px;color:#B5A48C;flex-wrap:wrap}
.lg-footer-links a{color:#B5A48C}
@media (max-width:900px){
/* 同首頁一樣：窄屏收起中間嗰行連結同「登入」，淨返 logo 加一個主要 CTA */
.lg-navlinks{display:none}
.lg-navcta a.login{display:none}
}
@media (max-width:640px){
.lg-nav{padding:10px 16px}
.lg-nav img{height:34px}
.lg-doc{padding:36px 16px 60px}
.lg-doc h1{font-size:28px}
.lg-doc h2{font-size:18.5px}
.lg-toc ol{columns:1}
table{font-size:13px}
th,td{padding:9px 8px}
td:first-child{width:44%}
.lg-footer-in{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 16px}
}