/* Strategy integrated into the existing brand guidelines, 15 September 2026. */
.sg-foundation, .sg-voice { --sg-title:var(--font-title-latin),AktivGE,sans-serif; --sg-body:var(--font-text-ge); }
.st-foundation-section.sg-foundation { min-height:100svh!important; justify-content:center!important; padding:48px 0!important; }
.sg-foundation.st-foundation-section .st-intro { flex:0 0 auto; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:28px 64px; padding:0!important; }
.sg-foundation .st-editorial-eyebrow { margin:0 0 12px; }
.sg-foundation.st-foundation-section .st-editorial-headline { font-family:var(--sg-title)!important; font-size:clamp(28px,2.4vw,38px)!important; line-height:1.3!important; letter-spacing:-.025em!important; overflow-wrap:normal; word-break:normal; hyphens:none; text-wrap:balance!important; }
.sg-foundation .sg-positioning { font:400 16px/1.7 var(--sg-body); margin:22px 0 20px; color:var(--muted); max-width:58ch; }
.sg-foundation .st-values { margin:0 0 22px; gap:8px; }
.sg-foundation .st-values span { padding:5px 10px; font-size:12px; }
.sg-foundation .st-audience { margin-top:0; padding-top:18px; }
.sg-foundation .st-intro-story { padding-top:4px; }
.sg-foundation .st-arch-note { font-size:12px; line-height:1.6; color:var(--muted); }
.sg-foundation .sg-details { margin-top:30px; width:100%; }
.sg-voice.st-section { display:flex; flex-direction:column; justify-content:center; align-items:stretch; min-height:100svh; padding:48px 0; gap:0; }
.sg-voice .st-section-head { margin:0 0 26px; padding:0; }
.sg-voice .st-section-head .st-headline { font-family:var(--sg-title); font-size:clamp(26px,3vw,40px); line-height:1.3; overflow-wrap:normal; word-break:normal; }
.sg-voice .st-manifesto { padding:clamp(30px,3.5vw,52px); gap:clamp(32px,4vw,64px); grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
.sg-voice .st-manifesto > div { min-width:0; }
.sg-label { display:block; font:500 10px/1.5 var(--font-text-ge); letter-spacing:.08em; margin-bottom:16px; }
.sg-voice .st-manifesto .sg-label { color:#C7E0E1; }
.sg-voice .st-manifesto .sg-concept { font:600 clamp(46px,5.2vw,78px)/.98 var(--sg-title); letter-spacing:-.04em; margin:0; }
.sg-concept > span { display:block; font:500 13px/1.3 var(--sg-title); letter-spacing:.08em; margin-bottom:12px; }
.sg-voice .st-manifesto h3:not(.sg-concept) { font:500 clamp(22px,2.2vw,32px)/1.4 var(--sg-title); margin:0; overflow-wrap:normal; }
.sg-voice .st-manifesto .sg-slogan-en { font:500 11px/1.6 var(--sg-title); margin:14px 0 0; letter-spacing:.02em; color:#fff; }
.sg-voice .st-manifesto p.sg-use { font:400 13px/1.7 var(--sg-body); margin:24px 0 0; color:#e4eef0; max-width:42ch; letter-spacing:0; }
.sg-tone-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:28px 0 24px; }
.sg-tone-grid h3 { font:600 15px/1.5 var(--font-title-latin),AktivGE,sans-serif; margin:0 0 8px; letter-spacing:-.015em; }
.sg-tone-grid p { font:400 14px/1.7 var(--font-text-ge); color:var(--muted); margin:0; }
.sg-details > summary { min-height:58px; font:500 14px/1.6 var(--font-text-ge); gap:24px; }
.sg-detail-content { padding:28px 0!important; font:400 15px/1.75 var(--font-text-ge); color:var(--midnight); }
.sg-detail-content p { margin:0 0 12px; max-width:none; }
.sg-detail-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 56px; }
.sg-detail-columns dl { margin:0; }

/* --------------------------------------------------------------------------
   დროპდაუნის შიგთავსის იერარქია — 17 სექტემბერი

   ჯგუფის სათაური (h3) და მისი ელემენტი (dt) ორივე 15px/600-ზე იდგა, ერთსა და
   იმავე ფერში: ვიზუალურად ერთი და იგივე იყო, ამიტომ პანელი ბრტყელი ჩანდა.
   ბლოკებს შორის კი 0px იდო — „ბიზნესს"-ის ტექსტი პირდაპირ ეკვრებოდა შემდეგ
   სათაურს „ხედვა".

   სამსაფეხურიანი კიბე, დეკის არსებულ ენაზე:
     ჯგუფის იარლიყი   11px · emerald · +.085em  (იგივე, რაც .st-kicker)
     ელემენტის სათაური 16px · midnight · -.012em
     ტექსტი            14.5px · muted · lh 1.7
   ერთადერთი მუქი აქცენტი პანელში — .sg-promise.
   -------------------------------------------------------------------------- */
.sg-detail-content h3,
.sg-detail-content h4 {
  font: 600 11px/1.5 var(--font-text-ge);
  letter-spacing: .085em;
  color: var(--emerald);
  margin: 0 0 18px;
}
.sg-detail-columns dt {
  font: 600 16px/1.45 var(--font-title-latin), AktivGE, sans-serif;
  letter-spacing: -.012em;
  color: var(--midnight);
  margin-top: 26px;
}
.sg-detail-columns dl > dt:first-of-type { margin-top: 0; }
.sg-detail-columns dd {
  font: 400 14.5px/1.7 var(--font-text-ge);
  color: var(--muted);
  margin: 6px 0 0;
  max-width: 56ch;
}
.sg-detail-content p { font-size: 14.5px; line-height: 1.7; color: var(--muted); }
/* dt-ის half-leading 3.6px-ია, p-სი 5.1px — ერთნაირ box-დაშორებაზე პარაგრაფი
   ოპტიკურად უფრო შორს ჩანდა სათაურისგან. 4px ექვსივე ჯგუფს ერთ რიტმზე აყენებს. */
.sg-detail-content h3 + p { margin-top: -4px; }
/* რედაქტორის შენიშვნა <dl>-ის შემდეგ margin-top: 0-ით იდგა და ბოლო პუნქტს
   ეკვროდა; <p>-ის შემდეგ კი 16px ჰქონდა. სამივე ერთ რიტმზე. */
.sg-detail-content .sg-caption { margin-top: 16px; }

.sg-detail-content .sg-promise {
  font: 400 17px/1.6 var(--font-text-ge);
  letter-spacing: -.008em;
  color: var(--midnight);
  max-width: 54ch;
}
/* ჯგუფებს შორის ნამდვილი პაუზა და თმისებრი ხაზი — ადრე სრულიად შეხებული იყო */
.sg-detail-columns + .sg-detail-columns {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--line);
}

.sg-name-note { margin-top:28px!important; padding-top:24px; border-top:1px solid var(--line); }
.sg-message-rule { max-width:78ch; margin-bottom:28px; }
.sg-copy-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border-top:1px solid var(--line); }
.sg-copy-heading .st-eyebrow-sm { margin-bottom:8px; }
.sg-copy-heading h3 { margin:0; }
.sg-languages { display:flex; gap:4px; flex:none; padding:4px; background:var(--mist); border-radius:8px; }
.sg-languages button { border:0; background:transparent; border-radius:5px; min-width:46px; min-height:40px; padding:8px 12px; font:600 12px var(--font-title-latin); color:var(--emerald); cursor:pointer; }
.sg-languages button[aria-pressed="true"] { color:#fff; background:var(--emerald); }
.sg-copy-item { display:grid; grid-template-columns:minmax(170px,.65fr) minmax(0,1.5fr); gap:32px; padding:24px 0; border-top:1px solid var(--line); }
.sg-copy-meta p { font-size:13px; line-height:1.7; color:var(--muted); }
.sg-copy-body > p { font-size:16px; line-height:1.8; }
[data-strategy-copy] { padding:8px 0; border:0; background:none; font:500 12px/1.5 var(--font-text-ge); color:var(--emerald); text-decoration:underline; text-underline-offset:4px; cursor:pointer; min-height:40px; }
.sg-voice button:focus-visible,.sg-details summary:focus-visible { outline:2px solid var(--emerald); outline-offset:5px; }
.sg-feedback { min-height:24px; color:var(--emerald); font-size:13px; }
.sg-writing-example { border-top:1px solid var(--line); padding-top:24px; margin-top:12px; }
.sg-writing-example .sg-label { color:var(--emerald); margin:12px 0 8px; }
.sg-caption { color:var(--muted); font:400 12px/1.75 var(--font-text-ge); }
.sg-concept-logic,.sg-rule-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.sg-concept-logic h3 { color:var(--emerald); }
.sg-graphic-rationale { max-width:78ch!important; margin:24px 0 28px!important; }
.sg-rule-grid { padding-top:24px; border-top:1px solid var(--line); }
.sg-copy-library [hidden] { display:none!important; }
html:has(.sg-details[open]) { scroll-snap-type:none!important; }
@media(max-width:1050px) {
 .sg-foundation.st-foundation-section .st-intro { gap:26px 32px; }
 .sg-foundation.st-foundation-section .st-editorial-headline { font-size:28px!important; }
 .sg-tone-grid { gap:20px; }
 .sg-voice .st-manifesto { padding:30px; gap:32px; }
}
@media(max-width:800px) {
 .st-foundation-section.sg-foundation,.sg-voice.st-section { min-height:0!important; padding:72px 0 36px!important; }
 .sg-foundation.st-foundation-section .st-intro { grid-template-columns:minmax(0,1fr); gap:26px; }
 .sg-foundation .st-editorial-eyebrow { flex-direction:column; align-items:flex-start; gap:6px; }
 .sg-foundation .st-intro-tag { margin:0; }
 .sg-foundation.st-foundation-section .st-editorial-headline { font-size:clamp(22px,4.8vw,32px)!important; }
 .sg-foundation .sg-positioning { font-size:15px; }
 .sg-voice .st-manifesto { grid-template-columns:minmax(0,1fr); padding:28px 24px; gap:32px; }
 .sg-voice .st-manifesto .sg-concept { font-size:60px; }
 .sg-voice .st-manifesto h3:not(.sg-concept) { font-size:24px; }
 .sg-tone-grid,.sg-detail-columns,.sg-concept-logic,.sg-rule-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .sg-tone-grid { margin:24px 0; }
 .sg-copy-item { grid-template-columns:minmax(0,1fr); gap:12px; }
 .sg-copy-heading { flex-wrap:wrap; gap:16px; }
 .sg-copy-body > p { font-size:15px; }
 .sg-details > summary { font-size:13px; }
}
@media print {
 .sg-foundation,.sg-voice { min-height:0!important; padding:12mm 0!important; }
 .sg-copy-library [data-strategy-panel][hidden] { display:block!important; }
 .sg-languages,[data-strategy-copy],.sg-feedback { display:none!important; }
}