/* =====================================================================
   "Policies" page. Scoped under .pol so it never touches the shared
   header/footer or other pages. Mirrors the News page hero + palette.
   ===================================================================== */
.pol{
  --pol-ink:#051026;
  --pol-blue:#183962;
  --pol-gold:#d3bf5d;
  --pol-body:#33415a;
  --pol-line:#e3e8f0;
  --pol-bg:#f5f5f7;
  --header-h:113px;
  background:var(--pol-bg);
}
html{scroll-padding-top:113px}
.pol *,.pol *::before,.pol *::after{box-sizing:border-box}

/* hero (same as News) */
.pol-hero{position:relative;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(2,16,29,.3),rgba(2,16,29,.52)),linear-gradient(180deg,#0e5aa7 0%,#0a3f86 50%,#072a5c 100%)}
.pol-hero__title{margin:0;color:#fff;font-weight:600;line-height:1.1;font-size:clamp(34px,5vw,64px)}
.pol-hero__rule{display:block;width:72px;height:3px;background:var(--pol-gold);margin:22px auto 0}

.pol-wrap{max-width:1180px;margin:0 auto;padding:0 24px 90px}

/* breadcrumb */
.pol-crumb{padding:28px 0 24px;font-size:14px;color:#5b6b76}
.pol-crumb a{color:var(--pol-blue);text-decoration:none}
.pol-crumb a:hover{text-decoration:underline}
.pol-crumb span{margin:0 6px}
.pol-crumb .pol-crumb__cur{margin:0;color:var(--pol-ink);font-weight:600}

/* two columns */
.pol-layout{display:grid;grid-template-columns:25% minmax(0,1fr);gap:40px;align-items:start}
.pol-side{display:flex;flex-direction:column;gap:4px;position:sticky;top:calc(var(--header-h) + 16px)}
.pol-side a{display:block;padding:12px 16px;font-size:16px;font-weight:500;color:var(--pol-body);text-decoration:none;border-left:3px solid transparent;transition:color .2s,background .2s}
.pol-side a:hover{color:var(--pol-blue);background:rgba(24,57,98,.05)}
.pol-side a.is-current{color:var(--pol-blue);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--pol-gold);border-left-color:var(--pol-gold)}
.pol-side a:focus-visible,.pol-content a:focus-visible{outline:2px solid var(--pol-gold);outline-offset:2px}

/* content */
.pol-content{background:#fff;border:1px solid var(--pol-line);border-radius:14px;padding:40px 44px;scroll-margin-top:calc(var(--header-h) + 16px)}
.pol-sec[hidden],.pol-lang[hidden]{display:none}
.pol-h2{margin:0 0 20px;font-size:40px;font-weight:600;line-height:1.2em;color:var(--pol-ink);outline:none}
.pol-h2::after{content:"";display:block;width:56px;height:3px;background:var(--pol-gold);margin-top:14px}
.pol-lang{max-width:78ch;color:var(--pol-body);font-size:18px;line-height:1.7}
.pol-lang p{margin:0 0 16px}
.pol-lang h3{margin:32px 0 12px;font-size:24px;font-weight:600;line-height:1.2em;color:var(--pol-blue)}
.pol-lang ul{margin:0 0 16px;padding-left:22px;list-style:disc}
.pol-lang li{margin-bottom:8px}
.pol-lang a{color:var(--pol-blue);text-decoration:underline;overflow-wrap:anywhere}
.pol-lang a:hover{color:#0d2a4d}
.pol-lang .pol-switch{margin:0 0 20px;font-size:15px;font-weight:600}
.pol-img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:2000/1545;border-radius:8px;background:#dde3ea}

@media (max-width:767px){
  .pol-wrap{padding-bottom:64px}
  .pol-layout{grid-template-columns:1fr;gap:20px}
  .pol-side{position:static;flex-direction:row;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;border-bottom:1px solid var(--pol-line)}
  .pol-side a{flex:0 0 auto;white-space:nowrap;border-left:0;border-bottom:3px solid transparent;padding:12px 14px}
  .pol-side a.is-current{border-bottom-color:var(--pol-gold);text-decoration:none}
  .pol-content{padding:26px 20px}
}
@media (prefers-reduced-motion:reduce){.pol-side a{transition:none}}