/* Shared look for the subscription and policy pages: the same brand tokens as index.html */
:root{ --navy:#10294D; --navy-2:#0B1E3B; --teal:#12978A; --teal-tx:#0E7F75; --teal-lt:#3CC9BA; --coral:#F25C4D; --coral-tx:#C9392A; --sand:#E9DDC3; --paper:#F6F4EE; --white:#FFFFFF; --ink:#10294D; --muted:#55627A; --line:#DAD6CA; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--paper); color:var(--ink); font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif; font-size:17px; line-height:1.8; }
a{ color:var(--teal-tx); }
a:focus-visible{ outline:3px solid var(--teal-lt); outline-offset:3px; border-radius:6px; }
h1,h2,h3{ font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif; line-height:1.3; margin:0; text-wrap:balance; }
.en{ font-family:"Jost","Segoe UI",sans-serif; direction:ltr; unicode-bidi:isolate; }
.wrap{ max-width:860px; margin-inline:auto; padding-inline:22px; }
.top{ background:var(--white); border-bottom:1px solid var(--line); }
.top .wrap{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:12px; flex-wrap:wrap; max-width:1120px; }
.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-family:"Alexandria",sans-serif; font-weight:700; font-size:19px; }
.brand svg{ width:46px; height:auto; }
.tabs{ display:flex; gap:16px; flex-wrap:wrap; font-size:15px; }
.tabs a{ color:var(--ink); text-decoration:none; } .tabs a[aria-current]{ color:var(--teal-tx); font-weight:600; }
.head{ background:var(--navy); color:#fff; padding-block:40px 32px; }
.head h1{ font-size:clamp(26px,4vw,36px); }
.head p{ color:#C9D3E3; margin-top:10px; font-size:15.5px; }
main{ padding-block:28px 48px; }
main h2{ font-size:21px; margin-top:30px; margin-bottom:8px; }
main p{ margin:8px 0; }
main ul{ margin:8px 0; padding-inline-start:22px; }
main li{ margin:4px 0; }
.box{ background:var(--white); border:1px solid var(--line); border-radius:12px; padding:18px 20px; margin:18px 0; }
.box.key{ border-inline-start:4px solid var(--teal); }
.box.warn{ border-inline-start:4px solid var(--coral); }
table{ width:100%; border-collapse:collapse; background:var(--white); font-size:15.5px; margin:10px 0; display:block; overflow-x:auto; }
th,td{ border:1px solid var(--line); padding:8px 10px; text-align:right; vertical-align:top; }
th{ background:#EEF3F2; }
.plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:18px 0; }
.plan{ background:var(--white); border:1px solid var(--line); border-radius:14px; padding:20px; display:flex; flex-direction:column; gap:8px; }
.plan h3{ font-size:20px; }
.price{ font-family:"Alexandria",sans-serif; font-size:30px; font-weight:800; color:var(--navy); }
.price small{ font-size:15px; font-weight:500; color:var(--muted); }
.plan ul{ padding-inline-start:20px; margin:4px 0 0; font-size:15.5px; }
.muted{ color:var(--muted); font-size:15px; }
.seller{ background:var(--white); border-top:1px solid var(--line); padding-block:22px; font-size:15px; color:var(--muted); }
.seller .wrap{ max-width:1120px; display:flex; flex-wrap:wrap; gap:8px 22px; }
.seller b{ color:var(--ink); }
.foot{ background:var(--navy-2); color:#C9D3E3; font-size:14px; padding-block:16px; }
.foot .wrap{ max-width:1120px; display:flex; flex-wrap:wrap; gap:10px 22px; justify-content:space-between; }
.foot a{ color:#fff; }
@media (max-width:560px){ body{ font-size:16px; } .tabs{ gap:12px; font-size:14px; } }