/* Policy pages (template "Policy document", patterns/policy-doc.php): a polished document, not a landing page —
   contents column that stays in view, summary box, numbered sections, contact card at the end. */
.pol{--pol-side:calc(var(--s-9) * 2 + var(--s-6));--pol-top:calc(var(--nav-h) + var(--s-5));padding-top:var(--gap-head)} /* side padding + bottom: shared .sec */
.pol__grid{display:grid;grid-template-columns:var(--pol-side) minmax(0,1fr);gap:var(--gap-grid) var(--s-8);align-items:start}
.pol__side{position:sticky;top:var(--pol-top);min-width:0}
.pol__main{display:grid;gap:var(--gap-card);min-width:0;max-width:calc(var(--measure) + var(--s-9))}
.pol__main > *,.pol__sum > *,.pol__contact > *{margin:0}

.pol-head__meta{gap:var(--s-2);color:var(--ink-2);font-size:var(--t-s)}
.pol-head__meta > *{margin:0}

.pol__sum{display:grid;gap:var(--s-2);padding:var(--gap-card);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--paper-2)}
.pol__sum-t,.pol__sum-t p{margin:0;font-size:var(--t-l);color:var(--ink)}

/* the document: comfortable line length, clear rhythm between numbered sections */
.pol__body{display:grid;gap:var(--gap-text)}
.pol__body > *{margin:0}
.pol__body > h2{margin-top:var(--gap-card);padding-top:var(--gap-card);border-top:1px solid var(--rule);font-size:var(--t-xl);scroll-margin-top:var(--pol-top)}
.pol__body > h2:first-child{margin-top:0;padding-top:0;border-top:0}
.pol__body > h3{margin-top:var(--s-3);font-size:var(--t-l);scroll-margin-top:var(--pol-top)}
.pol__body ul,.pol__body ol{display:grid;gap:var(--s-2);padding-left:var(--s-5)}
.pol__body li > *{margin:0}
.pol__body a{color:var(--accent);text-underline-offset:var(--s-1)}

.pol__contact{display:grid;gap:var(--s-3);padding:var(--gap-card);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--card)}
.pol__contact-h{font-size:var(--t-xl)}
.pol__acts{gap:var(--s-2)}

/* company contact lines (values read from Thông tin doanh nghiệp) */
.pol-facts{display:grid;gap:var(--s-2);padding:var(--gap-card-s);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--paper-2)}
.pol-facts > *,.pol-facts__row > *{margin:0}
.pol-facts__row{gap:var(--s-1) var(--s-3)}
.pol-facts__lbl{color:var(--ink-2)}
.pol-facts__lbl::after{content:":"}
.pol-facts__val,.pol-facts__co{color:var(--ink);font-weight:600}

/* the bank card of the payment guide sits inside the document */
.pol__body .pay__card{max-width:none}

@media (max-width: 1023px){
  /* phones/tablets: the contents list becomes the side tab of digotech/toc (its own view.js), the document runs full width */
  .pol__grid{grid-template-columns:minmax(0,1fr)}
  .pol__side{display:none} /* the tab + sheet are appended to <body>, so the inline list is not needed here */
  .pol__main{max-width:none}
}