
body { background: var(--cream); }
.gv2-main { margin-top: var(--header-h); padding: clamp(42px, 7vw, 78px) clamp(20px, 5vw, 70px) 82px; }
.gv2-wrap { max-width: 1120px; margin: 0 auto; }
.gv2-breadcrumb { margin-bottom: 24px; color: #665f55; font-size: .86rem; }
.gv2-breadcrumb a { color: var(--teal-dark); font-weight: 800; text-decoration: none; }
.gv2-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: clamp(26px, 4vw, 46px); align-items: start; }
.gv2-side { position: sticky; top: calc(var(--header-h) + 22px); border: 1px solid #d8cfbd; border-radius: var(--radius); background: var(--white); padding: 16px; }
.gv2-side-title { display: block; margin: 2px 10px 12px; color: var(--gold); font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.gv2-side a { display: block; padding: 10px; border-top: 1px solid #eee5d8; color: var(--teal-dark); font-size: .9rem; line-height: 1.3; text-decoration: none; font-weight: 850; }
.gv2-side a:first-of-type { border-top: 0; }
.gv2-side small { display: block; margin-top: 3px; color: #665f55; font-size: .74rem; font-weight: 650; }
.gv2-content { display: grid; gap: 22px; min-width: 0; }
.gv2-eyebrow { display: block; margin-bottom: 12px; color: var(--gold); font-size: .72rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.gv2-content h1, .gv2-content h2, .gv2-content h3 { margin: 0; color: var(--teal-dark); font-family: var(--font-heading); line-height: 1.16; }
.gv2-content h1 { max-width: 780px; font-size: clamp(2.05rem, 4.5vw, 3.25rem); }
.gv2-content h2 { font-size: clamp(1.38rem, 3vw, 1.95rem); }
.gv2-lead { max-width: 840px; color: var(--charcoal); font-size: 1.04rem; line-height: 1.9; }
.gv2-hero-term { display: grid; gap: 4px; margin: 18px 0 0; padding: 18px; border: 1px solid #d8cfbd; border-radius: var(--radius); background: var(--white); }
.gv2-ar { font-family: 'Scheherazade New','Amiri','Geeza Pro',serif; direction: rtl; line-height: 1.8; }
.gv2-hero-term .gv2-ar { color: var(--teal-dark); font-size: clamp(2.15rem, 5vw, 3.2rem); font-weight: 700; }
.gv2-hero-term em { color: #665f55; font-size: .95rem; font-weight: 800; }
.gv2-panel, .gv2-callout { border: 1px solid #d8cfbd; border-radius: var(--radius); background: var(--white); padding: clamp(20px, 3vw, 28px); }
.gv2-callout { border-left: 4px solid var(--teal); }
.gv2-panel p, .gv2-callout p { color: var(--charcoal); line-height: 1.86; }
.gv2-panel p + p, .gv2-callout p + p { margin-top: 12px; }
.gv2-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gv2-card { display: block; padding: 15px 16px; border: 1px solid #d8cfbd; border-radius: var(--radius); background: #fbf8f1; color: var(--teal-dark); text-decoration: none; }
.gv2-card:hover { border-color: var(--teal); color: var(--teal); text-decoration: none; }
.gv2-card .gv2-ar { display: block; color: var(--teal-dark); font-size: 1.45rem; font-weight: 700; }
.gv2-card b { display: block; margin-top: 2px; }
.gv2-card small { display: block; margin-top: 4px; color: #665f55; font-weight: 700; line-height: 1.45; }
.gv2-batch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.gv2-answer { background: #f3faf5; border-color: #c9ddcf; }
@media (max-width: 900px) { .gv2-layout, .gv2-card-grid, .gv2-batch-grid { grid-template-columns: 1fr; } .gv2-side { position: static; } }
