:root {
  --O_wos-red: #CA1C1C;
  --O_wos-dark: #061301;
  --O_wos-edge: #C2CDEB;
  --O_wos-light: #E6E8F2;
  --O_wos-muted: #D6D2D2;
  --O_wos-blue-glow: 0 0 20px rgba(194,205,235,.18), 0 0 28px rgba(6,19,1,.45);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: #F9F7F7;
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;
  background-color: var(--O_wos-red);
  background-image:
    linear-gradient(30deg,transparent 45%,rgba(6,19,1,.22) 45.5%,rgba(6,19,1,.22) 46%,transparent 46.5%),
    linear-gradient(150deg,transparent 45%,rgba(194,205,235,.13) 45.5%,rgba(194,205,235,.13) 46%,transparent 46.5%),
    linear-gradient(30deg,transparent 45%,rgba(6,19,1,.17) 45.5%,rgba(6,19,1,.17) 46%,transparent 46.5%),
    linear-gradient(150deg,transparent 45%,rgba(194,205,235,.11) 45.5%,rgba(194,205,235,.11) 46%,transparent 46.5%);
  background-size: 66px 114px;
  background-position: 0 0,0 0,33px 57px,33px 57px;
}
img { display: block; max-width: 100%; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
.O_wos-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.O_wos-home { width: 90%; max-width: 1480px; margin: 0 auto; padding: 22px 0 55px; }
.O_wos-home > section { margin: 19px 0; }
.O_wos-section { padding: clamp(19px,4vw,38px); }
.O_wos-overline { color: #F2BCC0; font-size: .62rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.O_wos-heading { max-width: 760px; margin: 0 auto 22px; text-align: center; }
.O_wos-heading h2 { margin: 7px 0; color: white; font-size: clamp(1.65rem,3.4vw,2.45rem); }
.O_wos-heading > p { color: var(--O_wos-muted); font-size: .78rem; line-height: 1.85; }
.O_wos-glass-button { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; padding: 10px 16px; border: 1px solid rgba(194,205,235,.82); border-radius: 3px; background: linear-gradient(135deg,rgba(255,255,255,.2),rgba(194,205,235,.06)); color: white; font-size: .74rem; font-weight: 850; text-decoration: none; backdrop-filter: blur(8px); box-shadow: 0 0 14px rgba(194,205,235,.15); transition: transform .2s,background .2s,box-shadow .2s; }
.O_wos-glass-button:hover { transform: translateY(-2px); background: rgba(194,205,235,.2); box-shadow: 0 0 20px rgba(194,205,235,.28); }
.O_wos-inline-link { display: inline-flex; align-items: center; gap: 8px; color: #F5DADD; font-size: .7rem; font-weight: 850; text-decoration: none; }

/* Header */
.O_wos-header { position: relative; z-index: 20; border-bottom: 1px solid rgba(194,205,235,.65); background: rgba(31,10,10,.97); }
.O_wos-top-inner, .O_wos-nav-inner { display: flex; width: 90%; max-width: 1480px; min-height: 69px; align-items: center; justify-content: space-between; margin: 0 auto; }
.O_wos-brand > a, .O_wos-footer-brand { display: flex; align-items: center; gap: 10px; color: white; font-weight: 900; text-decoration: none; }
.O_wos-brand img, .O_wos-footer-brand img { width: 46px; height: 46px; object-fit: contain; }
.O_wos-brand-name { font-size: .9rem; }
.O_wos-hotline > a { display: flex; align-items: center; gap: 9px; color: white; text-decoration: none; }
.O_wos-hotline > a > span { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid var(--O_wos-edge); border-radius: 50%; color: var(--O_wos-edge); box-shadow: 0 0 13px rgba(194,205,235,.2); }
.O_wos-hotline strong { font-size: .73rem; }
.O_wos-nav-band { background: linear-gradient(100deg,#C2CDEB,#E4E8F4 48%,#C2CDEB); }
.O_wos-nav-inner { min-height: 44px; justify-content: center; }
.O_wos-desktop-nav ul, .O_wos-footer-navigation ul, .O_wos-mobile-nav ul { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 0; padding: 0; list-style: none; }
.O_wos-desktop-nav a { display: block; padding: 10px 14px; border-radius: 3px; color: #211A24; font-size: .76rem; font-weight: 850; text-decoration: none; }
.O_wos-desktop-nav a:hover { background: rgba(202,28,28,.92); color: white; }
.O_wos-menu-holder { display: none; }
.O_wos-menu-button { display: inline-flex; min-width: 48px; min-height: 36px; align-items: center; justify-content: center; gap: 7px; border: 1px solid #463D4B; border-radius: 3px; background: transparent; color: #211A24; cursor: pointer; }
.O_wos-menu-button span:first-child { font-size: 1.05rem; }
.O_wos-menu-label { font-size: .64rem; font-weight: 850; }
.O_wos-mobile-nav { display: none; width: 90%; max-width: 1480px; margin: 0 auto; padding-bottom: 10px; }
.O_wos-mobile-nav ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.O_wos-mobile-nav a { display: block; padding: 9px; border-bottom: 1px solid rgba(33,26,36,.2); color: #211A24; font-size: .75rem; text-decoration: none; }
.O_wos-mobile-nav.is-open { display: block; }
.O_wos-mobile-nav[hidden] { display: none !important; }
@media (min-width: 761px) { .O_wos-mobile-nav, .O_wos-mobile-nav.is-open { display: none !important; } }

/* Section O_wos-spotlight — ⇆ Horizontal Carousel Layout START */
.O_wos-spotlight { position: relative; min-height: 420px; overflow: hidden; padding: clamp(18px,3vw,28px); border: 1px solid var(--O_wos-edge); background: linear-gradient(120deg,rgba(6,19,1,.97),rgba(57,11,14,.9)); box-shadow: var(--O_wos-blue-glow); }
.O_wos-spotlight-slide { display: grid; min-height: 355px; grid-template-columns: 1fr .9fr; align-items: center; gap: 25px; }
.O_wos-spotlight-slide[hidden] { display: none !important; }
.O_wos-spotlight-copy { max-width: 620px; padding: 12px; }
.O_wos-spotlight-copy h1, .O_wos-spotlight-copy h2 { margin: 10px 0; color: white; font-size: clamp(2rem,4.7vw,3.65rem); line-height: 1.12; }
.O_wos-spotlight-copy p { color: #E4DCDC; font-size: .82rem; line-height: 1.85; }
.O_wos-spotlight-copy .O_wos-glass-button { margin-top: 8px; }
.O_wos-spotlight-image { position: relative; min-height: 310px; padding: 10px; border: 1px solid var(--O_wos-edge); background: rgba(6,19,1,.76); box-shadow: 0 0 22px rgba(194,205,235,.17); transform: rotate(1.5deg); }
.O_wos-spotlight-image img { width: 100%; height: 288px; object-fit: cover; }
.O_wos-image-tag { position: absolute; right: -10px; bottom: 12px; display: grid; gap: 5px; padding: 11px; border: 1px solid var(--O_wos-edge); background: #061301; transform: rotate(-1.5deg); }
.O_wos-image-tag strong { font-size: .7rem; line-height: 1.3; }
.O_wos-image-tag span { color: #F2BCC0; font-size: .55rem; }
.O_wos-spotlight-controls { position: absolute; bottom: 14px; left: 26px; display: flex; align-items: center; gap: 8px; }
.O_wos-spotlight-controls button, .O_wos-question-controls button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--O_wos-edge); border-radius: 50%; background: rgba(255,255,255,.08); color: white; cursor: pointer; backdrop-filter: blur(6px); }
.O_wos-spotlight-controls span, .O_wos-question-controls span { color: white; font-size: .62rem; font-weight: 850; }
/* Section O_wos-spotlight — ⇆ END */

/* Section O_wos-profile — ◓|◓ Upper Dark Lower Light Circle with Vertical Divider Layout START */
.O_wos-profile { display: grid; min-height: 285px; grid-template-columns: .95fr 1.05fr; align-items: center; overflow: hidden; border: 1px solid var(--O_wos-edge); border-radius: 34% 34% 4px 4px / 8% 8% 4px 4px; background: linear-gradient(180deg,#061301 0 32%,#B7B0B0 32.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-profile-media { position: relative; min-height: 270px; padding: 14px; border-right: 1px solid var(--O_wos-edge); }
.O_wos-profile-media img { width: 100%; height: 240px; object-fit: cover; }
.O_wos-profile-media > span { position: absolute; bottom: 23px; left: 23px; padding: 8px 10px; background: #061301; color: white; font-size: .57rem; font-weight: 900; }
.O_wos-profile-media > span i { display: inline-block; width: 18px; height: 1px; margin: 0 4px 3px; background: var(--O_wos-edge); }
.O_wos-profile-copy { padding: clamp(20px,4vw,38px); color: #211C1C; }
.O_wos-profile-copy .O_wos-overline { color: #851515; }
.O_wos-profile-copy h2 { margin: 7px 0; color: #181515; font-size: clamp(1.7rem,3vw,2.35rem); }
.O_wos-profile-copy > div { font-size: .77rem; line-height: 1.85; }
.O_wos-profile-copy .O_wos-inline-link { margin-top: 13px; color: #621010; }
/* Section O_wos-profile — ◓|◓ END */

/* Section O_wos-overview — ■▫▫▫ Large–Small–Small–Small Layout START */
.O_wos-overview-grid { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-overview-grid > div { min-height: 220px; padding: 17px; background: #D3CECE; color: #211A1A; }
.O_wos-overview-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-overview-grid > div.O_wos-overview-lead { background: #061301; color: white; }
.O_wos-overview-grid i { color: #B71818; font-size: 1.05rem; }
.O_wos-overview-grid .O_wos-overview-lead i { color: var(--O_wos-edge); }
.O_wos-overview-grid h3 { margin: 10px 0 4px; font-size: .78rem; }
.O_wos-overview-grid strong { color: #8C1414; font-size: .66rem; }
.O_wos-overview-grid .O_wos-overview-lead strong { color: #F2BCC0; }
.O_wos-overview-grid p { font-size: .67rem; line-height: 1.72; }
.O_wos-overview-grid .O_wos-overview-lead p { color: #DBE1D8; }
/* Section O_wos-overview — ■▫▫▫ END */

/* Section O_wos-honours — ⬒⬒ Upper Dark Lower Light Square Layout START */
.O_wos-honours-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-honours-grid > div { min-height: 215px; padding: 16px; background: linear-gradient(180deg,#061301 0 46%,#D3CECE 46.2% 100%); color: #211A1A; }
.O_wos-honours-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-honours-grid i { color: #F0C2C5; }
.O_wos-honours-grid h3 { margin: 9px 0 4px; font-size: .77rem; }
.O_wos-honours-grid strong { color: #A81313; font-size: .65rem; }
.O_wos-honours-grid p { font-size: .67rem; line-height: 1.7; }
/* Section O_wos-honours — ⬒⬒ END */

/* Section O_wos-recruit — ◓◓ Upper Dark Lower Light Circle Layout START */
.O_wos-recruit { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 19px; overflow: hidden; padding: 23px; border: 1px solid var(--O_wos-edge); border-radius: 33% 33% 5px 5px / 7% 7% 5px 5px; background: linear-gradient(180deg,#061301 0 26%,#C0BABA 26.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-recruit-image { position: relative; padding: 10px; border: 1px solid var(--O_wos-edge); background: #061301; }
.O_wos-recruit-image img { width: 100%; height: 255px; object-fit: cover; }
.O_wos-recruit-image span { position: absolute; right: 0; bottom: 0; padding: 8px; background: #061301; color: white; font-size: .55rem; font-weight: 900; }
.O_wos-recruit-copy { padding: 14px; color: #211A1A; }
.O_wos-recruit-copy .O_wos-overline { color: #861414; }
.O_wos-recruit-copy h2 { margin: 8px 0; color: #191515; font-size: clamp(1.6rem,3vw,2.2rem); }
.O_wos-recruit-copy > div { font-size: .75rem; line-height: 1.85; }
.O_wos-recruit-copy .O_wos-glass-button { margin-top: 14px; background: rgba(6,19,1,.82); }
/* Section O_wos-recruit — ◓◓ END */

/* Section O_wos-security — ✚ Bold Cross Split Layout START */
.O_wos-security-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-security-grid > div { min-height: 175px; padding: 17px; background: #061301; }
.O_wos-security-grid > div:nth-child(2), .O_wos-security-grid > div:nth-child(3) { background: #D3CECE; color: #211A1A; }
.O_wos-security-grid > div:nth-child(2) { border-left: 1px solid var(--O_wos-edge); }
.O_wos-security-grid > div:nth-child(3) { border-top: 1px solid var(--O_wos-edge); }
.O_wos-security-grid > div:nth-child(4) { border-top: 1px solid var(--O_wos-edge); border-left: 1px solid var(--O_wos-edge); }
.O_wos-security-grid i { color: #F0C2C5; }
.O_wos-security-grid > div:nth-child(2) i, .O_wos-security-grid > div:nth-child(3) i { color: #B71818; }
.O_wos-security-grid h3 { margin: 8px 0 4px; font-size: .78rem; }
.O_wos-security-grid strong { color: #F0C2C5; font-size: .66rem; }
.O_wos-security-grid > div:nth-child(2) strong, .O_wos-security-grid > div:nth-child(3) strong { color: #9C1616; }
.O_wos-security-grid p { color: #D9E0D6; font-size: .67rem; line-height: 1.72; }
.O_wos-security-grid > div:nth-child(2) p, .O_wos-security-grid > div:nth-child(3) p { color: #393333; }
/* Section O_wos-security — ✚ END */

/* Section O_wos-capacity — ◨◨ Light-Dark-Light-Dark Grid Square Layout START */
.O_wos-capacity-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-capacity-grid > div { min-height: 195px; padding: 17px; background: #D3CECE; color: #211A1A; }
.O_wos-capacity-grid > div:nth-child(even) { background: #061301; color: white; }
.O_wos-capacity-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-capacity-grid i { color: #A71515; }
.O_wos-capacity-grid > div:nth-child(even) i { color: #F0C2C5; }
.O_wos-capacity-grid h3 { margin: 9px 0 4px; font-size: .77rem; }
.O_wos-capacity-grid strong { color: #A71515; font-size: 1.35rem; }
.O_wos-capacity-grid > div:nth-child(even) strong { color: #F2BCC0; }
.O_wos-capacity-grid p { font-size: .66rem; line-height: 1.7; }
.O_wos-capacity-grid > div:nth-child(even) p { color: #D9E0D6; }
/* Section O_wos-capacity — ◨◨ END */

/* Section O_wos-languages — ◒◒ Lower Dark Upper Light Circle Layout START */
.O_wos-language-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--O_wos-edge); border-radius: 4px 4px 34% 34% / 4px 4px 7% 7%; overflow: hidden; box-shadow: var(--O_wos-blue-glow); }
.O_wos-language-grid > div { min-height: 220px; padding: 17px; background: #D3CECE; color: #211A1A; }
.O_wos-language-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-language-grid > div.O_wos-language-main { background: linear-gradient(180deg,#D3CECE 0 35%,#061301 35.2% 100%); color: white; }
.O_wos-language-grid .fi { font-size: 1.35rem; }
.O_wos-language-grid h3 { margin: 8px 0 4px; font-size: .78rem; }
.O_wos-language-grid strong { color: #A71515; font-size: .65rem; }
.O_wos-language-grid .O_wos-language-main strong { color: #F2BCC0; }
.O_wos-language-grid p { font-size: .67rem; line-height: 1.72; }
.O_wos-language-grid .O_wos-language-main p { color: #D9E0D6; }
/* Section O_wos-languages — ◒◒ END */

/* Section O_wos-questions — ⨂ Diagonally Quartered Circle Layout START */
.O_wos-questions { display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 22px; overflow: hidden; border: 1px solid var(--O_wos-edge); background: linear-gradient(145deg,#061301 0 48%,#5A1115 48.2% 72%,#061301 72.2%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-question-intro h2 { margin: 8px 0; color: white; font-size: clamp(1.65rem,3vw,2.25rem); }
.O_wos-question-intro > p { color: #DED8D8; font-size: .73rem; line-height: 1.8; }
.O_wos-question-controls { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.O_wos-question-window { min-height: 185px; }
.O_wos-question-card { min-height: 180px; padding: 22px; border: 1px solid var(--O_wos-edge); border-radius: 50% 50% 7px 7px; background: #D3CECE; color: #211A1A; box-shadow: var(--O_wos-blue-glow); }
.O_wos-question-card[hidden] { display: none !important; }
.O_wos-question-card small { color: #A71515; font-size: .6rem; font-weight: 900; }
.O_wos-question-card h3 { font-size: .87rem; }
.O_wos-question-card p { color: #393333; font-size: .74rem; line-height: 1.75; }
.O_wos-avatar { float: right; display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid #A71515; border-radius: 50%; color: #A71515; }
/* Section O_wos-questions — ⨂ END */

/* Section O_wos-offerings — ⧉ Overlapping Cards Layout START */
.O_wos-offering-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.O_wos-offering-grid > div { position: relative; min-height: 205px; overflow: hidden; padding: 16px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-offering-grid > div:nth-child(2), .O_wos-offering-grid > div:nth-child(5) { margin-top: 16px; background: #D3CECE; color: #211A1A; }
.O_wos-offering-grid > div:nth-child(3), .O_wos-offering-grid > div:nth-child(4) { margin-top: 32px; }
.O_wos-offering-grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .17; }
.O_wos-offering-grid i, .O_wos-offering-grid h3, .O_wos-offering-grid p { position: relative; }
.O_wos-offering-grid i { color: #F2BCC0; }
.O_wos-offering-grid > div:nth-child(2) i, .O_wos-offering-grid > div:nth-child(5) i { color: #A71515; }
.O_wos-offering-grid h3 { margin: 9px 0 5px; font-size: .78rem; }
.O_wos-offering-grid p { color: #DBE0D8; font-size: .67rem; line-height: 1.72; }
.O_wos-offering-grid > div:nth-child(2) p, .O_wos-offering-grid > div:nth-child(5) p { color: #393333; }
/* Section O_wos-offerings — ⧉ END */

/* Section O_wos-faq — ◫|◫ Square with Vertical Divider Layout START */
.O_wos-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 22px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-faq-heading { padding: 14px; border-right: 1px solid var(--O_wos-edge); }
.O_wos-faq-heading h2 { margin: 8px 0; color: white; font-size: clamp(1.65rem,3vw,2.25rem); }
.O_wos-faq-heading > p { color: #D9E0D6; font-size: .75rem; line-height: 1.8; }
.O_wos-faq-note { display: inline-flex; align-items: center; gap: 7px; margin-top: 9px; color: #F2BCC0; font-size: .63rem; }
.O_wos-faq-list { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 8px; }
.O_wos-faq-list details { padding: 12px; border: 1px solid rgba(194,205,235,.65); background: rgba(255,255,255,.04); }
.O_wos-faq-list summary { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; list-style: none; }
.O_wos-faq-list summary::-webkit-details-marker { display: none; }
.O_wos-faq-list summary > span { color: #F2BCC0; font-size: .58rem; font-weight: 900; }
.O_wos-faq-list summary strong { flex: 1; color: white; font-size: .68rem; line-height: 1.55; }
.O_wos-faq-list summary > i { color: var(--O_wos-edge); font-size: .62rem; transition: transform .2s; }
.O_wos-faq-list details[open] summary > i { transform: rotate(45deg); }
.O_wos-faq-list details p { margin: 10px 0 0; color: #D9E0D6; font-size: .65rem; line-height: 1.7; }
/* Section O_wos-faq — ◫|◫ END */

/* Section O_wos-journal — ▱ Parallelogram Quartered Layout START */
.O_wos-journal-heading { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.O_wos-journal-heading h2 { margin: 6px 0; color: white; font-size: clamp(1.65rem,3.3vw,2.4rem); }
.O_wos-journal-heading p { margin: 0; color: #E0DADA; font-size: .7rem; }
.O_wos-journal-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.O_wos-journal-card { overflow: hidden; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-journal-image { position: relative; display: block; height: 175px; overflow: hidden; clip-path: polygon(0 0,100% 0,100% 87%,0 100%); }
.O_wos-journal-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .24s; }
.O_wos-journal-card:hover .O_wos-journal-image img { transform: scale(1.04); }
.O_wos-journal-image > span { position: absolute; right: 8px; bottom: 17px; display: grid; width: 28px; height: 28px; place-items: center; background: #CA1C1C; color: white; }
.O_wos-journal-copy { padding: 12px; }
.O_wos-journal-category { color: #F2BCC0; font-size: .57rem; }
.O_wos-journal-copy h3 { margin: 7px 0; font-size: .76rem; line-height: 1.5; }
.O_wos-journal-copy h3 a { color: white; text-decoration: none; }
.O_wos-journal-copy p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin: 0 0 8px; color: #D9E0D6; font-size: .66rem; line-height: 1.65; } /* 控制显示行数为5 */
.O_wos-journal-copy time { color: #F2BCC0; font-size: .59rem; }
/* Section O_wos-journal — ▱ END */

/* Section O_wos-partners — ◓|◓ Upper Dark Lower Light Circle with Vertical Divider Layout START */
.O_wos-partner-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid var(--O_wos-edge); border-radius: 28% 28% 4px 4px / 5% 5% 4px 4px; box-shadow: var(--O_wos-blue-glow); }
.O_wos-partner-grid > div { min-height: 280px; padding: 13px; background: linear-gradient(180deg,#061301 0 42%,#D3CECE 42.2% 100%); color: #211A1A; }
.O_wos-partner-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-partner-grid img { width: 100%; height: 99px; margin-bottom: 10px; object-fit: cover; }
.O_wos-partner-grid i { color: #CA1C1C; }
.O_wos-partner-grid h3 { margin: 7px 0 4px; font-size: .77rem; }
.O_wos-partner-grid strong { color: #A71515; font-size: .65rem; }
.O_wos-partner-grid p { font-size: .66rem; line-height: 1.7; }
/* Section O_wos-partners — ◓|◓ END */

/* Section O_wos-reach — ◓|◓ Upper Dark Lower Light Circle with Vertical Divider Layout START */
.O_wos-reach { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid var(--O_wos-edge); border-radius: 30% 30% 4px 4px / 5% 5% 4px 4px; background: linear-gradient(180deg,#061301 0 28%,#B7B0B0 28.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-reach-info { padding: clamp(20px,3.5vw,35px); border-right: 1px solid var(--O_wos-edge); }
.O_wos-reach-info h2 { margin: 8px 0; color: white; font-size: clamp(1.6rem,3vw,2.2rem); }
.O_wos-reach-info > p { color: #D9E0D6; font-size: .76rem; line-height: 1.8; }
.O_wos-reach-info > a, .O_wos-reach-info > div { display: flex; align-items: center; gap: 10px; margin-top: 14px; color: white; text-decoration: none; }
.O_wos-reach-info > a > i, .O_wos-reach-info > div > i { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border: 1px solid var(--O_wos-edge); border-radius: 50%; color: #F2BCC0; }
.O_wos-reach-info > a > span, .O_wos-reach-info > div > span { display: grid; gap: 3px; }
.O_wos-reach-info small { color: #DED8D8; font-size: .59rem; }
.O_wos-reach-info strong { font-size: .68rem; overflow-wrap: anywhere; }
.O_wos-reach-form { display: grid; align-content: start; gap: 7px; padding: clamp(18px,3vw,27px); }
.O_wos-reach-form label { color: #1F1B1B; font-size: .67rem; font-weight: 850; }
.O_wos-reach-form input, .O_wos-reach-form select, .O_wos-reach-form textarea { width: 100%; padding: 10px; border: 1px solid #C2CDEB; border-radius: 3px; outline: none; background: #F2EFEF; color: #1B1717; font: inherit; font-size: .72rem; }
.O_wos-reach-form input:focus, .O_wos-reach-form select:focus, .O_wos-reach-form textarea:focus { box-shadow: 0 0 0 3px rgba(194,205,235,.3); }
.O_wos-reach-form textarea { resize: vertical; }
.O_wos-reach-form .O_wos-glass-button { justify-self: start; background: rgba(6,19,1,.85); cursor: pointer; }
.O_wos-reach-form > small, .O_wos-form-status { color: #352E2E; font-size: .6rem; line-height: 1.6; }
/* Section O_wos-reach — ◓|◓ END */

/* Footer */
.O_wos-footer { padding: 32px 0 13px; border-top: 1px solid var(--O_wos-edge); background: #210B0C; color: #F6F0F0; }
.O_wos-footer-main { display: grid; width: 90%; max-width: 1480px; grid-template-columns: 1.25fr 1fr 1fr; gap: 28px; margin: 0 auto; padding-bottom: 22px; }
.O_wos-footer-brand { color: white; }
.O_wos-footer-summary > p { max-width: 470px; color: #DBD4D4; font-size: .71rem; line-height: 1.8; }
.O_wos-footer-navigation h2, .O_wos-footer-contact h2 { margin: 0 0 11px; color: white; font-size: .81rem; }
.O_wos-footer-navigation ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.O_wos-footer-navigation a { color: #E5DEDE; font-size: .68rem; text-decoration: none; }
.O_wos-footer-navigation a:hover { color: var(--O_wos-edge); }
.O_wos-footer-contact { display: grid; align-content: start; gap: 9px; font-style: normal; }
.O_wos-footer-contact > span { display: flex; align-items: flex-start; gap: 9px; color: #E5DEDE; font-size: .68rem; overflow-wrap: anywhere; }
.O_wos-footer-contact i { width: 15px; color: var(--O_wos-edge); }
.O_wos-footer-contact a { color: inherit; text-decoration: none; }
.O_wos-copyright { display: flex; width: 90%; max-width: 1480px; justify-content: space-between; gap: 10px; margin: 0 auto; padding-top: 12px; border-top: 1px solid rgba(194,205,235,.3); color: #D5CDCD; font-size: .61rem; }
.O_wos-copyright a { color: inherit; text-decoration: none; }
.O_wos-back-top { position: fixed; right: 18px; bottom: 18px; z-index: 30; display: grid; width: 44px; height: 44px; place-content: center; gap: 2px; border: 1px solid var(--O_wos-edge); border-radius: 50%; background: rgba(6,19,1,.9); color: white; box-shadow: var(--O_wos-blue-glow); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s,transform .2s,visibility .2s; }
.O_wos-back-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.O_wos-back-top i { font-size: .83rem; }
.O_wos-back-top span { font-size: .43rem; font-weight: 900; }

/* Responsive */
@media (max-width: 1000px) {
  .O_wos-overview-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-overview-grid > div:nth-child(3) { border-left: 0; }
  .O_wos-honours-grid, .O_wos-capacity-grid, .O_wos-language-grid, .O_wos-partner-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-offering-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-offering-grid > div:nth-child(n) { margin-top: 0; }
  .O_wos-journal-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-journal-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .O_wos-home { width: 92%; padding-top: 15px; }
  .O_wos-home > section { margin: 15px 0; }
  .O_wos-desktop-nav { display: none; }
  .O_wos-menu-holder { display: block; }
  .O_wos-nav-inner { min-height: 44px; justify-content: flex-end; }
  .O_wos-spotlight { min-height: 0; padding: 16px 14px 58px; }
  .O_wos-spotlight-slide { min-height: 0; grid-template-columns: 1fr; gap: 13px; }
  .O_wos-spotlight-image { min-height: 245px; margin: 0 10px; }
  .O_wos-spotlight-image img { height: 223px; }
  .O_wos-profile, .O_wos-recruit, .O_wos-questions, .O_wos-faq, .O_wos-reach { grid-template-columns: 1fr; }
  .O_wos-profile-media { min-height: 235px; border-right: 0; border-bottom: 1px solid var(--O_wos-edge); }
  .O_wos-profile-media img { height: 210px; }
  .O_wos-recruit-image { width: 94%; max-width: 520px; margin: 0 auto; }
  .O_wos-question-window { min-height: 160px; }
  .O_wos-question-card { min-height: 155px; }
  .O_wos-faq-heading { border-right: 0; border-bottom: 1px solid var(--O_wos-edge); }
  .O_wos-reach-info { border-right: 0; border-bottom: 1px solid var(--O_wos-edge); }
  .O_wos-footer-main { grid-template-columns: 1fr 1fr; }
  .O_wos-footer-summary { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .O_wos-top-inner, .O_wos-nav-inner, .O_wos-mobile-nav { width: 92%; }
  .O_wos-top-inner { min-height: 63px; }
  .O_wos-brand img { width: 39px; height: 39px; }
  .O_wos-brand-name { max-width: 130px; font-size: .77rem; }
  .O_wos-hotline strong { font-size: .65rem; }
  .O_wos-section { padding: 17px 12px; }
  .O_wos-spotlight-copy { padding: 5px 2px; }
  .O_wos-spotlight-copy h1, .O_wos-spotlight-copy h2 { font-size: 2rem; }
  .O_wos-overview-grid, .O_wos-honours-grid, .O_wos-capacity-grid, .O_wos-language-grid, .O_wos-partner-grid { grid-template-columns: 1fr; }
  .O_wos-overview-grid > div, .O_wos-honours-grid > div, .O_wos-capacity-grid > div, .O_wos-language-grid > div, .O_wos-partner-grid > div { min-height: 0; }
  .O_wos-overview-grid > div + div, .O_wos-honours-grid > div + div, .O_wos-capacity-grid > div + div, .O_wos-language-grid > div + div, .O_wos-partner-grid > div + div { border-top: 1px solid var(--O_wos-edge); border-left: 0; }
  .O_wos-security-grid, .O_wos-faq-list, .O_wos-offering-grid, .O_wos-journal-grid { grid-template-columns: 1fr; }
  .O_wos-security-grid > div:nth-child(n) { border-top: 1px solid var(--O_wos-edge); border-left: 0; }
  .O_wos-security-grid > div:first-child { border-top: 0; }
  .O_wos-offering-grid > div:nth-child(n) { min-height: 175px; margin-top: 0; }
  .O_wos-journal-card:last-child { grid-column: auto; }
  .O_wos-journal-heading { align-items: flex-start; flex-direction: column; }
  .O_wos-footer-main { grid-template-columns: 1fr; }
  .O_wos-footer-summary { grid-column: auto; }
  .O_wos-copyright { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}
/* Shared O_wos inner pages */
.O_wos-inner { width: 90%; max-width: 1480px; margin: 0 auto; padding: 20px 0 55px; }
.O_wos-inner > section { margin: 18px 0; }
.O_wos-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #E6DADA; font-size: .66rem; }
.O_wos-crumb a { color: inherit; text-decoration: none; }
.O_wos-crumb i { color: #F2BCC0; font-size: .58rem; }
.O_wos-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Section O_wos-contact-opening — ◧|◨ START */
.O_wos-contact-opening { display: grid; min-height: 270px; grid-template-columns: 1.3fr .7fr; align-items: center; overflow: hidden; border: 1px solid var(--O_wos-edge); background: linear-gradient(90deg,#061301 0 26%,#C8C2C2 26.2% 50%,#C8C2C2 50.2% 74%,#061301 74.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-contact-opening-copy { padding: clamp(20px,4vw,38px); }
.O_wos-contact-opening-copy .O_wos-crumb { margin-bottom: 15px; color: #EEE6E6; }
.O_wos-contact-opening-copy h1 { margin: 8px 0; color: white; font-size: clamp(2rem,4vw,3.1rem); line-height: 1.18; }
.O_wos-contact-opening-copy > p { max-width: 680px; color: #DDD8D8; font-size: .78rem; line-height: 1.85; }
.O_wos-contact-opening-copy .O_wos-glass-button { margin-top: 8px; }
.O_wos-contact-opening-art { display: grid; min-height: 220px; align-content: center; justify-items: center; gap: 10px; color: #211A1A; text-align: center; }
.O_wos-contact-opening-art > span { color: #A71515; font-size: clamp(1.35rem,3vw,2rem); font-weight: 950; line-height: 1.2; }
.O_wos-contact-opening-art > i { color: #061301; font-size: 1.6rem; }
.O_wos-contact-opening-art > small { font-size: .52rem; font-weight: 900; letter-spacing: .12em; }
/* Section O_wos-contact-opening — ◧|◨ END */

/* Section O_wos-contact-channels — ▫□□▫ START */
.O_wos-contact-channels { padding: clamp(17px,3vw,28px); border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-contact-channel-grid { display: grid; grid-template-columns: .82fr 1.18fr 1.18fr .82fr; border: 1px solid var(--O_wos-edge); }
.O_wos-contact-channel-grid > div { min-width: 0; min-height: 192px; padding: 15px; background: #C8C2C2; color: #201B1B; }
.O_wos-contact-channel-grid > div:nth-child(2), .O_wos-contact-channel-grid > div:nth-child(3) { background: #061301; color: white; }
.O_wos-contact-channel-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-contact-channel-grid i { display: block; margin-bottom: 8px; color: #B71616; }
.O_wos-contact-channel-grid > div:nth-child(2) i, .O_wos-contact-channel-grid > div:nth-child(3) i { color: var(--O_wos-edge); }
.O_wos-contact-channel-grid small { color: #981616; font-size: .53rem; font-weight: 900; letter-spacing: .1em; }
.O_wos-contact-channel-grid > div:nth-child(2) small, .O_wos-contact-channel-grid > div:nth-child(3) small { color: #F2BCC0; }
.O_wos-contact-channel-grid h3 { margin: 7px 0 5px; font-size: .78rem; }
.O_wos-contact-channel-grid a, .O_wos-contact-channel-grid strong { display: block; color: inherit; font-size: .66rem; overflow-wrap: anywhere; }
.O_wos-contact-channel-grid a { color: #A71515; font-weight: 850; }
.O_wos-contact-channel-grid > div:nth-child(2) a { color: #F2BCC0; }
.O_wos-contact-channel-grid p { color: #3D3737; font-size: .65rem; line-height: 1.7; }
.O_wos-contact-channel-grid > div:nth-child(2) p, .O_wos-contact-channel-grid > div:nth-child(3) p { color: #D9E0D6; }
/* Section O_wos-contact-channels — ▫□□▫ END */

/* Section O_wos-contact-options — ◒|◒ START */
.O_wos-contact-options { display: grid; grid-template-columns: .74fr 1.26fr; gap: 20px; padding: clamp(18px,3vw,30px); border: 1px solid var(--O_wos-edge); border-radius: 4px 4px 32% 32% / 4px 4px 7% 7%; background: linear-gradient(180deg,#C8C2C2 0 47%,#061301 47.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-contact-options-intro { position: relative; display: flex; min-height: 100%; flex-direction: column; padding: 11px 19px 25px 10px; border-right: 1px solid var(--O_wos-edge); color: #211A1A; }
.O_wos-contact-options-intro .O_wos-overline { color: #971616; }
.O_wos-contact-options-intro h2 { margin: 8px 0; color: #211A1A; font-size: clamp(1.5rem,2.8vw,2.15rem); }
.O_wos-contact-options-intro > p { max-width: 370px; color: #393333; font-size: .73rem; line-height: 1.8; }
.O_wos-contact-options-mark { display: grid; gap: 7px; margin-top: auto; color: #A71515; }
.O_wos-contact-options-mark i { font-size: 1.35rem; }
.O_wos-contact-options-mark span { font-size: .56rem; font-weight: 900; letter-spacing: .08em; line-height: 1.5; }
.O_wos-contact-accordion { display: grid; align-content: start; gap: 7px; padding: 7px 0; }
.O_wos-contact-accordion details { border: 1px solid var(--O_wos-edge); background: rgba(6,19,1,.94); }
.O_wos-contact-accordion summary { display: flex; min-height: 53px; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; list-style: none; }
.O_wos-contact-accordion summary::-webkit-details-marker { display: none; }
.O_wos-contact-accordion summary > i:first-child { color: #F2BCC0; }
.O_wos-contact-accordion summary > span { display: grid; flex: 1; gap: 3px; }
.O_wos-contact-accordion summary strong { color: white; font-size: .73rem; }
.O_wos-contact-accordion summary small { color: #D9E0D6; font-size: .6rem; }
.O_wos-accordion-plus { color: var(--O_wos-edge); font-size: .65rem; transition: transform .2s; }
.O_wos-contact-accordion details[open] .O_wos-accordion-plus { transform: rotate(45deg); }
.O_wos-contact-accordion details > div { padding: 0 15px 14px 39px; border-top: 1px solid rgba(194,205,235,.32); }
.O_wos-contact-accordion details > div p, .O_wos-contact-accordion details > div li, .O_wos-contact-address { color: #D9E0D6; font-size: .66rem; line-height: 1.75; }
.O_wos-contact-accordion details > div ul { display: grid; gap: 3px; padding-left: 17px; }
.O_wos-contact-accordion details > div a { color: #F2BCC0; font-size: .67rem; font-weight: 850; }
/* Section O_wos-contact-options — ◒|◒ END */

/* Section O_wos-contact-form — ■▫|▫■ START */
.O_wos-contact-form { display: grid; grid-template-columns: 1fr .7fr .7fr 1fr; overflow: hidden; border: 1px solid var(--O_wos-edge); background: linear-gradient(90deg,#061301 0 27%,#C8C2C2 27.2% 50%,#C8C2C2 50.2% 73%,#061301 73.2% 100%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-contact-form-copy { grid-column: 1 / 3; padding: clamp(20px,3.5vw,35px); border-right: 1px solid var(--O_wos-edge); }
.O_wos-contact-form-copy h2 { margin: 8px 0; color: white; font-size: clamp(1.6rem,3vw,2.2rem); }
.O_wos-contact-form-copy > p { color: #D9E0D6; font-size: .75rem; line-height: 1.8; }
.O_wos-contact-form-copy > a, .O_wos-contact-form-copy > div { display: flex; align-items: center; gap: 10px; margin-top: 13px; color: white; text-decoration: none; }
.O_wos-contact-form-copy > a > i, .O_wos-contact-form-copy > div > i { display: grid; width: 35px; height: 35px; flex: 0 0 35px; place-items: center; border: 1px solid var(--O_wos-edge); border-radius: 50%; color: #F2BCC0; }
.O_wos-contact-form-copy > a > span, .O_wos-contact-form-copy > div > span { display: grid; gap: 3px; }
.O_wos-contact-form-copy small { color: #D9E0D6; font-size: .59rem; }
.O_wos-contact-form-copy strong { font-size: .68rem; overflow-wrap: anywhere; }
.O_wos-contact-form-fields { grid-column: 3 / 5; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-content: start; gap: 8px; padding: clamp(17px,3vw,27px); }
.O_wos-contact-form-fields > div { display: grid; gap: 5px; }
.O_wos-contact-form-fields label { color: #211A1A; font-size: .67rem; font-weight: 850; }
.O_wos-contact-form-fields label small { font-weight: 400; }
.O_wos-contact-form-fields input:not([type="checkbox"]), .O_wos-contact-form-fields select, .O_wos-contact-form-fields textarea { width: 100%; padding: 10px; border: 1px solid var(--O_wos-edge); border-radius: 3px; outline: none; background: #F2EFEF; color: #211A1A; font: inherit; font-size: .71rem; }
.O_wos-contact-form-fields input:focus, .O_wos-contact-form-fields select:focus, .O_wos-contact-form-fields textarea:focus { box-shadow: 0 0 0 3px rgba(194,205,235,.35); }
.O_wos-contact-form-fields textarea { resize: vertical; }
.O_wos-contact-form-fields .O_wos-contact-message, .O_wos-contact-consent, .O_wos-contact-status { grid-column: 1 / -1; }
.O_wos-contact-consent { display: flex; align-items: flex-start; gap: 7px; font-weight: 400 !important; }
.O_wos-contact-consent input { margin-top: 2px; accent-color: #CA1C1C; }
.O_wos-contact-form-fields .O_wos-glass-button { justify-self: start; background: #061301; cursor: pointer; }
.O_wos-contact-privacy, .O_wos-contact-status { color: #352E2E; font-size: .6rem; line-height: 1.6; }
/* Section O_wos-contact-form — ■▫|▫■ END */

/* Section O_wos-app-opening — ⨁ START */
.O_wos-app-opening { display: grid; min-height: 480px; grid-template-columns: 1fr .85fr; align-items: center; gap: 22px; overflow: hidden; padding: clamp(18px,4vw,38px); border: 1px solid var(--O_wos-edge); background: radial-gradient(circle at 80% 20%,rgba(194,205,235,.18) 0 13%,transparent 13.4%),radial-gradient(circle at 73% 78%,rgba(202,28,28,.27) 0 18%,transparent 18.4%),linear-gradient(140deg,#061301,#300B0D 58%,#061301); box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-opening-copy .O_wos-crumb { margin-bottom: 17px; }
.O_wos-app-opening-copy h1 { margin: 10px 0; color: white; font-size: clamp(2rem,4.3vw,3.2rem); line-height: 1.17; }
.O_wos-app-opening-copy > p { max-width: 610px; color: #DED8D8; font-size: .77rem; line-height: 1.85; }
.O_wos-app-rating { display: flex; gap: 20px; margin: 15px 0; }
.O_wos-app-rating > span { display: grid; gap: 3px; }
.O_wos-app-rating strong { color: #F2BCC0; font-size: 1.25rem; }
.O_wos-app-rating small { color: #D9E0D6; font-size: .55rem; }
.O_wos-app-download-links { display: flex; flex-wrap: wrap; gap: 8px; }
.O_wos-app-safety { display: block; margin-top: 10px; color: #D9E0D6; font-size: .59rem; }
.O_wos-app-showcase { position: relative; display: grid; min-height: 420px; place-items: center; }
.O_wos-app-icon { position: absolute; top: 22px; left: 4%; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid var(--O_wos-edge); background: rgba(6,19,1,.94); color: white; }
.O_wos-app-icon img { width: 43px; height: 43px; border-radius: 10px; object-fit: contain; }
.O_wos-app-icon > span { display: grid; gap: 3px; font-size: .68rem; font-weight: 850; }
.O_wos-app-icon small { color: #F2BCC0; font-size: .48rem; }
.O_wos-app-phone { position: relative; width: 220px; height: 390px; padding: 8px; border: 2px solid #D8D7E1; border-radius: 28px; background: #171515; box-shadow: 0 18px 40px rgba(0,0,0,.38),var(--O_wos-blue-glow); transform: rotate(3deg); }
.O_wos-app-phone-camera { position: absolute; top: 7px; left: 50%; z-index: 2; width: 55px; height: 10px; border-radius: 0 0 8px 8px; background: #171515; transform: translateX(-50%); }
.O_wos-app-phone-screen { height: 100%; overflow: hidden; padding: 12px 10px; border-radius: 20px; background: #F3F1F1; color: #211A1A; }
.O_wos-app-statusbar, .O_wos-app-screen-brand { display: flex; align-items: center; justify-content: space-between; font-size: .5rem; }
.O_wos-app-screen-brand { margin: 14px 0 9px; font-size: .68rem; }
.O_wos-app-screen-feature { display: grid; gap: 5px; padding: 12px 8px; background: #061301; color: white; text-align: center; }
.O_wos-app-screen-feature small { color: #F2BCC0; font-size: .46rem; }
.O_wos-app-screen-feature strong { font-size: .71rem; }
.O_wos-app-screen-feature span { color: #D9E0D6; font-size: .46rem; }
.O_wos-app-phone-screen h2 { margin: 10px 0 6px; font-size: .63rem; }
.O_wos-app-screen-row { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; padding: 7px 6px; border: 1px solid rgba(202,28,28,.19); color: #A71515; }
.O_wos-app-screen-row > span { display: grid; flex: 1; color: #211A1A; font-size: .52rem; font-weight: 850; }
.O_wos-app-screen-row small { margin-top: 3px; color: #615A5A; font-size: .45rem; font-weight: 400; }
.O_wos-app-screen-tabs { display: flex; justify-content: space-around; margin-top: 10px; color: #A71515; font-size: .64rem; }
.O_wos-app-showcase-caption { position: absolute; right: 0; bottom: 10px; color: #F2BCC0; font-size: .51rem; font-weight: 900; letter-spacing: .1em; }
/* Section O_wos-app-opening — ⨁ END */

/* Section O_wos-app-benefits — ■▫|▫■ START */
.O_wos-app-benefit-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr 1.2fr; border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-benefit-grid > div { min-height: 190px; padding: 16px; background: #061301; }
.O_wos-app-benefit-grid > div:nth-child(2), .O_wos-app-benefit-grid > div:nth-child(3) { background: #C8C2C2; color: #211A1A; }
.O_wos-app-benefit-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-app-benefit-grid i { color: #F2BCC0; }
.O_wos-app-benefit-grid > div:nth-child(2) i, .O_wos-app-benefit-grid > div:nth-child(3) i { color: #A71515; }
.O_wos-app-benefit-grid h3 { margin: 8px 0 4px; color: white; font-size: .77rem; }
.O_wos-app-benefit-grid > div:nth-child(2) h3, .O_wos-app-benefit-grid > div:nth-child(3) h3 { color: #211A1A; }
.O_wos-app-benefit-grid strong { color: #F2BCC0; font-size: .65rem; }
.O_wos-app-benefit-grid > div:nth-child(2) strong, .O_wos-app-benefit-grid > div:nth-child(3) strong { color: #A71515; }
.O_wos-app-benefit-grid p { color: #D9E0D6; font-size: .66rem; line-height: 1.7; }
.O_wos-app-benefit-grid > div:nth-child(2) p, .O_wos-app-benefit-grid > div:nth-child(3) p { color: #393333; }
/* Section O_wos-app-benefits — ■▫|▫■ END */

/* Section O_wos-app-experience — ▫■|■▫ START */
.O_wos-app-experience-grid { display: grid; grid-template-columns: .82fr 1.18fr 1.18fr .82fr; border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-experience-grid > div { min-height: 180px; padding: 16px; background: #C8C2C2; color: #211A1A; }
.O_wos-app-experience-grid > div:nth-child(2), .O_wos-app-experience-grid > div:nth-child(3) { background: #061301; color: white; }
.O_wos-app-experience-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-app-experience-grid i { color: #A71515; }
.O_wos-app-experience-grid > div:nth-child(2) i, .O_wos-app-experience-grid > div:nth-child(3) i { color: #F2BCC0; }
.O_wos-app-experience-grid h3 { margin: 8px 0 4px; font-size: .77rem; }
.O_wos-app-experience-grid strong { color: #A71515; font-size: .65rem; }
.O_wos-app-experience-grid > div:nth-child(2) strong, .O_wos-app-experience-grid > div:nth-child(3) strong { color: #F2BCC0; }
.O_wos-app-experience-grid p { font-size: .66rem; line-height: 1.7; }
.O_wos-app-experience-grid > div:nth-child(2) p, .O_wos-app-experience-grid > div:nth-child(3) p { color: #D9E0D6; }
/* Section O_wos-app-experience — ▫■|■▫ END */

/* Section O_wos-app-compare — ◧◧ START */
.O_wos-app-compare-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-compare-grid > div { min-height: 152px; padding: 16px; background: #061301; }
.O_wos-app-compare-grid > div:nth-child(even) { background: #C8C2C2; color: #211A1A; }
.O_wos-app-compare-grid > div:nth-child(n+3) { border-top: 1px solid var(--O_wos-edge); }
.O_wos-app-compare-grid > div:nth-child(even) { border-left: 1px solid var(--O_wos-edge); }
.O_wos-app-compare-grid span { color: #F2BCC0; font-size: .55rem; font-weight: 900; letter-spacing: .08em; }
.O_wos-app-compare-grid > div:nth-child(even) span { color: #A71515; }
.O_wos-app-compare-grid h3 { margin: 7px 0; font-size: .78rem; }
.O_wos-app-compare-grid p { margin: 5px 0; color: #D9E0D6; font-size: .66rem; }
.O_wos-app-compare-grid > div:nth-child(even) p { color: #393333; }
/* Section O_wos-app-compare — ◧◧ END */

/* Section O_wos-app-releases — ▫▫▫■ START */
.O_wos-release-grid { display: grid; grid-template-columns: .85fr .85fr .85fr 1.45fr; border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-release-grid article { min-height: 230px; padding: 15px; background: #C8C2C2; color: #211A1A; }
.O_wos-release-grid article + article { border-left: 1px solid var(--O_wos-edge); }
.O_wos-release-grid article.O_wos-release-featured { background: #061301; color: white; }
.O_wos-release-grid article > span { color: #A71515; font-size: .52rem; font-weight: 900; }
.O_wos-release-grid .O_wos-release-featured > span { color: #F2BCC0; }
.O_wos-release-grid h3 { margin: 8px 0 3px; font-size: .94rem; }
.O_wos-release-grid time { color: #A71515; font-size: .61rem; }
.O_wos-release-grid .O_wos-release-featured time { color: #F2BCC0; }
.O_wos-release-grid ul { padding-left: 16px; color: #393333; font-size: .65rem; line-height: 1.75; }
.O_wos-release-grid .O_wos-release-featured ul { color: #D9E0D6; }
/* Section O_wos-app-releases — ▫▫▫■ END */

/* Section O_wos-app-faq — ⧉ START */
.O_wos-app-faq-grid { display: grid; grid-template-columns: repeat(3,1fr); align-items: start; gap: 9px; }
.O_wos-app-faq-grid details { min-height: 118px; padding: 13px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-faq-grid details:nth-child(2), .O_wos-app-faq-grid details:nth-child(5) { margin-top: 14px; background: #C8C2C2; color: #211A1A; }
.O_wos-app-faq-grid summary { cursor: pointer; color: white; font-size: .7rem; font-weight: 850; line-height: 1.55; }
.O_wos-app-faq-grid details:nth-child(2) summary, .O_wos-app-faq-grid details:nth-child(5) summary { color: #211A1A; }
.O_wos-app-faq-grid p { color: #D9E0D6; font-size: .65rem; line-height: 1.7; }
.O_wos-app-faq-grid details:nth-child(2) p, .O_wos-app-faq-grid details:nth-child(5) p { color: #393333; }
.O_wos-app-faq-grid .O_wos-app-faq-emphasis { grid-column: span 2; }
/* Section O_wos-app-faq — ⧉ END */

/* Section O_wos-app-install — ■▫▫■ START */
.O_wos-install-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr 1.2fr; border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-install-grid > div { position: relative; min-height: 190px; padding: 17px; background: #061301; }
.O_wos-install-grid > div:nth-child(2), .O_wos-install-grid > div:nth-child(3) { background: #C8C2C2; color: #211A1A; }
.O_wos-install-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-install-grid > div > span { position: absolute; top: 12px; right: 12px; color: rgba(194,205,235,.5); font-size: 1.3rem; font-weight: 950; }
.O_wos-install-grid > div:nth-child(2) > span, .O_wos-install-grid > div:nth-child(3) > span { color: rgba(167,21,21,.45); }
.O_wos-install-grid i { color: #F2BCC0; }
.O_wos-install-grid > div:nth-child(2) i, .O_wos-install-grid > div:nth-child(3) i { color: #A71515; }
.O_wos-install-grid h3 { margin: 10px 0 5px; font-size: .76rem; }
.O_wos-install-grid p { color: #D9E0D6; font-size: .66rem; line-height: 1.7; }
.O_wos-install-grid > div:nth-child(2) p, .O_wos-install-grid > div:nth-child(3) p { color: #393333; }
/* Section O_wos-app-install — ■▫▫■ END */

/* Section O_wos-app-assurances — ◨|◧ START */
.O_wos-assurance-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--O_wos-edge); box-shadow: var(--O_wos-blue-glow); }
.O_wos-assurance-grid > div { min-height: 180px; padding: 15px; background: #C8C2C2; color: #211A1A; }
.O_wos-assurance-grid > div:nth-child(2), .O_wos-assurance-grid > div:nth-child(3) { background: #061301; color: white; }
.O_wos-assurance-grid > div + div { border-left: 1px solid var(--O_wos-edge); }
.O_wos-assurance-grid i { color: #A71515; }
.O_wos-assurance-grid > div:nth-child(2) i, .O_wos-assurance-grid > div:nth-child(3) i { color: #F2BCC0; }
.O_wos-assurance-grid h3 { margin: 8px 0 4px; font-size: .77rem; }
.O_wos-assurance-grid strong { color: #A71515; font-size: .65rem; }
.O_wos-assurance-grid > div:nth-child(2) strong, .O_wos-assurance-grid > div:nth-child(3) strong { color: #F2BCC0; }
.O_wos-assurance-grid p { font-size: .66rem; line-height: 1.7; }
.O_wos-assurance-grid > div:nth-child(2) p, .O_wos-assurance-grid > div:nth-child(3) p { color: #D9E0D6; }
/* Section O_wos-app-assurances — ◨|◧ END */

/* Section O_wos-app-cta — ⇆ START */
.O_wos-app-cta { display: flex; min-height: 145px; align-items: center; justify-content: space-between; gap: 18px; padding: 23px clamp(18px,4vw,35px); border: 1px solid var(--O_wos-edge); background: linear-gradient(100deg,#061301,#441014 55%,#061301); box-shadow: var(--O_wos-blue-glow); }
.O_wos-app-cta h2 { margin: 7px 0; color: white; font-size: clamp(1.35rem,2.8vw,2rem); }
.O_wos-app-cta p { color: #D9E0D6; font-size: .7rem; line-height: 1.7; }
.O_wos-app-cta > a { flex: 0 0 auto; }
/* Section O_wos-app-cta — ⇆ END */

/* Section O_wos-list-opening — ⧉ START */
.O_wos-list-opening { display: grid; min-height: 205px; grid-template-columns: 1fr .45fr; align-items: center; gap: 15px; padding: 24px clamp(18px,4vw,35px); border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-list-opening-copy { position: relative; z-index: 1; }
.O_wos-list-opening h1 { margin: 8px 0; color: white; font-size: clamp(2rem,4vw,3rem); }
.O_wos-list-opening p { max-width: 680px; color: #D9E0D6; font-size: .76rem; line-height: 1.8; }
.O_wos-list-opening-note { display: inline-flex; align-items: center; gap: 7px; margin-top: 7px; color: #F2BCC0; font-size: .62rem; }
.O_wos-list-opening-art { display: grid; min-height: 150px; align-content: center; justify-items: center; gap: 8px; border: 1px solid var(--O_wos-edge); background: #C8C2C2; color: #A71515; transform: rotate(2deg); }
.O_wos-list-opening-art span { font-size: 1.4rem; font-weight: 950; line-height: 1.1; }
.O_wos-list-opening-art i { color: #211A1A; }
.O_wos-list-opening-art small { font-size: .5rem; font-weight: 900; }
/* Section O_wos-list-opening — ⧉ END */

/* Section O_wos-list-breadcrumb — ▱ START */
.O_wos-list-breadcrumb { display: flex; align-items: center; gap: 9px; padding: 11px 15px; border: 1px solid var(--O_wos-edge); background: #061301; color: #F2BCC0; font-size: .66rem; box-shadow: var(--O_wos-blue-glow); }
.O_wos-list-breadcrumb a { color: white; text-decoration: none; }
.O_wos-list-breadcrumb > i { font-size: .55rem; }
/* Section O_wos-list-breadcrumb — ▱ END */

/* Section O_wos-list-layout — ■▫▫■ START */
.O_wos-list-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(230px,.72fr); align-items: start; gap: 14px; }
.O_wos-list-primary { min-width: 0; }
.O_wos-list-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px; padding: 13px 15px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-list-heading h2 { margin: 5px 0 0; color: white; font-size: 1.12rem; }
.O_wos-list-heading > span { color: #F2BCC0; font-size: .62rem; }
.O_wos-list-feed { display: grid; gap: 10px; }
.O_wos-list-item { display: grid; grid-template-columns: minmax(150px,.53fr) 1.47fr; min-height: 173px; overflow: hidden; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-list-thumb { position: relative; min-height: 173px; overflow: hidden; }
.O_wos-list-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .22s; }
.O_wos-list-item:hover .O_wos-list-thumb img { transform: scale(1.04); }
.O_wos-list-thumb > span { position: absolute; right: 8px; bottom: 8px; display: grid; width: 28px; height: 28px; place-items: center; background: #CA1C1C; color: white; }
.O_wos-list-item-copy { display: flex; flex-direction: column; padding: 13px; }
.O_wos-list-category { color: #F2BCC0; font-size: .57rem; }
.O_wos-list-item-copy h2 { margin: 7px 0; font-size: .78rem; line-height: 1.5; }
.O_wos-list-item-copy h2 a { color: white; text-decoration: none; }
.O_wos-list-item-copy > p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin: 0 0 8px; color: #D9E0D6; font-size: .66rem; line-height: 1.65; } /* 控制显示行数为5 */
.O_wos-list-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px; margin-top: auto; color: #D5CDCD; font-size: .58rem; }
.O_wos-list-meta a { color: #F2BCC0; font-weight: 850; text-decoration: none; }
.O_wos-list-sidebar, .O_wos-show-sidebar { display: grid; gap: 10px; }
.O_wos-list-widget, .O_wos-show-widget { padding: 14px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-list-widget h2, .O_wos-show-widget h2 { margin: 6px 0 10px; color: white; font-size: .84rem; }
.O_wos-list-search form, .O_wos-show-search form { display: flex; gap: 5px; }
.O_wos-list-search input, .O_wos-show-search input { min-width: 0; flex: 1; padding: 9px; border: 1px solid rgba(194,205,235,.6); border-radius: 3px; outline: none; background: #201A1A; color: white; font-size: .67rem; }
.O_wos-list-search button, .O_wos-show-search button { width: 37px; border: 1px solid var(--O_wos-edge); border-radius: 3px; background: #CA1C1C; color: white; cursor: pointer; }
.O_wos-list-nav ul, .O_wos-show-nav ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.O_wos-list-nav li a, .O_wos-show-nav li a { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid rgba(194,205,235,.2); color: #E6E1E1; font-size: .66rem; text-decoration: none; }
.O_wos-list-nav li i, .O_wos-show-nav li i { color: #F2BCC0; }
.O_wos-popular-item { display: grid; grid-template-columns: 66px 1fr; gap: 8px; padding: 8px 0; border-top: 1px solid rgba(194,205,235,.2); }
.O_wos-popular-item img { width: 66px; height: 58px; object-fit: cover; }
.O_wos-popular-item h3 { margin: 0 0 5px; font-size: .63rem; line-height: 1.45; }
.O_wos-popular-item h3 a { color: white; text-decoration: none; }
.O_wos-popular-item time { color: #F2BCC0; font-size: .55rem; }
.O_wos-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; margin-top: 15px; }
.O_wos-pagination a, .O_wos-pagination span { display: inline-flex; min-width: 34px; min-height: 34px; align-items: center; justify-content: center; padding: 6px 9px; border: 1px solid var(--O_wos-edge); background: #061301; color: white; font-size: .67rem; text-decoration: none; }
.O_wos-pagination a:hover, .O_wos-pagination .active { background: #CA1C1C; }
/* Section O_wos-list-layout — ■▫▫■ END */

/* Section O_wos-show-opening — ⨂ START */
.O_wos-show-opening { position: relative; display: flex; min-height: 100px; align-items: center; justify-content: space-between; gap: 12px; overflow: hidden; padding: 18px; border: 1px solid var(--O_wos-edge); background: linear-gradient(145deg,#061301 0 48%,#4B1012 48.2% 72%,#061301 72.2%); box-shadow: var(--O_wos-blue-glow); }
.O_wos-show-opening .O_wos-crumb { position: relative; z-index: 1; }
.O_wos-show-opening-mark { display: flex; align-items: center; gap: 8px; color: #F2BCC0; }
.O_wos-show-opening-mark i { font-size: 1.25rem; }
.O_wos-show-opening-mark span { font-size: .52rem; font-weight: 900; line-height: 1.4; }
/* Section O_wos-show-opening — ⨂ END */

/* Section O_wos-show-layout — ◧|◧ START */
.O_wos-show-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(230px,.72fr); align-items: start; gap: 14px; }
.O_wos-show-main { min-width: 0; }
.O_wos-article-card { padding: clamp(17px,3vw,30px); border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-article-card h1 { margin: 9px 0 14px; color: white; font-size: clamp(1.7rem,3.6vw,2.75rem); line-height: 1.3; }
.O_wos-article-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(194,205,235,.28); color: #D8D2D2; font-size: .61rem; }
.O_wos-article-meta i { margin-right: 4px; color: #F2BCC0; }
.O_wos-article-content { padding-top: 10px; color: #E4E9E1; font-size: .85rem; line-height: 2; overflow-wrap: anywhere; }
.O_wos-article-content img { display: block; max-width: 100%; height: auto; margin: 18px auto; }
.O_wos-article-content h2, .O_wos-article-content h3, .O_wos-article-content h4 { color: #F2BCC0; line-height: 1.45; }
.O_wos-article-content a { color: #F2BCC0; }
.O_wos-article-content blockquote { margin: 18px 0; padding: 13px 16px; border-left: 3px solid #C2CDEB; background: rgba(255,255,255,.05); color: #D9E0D6; }
.O_wos-article-neighbours { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 22px; }
.O_wos-article-neighbours a { display: grid; min-width: 0; gap: 6px; padding: 11px; border: 1px solid rgba(194,205,235,.42); color: white; text-decoration: none; }
.O_wos-article-neighbours a:last-child { text-align: right; }
.O_wos-article-neighbours span { color: #F2BCC0; font-size: .6rem; font-weight: 850; }
.O_wos-article-neighbours strong { overflow: hidden; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }
.O_wos-article-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; padding-top: 13px; border-top: 1px solid rgba(194,205,235,.24); }
.O_wos-back-list { color: #F2BCC0; font-size: .66rem; font-weight: 850; text-decoration: none; }
.O_wos-share-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.O_wos-share-tools > span { display: grid; gap: 3px; }
.O_wos-share-tools strong { color: white; font-size: .64rem; }
.O_wos-share-tools small { color: #D5CDCD; font-size: .56rem; }
.O_wos-share-tools button { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid var(--O_wos-edge); border-radius: 50%; background: transparent; color: #F2BCC0; cursor: pointer; }
.O_wos-share-tools .O_wos-copy-status { color: #F2BCC0; }
.O_wos-related { margin-top: 13px; padding: 17px; border: 1px solid var(--O_wos-edge); background: #061301; box-shadow: var(--O_wos-blue-glow); }
.O_wos-related-heading { margin-bottom: 12px; }
.O_wos-related-heading h2 { margin: 6px 0; color: white; font-size: 1.15rem; }
.O_wos-related-heading p { color: #D9E0D6; font-size: .68rem; }
.O_wos-related-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.O_wos-related-card { display: grid; grid-template-columns: 82px 1fr; gap: 8px; padding: 8px; border: 1px solid rgba(194,205,235,.55); background: rgba(255,255,255,.035); }
.O_wos-related-card > a { position: relative; }
.O_wos-related-card img { width: 82px; height: 68px; object-fit: cover; }
.O_wos-related-card > a > span { position: absolute; top: 3px; left: 3px; display: grid; width: 19px; height: 19px; place-items: center; background: #CA1C1C; color: white; font-size: .55rem; font-weight: 900; }
.O_wos-related-card h3 { margin: 2px 0 6px; font-size: .65rem; line-height: 1.45; }
.O_wos-related-card h3 a { color: white; text-decoration: none; }
.O_wos-related-card time { color: #F2BCC0; font-size: .54rem; }
.O_wos-show-popular .O_wos-popular-item p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin: 0 0 4px; color: #D9E0D6; font-size: .61rem; line-height: 1.55; } /* 控制显示行数为5 */
/* Section O_wos-show-layout — ◧|◧ END */

/* Responsive inner pages */
@media (max-width: 980px) {
  .O_wos-contact-channel-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-contact-channel-grid > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--O_wos-edge); }
  .O_wos-app-benefit-grid, .O_wos-app-experience-grid, .O_wos-install-grid, .O_wos-assurance-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-app-benefit-grid > div:nth-child(3), .O_wos-app-experience-grid > div:nth-child(3), .O_wos-install-grid > div:nth-child(3), .O_wos-assurance-grid > div:nth-child(3) { border-left: 0; }
  .O_wos-release-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-release-grid article:nth-child(3) { border-left: 0; border-top: 1px solid var(--O_wos-edge); }
  .O_wos-release-grid article:nth-child(4) { border-top: 1px solid var(--O_wos-edge); }
  .O_wos-app-faq-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-app-faq-grid .O_wos-app-faq-emphasis { grid-column: span 2; }
}
@media (max-width: 760px) {
  .O_wos-inner { width: 92%; padding-top: 15px; }
  .O_wos-contact-opening, .O_wos-contact-options, .O_wos-contact-form, .O_wos-app-opening { grid-template-columns: 1fr; }
  .O_wos-contact-opening { background: linear-gradient(180deg,#061301 0 48%,#C8C2C2 48.2% 100%); }
  .O_wos-contact-opening-art { min-height: 150px; }
  .O_wos-contact-options-intro { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--O_wos-edge); }
  .O_wos-contact-options-mark { margin-top: 10px; }
  .O_wos-contact-form { background: linear-gradient(180deg,#061301 0 50%,#C8C2C2 50.2% 100%); }
  .O_wos-contact-form-copy, .O_wos-contact-form-fields { grid-column: 1; }
  .O_wos-contact-form-copy { border-right: 0; border-bottom: 1px solid var(--O_wos-edge); }
  .O_wos-app-opening { gap: 8px; }
  .O_wos-app-showcase { min-height: 405px; }
  .O_wos-app-experience-grid { grid-template-columns: repeat(2,1fr); }
  .O_wos-list-layout, .O_wos-show-layout { grid-template-columns: 1fr; }
  .O_wos-list-sidebar, .O_wos-show-sidebar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .O_wos-list-popular, .O_wos-show-popular { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  .O_wos-inner { width: 92%; }
  .O_wos-contact-channel-grid { grid-template-columns: 1fr 1fr; }
  .O_wos-contact-channel-grid > div { min-height: 170px; padding: 12px; }
  .O_wos-contact-channel-grid > div:nth-child(n) { border-top: 0; border-left: 0; }
  .O_wos-contact-channel-grid > div:nth-child(even) { border-left: 1px solid var(--O_wos-edge); }
  .O_wos-contact-channel-grid > div:nth-child(n+3) { border-top: 1px solid var(--O_wos-edge); }
  .O_wos-contact-form-fields { grid-template-columns: 1fr; }
  .O_wos-contact-form-fields .O_wos-contact-message, .O_wos-contact-consent, .O_wos-contact-status { grid-column: auto; }
  .O_wos-contact-accordion details > div { padding-left: 13px; }
  .O_wos-app-opening { padding: 17px 13px; }
  .O_wos-app-rating { gap: 13px; }
  .O_wos-app-download-links { align-items: flex-start; flex-direction: column; }
  .O_wos-app-showcase { min-height: 365px; }
  .O_wos-app-phone { transform: scale(.9) rotate(3deg); }
  .O_wos-app-icon { top: 8px; left: 0; }
  .O_wos-app-benefit-grid, .O_wos-app-experience-grid, .O_wos-install-grid, .O_wos-assurance-grid, .O_wos-release-grid, .O_wos-app-faq-grid { grid-template-columns: 1fr; }
  .O_wos-app-benefit-grid > div + div, .O_wos-app-experience-grid > div + div, .O_wos-install-grid > div + div, .O_wos-assurance-grid > div + div, .O_wos-release-grid article + article { border-top: 1px solid var(--O_wos-edge); border-left: 0; }
  .O_wos-app-benefit-grid > div, .O_wos-app-experience-grid > div, .O_wos-install-grid > div, .O_wos-assurance-grid > div, .O_wos-release-grid article { min-height: 0; }
  .O_wos-app-faq-grid .O_wos-app-faq-emphasis { grid-column: auto; }
  .O_wos-app-faq-grid details:nth-child(n) { margin-top: 0; }
  .O_wos-app-compare-grid { grid-template-columns: 1fr; }
  .O_wos-app-compare-grid > div:nth-child(n) { border-top: 1px solid var(--O_wos-edge); border-left: 0; }
  .O_wos-app-compare-grid > div:first-child { border-top: 0; }
  .O_wos-app-cta { align-items: flex-start; flex-direction: column; }
  .O_wos-list-opening { grid-template-columns: 1fr .4fr; padding: 18px 13px; }
  .O_wos-list-opening-art { min-height: 120px; }
  .O_wos-list-opening-art span { font-size: .98rem; }
  .O_wos-list-item { grid-template-columns: 1fr; }
  .O_wos-list-thumb { height: 180px; min-height: 180px; }
  .O_wos-list-sidebar, .O_wos-related-grid { grid-template-columns: 1fr; }
  .O_wos-list-popular, .O_wos-show-popular { grid-column: auto; }
  .O_wos-show-opening { min-height: 85px; padding: 12px; }
  .O_wos-show-opening-mark { display: none; }
  .O_wos-article-meta { gap: 8px 11px; }
  .O_wos-article-neighbours { grid-template-columns: 1fr; }
  .O_wos-article-neighbours a:last-child { text-align: left; }
  .O_wos-article-tools { align-items: flex-start; flex-direction: column; }
}