/*
Theme Name: Edu Vilom Shabd
Theme URI: https://eduvilomshabd.com/
Description: Hindi grammar theme: vilom shabd, paryayvachi, muhavare, varnamala, sandhi, samas, alankar and ras. Split "opposites" design with word-pair cards, finder and barakhadi tools.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: eduvilomshabd
*/

@font-face { font-family: "Akshar"; src: url(assets/fonts/akshar-devanagari-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Akshar"; src: url(assets/fonts/akshar-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Akshar"; src: url(assets/fonts/akshar-devanagari-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Akshar"; src: url(assets/fonts/akshar-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Martel"; src: url(assets/fonts/martel-devanagari-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Martel"; src: url(assets/fonts/martel-latin-400-normal.woff2) format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Martel"; src: url(assets/fonts/martel-devanagari-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF; }
@font-face { font-family: "Martel"; src: url(assets/fonts/martel-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
	--ink: #14302b; --ink2: #1f4640; --paper: #fbf7ef; --card: #fff; --ver: #ff5530; --ver2: #e8401c; --sky: #8fd3ff; --sky2: #d9f0ff; --sun: #ffd166;
	--line: #e8e0d0; --muted: #5d6b66; --head: "Akshar", "Noto Sans Devanagari", system-ui, sans-serif; --body: "Martel", "Noto Serif Devanagari", Georgia, serif;
	--r: 18px; --shadow: 0 18px 40px -22px rgba(20, 48, 43, .45);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1.02rem/1.85 var(--body); }
img { max-width: 100%; height: auto; }
a { color: var(--ver2); text-underline-offset: 3px; }
a:hover { color: var(--ink); }
h1, h2, h3 { font-family: var(--head); font-weight: 700; line-height: 1.25; letter-spacing: -.005em; color: var(--ink); }
.vs-wrap { width: min(1180px, 100% - 32px); margin-inline: auto; }
.vs-skip { position: absolute; left: -999px; } .vs-skip:focus { left: 12px; top: 12px; z-index: 99; background: #fff; padding: 8px 12px; }
.vs-ic { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* header */
.vs-top { background: var(--paper); position: sticky; top: 0; z-index: 40; }
.vs-top-in { display: flex; align-items: center; gap: 18px; min-height: 68px; }
.vs-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font: 700 1.32rem/1 var(--head); letter-spacing: -.01em; }
.vs-logo img { width: 40px; height: 40px; }
.vs-logo-light { color: #fff; }
.vs-nav { display: flex; gap: 4px; margin-left: auto; }
.vs-nav a { font: 600 1rem/1 var(--head); color: var(--ink); text-decoration: none; padding: 10px 12px; border-radius: 999px; }
.vs-nav a:hover { background: var(--sky2); }
.vs-duo { display: flex; height: 5px; } .vs-duo i { flex: 1; background: var(--ver); } .vs-duo i + i { background: var(--sky); }
.vs-menu { position: relative; }
.vs-menu summary { list-style: none; cursor: pointer; width: 46px; height: 46px; border-radius: 14px; background: var(--ink); display: grid; place-content: center; gap: 4px; }
.vs-menu summary::-webkit-details-marker { display: none; }
.vs-menu summary span { display: block; width: 20px; height: 2px; background: #fff; border-radius: 2px; }
.vs-menu[open] summary { background: var(--ver); }
.vs-menu-panel { position: absolute; right: 0; top: 56px; width: min(880px, calc(100vw - 32px)); max-height: 76vh; overflow: auto; background: #fff; border-radius: var(--r); box-shadow: var(--shadow); border: 1px solid var(--line); padding: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px; }
.vs-menu-panel p { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 700 .95rem/1.3 var(--head); color: var(--ver2); }
.vs-menu-panel a { display: block; font: 600 .95rem/1.5 var(--head); color: var(--ink); text-decoration: none; padding: 2px 0; }
.vs-menu-panel a:hover { color: var(--ver2); }

/* page band */
.vs-band { background: var(--ink); color: #e8efe9; position: relative; overflow: hidden; }
.vs-band::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 38%; background: linear-gradient(90deg, rgba(143, 211, 255, 0), rgba(143, 211, 255, .08)); pointer-events: none; }
.vs-band-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; padding: 34px 0 40px; position: relative; }
.vs-band h1 { color: #fff; font-size: clamp(1.75rem, 4vw, 2.7rem); margin: 6px 0 14px; }
.vs-band-plain .vs-band-in { grid-template-columns: 1fr; }
.vs-crumbs { display: flex; flex-wrap: wrap; gap: 6px; font: 600 .86rem/1.4 var(--head); color: #a8bdb6; }
.vs-crumbs a { color: #d6e4df; text-decoration: none; } .vs-crumbs a:hover { color: var(--sun); }
.vs-answer { display: inline-block; margin: 0 0 14px; background: var(--sun); color: var(--ink); font: 700 1.08rem/1.6 var(--head); padding: 10px 16px; border-radius: 12px; box-shadow: 4px 4px 0 var(--ver); }
.vs-sub { margin: 0 0 12px; color: #cfe0da; }
.vs-tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.vs-tags li { display: flex; align-items: center; gap: 6px; font: 600 .82rem/1 var(--head); background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); padding: 7px 12px; border-radius: 999px; color: #d9e6e1; }
.vs-tags .vs-ic { width: 16px; height: 16px; color: var(--sky); }

/* signature: the split word pair */
.vs-pair { display: inline-flex; align-items: stretch; border-radius: 16px; overflow: hidden; text-decoration: none; font: 700 1.2rem/1 var(--head); position: relative; box-shadow: 0 10px 24px -16px rgba(0, 0, 0, .5); }
.vs-pair span { padding: 14px 22px 12px; display: flex; align-items: center; }
.vs-pair span:first-child { background: var(--ver); color: #fff; padding-right: 26px; }
.vs-pair span:last-child { background: var(--sky); color: var(--ink); padding-left: 26px; }
.vs-pair i { position: relative; z-index: 1; align-self: center; flex: none; margin: 0 -14px; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: #fff; font: 700 .9rem/28px var(--head); text-align: center; font-style: normal; }
.vs-pair-big { font-size: clamp(1.7rem, 4.5vw, 2.8rem); border-radius: 22px; transform: rotate(-2deg); box-shadow: 0 26px 50px -20px rgba(0, 0, 0, .7); }
.vs-pair-big span { padding: 26px 34px 22px; } .vs-pair-big span:first-child { padding-right: 40px; } .vs-pair-big span:last-child { padding-left: 40px; }
.vs-pair-big i { margin: 0 -22px; width: 44px; height: 44px; font-size: 1.3rem; line-height: 44px; border: 3px solid var(--paper); }
.vs-word { background: var(--paper); color: var(--ink); border-radius: 22px; padding: 22px 34px 16px; text-align: center; transform: rotate(2deg); box-shadow: 10px 10px 0 var(--ver); min-width: 200px; }
.vs-word b { display: block; font: 700 clamp(1.8rem, 4.5vw, 2.9rem)/1.2 var(--head); }
.vs-word span { display: inline-block; margin-top: 6px; font: 600 .85rem/1 var(--head); background: var(--sky2); padding: 6px 12px; border-radius: 999px; }
.vs-eq { background: var(--paper); color: var(--ink); border-radius: 22px; padding: 18px 26px; text-align: center; box-shadow: 10px 10px 0 var(--sky); transform: rotate(-1.5deg); }
.vs-eq b { display: block; font: 700 clamp(1.8rem, 4.5vw, 2.7rem)/1.2 var(--head); color: var(--ver2); }
.vs-eq span { display: block; font: 700 1.25rem/1.5 var(--head); }

/* layout */
.vs-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 30px; padding: 30px 0 60px; align-items: start; }
.vs-layout-one { grid-template-columns: minmax(0, 860px); justify-content: center; }
.vs-article { background: var(--card); border-radius: var(--r); padding: 30px 36px; border: 1px solid var(--line); min-width: 0; }
.vs-plain-h1 { font-size: 2rem; margin-top: 0; }
.vs-prose > :first-child { margin-top: 0; }
.vs-prose h2 { font-size: 1.55rem; margin: 2em 0 .6em; padding-left: 14px; border-left: 6px solid var(--ver); }
.vs-prose h3 { font-size: 1.22rem; margin: 1.6em 0 .5em; color: var(--ink2); }
.vs-prose p, .vs-prose li { overflow-wrap: anywhere; }
.vs-prose ul, .vs-prose ol { padding-left: 1.3em; }
.vs-prose li { margin: .3em 0; }
.vs-prose ul li::marker { color: var(--ver); }
.vs-prose strong { color: var(--ink); }
.table-scroll { overflow-x: auto; margin: 1.2em 0; border-radius: 14px; border: 1px solid var(--line); }
.vs-prose table { border-collapse: collapse; width: 100%; font-size: .97rem; line-height: 1.6; }
.vs-prose th, .vs-prose td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.vs-prose thead th { background: var(--ink); color: #fff; font: 600 .95rem/1.4 var(--head); }
.vs-prose tbody th { background: #f6f1e6; font-family: var(--head); font-weight: 600; width: 34%; }
.vs-prose tbody tr:nth-child(even) td { background: #fcfaf5; }
.vs-prose tbody tr:last-child td, .vs-prose tbody tr:last-child th { border-bottom: 0; }
.vs-chips { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
.vs-chips li { margin: 0; }
.vs-chips a { display: inline-block; font: 600 .95rem/1.4 var(--head); text-decoration: none; color: var(--ink); background: var(--sky2); padding: 8px 14px; border-radius: 999px; }
.vs-chips a:hover { background: var(--ver); color: #fff; }
.vs-ad { margin: 2em 0; text-align: center; }

/* sidebar */
.vs-side { display: grid; gap: 18px; position: sticky; top: 92px; }
.vs-side-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 18px; }
.vs-side-card > p { margin: 0 0 8px; font: 700 .82rem/1 var(--head); letter-spacing: .06em; color: var(--ver2); }
.vs-rel a { display: block; font: 600 1rem/1.45 var(--head); color: var(--ink); text-decoration: none; padding: 9px 0; border-bottom: 1px dashed var(--line); }
.vs-rel a:last-child { border-bottom: 0; } .vs-rel a:hover { color: var(--ver2); }
.vs-side-tools a { display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--ink); padding: 9px 0; }
.vs-side-tools .vs-ic { width: 38px; height: 38px; padding: 8px; border-radius: 12px; background: var(--ink); color: var(--sky); }
.vs-side-tools b { display: block; font: 700 1rem/1.3 var(--head); } .vs-side-tools span { font: 400 .82rem/1.4 var(--head); color: var(--muted); }

/* faq */
.vs-faq { margin-top: 2.4em; }
.vs-faq h2 { font-size: 1.5rem; }
.vs-faq details { border: 1px solid var(--line); border-radius: 14px; margin: 10px 0; background: #fdfbf6; }
.vs-faq summary { cursor: pointer; font: 700 1.05rem/1.5 var(--head); padding: 14px 18px; list-style: none; display: flex; justify-content: space-between; gap: 10px; }
.vs-faq summary::after { content: "+"; color: var(--ver); font-size: 1.4rem; line-height: 1; }
.vs-faq details[open] summary::after { content: "−"; }
.vs-faq details > div { padding: 0 18px 12px; }

/* tools */
.vs-tool { background: #fff; border: 2px solid var(--ink); border-radius: var(--r); padding: 18px; margin: 1.5em 0; box-shadow: 6px 6px 0 var(--sky); }
.vs-tool label, .vs-lab { display: block; font: 700 .95rem/1.3 var(--head); margin-bottom: 8px; }
.vs-tool input, .vs-tool select { width: 100%; font: 600 1.15rem/1.4 var(--head); padding: 12px 14px; border: 2px solid var(--ink); border-radius: 12px; background: var(--paper); color: var(--ink); }
.vs-tool input:focus, .vs-tool select:focus { outline: 3px solid var(--ver); outline-offset: 1px; }
.vs-res { margin-top: 12px; display: grid; gap: 8px; }
.vs-res a, .vs-res div { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; text-decoration: none; color: var(--ink); padding: 10px 12px; border-radius: 12px; background: var(--paper); }
.vs-res a:hover { background: var(--sky2); }
.vs-res b { font: 700 1.08rem/1.3 var(--head); } .vs-res em { font-style: normal; font: 600 .75rem/1 var(--head); padding: 4px 8px; border-radius: 999px; background: var(--ink); color: #fff; }
.vs-res span { color: var(--muted); font-size: .95rem; }
.vs-res .vs-none { color: var(--muted); background: none; padding: 4px 0; }
.vs-bk { display: grid; grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); gap: 8px; margin-top: 12px; }
.vs-bk div { text-align: center; background: var(--paper); border-radius: 12px; padding: 8px 4px; border: 1px solid var(--line); }
.vs-bk b { display: block; font: 700 1.7rem/1.3 var(--head); } .vs-bk span { font: 600 .8rem/1 var(--head); color: var(--muted); }
.vs-chart { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; margin: 1em 0 1.5em; }
.vs-chart div { background: #fff; border: 1px solid var(--line); border-radius: 14px; text-align: center; padding: 10px 6px 8px; }
.vs-chart b { display: block; font: 700 1.9rem/1.25 var(--head); color: var(--ver2); }
.vs-chart span { display: block; font: 600 .8rem/1.3 var(--head); color: var(--muted); }
.vs-chart small { display: block; font: 400 .85rem/1.4 var(--body); }
.vs-chart-h { font: 700 1.05rem/1.4 var(--head); margin: 1.2em 0 .4em; color: var(--ink2); }
.vs-list-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.vs-list-nav a { font: 700 .95rem/1 var(--head); padding: 8px 10px; border-radius: 8px; background: var(--ink); color: #fff; text-decoration: none; }
.vs-practice details { border: 1px dashed var(--ink); border-radius: 12px; padding: 10px 14px; margin: 8px 0; background: #fff; }
.vs-practice summary { cursor: pointer; font-weight: 700; }

/* home */
.vs-hero { position: relative; overflow: hidden; background: var(--ink); color: #fff; }
.vs-hero-split { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; pointer-events: none; }
.vs-hero-split span { display: flex; align-items: flex-end; font: 700 clamp(5rem, 14vw, 11rem)/.9 var(--head); color: rgba(255, 255, 255, .05); overflow: hidden; white-space: nowrap; }
.vs-hero-split span:first-child { background: var(--ver); justify-content: flex-start; padding-left: 2vw; color: rgba(255, 255, 255, .13); }
.vs-hero-split span:last-child { background: var(--ink); justify-content: flex-end; padding-right: 2vw; }
.vs-hero-in { position: relative; text-align: center; padding: 70px 0 74px; display: flex; flex-direction: column; align-items: center; }
.vs-kicker { display: inline-flex; gap: 10px; align-items: center; background: rgba(20, 48, 43, .55); border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; padding: 6px 14px 6px 6px; font: 600 .9rem/1 var(--head); margin: 0 0 18px; }
.vs-kicker span { background: var(--sun); color: var(--ink); padding: 6px 10px; border-radius: 999px; }
.vs-hero h1 { color: #fff; font-size: clamp(2.1rem, 5.4vw, 3.9rem); max-width: 18ch; margin: 0 0 14px; text-shadow: 0 2px 20px rgba(0, 0, 0, .25); }
.vs-hero h1 em { font-style: normal; display: block; color: var(--sun); }
.vs-lead { max-width: 640px; margin: 0 0 26px; color: #f1f5f3; font-size: 1.05rem; }
.vs-hero-tool { width: min(680px, 100%); text-align: left; color: var(--ink); }
.vs-hero-tool .vs-tool { margin: 0; box-shadow: 8px 8px 0 var(--sun); }
.vs-sec { padding: 56px 0; }
.vs-sec-tint { background: var(--sky2); }
.vs-sec-dark { background: var(--ink); color: #e8efe9; }
.vs-sec-dark h2 { color: #fff; }
.vs-sec-head { margin-bottom: 22px; } .vs-sec-head h2 { font-size: clamp(1.6rem, 3.4vw, 2.3rem); margin: 0 0 4px; } .vs-sec-head p { margin: 0; color: var(--muted); }
.vs-sec-dark .vs-sec-head p { color: #b9cdc6; }
.vs-pairs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.vs-pairs .vs-pair { width: 100%; } .vs-pairs .vs-pair span { flex: 1; justify-content: center; }
.vs-pairs .vs-pair:hover { transform: translateY(-2px); }
.vs-more { margin: 18px 0 0; } .vs-more a { font: 700 1rem/1 var(--head); }
.vs-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.vs-tiles a { display: block; background: #fff; border-radius: 16px; padding: 14px 16px; text-decoration: none; color: var(--ink); border: 1px solid #c9e6f7; height: 100%; }
.vs-tiles b { display: block; font: 700 1.45rem/1.3 var(--head); color: var(--ver2); } .vs-tiles span { font-size: .9rem; color: var(--muted); }
.vs-tiles a:hover { box-shadow: var(--shadow); }
.vs-topics { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.vs-topic { background: var(--ink2); border-radius: var(--r); padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .08); }
.vs-topic p { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font: 700 1.15rem/1.3 var(--head); color: var(--sun); }
.vs-topic ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.vs-topic a { display: inline-block; font: 600 .92rem/1.3 var(--head); color: #fff; text-decoration: none; padding: 6px 10px; border-radius: 999px; background: rgba(255, 255, 255, .08); }
.vs-topic a:hover { background: var(--ver); }
.vs-idioms { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.vs-idioms a { display: block; background: #fff; border-left: 6px solid var(--ver); border-radius: 12px; padding: 12px 16px; text-decoration: none; color: var(--ink); height: 100%; box-shadow: 0 6px 18px -14px rgba(0, 0, 0, .4); }
.vs-idioms b { display: block; font: 700 1.15rem/1.4 var(--head); } .vs-idioms span { font-size: .92rem; color: var(--muted); }
.vs-home-prose { max-width: 860px; }

/* footer */
.vs-foot { background: #0d201d; color: #b8cbc5; padding: 46px 0 22px; border-top: 6px solid var(--ver); }
.vs-foot-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; }
.vs-foot-brand p { font-size: .92rem; max-width: 420px; }
.vs-foot-col p { font: 700 .85rem/1 var(--head); letter-spacing: .06em; color: var(--sun); margin: 0 0 10px; }
.vs-foot-col a { display: block; color: #dbe6e2; text-decoration: none; font: 600 .95rem/1.9 var(--head); }
.vs-foot-col a:hover { color: var(--sky); }
.vs-copy { font-size: .8rem; color: #7f948e; margin: 26px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .08); }

@media (max-width: 980px) {
	.vs-layout { grid-template-columns: minmax(0, 1fr); }
	.vs-side { position: static; }
	.vs-nav { display: none; }
	.vs-menu { margin-left: auto; }
	.vs-foot-in { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
	body { font-size: .98rem; }
	.vs-band-in { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 24px 0 30px; }
	.vs-band-card .vs-band-in > :last-child { justify-self: start; }
	.vs-pair-big { font-size: 1.6rem; } .vs-pair-big span { padding: 18px 22px 14px; } .vs-pair-big span:first-child { padding-right: 28px; } .vs-pair-big span:last-child { padding-left: 28px; }
	.vs-article { padding: 22px 18px; border-radius: 14px; }
	.vs-prose th, .vs-prose td { padding: 8px 10px; }
	.vs-hero-in { padding: 46px 0 52px; }
	.vs-hero-split { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }
	.vs-hero-split span { font-size: 4.5rem; }
	.vs-logo { font-size: 1.12rem; } .vs-logo img { width: 34px; height: 34px; }
	.vs-sec { padding: 40px 0; }
	.vs-pairs { grid-template-columns: minmax(0, 1fr); }
	.vs-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vs-topics, .vs-idioms { grid-template-columns: minmax(0, 1fr); }
}
@media print { .vs-top, .vs-foot, .vs-side, .vs-ad, .vs-tool { display: none !important; } .vs-band { background: #fff; color: #000; } .vs-band h1 { color: #000; } }