/* سعودي جولد لايف — التصميم الأخضر والأبيض */
:root{
  --font:'Tajawal',system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;
  --black:#006C35;
  --green-d:#00562A;
  --green-dd:#0B3D24;
  --paper:#FFFFFF;
  --card:#FFFFFF;
  --strip:#EEF6F1;
  --cell:#F5FAF7;
  --line:#E0EBE4;
  --line2:#EAF2ED;
  --ink:#14261C;
  --mute:#738078;
  --up:#127A3D;--up-bg:#E3F4E9;
  --dn:#C0271D;--dn-bg:#FBE5E3;
  --pad:12px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.7;font-size:16px}
a{color:inherit}
:focus-visible{outline:3px solid #7CC59B;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:920px;margin:0 auto;padding:0 var(--pad) 24px}

/* الهيدر */
.top{background:var(--black)}
.top a{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;padding:12px 8px;font-size:clamp(1rem,5vw,1.4rem);font-weight:700;text-decoration:none;line-height:1.4;white-space:nowrap;overflow:hidden}
.top img{width:30px;height:30px;border-radius:50%;flex:none;background:#fff}
/* شريط الأسواق */
.mkt{border-bottom:1px solid var(--line);background:#fff}
.mkt div{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;max-width:920px;margin:0 auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mkt div::-webkit-scrollbar{display:none}
.mkt a{flex:none;padding:6px 14px;border-radius:999px;background:var(--strip);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:500;line-height:1.4}
.mkt a:hover{background:#DDEFE4}
.mkt a[aria-current]{background:var(--black);color:#fff;font-weight:700}
@media (min-width:700px){.mkt div{justify-content:center}}
h1.pt{font-size:1.25rem;font-weight:700;line-height:1.5;margin:4px 0 2px}

/* بطاقات */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.box{margin-top:14px}
h2.h{background:var(--strip);color:var(--green-d);text-align:right;padding:11px 12px;font-size:1.02rem;font-weight:700;border-bottom:1px solid var(--line);line-height:1.5}
h2.h.dark{background:var(--strip);color:var(--green-d);text-align:right;padding:11px 14px}

/* سعر الأونصة */
.oz{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;margin-top:10px}
.oz small{display:block;color:var(--mute);font-size:.85rem}
.oz b{font-size:1.6rem;font-weight:700;direction:ltr;display:inline-block;line-height:1.3}
.pill{font-size:.82rem;font-weight:700;padding:4px 10px;border-radius:6px;white-space:nowrap;direction:rtl}
.pill.up,.chg.up{color:var(--up)}
.pill.dn,.chg.dn{color:var(--dn)}
.pill{padding:0}
.pill:empty{display:none}

/* جدول الأسعار + قائمة الأسواق */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:6px;margin-top:10px;align-items:stretch}
.grid.solo{grid-template-columns:1fr}
table{width:100%;border-collapse:collapse;table-layout:fixed}
thead th{background:var(--black);color:#fff;font-weight:700;padding:11px 6px;font-size:.95rem;text-align:center;line-height:1.35}
thead th:first-child{text-align:right;padding-right:14px;width:26%}
tbody th{background:var(--cell);text-align:right;padding:8px 14px;font-weight:700;border-bottom:1px solid var(--line2);font-size:.97rem;line-height:1.35}
tbody td{text-align:center;padding:10px 4px;border-bottom:1px solid var(--line2);white-space:nowrap;font-size:.95rem}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
tbody th a{text-decoration:none}
tbody th a:hover{text-decoration:underline}
.v{font-weight:700;direction:ltr;display:inline-block}
.c{color:var(--mute);font-size:.7rem;margin:0 3px}
.chg{font-size:.72rem;font-weight:700;padding:0;direction:ltr;display:block;width:max-content;margin:1px auto 0}
.loading td{color:var(--mute);padding:22px}
.meta{display:flex;justify-content:space-between;gap:8px;color:var(--mute);font-size:.74rem;padding:8px 12px;border-top:1px solid var(--line2)}
.mk ul{list-style:none}
.mk a{display:flex;align-items:center;gap:7px;padding:9px 8px;text-decoration:none;border-bottom:1px solid var(--line2);font-size:.95rem;line-height:1.3}
.mk li:last-child a{border-bottom:0}
.mk a:hover{background:var(--cell)}
.mk a[aria-current]{background:var(--cell);font-weight:700;box-shadow:inset -3px 0 0 var(--black)}
.mk svg{width:28px;height:20px;flex:none;border-radius:3px}

/* شريط الحاسبة */
.calc{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;background:var(--black);color:#fff;border-radius:12px;text-decoration:none}
.calc .i{width:34px;height:34px;border:1.5px solid #fff;border-radius:7px;display:grid;place-items:center;font-weight:700;flex:none}
.calc b{display:block;font-size:1.05rem}
.calc small{color:#CFE8D9;font-size:.8rem}
.calc .ar{margin-right:auto;font-size:1.4rem}

/* قوائم المقالات */
.list ul{list-style:none}
.list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line2);text-decoration:none;font-size:.95rem;line-height:1.5}
.list li:last-child a{border:0}
.list a:hover{background:var(--cell)}
.list .n{width:26px;height:26px;border-radius:6px;background:var(--strip);color:var(--black);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}
.list .ar{margin-right:auto;color:#AAA}

/* الأسئلة الشائعة */
.faq details{border-bottom:1px solid var(--line2)}
.faq details:last-child{border:0}
.faq summary{cursor:pointer;padding:12px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--mute);font-size:1.2rem;line-height:1.2}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 16px 14px;color:#444}

/* نصوص */
.prose{padding:16px 18px}
.prose p{margin-bottom:12px}
.prose h2{font-size:1.15rem;margin:24px 0 10px;line-height:1.5}
.prose > h2:first-child{margin-top:0}
.prose h3{font-size:1.02rem;margin:18px 0 8px}
.prose ul,.prose ol{padding-right:22px;margin-bottom:12px}
.prose li{margin-bottom:6px}
.prose a{text-decoration:underline;text-underline-offset:3px}
.prose .art-highlight{background:var(--strip);border-right:4px solid var(--black);border-radius:6px;padding:12px 14px;margin:14px 0}
.prose .art-warning{background:var(--dn-bg);border-right:4px solid var(--dn);border-radius:6px;padding:12px 14px;margin:14px 0}
.prose .art-tip{border:1px solid var(--line);border-radius:6px;padding:9px 12px;margin:8px 0;font-size:.95rem}
.prose .art-divider{height:1px;background:var(--line2);margin:22px 0}
.prose .formula-box{background:var(--strip);color:var(--green-d);border:1px solid #CFE2D6;border-radius:8px;padding:14px 16px;margin:14px 0;font-weight:700;text-align:center;line-height:1.9}
.prose table{table-layout:auto;margin:12px 0;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:right;white-space:normal}
.prose th{background:var(--cell)}
.article-meta{color:var(--mute);font-size:.85rem;margin-bottom:12px}

/* الأدوات */
.tool{padding:16px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.field label{display:block;font-size:.88rem;color:var(--mute);margin-bottom:4px}
.field input,.field select{width:100%;font:inherit;font-size:1.05rem;font-weight:700;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.field input:focus,.field select:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px rgba(0,108,53,.15)}
.check{display:flex;gap:8px;align-items:center;font-size:.92rem;margin-top:12px}
.check input{width:18px;height:18px;accent-color:#006C35}
.result{margin-top:14px;padding:14px 16px;border-radius:10px;background:var(--strip);color:var(--ink)}
.result .big{font-size:1.8rem;font-weight:700;line-height:1.4;color:var(--green-d)}
.result .big .v{font-weight:700}
.result dl{display:grid;grid-template-columns:1fr auto;gap:3px 16px;font-size:.92rem;margin-top:8px;color:var(--mute)}
.result dd{color:var(--ink);direction:ltr;text-align:left;font-weight:700}
.tabs{display:flex;gap:6px;margin-bottom:12px}
.tabs button,.btn{font:inherit;font-weight:700;padding:7px 16px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.tabs button[aria-pressed="true"],.btn.solid{background:var(--black);color:#fff;border-color:var(--black)}
.swap{align-self:end;height:44px}
.ok{color:var(--up);font-weight:700}.no{color:var(--dn);font-weight:700}
.chart{min-height:220px;background:#fff}
.chart + .chart{border-top:1px solid var(--line2)}
.chart h3{font-size:.95rem;padding:10px 14px 0}
.note{color:var(--mute);font-size:.8rem;padding:8px 14px}

.error{display:none;align-items:center;justify-content:space-between;gap:10px;background:var(--dn-bg);color:var(--dn);font-size:.88rem;padding:10px 14px;border-radius:8px;margin-top:10px}
.error.show{display:flex}

/* الفوتر */
footer{background:var(--green-dd);margin-top:26px;padding:20px 12px;text-align:center;font-size:.88rem}
footer nav{display:flex;justify-content:center;gap:6px 16px;flex-wrap:wrap;margin-bottom:8px}
footer a{color:#E3F1E8;text-decoration:none}
footer a:hover{text-decoration:underline}
footer p{color:#9FC2AE;font-size:.8rem}

/* شاشات ضيقة */
@media (max-width:520px){
  .grid{grid-template-columns:minmax(0,1fr) 100px}
  thead th{font-size:.82rem;padding:10px 3px}
  thead th:first-child{padding-right:8px;width:24%}
  tbody th{font-size:.84rem;padding:8px 8px}
  tbody td{font-size:.84rem;padding:9px 2px}
  .c{font-size:.6rem;margin:0 2px}
  .chg{font-size:.66rem}
  .mk a{font-size:.82rem;gap:5px;padding:9px 5px}
  .mk svg{width:22px;height:16px}
}
/* شاشات واسعة: التغير بجانب السعر */
@media (min-width:700px){
  .chg{display:inline-block;margin:0 6px 0 0}
  .strip h1{font-size:1.2rem}
}

/* رسمنا البياني */
.ch-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 0;flex-wrap:wrap}
.ch-head b{font-size:1.15rem;direction:rtl}
.ch-head .chg{margin:0;display:inline-block}
svg.ch{width:100%;height:auto;display:block;padding:4px 6px 0;direction:ltr}
svg.ch .ln{fill:none;stroke:#006C35;stroke-width:2.2;stroke-linejoin:round}
svg.ch .ar{fill:#006C35;opacity:.1}
svg.ch .gl{stroke:var(--line2);stroke-width:1}
svg.ch text{font-family:var(--font);font-size:12px;fill:var(--mute)}

/* مسار التنقل في المقالات */
.crumbs{font-size:.78rem;color:var(--mute);padding:12px 2px 0}
.crumbs a{text-decoration:none}
.crumbs a{color:var(--mute)}

/* حاسبة الذهب (نفس شكل prices-gold.com) */
.calc-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 18px;margin-top:12px}
.calc-card h2{font-size:1.5rem;color:var(--green-d);font-weight:700;line-height:1.4;margin-bottom:10px}
.calc-card .cur{color:#555;margin-bottom:6px}
.calc-card .cur b{color:var(--ink)}
.calc-card .cur a{color:var(--black);text-decoration:underline}
.calc-card label.f{display:block;font-weight:700;margin:16px 0 8px}
.calc-card input[type=number],.calc-card select{display:block;width:100%;font:inherit;font-size:1.05rem;padding:13px 16px;border:1px solid #CFE0D5;border-radius:10px;background:#fff;color:var(--ink)}
.calc-card input::placeholder{color:#999}
.calc-card input:focus,.calc-card select:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 3px rgba(0,108,53,.15)}
.tax{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #CFE0D5;border-radius:10px;font-weight:700;cursor:pointer}
.sw{position:relative;width:50px;height:28px;flex:none}
.sw input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.sw span{position:absolute;inset:0;border-radius:999px;background:#CFCFCF;transition:background .15s}
.sw span::after{content:"";position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:right .15s}
.sw input:checked + span{background:var(--black)}
.sw input:checked + span::after{right:25px}
.sw input:focus-visible + span{outline:3px solid #7CC59B;outline-offset:2px}
.res{margin-top:18px;background:var(--strip);border-radius:10px;padding:16px 18px;color:#333}
.res .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.res .row b{direction:ltr;white-space:nowrap}
.res .total{border-top:1px solid #CFE2D6;margin-top:6px;padding-top:12px;font-size:1.2rem;color:var(--green-d)}
@media (prefers-reduced-motion:reduce){.sw span,.sw span::after{transition:none}}
.tbl{overflow-x:auto;margin:12px 0 16px;border:1px solid var(--line);border-radius:8px}
.prose .tbl table{margin:0;border:0}
.prose .tbl thead th{background:var(--black);color:#fff;border-color:#00562A;text-align:right}
.prose .tbl tbody td:first-child{background:var(--cell);font-weight:700}
.prose ol li,.prose ul li{line-height:1.8}
.prose .formula-box small{display:block;font-weight:400;color:var(--mute);font-size:.85rem}

.ch-wait{display:none}

/* عرض كل العملات */
.more{margin-top:14px}
.more summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--green-d);background:var(--strip);list-style:none;display:flex;justify-content:space-between}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"+";font-size:1.2rem;line-height:1.2}
.more[open] summary::after{content:"−"}

/* التغيّر يظهر بالريال فقط */
tbody td:last-child .chg{display:none}