/* HappyStock Home Learning v15.32.24 — school grade palette; right half stays empty. */
.hs-home-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.hs-home-learning-card{min-width:0;aspect-ratio:16/9;box-sizing:border-box;overflow:hidden;border:1px solid var(--line,#dce9e1);border-radius:17px;background:#fff;box-shadow:var(--shadow,0 3px 14px #203b250c);padding:clamp(10px,1.35vw,17px);display:flex;flex-direction:column}
.hs-home-learning-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:clamp(5px,.7vw,10px);flex:none;min-width:0}
.hs-home-learning-card h3{font-size:clamp(14px,1.3vw,18px);line-height:1.25;font-weight:800;margin:0;letter-spacing:-.025em}
.hs-home-learning-all{font-size:clamp(11px,1vw,13px);font-weight:750;color:#247e56;text-decoration:none;white-space:nowrap;padding:5px 0 5px 6px}
.hs-home-learning-all:hover,.hs-home-learning-all:focus-visible{text-decoration:underline;color:#12603e}
.hs-home-learning-items{margin:0;padding:0;list-style:none;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0;flex:1;overflow:hidden}
.hs-home-learning-items>li{min-width:0;min-height:0;display:flex;align-items:center;gap:7px;border-top:1px solid #edf2ee}
.hs-home-learning-items>li:first-child{border-top:0}
.hs-home-learning-badge{flex:0 0 auto;font-weight:800;border-radius:6px;background:#00ff00;color:#111c13;padding:3px 5px;font-size:clamp(10px,.88vw,12px);line-height:1.1;white-space:nowrap}
.hs-home-learning-items a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#253c31;font-size:clamp(12px,1.05vw,15px);font-weight:650;line-height:1.55;text-decoration:none}
.hs-home-learning-items a:hover,.hs-home-learning-items a:focus-visible{text-decoration:underline;color:#137246}
.hs-home-learning-placeholder{font-size:clamp(11px,.95vw,13px);color:#87978c;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-home-learning-message{color:#72877a;font-size:13px;margin:0;line-height:1.5}
@media(max-width:680px){.hs-home-learning-grid{grid-template-columns:minmax(0,1fr)}.hs-home-learning-card{padding:clamp(10px,3.3vw,14px)}.hs-home-learning-card h3{font-size:clamp(14px,4vw,17px)}.hs-home-learning-all{font-size:12px}.hs-home-learning-badge{font-size:11px}.hs-home-learning-items a{font-size:clamp(12px,3.45vw,14px)}}


/* v15.32.52: three equal home learning cards, at the ORIGINAL two-card height.
   The invisible grid sizing element has the former half-width 16:9 ratio. */
.hs-home-learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.hs-home-learning-grid::before{content:'';grid-column:1/-1;grid-row:1;
 width:calc((100% - 16px) / 2);aspect-ratio:16/9;visibility:hidden;pointer-events:none}
.hs-home-learning-grid>.hs-home-learning-card,
.hs-home-learning-grid>.hs-home-company-card,
.hs-home-learning-grid>.hs-home-guru-card{grid-row:1;aspect-ratio:auto;height:100%;min-height:0;box-sizing:border-box}
.hs-home-learning-grid>.hs-home-learning-card{grid-column:1}
.hs-home-learning-grid>.hs-home-company-card{grid-column:2}
.hs-home-learning-grid>.hs-home-guru-card{grid-column:3}
.hs-home-company-card h3{font-size:clamp(14px,1.3vw,18px);line-height:1.25;font-weight:800;margin:0;letter-spacing:-.025em}
.hs-home-company-card{min-width:0;padding:clamp(10px,1.35vw,17px);display:flex;flex-direction:column;overflow:hidden;
 background:#fff;border:1px solid var(--line,#dce9e1);border-radius:17px;box-shadow:var(--shadow,0 3px 14px #203b250c)}
.hs-home-company-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}
.hs-home-company-empty{margin:auto 0;text-align:center;color:#6a8172;font-size:clamp(11px,.96vw,14px);line-height:1.55}
.hs-home-company-empty a{color:#0a7549;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.hs-home-company-list{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));list-style:none;padding:0;margin:0;min-height:0;height:100%}
.hs-home-company-list>li{display:grid;grid-template-columns:1.6em minmax(0,1fr) 2.6em 3.5em;align-items:center;min-height:0;gap:clamp(2px,.35vw,8px);border-top:1px solid #edf2ee;font-variant-numeric:tabular-nums}
.hs-home-company-list>li:first-child{border-top:0}
.hs-home-company-num{color:#6d8175;font-size:clamp(10px,.85vw,13px);font-weight:800}
.hs-home-company-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:clamp(10px,.92vw,14px);font-weight:700;color:#2a4636}
.hs-home-company-name:hover,.hs-home-company-name:focus-visible{text-decoration:underline;color:#137246}
.hs-home-company-stat,.hs-home-company-percent{white-space:nowrap;text-align:right;font-size:clamp(10px,.85vw,13px);font-weight:700}
.hs-home-company-stat{color:#526a5b}
.hs-home-company-percent{color:#0b794b}
/* Retain the familiar two-column ratio on compact desktops; mobile cards remain 16:9. */
@media(max-width:1100px){
 .hs-home-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hs-home-learning-grid::before{display:none}
 .hs-home-learning-grid>.hs-home-learning-card,
 .hs-home-learning-grid>.hs-home-company-card,
 .hs-home-learning-grid>.hs-home-guru-card{grid-row:auto;grid-column:auto;aspect-ratio:16/9;height:auto}
}
@media(max-width:680px){
 .hs-home-learning-grid{grid-template-columns:minmax(0,1fr)}
 .hs-home-company-card{padding:clamp(10px,3.3vw,14px)}
 .hs-home-company-card h3{font-size:clamp(14px,4vw,17px)}
 .hs-home-company-list>li{gap:7px}
 .hs-home-company-name{font-size:clamp(12px,3.45vw,14px)}
 .hs-home-company-stat,.hs-home-company-percent,.hs-home-company-num{font-size:clamp(11px,3vw,13px)}
}

/* v15.32.53 — fit ten real stock recommendations without increasing the existing card height. */
.hs-home-company-list>li{min-height:0;line-height:1.12}
.hs-home-company-list>li>*{line-height:1.12}
@media(max-width:680px){
 .hs-home-company-list>li{gap:clamp(3px,1.2vw,7px)}
 .hs-home-company-list .hs-home-company-name{font-size:clamp(10px,2.75vw,12px)}
 .hs-home-company-list .hs-home-company-num,.hs-home-company-list .hs-home-company-stat,.hs-home-company-list .hs-home-company-percent{font-size:clamp(9px,2.6vw,11px)}
}

/* HappyStock v15.32.58 -- focused interface refinements */

/* Ten stock recommendations remain legible on small screens. */
@media(max-width:1100px){.hs-home-learning-grid>.hs-home-company-card,.hs-home-learning-grid>.hs-home-learning-card,.hs-home-learning-grid>.hs-home-guru-card{min-height:315px}}
@media(max-width:680px){
 .hs-home-learning-grid>.hs-home-learning-card,.hs-home-learning-grid>.hs-home-company-card,.hs-home-learning-grid>.hs-home-guru-card{aspect-ratio:auto;height:auto;min-height:345px}
 .hs-home-company-list>li{min-height:27px;line-height:1.35}
 .hs-home-company-list>li>*{line-height:1.35}
 .hs-home-company-list .hs-home-company-name{font-size:13px}
 .hs-home-company-list .hs-home-company-num,.hs-home-company-list .hs-home-company-stat,.hs-home-company-list .hs-home-company-percent{font-size:12px}
}


/* v15.32.66: same-sized home card, public six-axis US stock spotlight. */
.hs-today-stock{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0;min-width:0;width:100%}
.hs-today-stock-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;gap:2px;color:#263d30;text-decoration:none}
.hs-today-stock-link:hover .hs-today-stock-name,.hs-today-stock-link:focus-visible .hs-today-stock-name{color:#08784d;text-decoration:underline}
.hs-today-stock-link:focus-visible{outline:2px solid #17845a;outline-offset:-2px;border-radius:8px}
.hs-today-stock-name{flex:0 0 auto;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1.05vw,17px);line-height:1.3}
.hs-today-stock-radar{display:block;width:100%;height:100%;min-height:0;max-height:100%;flex:1 1 auto;overflow:visible}
.hs-today-stock-footer{flex:none;display:flex;width:100%;justify-content:space-between;align-items:center;gap:6px;color:#476453;font-size:clamp(10px,.85vw,13px);font-weight:700;white-space:nowrap;line-height:1.3}
.hs-today-stock-footer span:last-child{color:#117c4f}
@media(max-width:680px){.hs-today-stock-name{font-size:16px}.hs-today-stock-footer{font-size:12px}}