/* Fiktive Portale der simulierten Außenwelt */
.sim-body { background: #fff; }
.sim-back { position: sticky; top: 0; z-index: 50; background: #11110F; color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 1em; padding: .55em 1em; font-size: 15px; }
.sim-back button { color: #fff; font-weight: 600; display: flex; align-items: center; gap: .4em; background: #FF5A24; padding: .45em .9em; border-radius: 6px; }
.sim-back span { color: #C4C1BA; font-size: .85em; }
.sim { font-size: 16px; min-height: calc(100vh - 44px); position: relative; }
.sim-ribbon { position: fixed; right: -58px; top: 118px; transform: rotate(45deg); background: #FF5A24; color: #fff; font-weight: 700; font-size: 11px; letter-spacing: .04em; padding: 6px 60px; z-index: 60; box-shadow: 0 2px 6px rgba(0,0,0,.2); font-family: Inter, sans-serif; pointer-events: none; }
.sim-foot { text-align: center; color: #8C8B85; font: 12px/1.5 Inter, sans-serif; padding: 2em 1em; border-top: 1px solid #eee; margin-top: 2em; }

/* Tagesreport – Nachrichtenportal, dunkelblaue Kopfzeile */
.sim-tagesreport { font-family: Georgia, "Times New Roman", serif; color: #1b1b1b; background: #f4f6f9; }
.tr-head { background: #0B1F4B; color: #fff; }
.tr-in { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 2em; padding: .9em 1.2em; flex-wrap: wrap; }
.tr-logo { font: 800 28px/1 Georgia, serif; text-decoration: none; letter-spacing: -.5px; }
.tr-head nav { display: flex; gap: 1.2em; font: 14px Inter, sans-serif; color: #C9D3EA; flex-wrap: wrap; }
.tr-home { max-width: 1100px; margin: 0 auto; padding: 1.4em 1.2em; display: grid; grid-template-columns: 2fr 1fr; gap: 1.4em; background: #fff; }
.tr-lead-story { text-decoration: none; color: inherit; }
.tr-li { aspect-ratio: 16/8.5; background-size: cover; background-position: center; border-radius: 4px; }
.tr-kicker { color: #0B57D0; font: 700 14px Inter, sans-serif; margin: .9em 0 .3em; }
.tr-lead-story h1 { font-size: 30px; line-height: 1.2; color: #0B1F4B; }
.tr-lead-story p { margin-top: .6em; line-height: 1.55; }
.tr-more { color: #0B57D0; font-weight: 700; }
.tr-side { display: flex; flex-direction: column; gap: 1em; }
.tr-teaser { display: grid; grid-template-columns: 100px 1fr; gap: .8em; padding-bottom: 1em; border-bottom: 1px solid #e5e5e5; }
.tr-ti { height: 66px; background-size: cover; background-position: center; border-radius: 3px; }
.tr-k { color: #0B57D0; font: 700 12px Inter, sans-serif; display: block; }
.tr-teaser b { font-size: 15px; line-height: 1.3; color: #0B1F4B; }
.tr-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2em; border-top: 3px solid #0B1F4B; padding-top: 1em; }
.tr-ri { height: 120px; background-size: cover; background-position: center; border-radius: 3px; margin-bottom: .5em; }
.tr-row b { color: #0B1F4B; font-size: 15px; line-height: 1.3; }
.tr-article { max-width: 760px; margin: 0 auto; padding: 1.6em 1.2em; background: #fff; }
.tr-article h1 { font-size: 34px; line-height: 1.2; color: #0B1F4B; margin: .2em 0 .4em; }
.tr-article h2 { font-size: 22px; color: #0B1F4B; margin: 1.2em 0 .4em; }
.tr-meta { font: 13px Inter, sans-serif; color: #666; margin-bottom: 1em; }
.tr-hero { width: 100%; border-radius: 4px; }
.tr-cap { font: 12px Inter, sans-serif; color: #777; margin: .3em 0 1em; }
.tr-lead { font-weight: 700; font-size: 18px; line-height: 1.55; margin-bottom: 1em; }
.tr-article p { line-height: 1.7; margin-bottom: .9em; font-size: 17px; }
.tr-box { background: #eef2f9; border-left: 4px solid #0B1F4B; padding: 1em 1.2em; margin-top: 1.4em; font-family: Inter, sans-serif; }
.tr-box p { font-size: 15px; margin: .4em 0 0; }

/* DER FOKUS – Magazin, rote Wortmarke */
.sim-fokus { font-family: Inter, sans-serif; color: #111; }
.fk-head { border-bottom: 1px solid #e5e5e5; }
.fk-in { max-width: 1000px; margin: 0 auto; display: flex; align-items: center; gap: 2em; padding: .9em 1.2em; }
.fk-logo { font: 900 30px/1 Georgia, serif; color: #C4161C; letter-spacing: -.5px; }
.fk-head nav { display: flex; gap: 1.2em; font-size: 14px; color: #333; flex: 1; }
.fk-plus { background: #C4161C; color: #fff; font-weight: 800; padding: .2em .5em; border-radius: 3px; }
.fk-article { max-width: 760px; margin: 0 auto; padding: 1.6em 1.2em; }
.fk-kicker { color: #C4161C; font-weight: 700; font-size: 14px; }
.fk-article h1 { font: 800 36px/1.15 Georgia, serif; margin: .3em 0 .5em; }
.fk-lead { font-weight: 700; font-size: 19px; line-height: 1.5; }
.fk-meta { font-size: 13px; color: #666; margin: 1em 0; }
.fk-hero { width: 100%; border-radius: 2px; margin-bottom: 1.2em; }
.fk-article p { font: 18px/1.7 Georgia, serif; margin-bottom: 1em; }
.fk-quote { border-left: 4px solid #C4161C; padding: .6em 1em; font: italic 20px/1.5 Georgia, serif; margin: 1.4em 0; }
.fk-quote span { display: block; font: 14px Inter, sans-serif; color: #666; margin-top: .4em; font-style: normal; }

/* Munich Today – englischsprachiges Lokalportal */
.sim-munichtoday { font-family: Inter, sans-serif; color: #1a1a1a; background: #f7f7f5; }
.mt-head { background: #0E6B5C; color: #fff; }
.mt-in { max-width: 1000px; margin: 0 auto; display: flex; align-items: center; gap: 2em; padding: .9em 1.2em; }
.mt-logo { font-size: 26px; font-weight: 400; letter-spacing: -.5px; }
.mt-logo b { font-weight: 800; }
.mt-head nav { display: flex; gap: 1.2em; font-size: 14px; color: #CFE8E2; }
.mt-article { max-width: 760px; margin: 0 auto; padding: 1.6em 1.2em; background: #fff; }
.mt-kicker { color: #0E6B5C; font-weight: 700; font-size: 13px; letter-spacing: .06em; }
.mt-article h1 { font-size: 32px; line-height: 1.2; margin: .3em 0 .4em; }
.mt-meta { color: #777; font-size: 13px; margin-bottom: 1em; }
.mt-article img { width: 100%; border-radius: 6px; margin-bottom: 1em; }
.mt-lead { font-size: 19px; font-weight: 600; line-height: 1.5; }
.mt-article p { line-height: 1.7; margin-bottom: 1em; }

/* Chirp – Microblog */
.sim-chirp { font-family: -apple-system, "Segoe UI", Inter, Roboto, sans-serif; background: #f7f9f9; color: #0f1419; }
.ch-wrap { max-width: 620px; margin: 0 auto; background: #fff; min-height: 100vh; border-left: 1px solid #eff3f4; border-right: 1px solid #eff3f4; }
.ch-top { display: flex; align-items: center; gap: 1em; padding: .9em 1em; border-bottom: 1px solid #eff3f4; font-weight: 700; font-size: 19px; position: sticky; top: 44px; background: rgba(255,255,255,.95); }
.ch-logo { font-weight: 900; font-size: 24px; letter-spacing: -1px; background: #111; color: #fff; border-radius: 8px; padding: 0 .35em; }
.ch-post { display: grid; grid-template-columns: 46px 1fr; gap: .8em; padding: 1em; border-bottom: 1px solid #eff3f4; }
.ch-av { width: 46px; height: 46px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.ch-n { font-weight: 700; }
.ch-n span { color: #536471; font-weight: 400; }
.ch-t { margin-top: .2em; line-height: 1.45; font-size: 16px; }
.ch-t a { color: #1d9bf0; }
.ch-img { margin-top: .7em; border-radius: 16px; height: 260px; background-size: cover; background-position: center; border: 1px solid #cfd9de; }
.ch-img.photo-screen::before { font-size: 1.4em; }
.ch-meta { color: #536471; font-size: 14px; margin-top: .6em; }
.ch-replies { background: #fff; }
.ch-replies .ch-post { padding-left: 2em; }
.ch-trend { padding: 1em; border-bottom: 1px solid #eff3f4; display: flex; flex-direction: column; gap: .15em; }
.ch-trend span { color: #536471; font-size: 13px; }
.ch-trend b { font-size: 20px; }

/* Diskurs – Forum */
.sim-diskurs { font-family: -apple-system, "Segoe UI", Inter, Roboto, sans-serif; background: #dae0e6; color: #1c1c1c; min-height: 100vh; }
.dk-wrap { max-width: 760px; margin: 0 auto; padding: 1em; }
.dk-top { display: flex; align-items: center; gap: 1em; background: #fff; padding: .7em 1em; border-radius: 8px; margin-bottom: 1em; }
.dk-logo { color: #E8590C; font-weight: 900; font-size: 24px; letter-spacing: -.5px; }
.dk-sub { font-weight: 700; }
.dk-post { background: #fff; border-radius: 8px; padding: 1em; display: grid; grid-template-columns: 40px 1fr; gap: .8em; }
.dk-votes { display: flex; flex-direction: column; align-items: center; color: #878a8c; font-size: 14px; }
.dk-votes b { color: #1c1c1c; margin: .2em 0; }
.dk-meta { font-size: 12px; color: #787c7e; }
.dk-post h1 { font-size: 22px; margin: .3em 0 .5em; }
.dk-post p { line-height: 1.55; }
.dk-actions { color: #878a8c; font-size: 13px; font-weight: 700; margin-top: .8em; }
.dk-comments { background: #fff; border-radius: 8px; padding: 1em; margin-top: 1em; }
.dk-c { border-left: 2px solid #edeff1; padding: .2em 0 .6em .8em; margin-bottom: .6em; }
.dk-cu { font-size: 12px; color: #787c7e; font-weight: 600; }
.dk-c p { margin-top: .2em; line-height: 1.5; }
@media (max-width: 760px) { .tr-home { grid-template-columns: 1fr; } .tr-row { grid-template-columns: 1fr; } }