:root {
  --ink:#162638;
  --navy:#0a263d;
  --navy2:#183c52;
  --red:#c7443b;
  --gold:#d4a55a;
  --teal:#187b83;
  --muted:#657381;
  --line:#e2e7ea;
  --paper:#f6f7f8;
  --white:#fff;
  --shadow:0 12px 40px rgba(10,31,49,.07);
  --radius:13px;
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
  text-rendering:optimizeLegibility
}

*,*:before,*:after {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  line-height:1.85;
  min-width:320px
}
h1,h2,h3,h4,p,figure,blockquote {
  margin:0
}
a {
  color:inherit;
  text-decoration:none
}
a:focus-visible,button:focus-visible,input:focus-visible {
  outline:3px solid var(--teal);
  outline-offset:3px
}
button,input {
  font:inherit
}
button {
  cursor:pointer
}
img {
  display:block;
  max-width:100%;
  height:auto
}
svg {
  display:block
}
.container {
  width:min(1230px,calc(100% - 44px));
  margin-inline:auto
}
.skip {
  position:absolute;
  top:-100px;
  inset-inline-start:20px;
  padding:8px 15px;
  background:white;
  z-index:60
}
.skip:focus {
  top:10px
}
.topbar {
  background:#09243b;
  color:#bfd1df;
  font-size:.75rem
}
.topbar-inner {
  min-height:37px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px
}
.topbar strong {
  color:#fff;
  font-weight:700
}
.topbar-links {
  display:flex;
  gap:16px
}
.topbar a:hover {
  color:white
}
.masthead {
  background:#fff
}
.masthead-inner {
  min-height:110px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:13px;
  flex-shrink:0
}
.brand img {
  width:66px;
  height:66px;
  object-fit:contain
}
.brand-text {
  display:flex;
  flex-direction:column;
  gap:0;
  line-height:1.35
}
.brand-text strong {
  font-weight:900;
  letter-spacing:-2px;
  font-size:2.45rem;
  color:#112d45
}
.brand-text strong i {
  font-style:normal;
  color:var(--red)
}
.brand-text small {
  font-size:.69rem;
  letter-spacing:.2px;
  color:#738390;
  font-weight:650
}
.masthead-message {
  display:flex;
  align-items:center;
  gap:12px;
  color:#627485;
  line-height:1.75;
  font-size:.84rem;
  max-width:355px
}
.masthead-message::before {
  content:"";
  display:block;
  width:3px;
  height:42px;
  border-radius:3px;
  background:var(--gold);
  flex-shrink:0
}
.top-actions {
  display:flex;
  gap:10px;
  align-items:center
}
.icon-btn {
  width:40px;
  height:40px;
  background:#f0f4f6;
  border:1px solid #e1e8ea;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#1d3d51
}
.icon-btn:hover {
  background:#dce9ec
}
.icon-btn svg {
  height:19px;
  width:19px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.menu-btn {
  display:none
}
.navigation {
  background:#113249;
  color:#f9fcff;
  position:relative;
  z-index:8
}
.nav-inner {
  display:flex;
  gap:0;
  align-items:center;
  min-height:55px;
  justify-content:space-between
}
.nav-links {
  display:flex;
  align-items:center;
  gap:2px;
  flex-wrap:wrap
}
.nav-links a {
  padding:14px 15px;
  display:inline-flex;
  font-size:.81rem;
  font-weight:750;
  white-space:nowrap;
  border-bottom:3px solid transparent;
  transition:.2s
}
.nav-links a:hover,.nav-links a.active {
  background:#23485d;
  border-bottom-color:var(--gold)
}
.nav-tag {
  background:#be3a38;
  font-size:.72rem;
  font-weight:850;
  padding:5px 13px;
  border-radius:5px;
  color:white;
  white-space:nowrap
}
.news-strip {
  background:#fff;
  border-bottom:1px solid var(--line)
}
.news-strip-inner {
  display:flex;
  align-items:center;
  gap:17px;
  min-height:50px;
  overflow:hidden
}
.news-strip-label {
  color:#b72f29;
  background:#fdf1ef;
  font-size:.77rem;
  white-space:nowrap;
  padding:4px 11px;
  font-weight:850;
  border-radius:4px
}
.news-strip-items {
  display:flex;
  gap:24px;
  align-items:center;
  min-width:0;
  overflow:auto;
  scrollbar-width:none
}
.news-strip-items::-webkit-scrollbar {
  display:none
}
.news-strip-items a {
  font-size:.78rem;
  white-space:nowrap;
  color:#334a5f;
  font-weight:700
}
.news-strip-items a::before {
  content:"●";
  font-size:.43rem;
  color:var(--gold);
  margin-inline-end:8px
}
.main-wrap {
  padding-top:29px;
  padding-bottom:65px
}
.section-eyebrow {
  display:flex;
  gap:9px;
  align-items:center;
  font-size:.74rem;
  letter-spacing:.6px;
  font-weight:850;
  color:var(--red);
  margin-bottom:13px
}
.section-eyebrow::before {
  content:"";
  width:26px;
  height:3px;
  background:var(--red)
}
.lead-grid {
  display:grid;
  grid-template-columns:1.66fr .84fr;
  gap:16px;
  min-height:560px
}
.lead-main {
  min-height:560px
}
.photocard {
  position:relative;
  overflow:hidden;
  background:#263f4d;
  color:white;
  border-radius:var(--radius);
  isolation:isolate
}
.photocard img {
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .55s ease
}
.photocard:hover img {
  transform:scale(1.04)
}
.photocard::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(7,22,36,.95) 0%,rgba(7,22,36,.45) 44%,rgba(7,22,36,.03) 80%);
  pointer-events:none
}
.photocard-content {
  position:absolute;
  z-index:1;
  inset:auto 0 0;
  padding:28px 30px 27px
}
.tag {
  display:inline-flex;
  line-height:1.7;
  background:var(--red);
  color:#fff;
  border-radius:4px;
  font-size:.70rem;
  font-weight:850;
  padding:4px 12px;
  margin-bottom:11px
}
.photocard h1 {
  font-size:clamp(1.75rem,3vw,2.75rem);
  line-height:1.42;
  font-weight:850;
  letter-spacing:-.6px
}
.photocard h2 {
  font-size:1.29rem;
  line-height:1.55;
  font-weight:850
}
.photocard p {
  color:#e2e9ef;
  font-size:.87rem;
  line-height:1.95;
  margin-top:9px;
  max-width:700px
}
.time-note {
  display:flex;
  gap:10px;
  align-items:center;
  margin-top:10px;
  color:#cad8e0;
  font-size:.71rem
}
.lead-side {
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:16px;
  min-height:560px
}
.lead-side .photocard-content {
  padding:20px 23px
}
.lead-side .photocard p {
  display:none
}
.lead-side .tag {
  font-size:.65rem
}
.section-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin:42px 0 18px;
  border-bottom:1px solid #dce3e7;
  padding-bottom:13px
}
.section-title h2 {
  font-size:1.4rem;
  line-height:1.5;
  font-weight:900;
  letter-spacing:-.3px;
  border-right:4px solid var(--red);
  padding-right:13px
}
.section-title a {
  font-size:.79rem;
  font-weight:750;
  color:var(--teal)
}
.news-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}
.story {
  background:#fff;
  border:1px solid #edf0f2;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 6px 22px rgba(17,43,60,.028);
  transition:box-shadow .25s,transform .25s
}
.story:hover {
  box-shadow:var(--shadow);
  transform:translateY(-3px)
}
.story .photo-wrap {
  display:block;
  aspect-ratio:16/10;
  background:#dce4e9;
  overflow:hidden
}
.story img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s
}
.story:hover img {
  transform:scale(1.035)
}
.story-body {
  padding:17px 19px 20px
}
.story-cat {
  color:var(--red);
  font-weight:850;
  font-size:.69rem;
  display:block;
  margin-bottom:6px
}
.story h3 {
  font-size:1.06rem;
  line-height:1.65;
  font-weight:850;
  min-height:54px
}
.story p {
  font-size:.79rem;
  color:var(--muted);
  margin-top:8px;
  line-height:1.9
}
.story-meta {
  display:flex;
  gap:11px;
  color:#7d8994;
  font-size:.69rem;
  margin-top:13px;
  align-items:center
}
.feature-band {
  background:#123249;
  color:white;
  border-radius:12px;
  padding:28px 31px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  margin-top:39px
}
.feature-band h2 {
  font-size:1.35rem;
  margin-bottom:4px
}
.feature-band p {
  color:#d4dee5;
  font-size:.83rem
}
.feature-band .pill {
  border:1px solid #6f8da1;
  border-radius:5px;
  padding:10px 20px;
  font-size:.79rem;
  font-weight:800;
  white-space:nowrap
}
.split-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:32px
}
.compact-list {
  display:grid;
  gap:13px
}
.compact-story {
  display:grid;
  grid-template-columns:175px 1fr;
  gap:17px;
  background:#fff;
  padding:12px;
  border:1px solid var(--line);
  border-radius:9px
}
.compact-story img {
  width:100%;
  height:125px;
  object-fit:cover;
  border-radius:5px
}
.compact-story h3 {
  font-size:1rem;
  line-height:1.6
}
.compact-story p {
  font-size:.76rem;
  color:var(--muted);
  margin-top:5px
}
.sidebar-panel {
  background:white;
  border:1px solid var(--line);
  border-radius:10px;
  padding:22px;
  margin-bottom:16px
}
.sidebar-panel h3 {
  font-size:1.05rem;
  border-right:3px solid var(--gold);
  padding-right:10px;
  margin-bottom:15px
}
.sidebar-panel p {
  font-size:.79rem;
  color:var(--muted);
  line-height:2
}
.side-link {
  display:block;
  font-size:.85rem;
  font-weight:750;
  border-bottom:1px solid var(--line);
  padding:12px 0;
  line-height:1.6
}
.side-link:last-child {
  border-bottom:none
}
.side-link:hover {
  color:var(--red)
}
.side-links {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}
.side-links a {
  padding:5px 11px;
  border-radius:5px;
  background:#eff4f6;
  font-size:.74rem;
  font-weight:700
}
.breadcrumb {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:.73rem;
  color:#71818f;
  margin:21px 0 28px
}
.breadcrumb a:hover {
  color:var(--red)
}
.breadcrumb i {
  font-style:normal;
  color:#b3bec5
}
.category-hero {
  background:white;
  border:1px solid var(--line);
  border-radius:10px;
  padding:30px 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:24px
}
.category-hero h1 {
  font-size:2rem;
  line-height:1.5
}
.category-hero p {
  font-size:.84rem;
  color:var(--muted);
  margin-top:3px
}
.category-stat {
  background:#f2f6f7;
  padding:10px 16px;
  border-radius:6px;
  font-size:.77rem;
  font-weight:800;
  color:#356478
}
.category-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:27px
}
.category-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px
}
.article-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:35px;
  align-items:start
}
.article-main {
  min-width:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:11px;
  overflow:hidden
}
.article-header {
  padding:38px 42px 27px
}
.article-header .tag {
  background:#eaf2f4;
  color:#136d77;
  margin-bottom:15px
}
.article-header h1 {
  font-size:clamp(1.75rem,3vw,2.6rem);
  line-height:1.52;
  font-weight:900;
  letter-spacing:-.65px
}
.article-lead {
  font-size:1.06rem;
  color:#576978;
  line-height:2;
  margin-top:13px;
  font-weight:600
}
.article-byline {
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--line);
  padding-top:19px;
  margin-top:22px;
  align-items:center
}
.byline-text {
  display:flex;
  align-items:center;
  gap:12px;
  font-size:.76rem
}
.byline-icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:#fff;
  background:var(--navy);
  font-size:.77rem;
  font-weight:850
}
.byline-text strong {
  display:block;
  font-size:.76rem
}
.byline-text small {
  color:var(--muted);
  display:block;
  font-size:.7rem
}
.share-btn {
  border:1px solid #dce4e7;
  background:white;
  border-radius:7px;
  padding:7px 12px;
  color:#34576b;
  font-size:.75rem;
  font-weight:800
}
.share-btn:hover {
  background:#eaf2f4
}
.cover-figure {
  background:#e7eef2
}
.cover-figure img {
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover
}
.cover-figure figcaption {
  padding:9px 20px;
  color:#758493;
  background:#f6f8f9;
  font-size:.68rem;
  line-height:1.8
}
.cover-figure a {
  color:#356f83;
  text-decoration:underline;
  text-underline-offset:3px
}
.prose {
  padding:31px 42px 39px;
  font-size:1.00rem;
  line-height:2.25;
  color:#29394a
}
.prose h2 {
  font-size:1.27rem;
  margin:25px 0 12px;
  line-height:1.6;
  border-right:4px solid var(--gold);
  padding-right:12px;
  color:#122e43
}
.prose p {
  margin-bottom:16px
}
.prose p.intro {
  font-weight:680;
  font-size:1.07rem;
  color:#2b4c61
}
.prose .callout {
  background:#f1f5f6;
  border-right:3px solid var(--teal);
  padding:17px 20px;
  margin:24px 0;
  font-size:.91rem
}
.source-card {
  border-top:1px solid var(--line);
  padding:23px 42px 27px;
  background:#f9fafb
}
.source-card h2 {
  font-size:1rem;
  margin-bottom:8px
}
.source-card p {
  font-size:.77rem;
  color:#596b79;
  line-height:2
}
.source-card a {
  color:var(--teal);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:4px
}
.related {
  margin-top:38px
}
.related h2 {
  font-size:1.3rem;
  margin-bottom:15px
}
.related-list {
  display:grid;
  gap:12px
}
.related-card {
  display:grid;
  grid-template-columns:113px 1fr;
  gap:12px;
  background:white;
  border:1px solid var(--line);
  border-radius:8px;
  padding:8px
}
.related-card img {
  width:113px;
  height:77px;
  object-fit:cover;
  border-radius:5px
}
.related-card span {
  font-size:.78rem;
  font-weight:800;
  line-height:1.7;
  align-self:center
}
.related-card:hover {
  color:var(--red)
}
.info-page {
  max-width:940px;
  margin:0 auto;
  background:white;
  border:1px solid var(--line);
  padding:40px 46px;
  border-radius:10px;
  min-height:380px
}
.info-page h1 {
  font-size:2rem;
  margin-bottom:16px
}
.info-page h2 {
  font-size:1.2rem;
  margin:24px 0 7px
}
.info-page p {
  margin-bottom:15px;
  color:#536574;
  line-height:2.1;
  font-size:.94rem
}
.info-page a {
  color:var(--teal);
  text-decoration:underline
}
.credit-table {
  border-collapse:collapse;
  width:100%;
  font-size:.76rem;
  line-height:1.75
}
.credit-table td,.credit-table th {
  border-bottom:1px solid var(--line);
  padding:10px;
  text-align:right
}
.credit-table th {
  background:#f0f4f6
}
.credit-table tr:hover {
  background:#fbfcfd
}
.footer {
  background:#08263b;
  color:#d9e4eb;
  margin-top:30px
}
.footer-main {
  display:grid;
  grid-template-columns:1.55fr 1fr 1fr 1fr;
  gap:26px;
  padding:43px 0 31px
}
.footer-logo {
  font-size:1.8rem;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-weight:900
}
.footer-logo img {
  width:43px
}
.footer p {
  color:#b4c5d0;
  font-size:.79rem;
  line-height:2;
  margin-top:12px
}
.footer h3 {
  font-size:.94rem;
  color:white;
  margin-bottom:12px
}
.footer a:not(.footer-logo) {
  display:block;
  font-size:.78rem;
  margin:6px 0;
  color:#b9cbd4
}
.footer a:hover {
  color:white
}
.copyright {
  border-top:1px solid #365165;
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:14px 0 18px;
  font-size:.67rem;
  color:#a7c0ce
}
.search-modal {
  border:0;
  border-radius:14px;
  max-width:min(660px,calc(100% - 24px));
  width:100%;
  padding:0;
  box-shadow:0 22px 90px rgba(0,0,0,.3);
  color:var(--ink)
}
.search-modal::backdrop {
  background:rgba(5,21,35,.68);
  backdrop-filter:blur(3px)
}
.search-head {
  padding:18px 23px;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center
}
.search-head h2 {
  font-size:1.19rem
}
.search-box {
  padding:16px 22px
}
.search-box input {
  width:100%;
  padding:13px;
  border:1px solid #c9d8df;
  border-radius:7px;
  outline-offset:2px
}
.search-results {
  max-height:420px;
  overflow:auto;
  padding:0 22px 25px
}
.result-link {
  display:block;
  padding:12px 0;
  border-bottom:1px solid var(--line);
  font-size:.86rem;
  font-weight:750
}
.result-link small {
  display:block;
  color:var(--teal);
  font-size:.72rem
}
.empty-state {
  color:var(--muted);
  font-size:.86rem;
  padding:16px 0
}
.back-top {
  position:fixed;
  bottom:24px;
  inset-inline-end:24px;
  border:0;
  border-radius:50%;
  width:42px;
  height:42px;
  background:#173c54;
  color:white;
  display:none;
  z-index:5;
  font-size:1.2rem
}
.back-top.is-visible {
  display:grid;
  place-items:center
}
.small-note {
  color:#7d8791;
  font-size:.69rem;
  margin-top:14px
}
.aside-list {
  list-style:none;
  padding:0;
  margin:0
}
.aside-list li {
  border-bottom:1px solid var(--line);
  padding:12px 0;
  font-size:.83rem;
  font-weight:750
}
.aside-list a:hover {
  color:var(--red)
}

@media (max-width:1100px) {
  .container {
    width:min(100% - 34px,1100px)
  }
  .nav-links a {
    padding-inline:10px;
    font-size:.76rem
  }
  .lead-grid {
    grid-template-columns:1.35fr 1fr
  }
  .lead-main,.lead-side,.lead-grid {
    min-height:490px
  }
  .article-layout {
    grid-template-columns:minmax(0,1fr) 280px;
    gap:21px
  }
  .split-layout {
    grid-template-columns:minmax(0,1fr) 290px
  }

}

@media (max-width:850px) {
  .masthead-message {
    display:none
  }
  .menu-btn {
    display:grid
  }
  .nav-inner {
    display:block;
    min-height:0
  }
  .nav-links {
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:8px 0
  }
  .navigation.is-open .nav-links {
    display:flex
  }
  .nav-links a {
    padding:10px 15px;
    border:0;
    border-right:3px solid transparent
  }
  .nav-links a.active {
    border-right-color:var(--gold)
  }
  .nav-tag {
    display:none
  }
  .lead-grid {
    grid-template-columns:1fr;
    min-height:unset
  }
  .lead-main {
    min-height:450px
  }
  .lead-side {
    min-height:unset;
    grid-template-columns:1fr 1fr;
    grid-template-rows:240px
  }
  .lead-side h2 {
    font-size:1.03rem
  }
  .news-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .split-layout,.article-layout,.category-layout {
    grid-template-columns:1fr
  }
  .sidebar {
    display:none
  }
  .footer-main {
    grid-template-columns:repeat(2,1fr)
  }
  .category-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .article-main {
    max-width:780px;
    width:100%;
    margin-inline:auto
  }
  .related {
    max-width:780px;
    margin-inline:auto
  }
  .article-layout {
    gap:0
  }

}

@media (max-width:600px) {
  .container {
    width:calc(100% - 26px)
  }
  .topbar {
    font-size:.68rem
  }
  .topbar-links a:nth-child(2) {
    display:none
  }
  .masthead-inner {
    min-height:83px
  }
  .brand img {
    width:48px;
    height:48px
  }
  .brand-text strong {
    font-size:1.72rem;
    letter-spacing:-1px
  }
  .brand-text small {
    font-size:.53rem
  }
  .icon-btn {
    width:36px;
    height:36px
  }
  .news-strip-inner {
    min-height:42px;
    gap:9px
  }
  .news-strip-label {
    font-size:.67rem
  }
  .news-strip-items a {
    font-size:.72rem
  }
  .main-wrap {
    padding-top:17px
  }
  .lead-main {
    min-height:385px
  }
  .photocard-content {
    padding:17px 18px 19px
  }
  .photocard h1 {
    font-size:1.62rem
  }
  .photocard p {
    font-size:.78rem;
    line-height:1.8
  }
  .lead-side {
    grid-template-columns:1fr;
    grid-template-rows:190px 190px;
    gap:12px
  }
  .lead-side .photocard-content {
    padding:15px
  }
  .lead-side h2 {
    font-size:1.09rem
  }
  .section-title {
    margin-top:31px
  }
  .section-title h2 {
    font-size:1.17rem
  }
  .news-grid,.category-grid {
    grid-template-columns:1fr;
    gap:14px
  }
  .story {
    display:grid;
    grid-template-columns:39% 1fr;
    min-height:135px;
    align-items:stretch
  }
  .story .photo-wrap {
    aspect-ratio:unset;
    height:100%
  }
  .story-body {
    padding:11px 13px
  }
  .story h3 {
    font-size:.91rem;
    min-height:unset;
    line-height:1.6
  }
  .story p {
    display:none
  }
  .story-cat {
    font-size:.63rem
  }
  .story-meta {
    font-size:.61rem;
    margin-top:8px
  }
  .feature-band {
    grid-template-columns:1fr;
    padding:21px;
    gap:15px
  }
  .compact-story {
    grid-template-columns:115px 1fr;
    gap:12px
  }
  .compact-story img {
    height:90px
  }
  .compact-story h3 {
    font-size:.82rem
  }
  .compact-story p {
    display:none
  }
  .category-hero {
    padding:23px
  }
  .category-hero h1 {
    font-size:1.55rem
  }
  .category-stat {
    display:none
  }
  .breadcrumb {
    margin:14px 0 16px
  }
  .article-header {
    padding:25px 20px 18px
  }
  .article-header h1 {
    font-size:1.72rem
  }
  .article-lead {
    font-size:.94rem
  }
  .article-byline {
    align-items:flex-start
  }
  .share-btn {
    padding:6px 9px
  }
  .prose {
    padding:21px 20px 27px;
    font-size:.94rem;
    line-height:2.2
  }
  .prose h2 {
    font-size:1.13rem
  }
  .source-card {
    padding:19px 20px
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
    gap:24px 10px;
    padding:34px 0
  }
  .footer-main>div:first-child {
    grid-column:1/-1
  }
  .footer-logo {
    font-size:1.5rem
  }
  .copyright {
    flex-direction:column;
    gap:3px
  }
  .info-page {
    padding:24px 19px
  }
  .info-page h1 {
    font-size:1.6rem
  }
  .credit-table {
    font-size:.65rem
  }

}

@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important
  }

}

@media print {
  .navigation,.topbar,.top-actions,.news-strip,.sidebar,.share-btn,.footer,.back-top,.related {
    display:none!important
  }
  .article-layout {
    display:block
  }
  .article-main {
    border:0
  }
  .prose {
    font-size:12pt
  }
  .container {
    width:100%
  }

}