@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Sora:wght@400;600;700;800&display=swap');

/* ===== FinChirp Privacy Page Styles ===== */
/* Base / Reset */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{height:100%}
body{margin:0;font-family:'Noto Sans TC','Sora',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';color:#0b1220;background:#ffffff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
a{color:#2563eb;text-decoration:none}
a:hover{text-decoration:underline}

/* Layout */
.wrap{max-width:960px;margin:0 auto;padding:24px 16px 64px}
.wrap p{max-width:72ch}

/* Type scale */
h1{font-family:'Sora','Noto Sans TC',ui-sans-serif,system-ui;font-weight:800;line-height:1.1;margin:0 0 8px;font-size:clamp(28px,4vw,40px)}
h2{font-family:'Sora','Noto Sans TC',ui-sans-serif,system-ui;font-weight:700;line-height:1.2;margin:32px 0 8px;font-size:clamp(20px,3vw,28px)}
h3{font-family:'Sora','Noto Sans TC',ui-sans-serif,system-ui;font-weight:600;line-height:1.3;margin:20px 0 6px;font-size:clamp(16px,2.2vw,20px)}
p{margin:0 0 12px}
ul{margin:8px 0 16px 22px;padding:0}
li{margin:6px 0;line-height:1.6}
.muted{color:#6b7280}

/* Cards & helpers */
.card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}

/* Table of contents */
nav[aria-label="Table of contents"]{--toc-gap:10px}
nav[aria-label="Table of contents"] strong{display:block;margin-bottom:8px}
nav[aria-label="Table of contents"] ul{list-style:disc;margin:8px 0 0 20px;padding-left:18px}
nav[aria-label="Table of contents"] li{margin:6px 0}
nav[aria-label="Table of contents"] li+li{margin-top:6px}
nav[aria-label="Table of contents"] a{color:#0b1220}
nav[aria-label="Table of contents"] a:hover{color:#2563eb}

/* Section anchors: avoid heading being hidden under browser UI */
section{scroll-margin-top:80px}

/* Content links */
main a{color:#0b1220;text-decoration:underline}
main a:hover{color:#2563eb}

/* Footer */
footer{margin-top:24px;text-align:center;color:#6b7280;font-size:14px}
footer a{color:inherit}

/* Lists inside content */
section ul{list-style:disc}
section ul ul{list-style:circle}

/* Code & emphasis (future-proof) */
code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:0 4px}
strong{font-weight:700}

/* Horizontal rule (if added later) */
hr{border:0;border-top:1px solid #e5e7eb;margin:24px 0}

/* Responsive spacing */
@media (min-width:768px){
  .wrap{padding:32px 24px 72px}
  .card{padding:18px 20px}
}

/* Dark mode */
/* @media (prefers-color-scheme: dark){
  body{background:#0b0f19;color:#e5e7eb}
  .muted{color:#a3a9b6}
  .card{background:#0f1629;border-color:#1f2937;box-shadow:none}
  a{color:#7aa2ff}
  nav[aria-label="Table of contents"] a{color:#e5e7eb}
  nav[aria-label="Table of contents"] a:hover{color:#7aa2ff}
  footer{color:#a3a9b6}
  code{background:#0f1629;border-color:#1f2937}
} */

/* Print styles */
@media print{
  a{text-decoration:underline;color:#000}
  nav[aria-label="Table of contents"]{break-inside:avoid}
  .card{box-shadow:none}
  footer{color:#000}
}