/* NoteTisa public reference pages. Extends site.css; reuses its variables. */
.policy.wrap{max-width:760px;padding-top:40px;padding-bottom:88px}
.policy-breadcrumb{font-size:15px;margin:0 0 28px}
.policy-breadcrumb a{color:var(--muted);text-underline-offset:4px}
.policy-breadcrumb a:hover{color:var(--blue)}
.policy h1{font-size:clamp(34px,5.4vw,58px);line-height:1.1;overflow-wrap:break-word;hyphens:auto}
.policy-intro{font:19px/1.6 var(--serif);color:var(--muted);margin:22px 0 14px;max-width:38em}
.policy-date{font-size:14px;color:var(--muted);margin:0 0 36px;padding-left:12px;border-left:3px solid var(--marigold)}

.policy-toc{background:#fbf8f1;border:1px solid var(--line);border-radius:4px 18px 4px 18px;padding:22px 26px;margin:0 0 52px}
.policy-toc h2,.policy-toc p:first-child{font:600 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);margin:0 0 12px}
.policy-toc ol,.policy-toc ul{margin:0;padding-left:1.3em;columns:2 15em;column-gap:32px}
.policy-toc li{margin:0 0 6px;break-inside:avoid}
.policy-toc a{color:var(--ink);text-underline-offset:4px;text-decoration-color:rgba(47,95,208,.35)}
.policy-toc a:hover{color:var(--blue);text-decoration-color:currentColor}

.policy-content{font-size:17px;line-height:1.72;max-width:68ch;overflow-wrap:break-word}
.policy-content h2{font-size:clamp(26px,3.4vw,34px);line-height:1.18;margin:56px 0 14px;padding-top:18px;border-top:2px solid var(--ink);scroll-margin-top:84px}
.policy-content h3{font-size:clamp(20px,2.4vw,23px);line-height:1.25;margin:32px 0 10px;scroll-margin-top:84px}
.policy-content [id]{scroll-margin-top:84px}
.policy-content h2:target,.policy-content h3:target{background:linear-gradient(transparent 62%,rgba(240,165,49,.38) 62%)}
.policy-content p{margin:0 0 16px}
.policy-content ul,.policy-content ol{margin:0 0 20px;padding-left:1.4em}
.policy-content li{margin:0 0 8px}
.policy-content li::marker{color:var(--blue)}
.policy-content a{text-underline-offset:3px}
.policy-content strong{color:var(--ink)}
.policy-content code{font:.92em ui-monospace,Menlo,Consolas,monospace;background:var(--sky);color:var(--ink2);padding:1px 5px;border-radius:3px}

.table-scroll{overflow-x:auto;margin:8px 0 28px;border:1px solid var(--line);border-radius:4px 14px 4px 14px;background:#fbf8f1;-webkit-overflow-scrolling:touch}
.policy-table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;line-height:1.5}
.policy-table caption{text-align:left;padding:12px 16px;font:italic 15px var(--serif);color:var(--muted)}
.policy-table th,.policy-table td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line)}
.policy-table thead th{background:var(--sky);color:var(--ink);font-weight:600;border-bottom:2px solid var(--ink)}
.policy-table tbody th{color:var(--ink);font-weight:600}
.policy-table tbody tr:last-child>*{border-bottom:0}

.policy-notice{margin:28px 0;padding:18px 22px;background:var(--sky);border-left:4px solid var(--marigold);border-radius:0 14px 0 14px;color:var(--ink2)}
.policy-notice>*:last-child{margin-bottom:0}
.policy-notice strong{color:var(--ink)}

.policy-related{margin-top:64px;padding-top:22px;border-top:1px solid var(--line)}
.policy-related h2{font-size:22px;border:0;padding:0;margin:0 0 12px}
.policy-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.policy-related a{font-weight:600;text-underline-offset:4px}

@media (max-width:767px){
  .policy.wrap{padding-top:28px;padding-bottom:64px}
  .policy-toc{padding:18px 18px}
  .policy-content h2{margin-top:44px}
}
@media (max-width:420px){
  .policy.wrap{padding-left:16px;padding-right:16px}
  .policy-intro{font-size:17px}
  .policy-content{font-size:16px}
  .policy-table th,.policy-table td{padding:10px 12px}
}

@media print{
  .top,.foot,.skip,.policy-breadcrumb,.policy-toc{display:none!important}
  body{background:none;color:#111;font-size:11.5pt}
  .policy.wrap{max-width:none;padding:0}
  .policy h1,.policy-content h2,.policy-content h3{color:#111;break-after:avoid}
  .policy-content{max-width:none}
  .policy-content p,.policy-content li{orphans:3;widows:3}
  .policy-content a::after{content:" (" attr(href) ")";font-size:.85em;color:#444}
  .policy-content a[href^="#"]::after{content:""}
  .table-scroll{overflow:visible;border:1px solid #999;background:none}
  .policy-table{min-width:0}
  .policy-table thead th{background:none}
  .policy-table tr{break-inside:avoid}
  .policy-notice{background:none;border:1px solid #999;border-left:4px solid #555;break-inside:avoid}
  .policy-related{display:block}
}