/* Supplementary styles for policy/legal pages, layered on top of
   shared-base.css. Uses the same design tokens (--ink, --surface, --line,
   --gold, --font-mono, ...) defined there. */
.container{max-width:1120px;margin-inline:auto;padding-inline:24px;box-sizing:border-box;}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bg);padding:10px 16px;z-index:100;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}
code,.mono{font-family:var(--font-mono);font-size:0.92em;}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px;border-radius:2px;}

.policy-main{max-width:760px;margin-inline:auto;padding-block:48px 64px;}
.policy-main h1{font-family:var(--font-display);font-size:30px;margin:8px 0 4px;}
.policy-main h2{font-family:var(--font-display);font-size:19px;margin-top:32px;margin-bottom:10px;}
.policy-main p,.policy-main li{font-size:14.5px;line-height:1.7;color:var(--ink-2);}
.policy-main .updated{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);margin-bottom:28px;}
.policy-main a{color:var(--cobalt);text-decoration:underline;text-underline-offset:2px;}

.breadcrumb{max-width:760px;margin:14px auto 0;font-size:12.5px;color:var(--ink-3);}
.breadcrumb a{color:var(--ink-3);text-decoration:none;}
.breadcrumb a:hover{color:var(--ink-2);text-decoration:underline;}

.merchant-block{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;font-size:13.5px;line-height:1.8;color:var(--ink-2);margin:16px 0;}

table.policy-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:16px 0;}
table.policy-table th,table.policy-table td{text-align:left;border:1px solid var(--line);padding:8px 10px;vertical-align:top;color:var(--ink-2);}
table.policy-table th{background:var(--surface-2);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:0.03em;color:var(--ink-3);}

@media (max-width:600px){
  .policy-main{padding-block:32px 48px;}
  .policy-main h1{font-size:24px;}
  table.policy-table,table.policy-table thead,table.policy-table tbody,table.policy-table th,table.policy-table td,table.policy-table tr{display:block;}
  table.policy-table thead{display:none;}
  table.policy-table tr{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding:8px;}
  table.policy-table td{border:none;padding:4px 2px;}
}