/* Shared WOC interface: quiet surfaces, consistent icons, precise controls. */
:root {
  --blue: #2855b5;
  --blue-deep: #244b91;
  --blue-night: #172e50;
  --ink: #22334b;
  --muted: #657185;
  --line: #e0e5ec;
  --mist: #f4f6f9;
  --pale: #edf2fa;
  --ui-radius: 7px;
  --ui-shadow: 0 4px 16px rgb(24 44 75 / 4%);
}
.nav-dropdown a[href='community.html'] { --ui-icon: url('assets/calendar-days.svg'); }
.section-destinations:has(a[href='community.html']) { grid-template-columns: repeat(2,minmax(0,1fr)); }

body { background: #fdfdfc; letter-spacing: 0; }
button, input, textarea, select { font-family: var(--sans); }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
a, button { touch-action: manipulation; }
:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 4px;
}

/* Header and navigation */
.topline { background: #f3f5f8; color: #58667a; border-bottom: 1px solid #e8ecf1; font-size: 9px; letter-spacing: .13em; }
.topline-inner { min-height: 35px; }
.topline-inner > span { display: flex; align-items: center; gap: 9px; }
.topline-inner > span::before { content: ''; width: 13px; height: 13px; flex: none; background: #76849a; mask: url('assets/globe.svg') center/contain no-repeat; }
.language-switch { gap: 4px; }
.language-switch > span { display: none; }
.language-switch button { color: #758094; min-width: 28px; min-height: 25px; border: 1px solid transparent; border-radius: 4px; }
.language-switch button.active { color: var(--blue-night); background: white; border-color: #dce2eb; box-shadow: 0 1px 2px rgb(24 44 75 / 4%); }
.language-switch button:hover { color: var(--blue-deep); }
.site-header { background: rgb(255 255 255 / 97%); border-color: #e6e9ef; }
.header-inner { height: 88px; }
.brand { gap: 11px; }
.brand img { border: none; border-radius: 5px; width: 53px; height: 53px; }
.brand-copy strong { letter-spacing: .08em; font-weight: 600; }
.brand-copy small { font-size: 10px; color: #788395; }
.main-nav { gap: clamp(14px, 1.7vw, 25px); font-size: 12px; }
.nav-link::after { height: 2px; bottom: 2px; border-radius: 2px; }
.nav-about { font-size: 11px; padding-left: 19px; }
.nav-group > summary { font-weight: 500; }
.nav-group > summary::after { width: 5px; height: 5px; border-width: 1.3px; }
.nav-dropdown { padding: 7px; min-width: 252px; border-radius: 9px; border-color: #e1e6ee; box-shadow: 0 14px 36px rgb(20 39 69 / 10%), 0 2px 5px rgb(20 39 69 / 3%); }
.nav-dropdown a { display: flex; align-items: center; gap: 11px; min-height: 43px; border-radius: 5px; font-weight: 500; }
.nav-dropdown a::before { content: ''; flex: none; width: 18px; height: 18px; background: #657892; mask: var(--ui-icon, url('assets/book-open.svg')) center/contain no-repeat; }
.nav-dropdown a.current::before, .nav-dropdown a:hover::before { background: var(--blue-deep); }
.nav-dropdown a[href='preparation.html'] { --ui-icon: url('assets/route.svg'); }
.nav-dropdown a[href='archive.html'] { --ui-icon: url('assets/library.svg'); }
.nav-dropdown a[href='quiz.html'] { --ui-icon: url('assets/target.svg'); }
.nav-dropdown a[href='resources.html'] { --ui-icon: url('assets/layers.svg'); }
.nav-dropdown a[href='laboratory.html'] { --ui-icon: url('assets/flask-conical.svg'); }
.nav-dropdown a[href='journal.html'] { --ui-icon: url('assets/newspaper.svg'); }
.menu-toggle { border-radius: 6px; border-color: #e1e5ec; }
.menu-toggle > span { transition: transform .18s, opacity .18s; }
.menu-toggle[aria-expanded='true'] > span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle[aria-expanded='true'] > span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded='true'] > span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* Type and actions */
.hero { padding-top: 60px; padding-bottom: 38px; }
.hero h1 { letter-spacing: -.047em; }
.hero-lede { color: #657185; font-size: 15px; max-width: 580px; }
.eyebrow { letter-spacing: .13em; font-size: 9px; }
.eyebrow-rule { width: 20px; height: 1px; }
.hero-art::before { display: none; }
.hero-art-frame { border: 8px solid white; outline: 1px solid #dce3ee; border-radius: 9px; box-shadow: 0 16px 34px rgb(20 43 80 / 8%); }
.hero-art-frame img { border-radius: 3px; }
.hero-note { margin-top: 8px; }
.hero-note .note-line { width: 20px; background: #b1bed0; }
.hero-note blockquote { font-size: 18px; color: #40536f; }
.hero-note cite strong { font-size: 13px; font-weight: 600; }
.hero-note cite span { font-size: 10px; color: #7b8594; }
.button { border-radius: 5px; min-height: 46px; padding-inline: 19px; font-size: 12px; font-weight: 500; transition: background .18s, box-shadow .18s, transform .18s; }
.button-primary { box-shadow: 0 2px 3px rgb(22 48 98 / 9%); }
.button-primary:hover { box-shadow: 0 4px 9px rgb(22 48 98 / 14%); transform: translateY(-1px); }
.text-link { border: 0; font-weight: 500; gap: 10px; }
.text-link:hover { color: var(--blue); }
a.button > span[aria-hidden], .text-link > span { font-size: 0; }
a.button > span[aria-hidden]::after, .text-link > span::after { content: ''; display: block; width: 16px; height: 16px; background: currentColor; mask: url('assets/arrow-right.svg') center/contain no-repeat; }

/* Section cards and subject icons */
.intro-band { background: #f6f7f9; border-color: #e9ecf1; }
.path-grid { border: 0; gap: 14px; }
.path-card { border: 1px solid var(--line); border-radius: var(--ui-radius); padding: 23px; min-height: 275px; box-shadow: var(--ui-shadow); transition: transform .18s, border-color .18s, box-shadow .18s; }
.path-card:last-child { border-right: 1px solid var(--line); }
.path-card:hover { transform: translateY(-3px); border-color: #b7c8e1; background: #fff; box-shadow: 0 9px 24px rgb(24 44 75 / 7%); }
.path-feature { background: var(--blue-night); border-color: var(--blue-night); }
.path-feature:hover { background: #203b61; border-color: #203b61; }
.card-index { font-size: 9px; font-weight: 500; letter-spacing: .1em; }
.path-icon, .destination-icon { display: grid; place-items: center; justify-content: center; width: 46px; height: 46px; background: #f2f5fa; border: 1px solid #e4eaf3; border-radius: 11px; margin: 22px 0 17px; }
.path-icon img, .destination-icon img { display: block; width: 23px; height: 23px; }
.path-feature .path-icon { background: rgb(255 255 255 / 8%); border-color: rgb(255 255 255 / 14%); }
.path-card h3 { font-size: 18px; margin-bottom: 9px; }
.path-card p { font-size: 12px; line-height: 1.75; padding-right: 6px; }
.card-arrow, .row-arrow { font-size: 0; display: grid; place-items: center; width: 26px; height: 26px; }
.card-arrow::after, .row-arrow::after { content: ''; width: 16px; height: 16px; background: currentColor; mask: url('assets/arrow-up-right.svg') center/contain no-repeat; }
.olympiad-section::after { display: none; }
.big-outline { font-size: 72px; -webkit-text-stroke: .8px rgb(255 255 255 / 28%); }
.olympiad-row { padding-block: 14px; padding-inline: 12px; min-height: 88px; border-color: rgb(255 255 255 / 13%); }
#home-olympiad-list .row-main{min-width:0;overflow-wrap:anywhere}
#home-olympiad-list .row-main small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6}
.home-olympiad-all{display:inline-flex;gap:18px;align-items:center;margin-top:20px;color:#d2e3fa;font-size:12px;font-weight:600}
.home-olympiad-all:hover{color:#fff}
.row-main strong { font-size: 14px; font-weight: 500; }
.row-state { padding: 0; border: 0; font-size: 8px; color: #aebdd2; }
.row-state::before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #8daedc; margin-right: 7px; vertical-align: middle; }
.topic-row { grid-template-columns: 38px 1fr 1.1fr 22px; gap: 15px; padding-block: 14px; }
.topic-row::before, .area-item::before { content: ''; display: block; width: 21px; height: 21px; background: #647b9c; mask: var(--subject-icon) center/contain no-repeat; }
.topic-row:nth-child(1), .area-item:nth-child(1) { --subject-icon: url('assets/hash.svg'); }
.topic-row:nth-child(2), .area-item:nth-child(2) { --subject-icon: url('assets/function-square.svg'); }
.topic-row:nth-child(3), .area-item:nth-child(3) { --subject-icon: url('assets/triangle.svg'); }
.topic-row:nth-child(4), .area-item:nth-child(4) { --subject-icon: url('assets/layers.svg'); }
.topic-row:nth-child(5), .area-item:nth-child(5) { --subject-icon: url('assets/route.svg'); }
.topic-row strong { font-weight: 500; font-size: 14px; }
.topic-row i, .area-item i { font-size: 0; }
.topic-row i::after, .area-item i::after { content: ''; display: block; width: 16px; height: 16px; background: currentColor; mask: url('assets/arrow-up-right.svg') center/contain no-repeat; }

/* Search, practice, and reading controls */
.archive-section, .lab-section, .page-tinted, .blog-work { background: #f5f7fa; }
.archive-panel, .quiz-card, .lab-board-wrap, .lesson-diagram { border-radius: var(--ui-radius); border-color: #dce3ed; box-shadow: var(--ui-shadow); overflow: hidden; }
.search-box, .page-search, .olympiad-search { border-radius: 5px; background: white; transition: border-color .18s, box-shadow .18s; }
.search-box:focus-within, .page-search:focus-within { border-color: #829ecb; box-shadow: 0 0 0 3px rgb(40 85 181 / 7%); }
.search-box kbd { border-radius: 3px; background: #f8fafc; border-bottom-width: 2px; padding: 2px 5px; font-size: 9px; }
.filter-button { border-radius: 5px; gap: 9px; padding-inline: 12px; }
.filter-button > span:last-child { display: none; }
.filter-button::after { content: ''; width: 16px; height: 16px; background: #61738d; mask: url('assets/sliders.svg') center/contain no-repeat; }
.filter-chip, .problem-tags span { border-radius: 4px; }
.problem-row { padding-block: 24px; }
.problem-content h3 { font-weight: 600; }
.quiz-card { padding: 27px; }
.quiz-card-head, .quiz-card-foot { letter-spacing: .08em; }
.quiz-options button { border-radius: 5px; font-size: 11px; min-height: 48px; transition: border-color .15s, background .15s; }
.quiz-options button:hover:enabled { border-color: #8aa2c6; background: #f7f9fc; }
.quiz-feedback { font-size: 11px; }
.quiz-progress, .quiz-progress span { border-radius: 3px; }
.segmented { padding: 3px; gap: 3px; border-color: #d7dfeb; background: white; border-radius: 6px; }
.segmented button { min-width: 43px; padding: 7px 10px; border: 0; border-radius: 3px; font-size: 11px; }
.segmented button[aria-pressed='true'] { background: #eaf0fa; color: var(--blue-deep); box-shadow: inset 0 0 0 1px #d6e1f2; }
.lab-board { border-radius: 3px; }
.lab-result strong { font-size: 29px; }
.journal-art { border-radius: 6px; }
.journal-feature h3, .journal-card h3 { font-weight: 500; }
.journal-feature > p, .journal-card > p { line-height: 1.8; }
.article-link { font-weight: 500; }
.site-footer { background: #172a45; }
.footer-nav a { font-size: 11px; line-height: 1.7; }
.footer-brand img { border-radius: 5px; }

/* Interior pages */
.page-crumb { font-size: 11px; padding-block: 18px; }
.page-crumb > a { display: flex; align-items: center; gap: 7px; }
.page-crumb > a::before { content: ''; width: 14px; height: 14px; background: #91a0b5; mask: url('assets/home.svg') center/contain no-repeat; }
.page-hero { background: #f4f6f9; color: var(--blue-night); border-block: 1px solid #e9edf3; }
.page-hero-grid { min-height: 278px; padding-block: 49px; grid-template-columns: minmax(0,1fr) 120px; }
.page-hero h1 { font-size: clamp(42px, 5.6vw, 68px); font-weight: 500; letter-spacing: -.045em; }
.page-hero .eyebrow { color: #627b9e; font-size: 9px; }
.page-hero p:not(.eyebrow) { color: #6c7789; font-size: 14px; max-width: 680px; }
.page-hero-symbol { height: 80px; width: 80px; justify-self: end; border-radius: 18px; border: 1px solid #dbe3ee; background: white; box-shadow: 0 5px 16px rgb(24 44 75 / 3%); }
.page-hero-symbol::after { display: none; }
.page-hero-symbol img { filter: none; width: 33px; height: 33px; }
.page-section-title h2 { font-weight: 500; font-size: clamp(27px, 3vw, 36px); }
.section-destination { border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); padding: 27px; }
.destination-icon { margin: 0 0 5px; }
.section-destination h3 { font-size: 20px; font-weight: 500; }
.section-destination > span:last-child { font-size: 0; width: 29px; height: 29px; padding-top: 9px; }
.section-destination > span:last-child::after { content: ''; display: block; width: 18px; height: 18px; background: var(--blue-deep); mask: url('assets/arrow-right.svg') center/contain no-repeat; }
.area-item { grid-template-columns: 35px minmax(190px,.7fr) minmax(0,1.2fr) 24px; gap: 17px; padding-inline: 14px; }
.area-item strong { font-weight: 500; font-size: 16px; }
.contest-grid { border: 0; gap: 18px; }
.contest-card, .olympiad-grid .contest-card { border: 1px solid var(--line); border-radius: var(--ui-radius); background: white; box-shadow: var(--ui-shadow); padding: 25px; }
.contest-card:last-child { border-right: 1px solid var(--line); }
.contest-top { justify-content: flex-start; }
.contest-top img { width: 24px; height: 24px; padding: 9px; box-sizing: content-box; border: 1px solid #e1e8f2; background: #f5f7fb; border-radius: 10px; }
.olympiad-material { border-radius: 5px; font-weight: 500; align-items: center; }
.olympiad-material::before { content: ''; width: 20px; height: 24px; flex: none; background: #637d9f; mask: url('assets/file-pdf.svg') center/contain no-repeat; }
.olympiad-material > span { flex: 1; }
.olympiad-action, .blog-google-button { border-radius: 5px; }
.blog-hero { border-bottom: 0; }
.blog-hero-grid { padding-block: 65px; }
.blog-hero-aside { border-left-color: rgb(255 255 255 / 16%); }
.blog-post-card, .blog-auth-panel, .blog-my-post, .blog-admin-article, .blog-dialog { border-radius: var(--ui-radius); }
.blog-google-button { box-shadow: 0 1px 3px rgb(24 44 75 / 4%); }
.google-g { border: 0; border-radius: 0; width: 19px; height: 19px; flex: none; }
.google-g img { display: block; width: 19px; height: 19px; }
.blog-status { border-radius: 4px; font-weight: 500; padding: 5px 8px; letter-spacing: .02em; }
.blog-status::before { content: ''; display: inline-block; width: 4px; height: 4px; margin-right: 6px; vertical-align: middle; border-radius: 50%; background: currentColor; }
.blog-empty::before { content: ''; display: block; width: 28px; height: 28px; margin: 0 0 16px; background: #9aabc1; mask: url('assets/book-open.svg') center/contain no-repeat; }
.blog-form-row input, .blog-editor input, .blog-editor select, .blog-editor textarea,
.olympiad-form input, .olympiad-form select, .olympiad-form textarea { border-radius: 5px; border-color: #d6dee9; }

@media (max-width: 1080px) and (min-width: 821px) {
  .main-nav { gap: 12px; font-size: 10px; }
  .brand { min-width: 190px; }
  .header-inner { gap: 16px; }
}
@media (max-width: 820px) {
  .header-inner { height: 74px; }
  .brand img { width: 46px; height: 46px; }
  .main-nav { gap: 0; padding: 10px 20px 20px; }
  .nav-link, .nav-about { padding: 13px 0; font-size: 12px; }
  .nav-link::after { display: none; }
  .nav-link.current { color: var(--blue); }
  .nav-group > summary { padding-block: 14px; font-size: 12px; }
  .nav-group > summary::after { top: 20px; }
  .nav-dropdown { border-radius: 0; box-shadow: none; min-width: 0; padding: 6px 0 10px 8px; }
  .nav-dropdown a { min-height: 44px; gap: 12px; font-size: 12px; }
  .hero { padding-top: 43px; padding-bottom: 25px; }
  .hero-art { margin-top: 25px; }
  .path-card:nth-child(2) { border-right: 1px solid var(--line); }
  .path-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .topic-row { grid-template-columns: 30px 1fr 20px; gap: 10px; }
  .area-item { grid-template-columns: 28px 1fr 20px; gap: 12px; }
  .page-hero-grid { grid-template-columns: minmax(0,1fr) 90px; min-height: 244px; }
  .page-hero-symbol { width: 72px; height: 72px; }
  .section-destinations { gap: 14px; }
}
@media (max-width: 600px) {
  .section-destinations:has(a[href='community.html']) { grid-template-columns: 1fr; }
  .topline { font-size: 7px; letter-spacing: .07em; }
  .topline-inner > span { gap: 5px; max-width: calc(100% - 100px); }
  .topline-inner > span::before { width: 11px; height: 11px; }
  .language-switch button { min-width: 24px; font-size: 9px; }
  .header-inner { height: 70px; }
  .brand img { width: 42px; height: 42px; }
  .hero { padding-top: 35px; }
  .hero-lede { font-size: 13px; line-height: 1.8; }
  .hero-actions { gap: 21px; }
  .hero-actions .button { font-size: 10px; padding-inline: 14px; }
  .hero-note blockquote { font-size: 16px; }
  .hero-note cite strong { font-size: 12px; }
  .hero-note cite span { font-size: 9px; }
  .path-grid { gap: 10px; }
  .path-card { min-height: 249px; padding: 17px 14px; }
  .path-card h3 { font-size: 16px; }
  .path-card p { font-size: 11px; line-height: 1.7; }
  .path-icon { width: 40px; height: 40px; margin: 19px 0 13px; border-radius: 9px; }
  .path-icon img { width: 21px; height: 21px; }
  .card-arrow { bottom: 12px; right: 10px; }
  .row-main strong { font-size: 12px; }
  .page-hero-grid { display: block; min-height: 0; padding-block: 35px; }
  .page-hero h1 { font-size: clamp(37px, 10.5vw, 51px); }
  .page-hero p:not(.eyebrow) { font-size: 12px; }
  .page-hero-symbol { display: none; }
  .area-item strong { font-size: 14px; }
  .contest-card { min-height: 250px; }
  .quiz-card { padding: 20px 16px; }
  .lab-formula { gap: 12px; flex-wrap: wrap; }
  .footer-nav { gap: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .path-card:hover, .button-primary:hover { transform: none; }
}

.nav-olympiads>.nav-dropdown{width:300px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #dfe6f0;box-shadow:0 16px 40px #172e4e14,0 3px 8px #172e4e08}.nav-olympiads .nav-dropdown a{display:flex;align-items:center;min-width:0;height:56px;min-height:56px;padding:8px 13px;white-space:nowrap;border-radius:6px;transition:background-color .14s,color .14s}.nav-olympiads .nav-dropdown a::before{display:none;content:none}.nav-olympiads .nav-dropdown .nav-olympiad-all{height:44px;min-height:44px;margin-bottom:8px;padding-inline:13px;background:#f5f7fb;color:#526b89;font-size:12px;font-weight:500;letter-spacing:.025em}.nav-olympiad-copy{display:grid;gap:3px;min-width:0;width:100%}.nav-olympiad-copy strong{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.01em;color:#2b4668}.nav-olympiad-copy small{font-size:11px;line-height:15px;color:#7b8ba0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-olympiad-list{max-height:min(224px,calc(100dvh - 220px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a8b7ca transparent}.nav-olympiad-list a+a{border-top:1px solid #f0f3f8}.nav-olympiads .nav-dropdown a:hover{background:#f0f4fa}.nav-olympiad-list a.current{background:#edf3fc;box-shadow:inset 2px 0 #315f9f}.nav-olympiad-list a.current strong{color:#244f89}.nav-olympiad-list a.current small{color:#5e7da7}.nav-olympiad-status{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 12px}@media(max-width:820px){.nav-olympiads>.nav-dropdown{width:auto;max-width:none;box-shadow:none;border:0;padding:6px 0 8px 8px}.nav-olympiad-copy strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.nav-olympiads .nav-dropdown a{transition:none}}

.woc-footer-contact{min-width:0}.footer-nav .woc-footer-contact a{overflow-wrap:anywhere;max-width:100%}.woc-contact-section{padding-top:10px}.woc-contact-section h2{color:var(--blue-night);font-size:30px;margin:0 0 22px}.woc-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.woc-contact-grid>div{display:grid;align-content:start;gap:12px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.woc-contact-grid span{font-size:11px;color:#73859b;letter-spacing:.04em}.woc-contact-grid a,.woc-contact-grid p{margin:0;color:var(--blue-night);font-size:15px;line-height:1.6;overflow-wrap:anywhere}.woc-contact-grid a:hover{text-decoration:underline}@media(max-width:820px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.woc-contact-grid{grid-template-columns:1fr}}

.woc-whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:13px 20px;border:1px solid #126944;border-radius:7px;background:#126944;color:#fff;font:600 13px/1.5 var(--display);text-decoration:none;transition:background-color .15s,box-shadow .15s}.woc-whatsapp-button:hover{background:#0d5336;box-shadow:0 4px 12px #1269441a;color:#fff}.woc-whatsapp-button:focus-visible{outline:2px solid #138359;outline-offset:4px}.woc-whatsapp-button img{flex:none;width:21px;height:21px}.woc-whatsapp-home{background:#eef5f1;border-color:#dce8e0}.woc-whatsapp-home .eyebrow{color:#547565;font-size:10px;letter-spacing:.12em}.woc-whatsapp-home .community-right p{max-width:420px;font-size:14px;line-height:1.8;color:#5c7467}.woc-whatsapp-home .community-inner{align-items:center}.woc-whatsapp-home h2{max-width:430px}.woc-whatsapp-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;margin:28px 0 0;border:1px solid #dce8e0;border-radius:9px;background:#f4f8f5}.woc-whatsapp-callout>div{min-width:0}.woc-whatsapp-callout h3{margin:0 0 8px;font:600 19px/1.4 var(--display);color:var(--blue-night)}.woc-whatsapp-callout p{margin:0;max-width:630px;font-size:13px;line-height:1.8;color:#697e70}.woc-whatsapp-callout .woc-whatsapp-button{flex:none}.footer-nav .woc-whatsapp-footer{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:3px}.woc-whatsapp-footer img{width:16px;height:16px;opacity:.85}@media(max-width:600px){.woc-whatsapp-callout{display:grid;gap:18px;padding:20px}.woc-whatsapp-callout .woc-whatsapp-button,.woc-whatsapp-home .woc-whatsapp-button{width:100%;min-height:49px}.woc-whatsapp-home .community-right{max-width:none;width:100%}.woc-whatsapp-home h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.woc-whatsapp-button{transition:none}}

.woc-whatsapp-home .community-right{flex-direction:column;align-items:flex-start;gap:16px;max-width:520px}.woc-whatsapp-button{white-space:nowrap}

/* Keep long contact details out of the narrow mobile navigation columns. */
.woc-whatsapp-links{display:grid;gap:9px;width:100%}.woc-whatsapp-links .woc-whatsapp-button{white-space:normal;text-align:center}.woc-whatsapp-links .woc-whatsapp-button:not(:first-child){background:transparent;color:#126944;border-color:#aac9b7}.woc-whatsapp-links .woc-whatsapp-button:not(:first-child):hover{background:#e0eee5}.woc-whatsapp-links .woc-whatsapp-button:not(:first-child) img{filter:brightness(0) saturate(100%) invert(31%) sepia(32%) saturate(1105%) hue-rotate(101deg) brightness(91%) contrast(90%)}.woc-whatsapp-callout>.woc-whatsapp-links{flex:0 0 225px}.footer-nav{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,1.65fr) minmax(0,1.2fr);align-items:start;gap:26px}.footer-nav>div{min-width:0;align-self:start}.footer-nav .woc-footer-contact{grid-column:auto}.footer-nav .woc-footer-community{grid-column:auto}.footer-nav .woc-footer-community strong{letter-spacing:.08em;line-height:1.6}.footer-nav .woc-whatsapp-links{gap:9px;align-content:start}.footer-nav .woc-whatsapp-footer{margin:0;min-height:0;line-height:1.8}.footer-nav .woc-whatsapp-footer span{font-size:inherit}.woc-footer-contact a{line-height:1.8}.woc-footer-contact a[href^="https://wa.me/"]{padding-block:0}@media(max-width:1100px){.footer-main{display:block}.footer-nav{margin-top:30px}}@media(max-width:820px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}}@media(max-width:600px){.woc-whatsapp-callout>.woc-whatsapp-links{width:100%;min-width:0}.footer-nav .woc-whatsapp-footer{min-height:44px}.footer-nav .woc-whatsapp-footer img{width:18px;height:18px}.footer-nav .woc-footer-community strong{letter-spacing:.04em}}

@media(max-width:600px){
  .footer-nav>div.woc-footer-contact,
  .footer-nav>div.woc-footer-community{
    grid-column:1/-1;
    width:100%;
    padding-top:22px;
    border-top:1px solid #ffffff1a;
  }
  .footer-nav .woc-footer-contact{gap:8px}
  .footer-nav .woc-footer-contact a{font-size:12px;line-height:1.8}
  .footer-nav .woc-footer-contact a[href^="mailto:"]{overflow-wrap:normal;word-break:normal}
  .footer-nav .woc-footer-community{gap:8px}
  .footer-nav .woc-whatsapp-links{gap:0}
  .footer-nav .woc-whatsapp-footer{min-height:40px;font-size:12px}
}