/* MK Intelligence Sonderbericht: LG Smart TV 2026 */
.lg-report-hero { position: relative; overflow: hidden; padding: clamp(70px, 9vw, 122px) 0 78px; border-bottom: 1px solid rgba(104, 186, 245, .16); background: radial-gradient(ellipse 55% 85% at 83% 48%, rgba(35, 139, 224, .18), transparent 70%), radial-gradient(ellipse 44% 70% at 18% 20%, rgba(129, 61, 224, .16), transparent 70%), linear-gradient(150deg, #030914, #050a18 65%, #090719); }
.lg-report-hero::after { position: absolute; right: -12%; bottom: -55%; width: 68%; height: 90%; border: 1px solid rgba(45, 210, 255, .14); border-radius: 50%; content: ""; transform: rotate(-17deg); box-shadow: 0 0 95px rgba(31, 186, 255, .1), inset 0 0 70px rgba(160, 83, 255, .08); pointer-events: none; }
.lg-report-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, .78fr); gap: clamp(32px, 7vw, 100px); align-items: center; }
.lg-report-hero-copy { max-width: 720px; }
.lg-report-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 22px; color: #a8c4dc; font-size: .78rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.lg-report-dot { width: 8px; height: 8px; border-radius: 50%; background: #ffb44a; box-shadow: 0 0 18px rgba(255, 180, 74, .75); }
.lg-report-hero h1 { max-width: 800px; margin: 0; color: #f4f8ff; font-size: clamp(3rem, 6.3vw, 6.25rem); line-height: .94; letter-spacing: -.075em; }
.lg-report-hero h1 span { color: transparent; background: linear-gradient(100deg, #ecf8ff, #58dcff 47%, #c085ff 88%); background-clip: text; -webkit-background-clip: text; }
.lg-report-lead { max-width: 630px; margin: 26px 0 0; color: #b1c3d7; font-size: clamp(1.03rem, 1.5vw, 1.18rem); line-height: 1.65; }
.lg-report-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.lg-report-meta { margin: 22px 0 0; color: #788fa9; font-size: .78rem; }
.lg-report-visual { position: relative; display: grid; min-height: 450px; place-items: center; overflow: hidden; border: 1px solid rgba(86, 204, 255, .34); border-radius: 28px; background: linear-gradient(145deg, rgba(6, 30, 52, .72), rgba(19, 7, 48, .82)); box-shadow: 0 28px 75px rgba(0, 0, 0, .34), inset 0 1px rgba(255,255,255,.09); }
.lg-report-visual::before { position: absolute; inset: 16%; border: 1px solid rgba(57, 210, 255, .22); border-radius: 48% 52% 46% 54%; content: ""; transform: rotate(27deg); box-shadow: 0 0 60px rgba(42, 197, 255, .12), inset 0 0 55px rgba(133, 76, 255, .12); }
.lg-report-visual-grid { position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(99, 190, 243, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 190, 243, .09) 1px, transparent 1px); background-size: 35px 35px; mask-image: radial-gradient(circle at center, #000, transparent 72%); }
.lg-report-visual img { position: relative; z-index: 1; width: min(65%, 290px); filter: drop-shadow(0 24px 28px rgba(0,0,0,.55)) drop-shadow(0 0 34px rgba(73, 197, 255, .22)); }
.lg-report-visual-label { position: absolute; right: 20px; bottom: 18px; color: #7ea2bf; font-size: .62rem; font-weight: 800; letter-spacing: .16em; }
.lg-report-signal { position: absolute; z-index: 2; padding: 10px 12px; border: 1px solid rgba(104, 209, 255, .25); border-radius: 11px; color: #9bc8df; background: rgba(3, 14, 29, .68); backdrop-filter: blur(9px); font-size: .66rem; letter-spacing: .08em; }
.lg-report-signal b { display: block; margin-top: 3px; color: #f1f8ff; font-size: .72rem; letter-spacing: 0; }.signal-a { top: 16%; left: 8%; }.signal-b { top: 32%; right: 8%; border-color: rgba(188, 116, 255, .34); }.signal-c { bottom: 17%; left: 9%; border-color: rgba(255, 183, 74, .34); }
.lg-report-anchor { scroll-margin-top: 98px; }
.lg-report-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; gap: clamp(28px, 5vw, 65px); align-items: start; padding-top: 70px; padding-bottom: 78px; }
.lg-report-article { min-width: 0; }.lg-report-article section { scroll-margin-top: 105px; padding: 30px 0 44px; border-bottom: 1px solid rgba(102, 173, 227, .14); }.lg-report-article section:last-child { border-bottom: 0; }.lg-report-article h2 { margin: 0 0 16px; color: #f1f6ff; font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.08; letter-spacing: -.045em; }.lg-report-article p, .lg-report-article li { color: #b9c9da; font-size: .99rem; line-height: 1.72; }.lg-report-article p + p { margin-top: 14px; }
.lg-report-intro { padding: 27px 30px 29px; border: 1px solid rgba(72, 211, 255, .3); border-radius: 19px; background: linear-gradient(135deg, rgba(8, 42, 67, .76), rgba(23, 10, 50, .72)); box-shadow: inset 0 1px rgba(255,255,255,.06); }.lg-report-intro .eyebrow { margin-bottom: 9px; }.lg-report-answer { margin: 0; color: #d6e8f5 !important; font-size: 1.1rem !important; line-height: 1.55 !important; }.lg-report-answer strong { color: #f3fbff; }
.lg-fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0 17px; }.lg-fact { padding: 20px; border: 1px solid rgba(86, 184, 240, .2); border-radius: 16px; background: rgba(9, 22, 40, .64); }.lg-fact span { display: block; margin-bottom: 11px; color: #70e4ff; font-size: .73rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.lg-fact-open span { color: #d09bff; }.lg-fact ul { margin: 0; padding-left: 18px; }.lg-fact li { margin: 0; font-size: .9rem; }.lg-fact li + li { margin-top: 8px; }
.lg-report-note { padding: 16px 18px; border-left: 2px solid var(--cyan); color: #a9c3d7 !important; background: rgba(17, 44, 67, .3); font-size: .9rem !important; }.lg-model-table { display: grid; margin-top: 23px; border: 1px solid rgba(90, 179, 231, .2); border-radius: 16px; overflow: hidden; }.lg-model-row { display: grid; grid-template-columns: minmax(155px, .35fr) 1fr; gap: 18px; padding: 14px 16px; border-top: 1px solid rgba(90, 179, 231, .13); }.lg-model-row:first-child { border-top: 0; }.lg-model-head { color: #79e6ff; background: rgba(18, 55, 80, .46); font-size: .72rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.lg-model-row b { color: #edf7ff; font-size: .9rem; }.lg-model-row span { color: #a8bbcf; font-size: .88rem; line-height: 1.5; }
.lg-history { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 23px 0 18px; }.lg-history div { min-height: 120px; padding: 17px; border: 1px solid rgba(116, 104, 255, .22); border-radius: 14px; background: linear-gradient(145deg, rgba(22, 32, 60, .64), rgba(14, 11, 35, .72)); }.lg-history b, .lg-history span { display: block; }.lg-history b { color: #78e6ff; font-size: 1.35rem; }.lg-history span { margin-top: 6px; color: #aabbd0; font-size: .82rem; line-height: 1.45; }
.lg-steps { display: grid; gap: 12px; width: 100%; margin: 22px 0 0; padding: 0; list-style: none; counter-reset: lg-step; }.lg-steps li { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 13px; width: 100%; counter-increment: lg-step; }.lg-steps li::before { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(61, 214, 255, .42); border-radius: 50%; color: var(--cyan); content: counter(lg-step, decimal-leading-zero); font-size: .68rem; font-weight: 850; }.lg-steps b, .lg-step-description { display: block; min-width: 0; }.lg-steps b { color: #eff8ff; font-size: .97rem; }.lg-step-description { margin-top: 3px; color: #aabed1; font-size: .88rem; line-height: 1.55; }
.lg-risk-card { display: grid; grid-template-columns: .68fr 1.32fr; gap: 25px; margin: 22px 0 17px; padding: 22px; border: 1px solid rgba(161, 104, 255, .28); border-radius: 18px; background: linear-gradient(135deg, rgba(19, 26, 59, .78), rgba(12, 14, 33, .75)); }.lg-risk-score span, .lg-risk-score small { display: block; color: #9eafc4; font-size: .74rem; }.lg-risk-score strong { display: block; margin: 10px 0 4px; color: #ffc067; font-size: 2.15rem; line-height: 1; }.lg-risk-score small { line-height: 1.45; }.lg-risk-bars { display: grid; gap: 13px; align-content: center; }.lg-risk-bars > div { display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; align-items: center; }.lg-risk-bars span { color: #bdcddd; font-size: .79rem; }.lg-risk-bars em { color: #d5a2ff; font-size: .7rem; font-style: normal; }.lg-risk-bars b { display: block; grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 99px; background: rgba(110, 143, 174, .2); }.lg-risk-bars i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #31d7ff, #9a68ff); }
.lg-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 21px; }.lg-checklist label { display: flex; gap: 9px; align-items: flex-start; padding: 12px 13px; border: 1px solid rgba(87, 169, 226, .17); border-radius: 11px; color: #b8c9da; background: rgba(9, 23, 41, .52); font-size: .86rem; line-height: 1.4; }.lg-checklist input { flex: 0 0 auto; margin-top: 3px; accent-color: var(--cyan); }
.lg-sources { margin: 20px 0 0; padding-left: 20px; }.lg-sources li + li { margin-top: 9px; }.lg-sources a { color: #70ddff; text-decoration: underline; text-decoration-color: rgba(112, 221, 255, .4); text-underline-offset: 3px; }.lg-editorial-note { margin-top: 20px; color: #8fa7be !important; font-size: .84rem !important; }
.lg-report-aside { position: sticky; top: 98px; display: grid; gap: 16px; }.lg-aside-card { padding: 22px; border: 1px solid rgba(86, 176, 255, .22); border-radius: 18px; background: linear-gradient(150deg, rgba(14, 35, 58, .82), rgba(16, 11, 42, .84)); }.lg-aside-card h2 { margin: 0 0 14px; color: #eef7ff; font-size: 1.22rem; line-height: 1.17; }.lg-aside-card nav { display: grid; gap: 8px; }.lg-aside-card nav a { padding: 9px 10px; border-left: 2px solid rgba(75, 209, 255, .4); color: #a6bfd5; font-size: .83rem; transition: color .18s ease, background .18s ease; }.lg-aside-card nav a:hover, .lg-aside-card nav a:focus-visible { color: #effaff; background: rgba(44, 170, 227, .1); }.lg-aside-cta { border-color: rgba(174, 103, 255, .3); background: linear-gradient(150deg, rgba(28, 22, 65, .82), rgba(10, 27, 50, .84)); }.lg-aside-cta > span { display: block; margin-bottom: 10px; color: #d29eff; font-size: .7rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.lg-aside-cta p { color: #aabbd0; font-size: .87rem; line-height: 1.52; }
.lg-report-follow { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 84px; padding: 34px 38px; border: 1px solid rgba(82, 196, 255, .29); border-radius: 22px; background: linear-gradient(110deg, rgba(7, 43, 67, .82), rgba(36, 13, 65, .78)); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 22px 50px rgba(0,0,0,.2); }.lg-report-follow h2 { max-width: 620px; margin: 0 0 10px; color: #eff8ff; font-size: clamp(1.65rem, 3vw, 2.55rem); line-height: 1.08; letter-spacing: -.045em; }.lg-report-follow p:not(.eyebrow) { max-width: 640px; margin: 0; color: #b6c9dc; }.lg-report-follow .button { flex: 0 0 auto; }
@media (max-width: 900px) { .lg-report-hero-grid { grid-template-columns: 1fr; }.lg-report-visual { max-width: 670px; min-height: 390px; }.lg-report-layout { grid-template-columns: 1fr; }.lg-report-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }.lg-aside-cta { grid-column: span 2; } }
@media (max-width: 680px) { .lg-report-hero { padding-top: 54px; }.lg-report-hero h1 { font-size: clamp(2.85rem, 14vw, 4.6rem); }.lg-report-actions .button { flex: 1 1 100%; }.lg-report-visual { min-height: 330px; }.lg-report-visual img { width: min(61%, 230px); }.lg-report-signal { padding: 8px 9px; font-size: .58rem; }.lg-report-signal b { font-size: .64rem; }.signal-a { top: 12%; left: 6%; }.signal-b { top: 28%; right: 5%; }.signal-c { bottom: 12%; left: 6%; }.lg-report-layout { padding-top: 43px; }.lg-report-article section { padding: 24px 0 35px; }.lg-report-intro { padding: 21px 19px 22px; }.lg-fact-grid, .lg-history, .lg-risk-card, .lg-checklist { grid-template-columns: 1fr; }.lg-model-row { grid-template-columns: 1fr; gap: 5px; }.lg-report-aside { grid-template-columns: 1fr; }.lg-aside-cta { grid-column: auto; }.lg-report-follow { display: block; margin-bottom: 58px; padding: 27px 22px; }.lg-report-follow .button { margin-top: 22px; } }
@media (prefers-reduced-motion: reduce) { .lg-report-hero::after { transform: none; } }