/* MarketPICK shared-user detail canonical style v1.4.0
 * Source: ADMIN
 * Direction: ADMIN -> shared-user -> USER/Android
 * Loaded after target base CSS so this file is authoritative for the user-facing detail view.
 */
.detail{display:none;min-height:100vh;background:linear-gradient(180deg,#0b1424 0%,#0d1829 100%);padding-bottom:56px;touch-action:pan-y}
.detail.show{display:block}
.detailTop{position:sticky;top:0;z-index:30;background:rgba(12,22,38,.97);backdrop-filter:blur(12px);border-bottom:1px solid #223653;display:flex;align-items:center;gap:10px;padding:max(14px,env(safe-area-inset-top)) 14px 12px}
.detailTop .back{position:relative;z-index:1;color:#8eb8ff}
.detailTop .back::after{content:"";position:absolute;inset:-12px -14px}
.detailTopTitle{font-weight:850;font-size:17px;color:#eef5ff;flex:1;min-width:0}
.detailEditBtn{height:31px;border:1px solid #3b5f89;background:#183354;color:#d8e9ff;border-radius:9px;padding:0 12px;font-size:12px;font-weight:850;cursor:pointer;box-shadow:none}
.detailEditBtn:active{transform:translateY(1px);background:#21446f}
.detailBody{padding:14px 12px}
.hero,.section{background:linear-gradient(145deg,#142238,#182a46);border:1px solid #263c5c;border-radius:18px;padding:16px;margin-bottom:10px;box-shadow:0 7px 18px rgba(0,0,0,.17)}
.hero h1{font-size:18px;line-height:1.35;margin:0 0 10px;color:#f6f8fc}
.hero h1.importance3{color:#f0c979}
.hero h1.importance2{color:#f5f7fb}
.hero h1.importance1{color:#8794a6}
.hero h1.importance0{color:#5f6a79}
.dateLine{font-size:13px;color:#93a5bd}
.themeLine{display:flex;align-items:flex-start;gap:5px;margin-top:6px;min-width:0}
.themeLineLabel{flex:0 0 auto;font-size:10px;font-weight:850;color:#6f8db6;padding-top:2px}
.themeBadges{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.themeBadge{display:inline-flex;align-items:center;max-width:100%;font-size:10px;font-weight:750;line-height:1.2;color:#a9c8f2;background:#172b47;border:1px solid #294867;border-radius:999px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section h2{font-size:14px;margin:0 0 10px;color:#7eaeff}
.section p{font-size:14px;line-height:1.65;margin:0;color:#c0cddd}
.sectionTitleRow{display:flex;align-items:baseline;gap:5px;margin:0 0 10px;min-width:0}
.sectionTitleRow h2{margin:0;flex:0 0 auto}
.sectionHint{font-size:9px;font-weight:600;line-height:1.25;color:#7f94b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.15px}
.summaryText{font-size:14px;line-height:1.65;margin:0;color:#fff;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.relatedCompany{font-size:13px;line-height:1.55;color:#fff;padding:5px 0;white-space:normal}
.relatedCompanyLink{color:#fff;font-weight:850;text-decoration:none;cursor:pointer}
.relatedCompanyLink:active{opacity:.65}
.relatedCompanyArrow{font-weight:900;margin-left:2px;color:#8fc4ff}
.newsRow{padding:11px 0;border-top:1px solid #293f5e;cursor:pointer}
.newsRow:first-of-type{border-top:0}
.newsTitle{font-size:14px;font-weight:750;line-height:1.4;color:#eef4fc}
.newsRow:active .newsTitle{color:#78a9ff}
.newsTitleRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.newsLinkBtn{flex:0 0 auto;height:28px;border:1px solid #335a86;background:#183354;color:#d8e9ff;border-radius:8px;padding:0 10px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.newsLinkBtn:active{background:#21446f}
.newsLinkBtn:disabled{opacity:.45;cursor:default}
.textHighlight{color:var(--hl-color,#ffd84d);text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1.5px;text-underline-offset:2px;text-decoration-skip-ink:auto}
.detailDisclaimer{display:block;margin:16px 4px 4px;padding:12px 2px 0;border-top:1px solid rgba(120,151,189,.20);color:#91a4bd;font-size:12px;font-weight:500;line-height:1.58;letter-spacing:-.08px;white-space:normal;word-break:keep-all}
@media(max-width:430px){.detailDisclaimer{margin:15px 4px 4px;font-size:12px;line-height:1.56}}

/* screen typography/reaction ownership v2.4.2 */
.detailReactionSection{margin-top:10px;padding-top:8px;border-top:1px solid rgba(120,151,189,.20)}
.detailReactionEntry{padding:0}
.detailReactionEntry+.detailReactionEntry{margin-top:6px;padding-top:6px;border-top:1px solid rgba(120,151,189,.12)}
.detailReactionRow{display:grid;grid-template-columns:46px 24px minmax(0,1fr);column-gap:6px;align-items:start;font-size:12px;line-height:1.42;color:#f2f6fb;word-break:keep-all;overflow-wrap:anywhere}
.detailReactionRow+.detailReactionRow{margin-top:1px}
.detailReactionDate{font-size:11px;font-weight:900;color:#9bcaff;white-space:nowrap;letter-spacing:-.12px}
.detailReactionDate.isSpacer{visibility:hidden}
.detailReactionKind{font-size:11px;font-weight:900;color:#c5d2e2;white-space:nowrap;letter-spacing:-.12px}
.detailReactionValue{min-width:0;color:#f4f7fb;font-weight:720;padding-right:1px}
.detailReactionValue.reactionIssueValue,.detailReactionValue .reactionStockName{color:#cfd5de}
@media (max-width:600px){
.detailReactionSection{margin-top:9px;padding-top:7px}
.detailReactionEntry+.detailReactionEntry{margin-top:5px;padding-top:5px}
.detailReactionRow{grid-template-columns:44px 23px minmax(0,1fr);column-gap:5px;line-height:1.38}
}
#detailView{font-family:var(--mp-font-family)}
#detailView .detailReactionRow{font-size:var(--mp-read-meta);line-height:1.45}
#detailView .detailReactionDate,#detailView .detailReactionKind{font-size:var(--mp-read-meta);font-weight:800}
#detailView .detailReactionValue{font-size:var(--mp-read-meta);font-weight:700}
#detailView .detailTopTitle{font-size:17px;font-weight:900;line-height:1.3;letter-spacing:var(--mp-track-title)}
#detailView .detailEditBtn{font-size:12px;font-weight:800}
#detailView .hero h1{margin-bottom:var(--mp-read-gap);font-size:var(--mp-read-page);font-weight:900;line-height:1.34;letter-spacing:var(--mp-track-title);word-break:keep-all;overflow-wrap:anywhere}
#detailView .dateLine{font-size:var(--mp-read-meta);font-weight:600;line-height:var(--mp-line-meta)}
#detailView .themeLineLabel,#detailView .themeBadge{font-size:var(--mp-read-meta);font-weight:700;line-height:1.3}
#detailView .sectionTitleRow{margin-bottom:var(--mp-read-gap)}
#detailView .section h2{font-size:var(--mp-read-title);font-weight:800;line-height:1.35;letter-spacing:var(--mp-track-title)}
#detailView .sectionHint{font-size:var(--mp-read-meta);font-weight:600;line-height:var(--mp-line-meta)}
#detailView .section p,#detailView .summaryText{font-size:var(--mp-read-body);font-weight:600;line-height:var(--mp-line-body);letter-spacing:var(--mp-track-body);word-break:keep-all;overflow-wrap:anywhere}
#detailView .relatedCompany{padding:4px 0;font-size:var(--mp-read-body);font-weight:600;line-height:1.50;word-break:keep-all;overflow-wrap:anywhere}
#detailView .relatedCompanyLink{font-size:var(--mp-read-stock);font-weight:800}
#detailView .newsRow{padding:var(--mp-read-gap-section) 0}
#detailView .newsTitle,#detailView .stockName{font-size:var(--mp-read-stock);font-weight:700;line-height:1.45}
#detailView .stockWhy,#detailView .newsMeta,#detailView .followMeta{font-size:var(--mp-read-meta);font-weight:600;line-height:var(--mp-line-meta)}
#detailView .newsLinkBtn{font-size:11px;font-weight:800}
#detailView .detailDisclaimer{font-size:var(--mp-read-meta);font-weight:500;line-height:1.55}