/* homepage sections (loaded after frame.css) */
/* two-column grid */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;}
.col{padding:22px 22px 24px;display:flex;flex-direction:column;}
.head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;}
.head h2{font:700 1.65rem/1.15 var(--serif);color:#efe9de;}
.more{font-size:.85rem;color:#cfc5b1;white-space:nowrap;}
.more:hover{color:var(--gold-hi);}

.card{display:block;background:linear-gradient(180deg,rgba(44,40,37,.92),rgba(28,26,24,.94));border:1px solid rgba(255,255,255,.07);
  border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .15s,box-shadow .15s;}
a.card:hover{border-color:rgba(227,184,108,.65);box-shadow:0 3px 14px rgba(0,0,0,.5),0 0 0 1px rgba(227,184,108,.35);}

/* stock rows */
.rows{display:grid;gap:9px;flex:1;grid-auto-rows:1fr;}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:11px 16px 11px 13px;}
.badge{width:36px;height:36px;border-radius:5px;display:grid;place-items:center;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3);}
.badge svg{width:21px;height:21px;}
.badge.buy{background:#5fae55;}.badge.hold{background:#e2b84a;}.badge.sell{background:#d6624a;}.badge.na{background:#5a5048;}
.row .tk{font:600 1.3rem/1 var(--sans);color:#fff;}
.row .nm{font-size:.8rem;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row .px{text-align:right;font-variant-numeric:tabular-nums;}
.row .p{font:600 1.15rem/1 var(--sans);color:#fff;}
.row .c{font:600 .82rem/1 var(--sans);margin-top:5px;}
.up{color:var(--up);}.down{color:var(--down);}.flat{color:var(--muted);}
.unavail{padding:14px;color:var(--muted);font-size:.9rem;}

/* news */
.lead img{width:100%;aspect-ratio:262/67;object-fit:cover;border-radius:4px 4px 0 0;}
.lead .t{padding:12px 14px 13px;}
.lead b{display:block;font:600 1.18rem/1.25 var(--sans);color:#fff;}
.lead span{display:block;margin-top:5px;font-size:.8rem;color:var(--muted);}
.items{display:grid;gap:9px;margin-top:10px;}
.item{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;padding:8px;}
.item img{width:68px;height:52px;object-fit:cover;border-radius:3px;}
.item b{display:block;font:600 .95rem/1.25 var(--sans);color:#fff;}
.item span{display:block;margin-top:3px;font-size:.78rem;color:var(--muted);}
a.card:hover b{color:var(--gold-hi);}

/* companies */
.cos{display:grid;gap:9px;}
.co{display:grid;grid-template-columns:118px 1fr;gap:9px;}
.logo{overflow:hidden;padding:0;background:#1d1b19;}
.logo img{width:100%;height:100%;object-fit:contain;}
.tile{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 16px;min-height:64px;}
.tile .nm{font:600 1.12rem/1.15 var(--sans);color:#fff;}
.tile .sub{font-size:.78rem;color:var(--muted);margin-top:4px;}
.sc{text-align:right;line-height:1;}
.sc .n{font:600 1.7rem/1 var(--sans);color:#fff;font-variant-numeric:tabular-nums;}
.sc .v{font:600 .8rem/1 var(--sans);margin-top:5px;white-space:nowrap;}
.sc .v::before{content:"\25C6";color:var(--gold);font-size:.7em;margin-right:5px;vertical-align:.1em;}

/* safety */
.safety{display:flex;flex-direction:column;}
.safety .head{justify-content:flex-start;gap:14px;align-items:center;}
.shield{width:40px;height:44px;flex:none;}
.safety p{color:#d9d0bd;font-size:.98rem;line-height:1.5;margin-bottom:18px;}
.safety .act{margin-top:auto;display:flex;align-items:center;gap:12px;}
.social{margin-left:auto;display:flex;gap:8px;}
.social a{width:30px;height:30px;border-radius:4px;display:grid;place-items:center;background:#3a3531;border:1px solid rgba(255,255,255,.08);}
.social a:hover{background:#4a433d;border-color:var(--gold);}
.social svg{width:16px;height:16px;fill:#e6dfd2;}
@media (max-width:760px){
  .grid{grid-template-columns:1fr;gap:12px;margin-top:12px;}
  .col{padding:18px 14px 18px;}
  .head h2{font-size:1.45rem;}
  .co{grid-template-columns:100px 1fr;}
}