*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f3f6f9;color:#173247;font:14px/1.5 Arial,'Malgun Gothic',sans-serif}header{height:98px;background:#fff;border-bottom:1px solid #dce4ec;display:grid;grid-template-columns:140px minmax(480px,850px) 1fr;gap:18px;align-items:center;padding:10px 24px}a{color:inherit;text-decoration:none}.brand{font-size:23px;font-weight:800;letter-spacing:1.5px}.brand small{font-size:11px;font-weight:400;letter-spacing:0}small{display:block;color:#6c7f90;margin-top:5px}header nav p{margin:0 0 5px;font-size:12px}header nav>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}header nav a{padding:8px 13px;border:1px solid #cfdbe5;background:#f8fafc;border-radius:10px;min-height:50px}header nav strong{font-size:16px}header nav small{font-size:10px}header a[aria-current=page]{border:2px solid #137a67;padding:7px 12px;background:linear-gradient(120deg,#e0f2eb,#f7fcfa);color:#0b6f61;box-shadow:0 4px 12px #0d6c5918}.account{justify-self:end;font-size:12px;white-space:nowrap}#workspace{height:calc(100dvh - 98px);position:relative}#workspace iframe{border:0;width:100%;height:100%;display:block;background:#f3f6f9}#crypto-tools{height:64px;padding:8px 16px;background:#fff;border-bottom:1px solid #dce4ec;align-items:center;gap:16px;display:none}button{font:inherit;cursor:pointer}#menu-toggle{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;min-height:48px;padding:10px 16px;background:#e5f2ee;border:1px solid #9fc9be;border-radius:10px;color:#106d60}#menu-toggle span{font-size:23px}#crypto-section{font-size:14px;color:#637c8d}#crypto-menu{position:fixed;top:98px;bottom:0;left:0;width:195px;background:#fff;padding:24px 14px;border-right:1px solid #dce4ec;z-index:30}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.menu-top strong{font-size:23px}.menu-top button{display:none}#crypto-menu a{display:block;padding:15px 12px;margin:4px 0;font-size:14px;border-radius:8px}#crypto-menu a[aria-current=page]{background:#e5f2ee;color:#087a71;font-weight:700}body.crypto #workspace{margin-left:195px}#loading{position:fixed;left:50%;top:118px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));padding:16px 18px;border:1px solid #cadfd9;border-radius:10px;background:#eef7f4;box-shadow:0 6px 24px #18374a14;z-index:40;display:flex;gap:12px;align-items:center}#retry{margin-left:auto;padding:9px 12px;border:1px solid #afccc3;border-radius:7px;background:#fff;color:#126b5e;white-space:nowrap}button:focus-visible,a:focus-visible{outline:3px solid #72b6a6;outline-offset:3px}
@media(max-width:1100px) and (min-width:721px){header{grid-template-columns:110px minmax(400px,1fr) auto;gap:12px;padding:10px 16px}header nav strong{font-size:15px}}
@media(max-width:720px){header{height:126px;padding:10px 14px;grid-template-columns:1fr auto;grid-template-rows:26px 1fr;gap:8px}.brand{font-size:21px}.brand small{display:none}header nav{grid-column:1/-1;grid-row:2}.account{grid-column:2;grid-row:1;font-size:11px}header nav p{font-size:12px}header nav>div{gap:6px}header nav a{text-align:center;padding:9px 4px;min-height:54px}header nav a[aria-current=page]{padding:8px 3px}header nav strong{font-size:15px;white-space:nowrap}header nav small{font-size:9px}#workspace{height:calc(100dvh - 126px)}body.crypto #crypto-tools{display:flex}body.crypto #workspace{height:calc(100dvh - 190px);margin-left:0}#crypto-menu{top:126px;width:min(310px,86vw);box-shadow:8px 0 30px #143b4c25}.menu-top button{display:block;font-size:28px;border:0;background:#eef4f3;border-radius:8px;min-height:48px;min-width:48px}#crypto-menu a{font-size:17px;min-height:54px}#menu-shade{position:fixed;inset:126px 0 0;background:#17324766;z-index:25;border:0;width:100%}#loading{top:145px}body.crypto #loading{top:205px}}

/* Match the compact stock menu, while retaining a useful touch target. */
#crypto-tools{height:50px;padding:4px 14px;gap:12px}#menu-toggle{font-size:14px;font-weight:600;min-height:40px;padding:6px 10px;border-color:#d5e2de;background:#f5f9f7;border-radius:7px}#menu-toggle span{font-size:18px}@media(max-width:720px){body.crypto #workspace{height:calc(100dvh - 176px)}}

.account{display:flex;align-items:center;gap:12px}#opening-offer{border:1px solid #b7d9ce;border-radius:6px;padding:5px 8px;background:#eaf6f0;color:#0f7361;font-weight:700}@media(max-width:720px){.account{gap:9px}#opening-offer{font-size:10px;padding:3px 6px}}

/* One compact mobile header. The inner document keeps its original desktop navigation. */
#global-menu{display:none}
@media(max-width:720px){
 header{height:100px;padding:4px 12px;grid-template-columns:44px minmax(76px,1fr) auto;grid-template-rows:44px 44px;gap:4px 6px}
 #global-menu{display:grid;place-items:center;grid-column:1;grid-row:1;width:44px;height:44px;border:1px solid #d4e3df;background:#f3f8f6;border-radius:8px;color:#173d48;font-size:23px}
 header>.brand{grid-column:2;grid-row:1;font-size:20px;letter-spacing:-.5px;white-space:nowrap}
 header>.account{grid-column:3;grid-row:1;gap:8px;font-size:10px}
 header nav{grid-column:1/-1;grid-row:2}header nav p,header nav small{display:none}
 header nav a{min-height:44px;padding:10px 4px}header nav a[aria-current=page]{padding:9px 3px}header nav strong{font-size:14px}
 #workspace,body.crypto #workspace{height:calc(100dvh - 100px);margin-left:0}
 body.crypto #crypto-tools{display:none!important}#crypto-menu{top:100px}#menu-shade{inset:100px 0 0}#loading,body.crypto #loading{top:112px}
}
