/* ===================================================================
   GRANAT88 LINK — public/css/page.css
   Gaya halaman statis (Privacy, Terms). Mewarisi variabel desktop.css.
   =================================================================== */
.page-main{padding-top:90px;padding-bottom:56px;min-height:70vh}
.page-wrap{max-width:820px}

.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--muted);margin-bottom:24px;flex-wrap:wrap}
.breadcrumb a{color:var(--cyan);transition:opacity .2s}
.breadcrumb a:hover{opacity:.8}
.breadcrumb .current{color:var(--muted)}

.page-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:38px 34px}
.page-content h1{font-size:clamp(1.7rem,4.5vw,2.4rem);margin-bottom:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}
.page-updated{color:var(--muted);font-size:.84rem;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.page-content h2{font-family:var(--fh);font-size:1.16rem;color:var(--cyan);margin:26px 0 9px}
.page-content h2:first-of-type{margin-top:0}
.page-content p{color:var(--text);opacity:.9;margin-bottom:13px;font-size:.97rem;line-height:1.75}
.page-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}
.page-content a:hover{opacity:.8}

.page-back{margin-top:26px;display:inline-flex}

@media(max-width:600px){
    .page-main{padding-top:78px}
    .page-content{padding:26px 20px}
    .page-content p{font-size:.94rem}
}