.stock-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.8fr);gap:24px;align-items:center;margin:12px 0 18px;padding:24px;border:1px solid #efe4d7;border-radius:24px;background:linear-gradient(120deg,#fff5e8,#f8eeeb 60%,#f0f6ed)}
.stock-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fffdf8;color:#a34a5c;font-size:12px;font-weight:700;letter-spacing:.02em}
.stock-intro h2{margin:12px 0 6px;font-size:24px;color:#493b3a}
.stock-intro p{max-width:690px;margin:6px 0;color:#6d6264;font-size:14px;line-height:1.7}
.stock-intro .stock-local-note{margin-top:11px;color:#8a5b47;font-size:12px}
.stock-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stock-summary>div{min-height:94px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid #efe7dc;border-radius:18px;background:#fffdfa}
.stock-summary strong{font-size:27px;line-height:1;color:#c72a54;font-variant-numeric:tabular-nums}
.stock-summary span{color:#726a71;font-size:12px}
.stock-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.stock-actions .btn{min-height:44px}
.stock-actions .text-link{min-height:44px;padding:0 12px;color:#856f72}
.stock-tools{max-width:560px;margin:0 0 15px}
.stock-tools label{display:block;margin-bottom:7px;color:#514850;font-size:13px;font-weight:700}
.stock-tools input{width:100%;min-height:48px;padding:0 14px;border:1px solid #e8ded5;border-radius:14px;background:#fffefa;color:#3e363b;font:inherit;font-size:16px;outline:none}
.stock-tools input:focus{border-color:#dc5e7d;box-shadow:0 0 0 3px #dc5e7d26}
.stock-tools p,.stock-footnote{margin:7px 0 0;color:#81777a;font-size:12px;line-height:1.65}
.stock-groups{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
.stock-group{min-width:46px;min-height:44px;padding:0 14px;border:1px solid #e9dfd3;border-radius:999px;background:#fffefa;color:#685a5c;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.stock-group.active{border-color:#e2496e;background:#ffe3eb;color:#a9284c;font-weight:750}
.stock-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 10px}
.stock-results-head h2{margin:0;color:#493f44;font-size:18px}
.stock-results-head span{color:#82797d;font-size:12px;font-variant-numeric:tabular-nums}
.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:11px}
.stock-card{min-width:0;display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #ece5dc;border-radius:17px;background:#fffefa;box-shadow:0 3px 10px #61473008}
.stock-swatch{width:44px;height:44px;flex:0 0 44px;border:1px solid #493f4421;border-radius:14px;box-shadow:inset 0 0 0 5px #ffffff30}
.stock-card-info{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px}
.stock-card-info>strong{color:#483d43;font-size:16px;letter-spacing:.025em}
.stock-card-info>small{color:#8a8083;font-size:11px;text-align:right}
.stock-card-info>label{grid-column:1/-1;margin:6px 0 2px;color:#6f666b;font-size:11px}
.stock-stepper{grid-column:1/-1;display:grid;grid-template-columns:44px minmax(70px,1fr) 44px;gap:8px}
.stock-stepper button{min-width:44px;min-height:44px;border:1px solid #e9dfd3;border-radius:12px;background:#fff8f3;color:#9e3554;font-size:20px;cursor:pointer;touch-action:manipulation}
.stock-stepper input{width:100%;min-width:0;min-height:44px;border:1px solid #e9dfd3;border-radius:12px;background:#fff;color:#443b40;text-align:center;font:inherit;font-size:16px;font-variant-numeric:tabular-nums}
.stock-stepper input:focus{outline:3px solid #dc5e7d32;border-color:#dc5e7d}
.stock-stepper input::-webkit-inner-spin-button,.stock-stepper input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.stock-empty{grid-column:1/-1;margin:0;padding:25px;border:1px dashed #e4d9cd;border-radius:16px;background:#fffefa;color:#776c70;line-height:1.6}
.stock-more{grid-column:1/-1;min-height:48px}
.stock-footnote{margin:17px 0 32px;padding:13px 15px;border-radius:14px;background:#f7f2ea}
.stock-manage-link{display:block;min-height:44px;margin:2px auto 6px}
.chart-explain{line-height:1.65}
#diyUseStock{min-height:46px}
@media(max-width:760px){
  .stock-intro{grid-template-columns:1fr;gap:15px;padding:18px;border-radius:19px}
  .stock-intro h2{font-size:21px}
  .stock-summary>div{min-height:78px}
  .stock-actions{gap:8px}
  .stock-actions .btn{flex:1 1 145px;padding:0 10px;font-size:13px}
  .stock-actions .text-link{flex:1 1 100%;text-align:left}
  .stock-grid{grid-template-columns:1fr}
  .stock-card{padding:12px}
  .stock-results-head{align-items:flex-start}
}
@media(max-width:380px){.mobile-nav{padding-left:4px;padding-right:4px}.mobile-nav .nav-btn{font-size:9px}.stock-intro{padding:15px}}