500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:light dark}body{background:light-dark(#f2f3f5,#0c1420)}
#gold-concept{--gold:light-dark(#856018,#dfb966);--paper:light-dark(#f6f5f1,#111c2a);--panel:light-dark(#fff,#1b2939);--line:light-dark(#dedfe2,#344356);--soft:light-dark(#566171,#b9c4d2);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;color:light-dark(#17283a,#edf2f8);max-width:1240px;border-radius:0;overflow:clip;min-height:100vh}
#gold-concept header{padding:23px 36px;background:light-dark(#fff,#152231);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:18px}
#gold-concept .brand{font-family:Alexandria,Tahoma,sans-serif;font-size:21px;gap:13px;text-decoration:none;letter-spacing:-.6px}
#gold-concept .brand small{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;letter-spacing:0;font-size:12px}
#gold-concept .symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:16px 4px 16px 4px;background:#b58a35;color:#14243a;font-family:Georgia,serif;font-weight:700;font-size:24px;box-shadow:0 5px 16px #94712924}
#gold-concept header>a:not(.brand),#gold-concept nav a{font-weight:600;font-size:14px;padding:10px 15px;border-radius:9px;text-decoration:none;background:light-dark(#f3f3ef,#233347)}
#gold-concept header a:hover,#gold-concept nav a:hover{ text-decoration:underline;text-underline-offset:5px}
#gold-concept main{padding:34px 36px 44px}
#gold-concept h1,#gold-concept h2,#gold-concept h3{font-family:Alexandria,Tahoma,sans-serif;letter-spacing:-.6px}
#gold-concept h1{font-size:clamp(27px,4vw,43px);font-weight:600;line-height:1.6;margin:12px 0}
#gold-concept h2{font-size:19px;line-height:1.8;font-weight:600}
#gold-concept .hero{position:relative;padding:26px 30px;margin-bottom:26px;background:light-dark(#182c42,#20364d);color:#fff;border-radius:22px;gap:26px;border-inline-start:5px solid #c49a4b}
#gold-concept .hero .eyebrow{color:#e6c57d;font-size:12px;letter-spacing:.4px;font-weight:600}
#gold-concept .hero .muted{color:#d2dbe4;font-size:14px}
#gold-concept .hero .tabs{background:#ffffff10;border-radius:14px;padding:5px;gap:5px;flex-shrink:0}
#gold-concept button{font-family:inherit;font-size:15px;font-weight:500;border-radius:10px;padding:11px 19px;min-height:46px;transition:background .15s,border-color .15s}
#gold-concept .hero button{border-color:#ffffff40;color:#fff}
#gold-concept button[aria-pressed=true]{background:#d9b66d;color:#142439;border-color:#d9b66d;font-weight:600}
#gold-concept button:hover{border-color:var(--gold)}
#gold-concept button:disabled{opacity:.6}
#gold-concept :is(a,button,input,select):focus-visible{outline:3px solid light-dark(#316aaf,#83b6ef);outline-offset:4px}
#gold-concept .notice{background:light-dark(#ebece7,#223144);border:0;border-inline-start:3px solid var(--gold);color:var(--soft);border-radius:0 8px 8px 0;padding:12px 16px;font-size:13px;line-height:1.9}
#gold-concept .prices{gap:16px;margin-top:20px!important}
#gold-concept .tile{position:relative;padding:25px 23px;border-radius:17px;border:1px solid var(--line);box-shadow:0 5px 18px #15263a05;gap:10px}
#gold-concept .tile.featured{border:1px solid var(--line);border-top:3px solid #b58a35}
#gold-concept .tile>span:first-child{font-size:16px;font-weight:600}
#gold-concept .tile .value{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:clamp(26px,3.3vw,36px);font-weight:600;letter-spacing:-.6px;line-height:1.5;margin:15px 0 8px;font-variant-numeric:tabular-nums}
#gold-concept .muted,#gold-concept small{font-size:13px;line-height:1.8}
#gold-concept .source{font-size:13px;line-height:1.9;padding:5px 0;margin-top:15px}
#gold-concept .panel{padding:26px;border-radius:19px;box-shadow:0 5px 20px #15263a04;border:1px solid var(--line)}
#gold-concept .panelhead{flex-wrap:wrap;gap:12px}
#gold-concept .formrow{gap:20px}
#gold-concept label{font-size:14px;font-weight:500;margin:19px 0 9px}
#gold-concept input,#gold-concept select{font-family:inherit;font-size:16px;min-height:49px;padding:11px 13px;border-radius:10px;border-color:var(--line);font-variant-numeric:tabular-nums}
#gold-concept .result{padding-top:20px;margin-top:24px;font-weight:500}
#gold-concept output{font-size:28px;font-weight:600;line-height:1.6}
#gold-concept table{font-variant-numeric:tabular-nums;font-size:15px!important}
#gold-concept th{background:light-dark(#f4f4f0,#233449);font-size:13px;font-weight:500!important}
#gold-concept td,#gold-concept th{padding:17px 12px!important;line-height:1.9}
#gold-concept tbody tr:nth-child(even){background:light-dark(#fafaf7,#1f2e40)}
#gold-concept .doc{max-width:900px}
#gold-concept .doc h2{margin-top:28px}
#gold-concept footer{padding:25px 36px;background:light-dark(#eceeea,#142234);font-size:13px;line-height:2;gap:15px}
#gold-concept footer nav{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:650px){#gold-concept header{padding:17px 18px;gap:10px}#gold-concept .brand{font-size:18px}#gold-concept header>a:not(.brand){padding:8px 11px}#gold-concept main{padding:20px 16px 30px}#gold-concept .hero{padding:24px 20px;border-radius:16px}#gold-concept .hero .tabs{display:flex;width:max-content;margin-top:20px}#gold-concept .prices{gap:12px}#gold-concept .tile{padding:19px 18px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}#gold-concept .tile .value{font-size:27px;margin:0}#gold-concept .tile>span:last-child{grid-column:1/-1}#gold-concept .panel{padding:20px 16px;border-radius:15px}#gold-concept h2{font-size:17px}#gold-concept table{font-size:13px!important}#gold-concept td,#gold-concept th{padding:13px 7px!important}#gold-concept output{font-size:25px}#gold-concept footer{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){#gold-concept *{transition:none!important}}