.io-mobile-appbar,.io-mobile-drawer,.io-mobile-bottom{display:none}
/* ZEITUNG.IO MOBILE APP 56
   Mobile-first product layer. Desktop remains unchanged. */
@media (max-width: 820px){
  :root{
    --io-bg:#f3efe7;
    --io-paper:#fffdf8;
    --io-ink:#101315;
    --io-muted:#6d7376;
    --io-line:#d8d2c8;
    --io-navy:#1f343c;
    --io-navy2:#15272e;
    --io-red:#ef4135;
    --io-red-deep:#b85d4e;
    --io-radius:18px;
    --io-shadow:0 14px 38px rgba(11,20,24,.10);
    --io-safe-bottom:max(14px,env(safe-area-inset-bottom));
  }
  html{background:var(--io-bg)!important;scroll-behavior:smooth}
  body{background:var(--io-bg)!important;color:var(--io-ink)!important;padding-top:64px!important;padding-bottom:calc(68px + var(--io-safe-bottom))!important;overflow-x:hidden!important}
  body.io-menu-open{overflow:hidden!important}
  main.publication-shell,body>main{width:100%!important;max-width:none!important;margin:0!important;background:var(--io-bg)!important}

  /* Hide inconsistent desktop chrome. The mobile app shell becomes the only navigation. */
  .edition-rail,.masthead,.topnav,
  body>.edition,body>.mast,body>.mainnav,
  body>.wire,.edition+.mast,.mast+.mainnav,
  body>header.edition,.publication-shell>.edition-rail{display:none!important}

  .io-mobile-appbar{
    position:fixed;z-index:10020;top:0;left:0;right:0;height:64px;
    padding:0 14px;display:grid;grid-template-columns:44px 1fr 82px;align-items:center;
    background:rgba(255,253,248,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(16,19,21,.10);
  }
  .io-mobile-menu-btn{width:40px;height:40px;border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:12px}
  .io-mobile-menu-btn i,.io-mobile-menu-btn::before,.io-mobile-menu-btn::after{content:"";display:block;width:20px;height:2px;background:var(--io-ink);border-radius:2px;transition:.2s ease}
  .io-mobile-menu-btn i{margin:4px 0}
  .io-mobile-menu-btn[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
  .io-mobile-menu-btn[aria-expanded="true"] i{opacity:0}
  .io-mobile-menu-btn[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
  .io-mobile-logo{justify-self:center;color:#080a0b!important;text-decoration:none!important;font:900 25px/1 Arial,sans-serif!important;letter-spacing:-.075em!important;white-space:nowrap!important}
  .io-mobile-logo span{display:inline-block;margin-left:4px;padding:4px 5px 3px;background:var(--io-red);color:#fff!important;letter-spacing:-.06em}
  .io-mobile-live{justify-self:end;text-decoration:none!important;color:var(--io-ink)!important;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;display:flex;align-items:center;gap:6px}
  .io-mobile-live i{width:7px;height:7px;border-radius:50%;background:var(--io-red);box-shadow:0 0 0 4px rgba(239,65,53,.10)}

  .io-mobile-drawer{display:block;position:fixed;z-index:10010;inset:64px 0 calc(64px + var(--io-safe-bottom)) 0;background:var(--io-paper);transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overflow:auto;padding:22px 18px 28px}
  .io-mobile-drawer.open{transform:translateX(0)}
  .io-mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--io-line)}
  .io-mobile-drawer-head small{font:800 9px/1 Arial,sans-serif;letter-spacing:.18em;color:var(--io-muted)}
  .io-mobile-drawer-head b{font:900 11px/1 Arial,sans-serif;color:var(--io-red)}
  .io-mobile-sections{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;border-top:1px solid var(--io-line);border-left:1px solid var(--io-line)}
  .io-mobile-sections a{min-height:72px;padding:16px 14px;display:flex;align-items:flex-end;text-decoration:none!important;color:var(--io-ink)!important;font:800 18px/1.02 Arial,sans-serif;letter-spacing:-.035em;border-right:1px solid var(--io-line);border-bottom:1px solid var(--io-line);background:var(--io-paper)}
  .io-mobile-sections a:nth-child(1),.io-mobile-sections a:nth-child(4){background:var(--io-navy);color:#fff!important}
  .io-mobile-sections a:nth-child(6){background:var(--io-red-deep);color:#fff!important}
  .io-mobile-utility{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
  .io-mobile-utility a{padding:13px 8px;border:1px solid var(--io-line);border-radius:12px;text-align:center;text-decoration:none!important;color:var(--io-ink)!important;font:800 10px/1.15 Arial,sans-serif;letter-spacing:.04em;background:#fff}
  .io-mobile-language{margin-top:18px;display:flex;gap:8px}
  .io-mobile-language a{flex:1;border:1px solid var(--io-line);border-radius:12px;padding:12px;text-align:center;text-decoration:none!important;color:var(--io-ink)!important;font:900 12px Arial,sans-serif}
  .io-mobile-language a.active{background:var(--io-ink);color:#fff!important;border-color:var(--io-ink)}

  .io-mobile-bottom{
    position:fixed;z-index:10030;left:0;right:0;bottom:0;height:calc(62px + var(--io-safe-bottom));padding:0 6px var(--io-safe-bottom);
    display:grid;grid-template-columns:repeat(4,1fr);background:rgba(20,38,45,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.09)
  }
  .io-mobile-bottom a,.io-mobile-bottom button{border:0;background:transparent;color:#cbd4d8!important;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:800 8px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;min-width:0}
  .io-mobile-bottom .ico{font:700 19px/1 Arial,sans-serif;color:#fff}
  .io-mobile-bottom .active{color:#fff!important}
  .io-mobile-bottom .active .ico{color:var(--io-red)}

  /* Global mobile typography and touch behavior */
  a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  h1,h2,h3{overflow-wrap:normal!important;word-break:normal!important;hyphens:auto!important}
  img{max-width:100%}
  footer{margin-bottom:0!important}

  /* HOME — editorial app flow, no green panels / black square collage */
  .hero{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;background:var(--io-bg)!important}
  .hero .now{order:2!important;width:auto!important;min-height:0!important;margin:10px 12px 0!important;padding:14px!important;background:var(--io-navy)!important;border-radius:16px!important;color:#fff!important;overflow:hidden!important}
  .hero .now h2,.hero .now>i,.hero .now .livebox{display:none!important}
  .hero .timeline{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 0 2px!important;scrollbar-width:none}
  .hero .timeline::-webkit-scrollbar{display:none}
  .hero .timeline a{flex:0 0 74%!important;scroll-snap-align:start!important;min-height:76px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;padding:12px!important;background:rgba(255,255,255,.04)!important;color:#fff!important;display:grid!important;grid-template-columns:48px 1fr!important;gap:8px!important;text-decoration:none!important}
  .hero .timeline time{color:#ff685d!important;font:900 11px Arial!important}
  .hero .timeline span{font:700 14px/1.2 Arial,sans-serif!important;color:#fff!important}
  .hero .lead{order:1!important;width:auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;background:var(--io-paper)!important;margin:10px 12px 0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--io-shadow)!important}
  .hero .leadphoto{order:1!important;width:100%!important;height:58vw!important;min-height:220px!important;background-size:cover!important;background-position:center!important;position:relative!important}
  .hero .leadphoto::after{content:"LIVE";position:absolute;left:14px;bottom:14px;background:var(--io-red);color:#fff;padding:7px 9px;font:900 9px Arial;letter-spacing:.14em}
  .hero .leadcopy{order:2!important;position:relative!important;width:auto!important;min-height:0!important;height:auto!important;padding:20px 18px 22px!important;background:var(--io-paper)!important;color:var(--io-ink)!important}
  .hero .leadcopy>b{color:var(--io-red)!important;font:900 13px Arial!important}
  .hero .leadcopy>small{color:var(--io-muted)!important;font:800 9px Arial!important;letter-spacing:.13em!important}
  .hero .leadcopy h1{font:800 clamp(34px,10.4vw,48px)/.92 Arial,sans-serif!important;letter-spacing:-.055em!important;margin:9px 0 14px!important;color:var(--io-ink)!important;max-height:none!important;overflow:visible!important}
  .hero .leadcopy p{font:17px/1.42 Georgia,serif!important;color:#3e4447!important;margin:0 0 18px!important;max-height:none!important;display:block!important}
  .hero .leadcopy>a{position:static!important;display:inline-flex!important;color:var(--io-ink)!important;border-bottom:2px solid var(--io-red)!important;padding:0 0 5px!important;font:900 10px Arial!important;text-decoration:none!important}

  .breaking{margin:10px 12px 0!important;border-radius:14px!important;padding:14px!important;display:grid!important;grid-template-columns:auto auto!important;gap:7px 10px!important;background:var(--io-red)!important;color:#fff!important;min-height:0!important;height:auto!important;text-decoration:none!important}
  .breaking strong{grid-column:1/-1;font:900 9px Arial!important;letter-spacing:.14em!important}
  .breaking time{font:900 12px Arial!important;color:#fff!important}.breaking span{font:700 15px/1.2 Arial!important;color:#fff!important}.breaking b{display:none!important}

  .briefs{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:10px!important;padding:16px 12px!important;background:var(--io-bg)!important;min-height:0!important;height:auto!important;scrollbar-width:none}
  .briefs::-webkit-scrollbar{display:none}
  .briefs>blockquote,.briefs>article{flex:0 0 82%!important;scroll-snap-align:start!important;min-height:315px!important;height:auto!important;padding:18px!important;border:1px solid var(--io-line)!important;border-radius:18px!important;background:var(--io-paper)!important;color:var(--io-ink)!important;position:relative!important;box-sizing:border-box!important;box-shadow:none!important}
  .briefs>blockquote{background:var(--io-navy)!important;color:#fff!important;border-color:var(--io-navy)!important}
  .briefs>article:nth-of-type(3){background:var(--io-red-deep)!important;color:#fff!important;border-color:var(--io-red-deep)!important}
  .briefs h3{font:800 26px/.98 Arial,sans-serif!important;letter-spacing:-.045em!important;margin:32px 0 12px!important;position:static!important;max-height:none!important;overflow:visible!important}
  .briefs h3 a{color:inherit!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}
  .briefs p{font:15px/1.42 Arial,sans-serif!important;color:inherit!important;opacity:.82!important;display:block!important;max-height:none!important;overflow:visible!important}
  .briefs>a,.briefs article>a,.briefs blockquote>a{left:18px!important;right:auto!important;bottom:18px!important;position:absolute!important;color:inherit!important;font:900 9px Arial!important;text-decoration:none!important}
  .briefs .lage{flex:0 0 82%!important;scroll-snap-align:start!important;min-height:315px!important;border-radius:18px!important;padding:18px!important;background:var(--io-navy2)!important;color:#fff!important;box-sizing:border-box!important}

  .blackfeature,.country,.europe,.economy,.culture,.world,.day,.services{margin:0!important;border:0!important}
  .blackfeature{display:flex!important;flex-direction:column!important;background:var(--io-paper)!important;padding:12px!important;min-height:0!important;height:auto!important}
  .blackfeature>div:first-of-type{order:2!important;padding:20px 18px!important;background:#0e1315!important;color:#fff!important;border-radius:0 0 18px 18px!important}
  .blackfeature .server{order:1!important;height:58vw!important;min-height:210px!important;border-radius:18px 18px 0 0!important;background-size:cover!important;background-position:center!important}
  .blackfeature>b{display:none!important}

  .section{padding:18px 12px!important;background:var(--io-bg)!important;display:block!important;min-height:0!important;height:auto!important}
  .sectiontitle{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;padding:12px 2px 14px!important;border-top:1px solid var(--io-ink)!important}
  .sectiontitle i{display:none!important}.sectiontitle h2{font:800 34px/.95 Arial,sans-serif!important;letter-spacing:-.055em!important;margin:0!important}.sectiontitle>a{font:900 8px Arial!important;letter-spacing:.06em!important;color:var(--io-red)!important;text-decoration:none!important;white-space:nowrap!important}
  .countryphoto,.europephoto{width:100%!important;height:58vw!important;min-height:210px!important;border-radius:18px!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;margin:0 0 10px!important}
  .countryphoto h2{font:800 30px/.95 Arial,sans-serif!important;letter-spacing:-.05em!important;padding:18px!important;margin:0!important;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.4)}
  .countrystories{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .countrystories>article,.europelead,.europebrief,.econ,.culture>article{width:auto!important;min-height:0!important;height:auto!important;padding:18px!important;border:1px solid var(--io-line)!important;border-radius:16px!important;background:var(--io-paper)!important;color:var(--io-ink)!important;position:relative!important;overflow:visible!important}
  .countrystories>article h3,.europebrief h3,.econ h3,.culture article h3{font:800 25px/1 Arial,sans-serif!important;letter-spacing:-.04em!important;margin:10px 0!important;max-height:none!important;overflow:visible!important}
  .countrystories>article h3 a,.europebrief h3 a,.europelead h2 a,.econ h3 a,.culture h3 a{color:inherit!important;display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}
  .countrystories>article p,.europebrief p,.europelead p,.culture article p{font:15px/1.45 Arial,sans-serif!important;color:#596064!important;display:block!important;max-height:none!important;overflow:visible!important;margin-bottom:42px!important}
  .country>aside{margin-top:10px!important;border-radius:16px!important;background:var(--io-navy)!important;color:#fff!important;padding:18px!important;width:auto!important}
  .country>aside a{color:#fff!important;text-decoration:none!important;border-top:1px solid rgba(255,255,255,.18)!important;padding:12px 0!important;display:grid!important;grid-template-columns:48px 1fr!important}
  .country>aside time{color:#ff6b60!important;font-weight:900!important}
  .europe{display:grid!important;grid-template-columns:1fr!important}.europelead{background:var(--io-red-deep)!important;color:#fff!important}.europelead h2{font:800 34px/.95 Arial,sans-serif!important;letter-spacing:-.05em!important;margin:10px 0!important}.europelead p{color:#fff!important;opacity:.86}

  .day{padding:18px 12px!important;background:var(--io-navy2)!important;color:#fff!important}.day h2{font:800 27px/1 Arial,sans-serif!important;letter-spacing:-.04em!important}.day>div{display:flex!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x mandatory!important}.day article{flex:0 0 72%!important;scroll-snap-align:start!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;padding:14px!important;min-height:110px!important;color:#fff!important}.day article p,.day article a{color:#fff!important;text-decoration:none!important}

  .economy{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.market{width:auto!important;min-height:190px!important;border-radius:16px!important;padding:18px!important;background:#111719!important;color:#fff!important}.econ{min-height:150px!important}.world{display:flex!important;flex-direction:column!important;padding:12px!important;background:var(--io-bg)!important}.world>div{height:58vw!important;min-height:210px!important;border-radius:18px 18px 0 0!important;background-size:cover!important;background-position:center!important}.world>article{padding:20px 18px!important;border-radius:0 0 18px 18px!important;background:var(--io-navy)!important;color:#fff!important}.world h2{font:800 34px/.95 Arial,sans-serif!important;letter-spacing:-.05em!important}.world p{font:16px/1.45 Georgia,serif!important;color:#e9edef!important}
  .culture{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.culture .sectiontitle{grid-column:1/-1}.culture article .tile{height:52vw!important;min-height:190px!important;margin:-18px -18px 16px!important;border-radius:16px 16px 0 0!important;background-size:cover!important;background-position:center!important}
  .services{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:18px 12px!important;background:var(--io-bg)!important}.services article,.services>div{width:auto!important;min-height:170px!important;border-radius:16px!important;overflow:hidden!important}

  /* SECTION / ARCHIVE */
  .section-content{padding:0 12px 20px!important;background:var(--io-bg)!important}
  .section-hero{padding:28px 4px 20px!important;background:transparent!important;min-height:0!important}
  .section-hero h1{font:800 clamp(48px,14vw,72px)/.86 Arial,sans-serif!important;letter-spacing:-.07em!important;margin:10px 0 14px!important}.section-hero p{font:700 11px/1.4 Arial!important;color:var(--io-muted)!important}
  .desk-stage{display:block!important}.desk-pulse{border-radius:16px!important;padding:16px!important;background:var(--io-navy)!important;color:#fff!important;margin-bottom:10px!important}.desk-pulse ol{margin-top:14px!important}.desk-pulse li{padding:10px 0!important;border-top:1px solid rgba(255,255,255,.13)!important}.desk-pulse a{color:#fff!important;text-decoration:none!important}
  .desk-lead,.desk-empty{border-radius:18px!important;overflow:hidden!important;background:var(--io-paper)!important;box-shadow:var(--io-shadow)!important}.desk-lead .lead-visual{min-height:78vw!important;height:auto!important;padding:18px!important;border-radius:18px!important;background-position:center!important;background-size:cover!important;display:flex!important;align-items:flex-end!important}.desk-lead h2{font:800 clamp(34px,10vw,48px)/.92 Arial,sans-serif!important;letter-spacing:-.055em!important;margin:10px 0!important;color:#fff!important}.desk-lead p{font:16px/1.4 Georgia,serif!important;color:#fff!important}
  .desk-manifest{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:14px 0!important}.desk-manifest>div{flex:0 0 78%!important;border:1px solid var(--io-line)!important;border-radius:14px!important;padding:16px!important;background:var(--io-paper)!important}
  .archive-toolbar{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;border-radius:16px!important;background:var(--io-paper)!important;border:1px solid var(--io-line)!important}.archive-toolbar-title,.archive-period{grid-column:1/-1!important}.archive-period{display:flex!important;overflow-x:auto!important;gap:6px!important}.archive-period button{flex:0 0 auto!important;border-radius:999px!important;padding:9px 11px!important}.archive-toolbar label{min-width:0!important}.archive-toolbar select{width:100%!important}
  .archive-grid,.rubric-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.archive-card{display:block!important;border:1px solid var(--io-line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--io-paper)!important;box-shadow:none!important}.archive-card .card-image{display:block!important;width:100%!important;height:56vw!important;min-height:210px!important;background-size:cover!important;background-position:center!important}.archive-card .card-copy{padding:18px!important}.archive-card h2{font:800 30px/.98 Arial,sans-serif!important;letter-spacing:-.045em!important;margin:9px 0!important}.archive-card h2 a{color:var(--io-ink)!important;text-decoration:none!important}.archive-card p{font:16px/1.45 Georgia,serif!important;color:#555d60!important}.archive-load{border-radius:16px!important;min-height:72px!important}

  /* STORY / READER */
  body>.progress{top:64px!important;z-index:10025!important}
  body>main{padding-top:0!important}
  .article-head{display:block!important;padding:24px 16px 18px!important;background:var(--io-paper)!important}.article-head .number{font-size:12px!important;color:var(--io-red)!important}.article-head .headline h1{font:800 clamp(42px,12vw,64px)/.88 Arial,sans-serif!important;letter-spacing:-.065em!important;margin:12px 0 16px!important}.article-head .headline>p{font:20px/1.4 Georgia,serif!important;color:#4a5155!important}.byline{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.byline span,.byline b{font-size:9px!important;padding:7px 9px!important;border:1px solid var(--io-line)!important;border-radius:999px!important}.article-head .share{display:flex!important;position:static!important;margin-top:18px!important;gap:8px!important}.article-head .share small{display:none!important}.article-head .share a,.article-head .share button{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid var(--io-line)!important;background:#fff!important}
  .reading-grid{display:block!important;padding:0 16px 20px!important}.reading-grid>.rail,.reading-grid>.side{display:none!important}.reading-grid>.story{width:100%!important;max-width:none!important}.story>p{font:19px/1.68 Georgia,serif!important;color:#202629!important}.story>p.drop:first-letter{font-size:58px!important;line-height:.8!important}.chapter{margin-top:38px!important}.chapter h2{font:800 34px/.98 Arial,sans-serif!important;letter-spacing:-.045em!important}.essentials,.documents,.editorial-note,.io-synthesis{border-radius:16px!important;overflow:hidden!important;margin:24px 0!important}.story-visual{margin:24px 0!important}.story-visual>div{height:62vw!important;min-height:220px!important;border-radius:16px!important}.story-visual figcaption{padding:12px 2px!important}.io-source-matrix{display:grid!important;grid-template-columns:1fr!important}.io-synthesis header,.io-synthesis footer{display:block!important}.documents a{word-break:break-word!important}

  /* SERVICE / EDITIONS */
  .service{padding:32px 18px 80px!important;background:var(--io-bg)!important;min-height:70vh!important}.service h1{font:800 clamp(48px,14vw,70px)/.87 Arial,sans-serif!important;letter-spacing:-.07em!important;margin:14px 0 24px!important}.service p{font:19px/1.58 Georgia,serif!important}.service nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:34px!important}.service nav a{border:1px solid var(--io-line)!important;border-radius:12px!important;padding:14px!important;background:#fff!important}
  body>header.edition+div.mast{display:none!important}.edition-list{padding:0 12px 24px!important}.edition-list article{grid-template-columns:72px 1fr 38px!important;gap:10px!important;border-radius:16px!important;margin:10px 0!important;padding:16px!important;background:var(--io-paper)!important}.edition-list time{font-size:22px!important}.edition-list h2{font-size:25px!important;line-height:1!important}.edition-list p{font-size:14px!important}

  /* Footers become quiet and compact on mobile */
  footer{padding:26px 16px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;background:#11191c!important;color:#fff!important}.footlogo,.footbrand{font-size:24px!important;color:#fff!important}.closing-line{display:none!important}
  .io-back-to-top{bottom:calc(76px + var(--io-safe-bottom))!important;right:12px!important;width:42px!important;height:48px!important;border-radius:12px!important}
}

@media (max-width:390px){
  .io-mobile-appbar{grid-template-columns:40px 1fr 70px;padding:0 10px}.io-mobile-logo{font-size:23px!important}.io-mobile-live{font-size:8px}.hero .leadcopy h1{font-size:36px!important}.briefs>blockquote,.briefs>article,.briefs .lage{flex-basis:88%!important}.sectiontitle h2{font-size:31px!important}
}

/* MOBILE 57 — final hardening / one-shell app system */
@media (max-width:820px){
  /* Never render a second masthead/logo under the app bar. */
  .publication-shell>.masthead,.publication-shell>.topnav,.publication-shell>.edition-rail,
  body>.mast,body>.mainnav,body>.edition,body>.wire,
  header.masthead,header.mast,nav.topnav,nav.mainnav{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  body{padding-top:64px!important}
  .io-mobile-appbar{height:64px!important}
  .io-mobile-logo{font-size:24px!important;letter-spacing:-.07em!important}

  /* Home must never inherit desktop fixed grids. */
  .publication-shell{display:block!important;min-width:0!important;overflow:hidden!important}
  .hero,.briefs,.blackfeature,.country,.europe,.day,.economy,.world,.culture,.services,.newsletter{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}

  /* Hero: editorial hierarchy, readable titles. */
  .hero .lead{display:flex!important;flex-direction:column!important}
  .hero .leadphoto{width:100%!important;max-width:100%!important}
  .hero .leadcopy{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .hero .leadcopy h1,.hero .leadcopy h1 a{font:850 clamp(38px,10.8vw,50px)/.94 Arial,sans-serif!important;letter-spacing:-.055em!important;color:var(--io-ink)!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;position:static!important}

  /* NOW is compact, not an empty dark billboard. */
  .hero .now{padding:12px!important}
  .hero .timeline{min-height:0!important}
  .hero .timeline a{min-height:68px!important;height:auto!important;align-items:start!important}

  /* Briefing: cards are isolated; no absolute heading contamination. */
  .briefs{display:flex!important;grid-template-columns:none!important;align-items:stretch!important;min-height:0!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important}
  .briefs>blockquote,.briefs>article,.briefs>.lage{flex:0 0 min(84vw,340px)!important;width:min(84vw,340px)!important;max-width:min(84vw,340px)!important;min-width:min(84vw,340px)!important;height:390px!important;min-height:390px!important;max-height:390px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
  .briefs h3,.briefs h3 a{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;max-width:100%!important;margin:24px 0 12px!important;padding:0!important;font:850 27px/.98 Arial,sans-serif!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important;text-decoration:none!important}
  .briefs p{position:static!important;width:auto!important;max-width:100%!important;margin:0 0 44px!important;font:15px/1.42 Arial,sans-serif!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:6!important;overflow:hidden!important}
  .briefs>blockquote>a,.briefs>article>a{position:absolute!important;left:18px!important;bottom:18px!important;top:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0 0 5px!important;white-space:nowrap!important}
  .briefs cite{margin-top:auto!important;padding-bottom:25px!important;position:static!important}

  /* All editorial modules collapse to one sane column. */
  .blackfeature{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;margin:10px 12px!important;width:calc(100% - 24px)!important;border-radius:18px!important}
  .blackfeature>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .country,.europe,.economy,.culture{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;height:auto!important;min-height:0!important;padding:18px 12px!important}
  .country>* ,.europe>* ,.economy>* ,.culture>*{grid-column:1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .countrystories{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .countrystories>article,.europelead,.europebrief,.econ,.culture>article{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:190px!important;overflow:hidden!important}
  .countrystories h3,.countrystories h3 a,.europe h2,.europe h2 a,.europe h3,.europe h3 a,.economy h3,.economy h3 a,.culture h3,.culture h3 a{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:100%!important}
  .countrystories p,.europe p,.culture p{position:static!important;width:auto!important;max-width:100%!important;overflow:hidden!important}

  /* Story reader: neutralize every desktop column width before applying reader layout. */
  main{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .article-head{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .article-head>.number,.article-head>.headline,.article-head>.share{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;position:static!important;inset:auto!important;transform:none!important}
  .article-head .headline h1{font-size:clamp(38px,10.5vw,54px)!important;line-height:.94!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important;width:auto!important;max-width:100%!important}
  .article-head .headline>p{font-size:19px!important;line-height:1.42!important;width:auto!important;max-width:100%!important}
  .reading-grid{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
  .reading-grid>.rail,.reading-grid>.side{display:none!important}
  .reading-grid>.story,.story,.story>*{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .reading-grid>.story{display:block!important;width:100%!important;margin:0!important;padding:0!important;position:static!important;inset:auto!important;transform:none!important}
  .story>p,.story .chapter p{width:auto!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
  .story h2,.story h3{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important}
  .story table{display:block!important;width:100%!important;overflow-x:auto!important}
  .story pre,.story code{max-width:100%!important;overflow-x:auto!important}

  /* Back to top does not fight bottom nav. */
  .io-back-to-top{right:12px!important;bottom:calc(74px + var(--io-safe-bottom))!important}
}

/* MOBILE 58 — final polish: compact entry, readable cover, stable editorial modules */
@media (max-width:820px){
  /* 1. First screen: no oversized empty NOW panel. */
  .hero .now{
    height:112px!important;min-height:112px!important;max-height:112px!important;
    padding:10px 12px!important;margin:8px 12px 0!important;
    display:block!important;overflow:hidden!important;
  }
  .hero .now .timeline{
    height:88px!important;min-height:88px!important;max-height:88px!important;
    align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;
  }
  .hero .now .timeline a{
    height:76px!important;min-height:76px!important;max-height:76px!important;
    padding:11px 12px!important;box-sizing:border-box!important;
  }

  /* 2. Carousel title always reads as a cover title, never black on photography. */
  .hero .lead.cover-carousel .leadcopy,
  .hero .cover-carousel .leadcopy{color:#fff!important;background:transparent!important}
  .hero .lead.cover-carousel .leadcopy h1,
  .hero .lead.cover-carousel .leadcopy h1 a,
  .hero .cover-carousel .leadcopy h1,
  .hero .cover-carousel .leadcopy h1 a{
    color:#fff!important;text-shadow:0 3px 24px rgba(0,0,0,.62)!important;
    font-size:clamp(39px,10.2vw,50px)!important;line-height:.94!important;
  }
  .hero .lead.cover-carousel .leadcopy p,
  .hero .cover-carousel .leadcopy p{color:rgba(255,255,255,.94)!important;text-shadow:0 2px 18px rgba(0,0,0,.68)!important}
  .hero .lead.cover-carousel .leadphoto:before,
  .hero .cover-carousel .leadphoto:before{
    background:linear-gradient(0deg,rgba(4,6,7,.94) 0%,rgba(4,6,7,.68) 48%,rgba(4,6,7,.12) 100%)!important;
  }

  /* 3. Background / black feature: force a real horizontal mobile card. */
  .blackfeature{
    display:flex!important;flex-direction:column!important;width:calc(100% - 24px)!important;
    min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:10px 12px!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;
    background:#0e1315!important;color:#fff!important;
  }
  .blackfeature>*{position:static!important;inset:auto!important;transform:none!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .blackfeature .server{
    order:1!important;width:100%!important;height:52vw!important;min-height:190px!important;max-height:260px!important;
    border-radius:0!important;background-size:cover!important;background-position:center!important;
  }
  .blackfeature>div:not(.server){
    order:2!important;width:100%!important;padding:22px 20px 24px!important;background:#0e1315!important;color:#fff!important;border-radius:0!important;
  }
  .blackfeature span{display:block!important;color:var(--io-red)!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.12em!important;margin-bottom:10px!important}
  .blackfeature h2,.blackfeature h2 a{
    display:block!important;width:100%!important;margin:0 0 12px!important;padding:0!important;
    color:#fff!important;font:850 34px/.96 Arial,sans-serif!important;letter-spacing:-.045em!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important;
    writing-mode:horizontal-tb!important;text-orientation:mixed!important;
  }
  .blackfeature p{margin:0 0 16px!important;color:#dfe5e7!important;font:15px/1.45 Arial,sans-serif!important;white-space:normal!important}
  .blackfeature a{color:#fff!important;position:static!important;text-decoration:none!important;border-bottom:2px solid var(--io-red)!important;padding-bottom:5px!important}

  /* 4. Markets: compact data module, no giant empty pastel field. */
  .economy .market{
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto 54px!important;
    align-items:start!important;align-content:start!important;gap:6px 12px!important;
    width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;
    padding:20px!important;margin:0!important;border-radius:16px!important;overflow:hidden!important;
    background:#17262c!important;color:#fff!important;
  }
  .economy .market small{grid-column:1/-1!important;color:#ff5448!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.12em!important}
  .economy .market h3{grid-column:1!important;margin:4px 0 0!important;color:#fff!important;font:850 34px/.94 Arial,sans-serif!important;letter-spacing:-.04em!important}
  .economy .market>b{grid-column:2!important;align-self:end!important;margin:0 0 4px!important;color:#ff5448!important;font:850 21px/1 Arial,sans-serif!important;white-space:nowrap!important}
  .economy .market>div{grid-column:1/-1!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:4px 0 0!important}

  /* 5. Article share rail: desktop share chrome must never become a huge mobile block. */
  .article-head .share,.article-head>.share{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .article-head{padding-bottom:18px!important}

  /* 6. Prevent any editorial heading from collapsing into a one-letter column. */
  .blackfeature h2,.economy h3,.world h2,.services h2,.newsletter h2,
  .story h1,.story h2,.story h3,.chapter h2,.next h2,.more h3{
    writing-mode:horizontal-tb!important;text-orientation:mixed!important;
    min-width:0!important;width:auto!important;max-width:100%!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
  }
}

/* MOBILE 59 — startpage precision + universal touch targets */
@media (max-width:820px){
  /* NOW / JETZT is a compact live rail, never a tall empty panel. */
  .hero .now{
    display:block!important;position:relative!important;box-sizing:border-box!important;
    block-size:104px!important;height:104px!important;min-height:104px!important;max-height:104px!important;
    margin:8px 12px 0!important;padding:8px 10px!important;overflow:hidden!important;
    border-radius:16px!important;contain:layout paint!important;
  }
  .hero .now .timeline{
    display:flex!important;position:static!important;box-sizing:border-box!important;
    block-size:88px!important;height:88px!important;min-height:88px!important;max-height:88px!important;
    margin:0!important;padding:0!important;gap:8px!important;align-items:stretch!important;
    overflow-x:auto!important;overflow-y:hidden!important;
  }
  .hero .now .timeline a{
    flex:0 0 78%!important;box-sizing:border-box!important;
    block-size:80px!important;height:80px!important;min-height:80px!important;max-height:80px!important;
    padding:12px 13px!important;border-radius:14px!important;
    grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important;
    background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.16)!important;
  }
  .hero .now .timeline a.current{background:rgba(239,65,53,.10)!important;border-color:rgba(239,65,53,.48)!important}
  .hero .now .timeline time{font-size:11px!important;line-height:1.15!important;padding-top:1px!important}
  .hero .now .timeline span{font-size:14px!important;line-height:1.16!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}

  /* The HINTERGRUND module must stay a normal horizontal editorial card. */
  .blackfeature,.blackfeature.io-mobile-fixed-background{
    display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
    width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:10px 12px!important;padding:0!important;overflow:hidden!important;
    border-radius:18px!important;background:#0e1315!important;
  }
  .blackfeature>div:not(.server),.blackfeature.io-mobile-fixed-background>div:not(.server){
    display:block!important;position:static!important;float:none!important;clear:both!important;
    width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:22px 20px 24px!important;box-sizing:border-box!important;
    writing-mode:horizontal-tb!important;transform:none!important;overflow:hidden!important;
  }
  .blackfeature h1,.blackfeature h2,.blackfeature h3,
  .blackfeature h1 a,.blackfeature h2 a,.blackfeature h3 a{
    display:block!important;position:static!important;float:none!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;
    margin:0 0 12px!important;padding:0!important;box-sizing:border-box!important;
    writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;
    word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important;
    color:#fff!important;font:850 34px/.96 Arial,sans-serif!important;letter-spacing:-.045em!important;
  }
  .blackfeature .server{display:block!important;position:static!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:50vw!important;min-height:190px!important;max-height:250px!important;margin:0!important;transform:none!important}

  /* Every editorial title and visual gets an app-like touch affordance. */
  .io-mobile-touch-link{cursor:pointer!important;-webkit-tap-highlight-color:rgba(239,65,53,.10)!important;touch-action:manipulation!important}
  h1.io-mobile-touch-link,h2.io-mobile-touch-link,h3.io-mobile-touch-link{transition:opacity .14s ease!important}
  h1.io-mobile-touch-link:active,h2.io-mobile-touch-link:active,h3.io-mobile-touch-link:active{opacity:.58!important}
  .leadphoto.io-mobile-touch-link,.countryphoto.io-mobile-touch-link,.europephoto.io-mobile-touch-link,
  .tile.io-mobile-touch-link,.server.io-mobile-touch-link,.world>div.io-mobile-touch-link,.card-image.io-mobile-touch-link{position:relative!important}
  .leadphoto.io-mobile-touch-link:after,.countryphoto.io-mobile-touch-link:after,.europephoto.io-mobile-touch-link:after,
  .tile.io-mobile-touch-link:after,.server.io-mobile-touch-link:after,.world>div.io-mobile-touch-link:after,.card-image.io-mobile-touch-link:after{
    content:"↗"!important;position:absolute!important;right:12px!important;top:12px!important;width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(8,12,14,.72)!important;
    color:#fff!important;font:800 15px/1 Arial,sans-serif!important;backdrop-filter:blur(8px)!important;z-index:3!important;
  }

  /* Slightly tighter lead so the first screen feels immediate. */
  .hero .lead{margin-top:8px!important}
}

/* MOBILE 60 — live newsroom + editions polish */
@media (max-width:820px){
  /* REAL-TIME NEWSWIRE: make the first module feel like a live product, not a grey carousel. */
  .hero .now,.hero .now.io-live-wire{
    display:grid!important;grid-template-rows:26px 92px!important;
    block-size:130px!important;height:130px!important;min-height:130px!important;max-height:130px!important;
    margin:8px 12px 0!important;padding:10px 10px 8px!important;gap:6px!important;
    background:linear-gradient(135deg,#102a33 0%,#17333b 58%,#10252c 100%)!important;
    border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(13,27,32,.10)!important;
    overflow:hidden!important;contain:layout paint!important;
  }
  .hero .now>i,.hero .now .livebox{display:none!important}
  .hero .now h2{
    display:flex!important;align-items:center!important;gap:8px!important;margin:0 2px!important;padding:0!important;
    color:#fff!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;
  }
  .hero .now h2:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4e43;box-shadow:0 0 0 5px rgba(255,78,67,.12)}
  .hero .now h2:after{content:" · REAL TIME";color:#9fb2b8!important;font-weight:800!important;letter-spacing:.12em!important}
  html[lang="en"] .hero .now h2:after{content:" · LIVE NEWSWIRE"}
  .hero .now .timeline{
    display:flex!important;position:static!important;block-size:92px!important;height:92px!important;min-height:92px!important;max-height:92px!important;
    margin:0!important;padding:0 0 2px!important;gap:8px!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
  }
  .hero .now .timeline::-webkit-scrollbar{display:none!important}
  .hero .now .timeline a{
    position:relative!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-content:start!important;align-items:start!important;
    flex:0 0 82%!important;block-size:88px!important;height:88px!important;min-height:88px!important;max-height:88px!important;
    padding:14px 14px 12px!important;border-radius:15px!important;box-sizing:border-box!important;scroll-snap-align:start!important;
    background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;text-decoration:none!important;
  }
  .hero .now .timeline a:after{content:"→";position:absolute;right:12px;bottom:9px;color:#ff5a50;font:900 13px/1 Arial,sans-serif}
  .hero .now .timeline a.current{background:rgba(255,78,67,.13)!important;border-color:rgba(255,78,67,.55)!important;box-shadow:inset 3px 0 0 #ff4e43!important}
  .hero .now .timeline a.current:before{content:"LIVE";position:absolute;right:12px;top:10px;color:#ff5a50;font:900 8px/1 Arial,sans-serif;letter-spacing:.12em}
  .hero .now .timeline time{color:#ff655c!important;font:900 11px/1.1 Arial,sans-serif!important;letter-spacing:.02em!important;padding-top:1px!important}
  .hero .now .timeline span{padding-right:20px!important;color:#fff!important;font:850 14px/1.14 Arial,sans-serif!important;letter-spacing:-.02em!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important}

  /* Editions: each edition is a broad readable app card; never a narrow text column. */
  body.io-editions-mobile main{padding-bottom:110px!important}
  .edition-list{display:block!important;padding:8px 12px 28px!important;margin:0!important}
  .edition-list article{
    display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"time arrow" "copy arrow"!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:210px!important;
    gap:10px 18px!important;margin:12px 0!important;padding:22px 20px!important;box-sizing:border-box!important;
    border:1px solid #ddd7cb!important;border-radius:20px!important;background:#fffdf8!important;overflow:hidden!important;position:relative!important;
  }
  .edition-list article:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:#ef4135}
  .edition-list article.current{background:#10252c!important;color:#fff!important;border-color:#10252c!important}
  .edition-list article.current:before{width:7px;background:#ff5147}
  .edition-list article>time{grid-area:time!important;align-self:start!important;margin:0!important;color:#ef4135!important;font:900 34px/.9 Arial,sans-serif!important;letter-spacing:-.045em!important;white-space:nowrap!important}
  .edition-list article>div{grid-area:copy!important;display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  .edition-list article small{display:block!important;margin:2px 0 14px!important;color:#6d6e70!important;font:900 10px/1 Arial,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
  .edition-list article.current small{color:#ff6259!important}
  .edition-list article h2,.edition-list article h2 a{
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 12px!important;padding:0!important;
    color:inherit!important;font:900 clamp(28px,8vw,38px)/.96 Arial,sans-serif!important;letter-spacing:-.055em!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:auto!important;writing-mode:horizontal-tb!important;
  }
  .edition-list article p{display:block!important;width:100%!important;max-width:34em!important;margin:0!important;color:#4f5356!important;font:500 15px/1.35 Arial,sans-serif!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
  .edition-list article.current p{color:#d8e0e2!important}
  .edition-list article>a{grid-area:arrow!important;align-self:center!important;justify-self:end!important;display:grid!important;place-items:center!important;width:52px!important;height:52px!important;border-radius:50%!important;background:#f1eee7!important;color:#111!important;text-decoration:none!important;font:500 34px/1 Arial,sans-serif!important}
  .edition-list article.current>a{background:#ff5147!important;color:#fff!important}
  .edition-list .io-edition-status{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0 0 10px!important;padding:5px 8px!important;border:1px solid #ddd7cb!important;border-radius:999px!important;color:#787b7d!important;font:900 8px/1 Arial,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  .edition-list article.current .io-edition-status{border-color:rgba(255,255,255,.25)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}
  .edition-list article.current .io-edition-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5147;box-shadow:0 0 0 4px rgba(255,81,71,.13)}
}
/* MOBILE 60 */

/* MOBILE 61 — hard-fix live wire title + initial position */
@media (max-width:820px){
  .hero .now,.hero .now.io-live-wire{
    grid-template-rows:20px 92px!important;
    height:124px!important;min-height:124px!important;max-height:124px!important;block-size:124px!important;
    padding:10px!important;gap:2px!important;
  }
  .hero .now>h2,.hero .now.io-live-wire>h2{
    display:flex!important;align-items:center!important;position:static!important;float:none!important;
    width:100%!important;max-width:100%!important;height:20px!important;min-height:20px!important;max-height:20px!important;
    margin:0!important;padding:0 2px!important;overflow:hidden!important;
    font-size:0!important;line-height:20px!important;letter-spacing:0!important;white-space:nowrap!important;
    color:transparent!important;transform:none!important;writing-mode:horizontal-tb!important;
  }
  .hero .now>h2:before,.hero .now.io-live-wire>h2:before{
    content:""!important;display:inline-block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;
    margin-right:8px!important;border-radius:50%!important;background:#ff4e43!important;box-shadow:0 0 0 4px rgba(255,78,67,.12)!important;
  }
  .hero .now>h2:after,.hero .now.io-live-wire>h2:after{
    content:"JETZT · REAL TIME"!important;display:block!important;color:#d9e3e6!important;
    font:900 10px/20px Arial,sans-serif!important;letter-spacing:.14em!important;white-space:nowrap!important;
  }
  html[lang="en"] .hero .now>h2:after,html[lang="en"] .hero .now.io-live-wire>h2:after{content:"NOW · LIVE NEWSWIRE"!important}
  .hero .now .timeline,.hero .now.io-live-wire .timeline{height:92px!important;min-height:92px!important;max-height:92px!important;block-size:92px!important}
  .hero .now .timeline a,.hero .now.io-live-wire .timeline a{flex-basis:76%!important;height:86px!important;min-height:86px!important;max-height:86px!important;block-size:86px!important}
}

/* MOBILE ONLY: compact article headline */
@media (max-width:800px){
  .article-head .headline h1{
    font-size:36px!important;
    line-height:.96!important;
    letter-spacing:-.04em!important;
    max-width:100%!important;
  }
}