/* Mobile composition and public news fixes. */
.sphere{contain:layout;overflow:visible}
.sphere-area{min-width:0;overflow:visible}
.public-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.public-news-card{margin:0;padding:0;border:1px solid rgba(100,177,255,.28);border-radius:16px;background:rgba(5,20,48,.76);overflow:hidden}
.public-news-card summary{display:grid;gap:7px;padding:17px;cursor:pointer;list-style:none}
.public-news-card summary::-webkit-details-marker{display:none}
.public-news-card summary:after{content:"Открыть ↓";color:var(--cyan);font-size:11px;font-weight:800}
.public-news-card[open] summary:after{content:"Свернуть ↑"}
.public-news-card summary>span{color:var(--cyan);font-size:10px;letter-spacing:.08em}
.public-news-card summary>strong{font-size:16px;line-height:1.3}
.public-news-card summary>small{color:var(--muted);font-size:12px;line-height:1.5}
.public-news-card>div{padding:0 17px 17px;color:#cbd8ed;font-size:13px;line-height:1.62;overflow-wrap:anywhere}
.public-news-card a{color:var(--cyan)}
@media(max-width:900px){
  .landing-page{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}
  .landing{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:54px auto}
  .hero{display:grid;grid-template-columns:1fr;align-content:start;gap:12px;padding:18px 0 max(24px,env(safe-area-inset-bottom))}
  .hero-copy{display:block;max-width:620px;margin:0 auto;text-align:center}
  .hero-copy>.eyebrow{display:block;font-size:9px}
  .hero h1{display:block;margin:7px 0 0;font-size:clamp(31px,10vw,52px);line-height:1}
  .tagline{display:block;margin:5px 0 8px;font-size:clamp(16px,5vw,22px)}
  .hero-description{display:block;max-width:43ch;margin:auto;font-size:12px;line-height:1.45}
  .hero-actions{display:flex;justify-content:center;margin-top:12px}
  .hero-actions .secondary:last-child{display:none}
  .hero-actions .primary,.hero-actions .secondary{min-height:40px;padding:0 15px;font-size:12px}
  .sphere-area{grid-row:auto}
  .sphere{width:min(94vw,500px);max-width:calc(100vw - 16px)}
  .sphere-item{width:100px;min-height:70px;padding:7px}
  .sphere-item strong{font-size:9px;line-height:1.2}
  .sphere-item small{font-size:7.5px;line-height:1.25}
  .item-icon{font-size:15px}
  .core{width:40%}
}
@media(max-width:560px){.public-news-list{grid-template-columns:1fr}.news-view{padding-inline:15px}}
@media(max-width:360px){
  .hero{padding-top:10px}.hero-description{font-size:11px}.hero-actions{margin-top:9px}
  .sphere{width:min(92vw,330px)}.sphere-item{width:92px;min-height:64px}.sphere-hint{font-size:10px}
}