/* ==========================================================================
   /sektorler/sigorta/  +  /en/sectors/insurance/   (one sheet, two pages)

   VARIANCE PASS — assigned silhouette, from variance-plan.json:
       opening   A-SPLIT
       dark      CLOSE
       sections  5

   THE PROBLEM THIS SHEET IS ANSWERING. The owner could not tell one leaf page
   from another. Measured before touching anything: 76 of 76 pages open with a
   headline on the left and a plate on the right, and 76 of 76 close on the
   indigo band. This page is one of only four that KEEP the split opening, so
   that A-SPLIT reads as a deliberate treatment rather than as the house
   default — which means the differentiation cannot come from the opening's
   geometry. It comes from three decisions, in order of how early a visitor
   meets them:

     1. THE PLATE IS AN ARTEFACT, NOT A QUOTE BOX. Every sibling puts a mist
        panel of prose beside its h1. Here the right column is the hub's
        question and then the thing that answers it: a sample address's risk
        class drawn as a five-step grade ladder, in the standard .ng-out panel
        chrome with its ÖRNEK flag. Screenshot /sektorler/sigorta/ against
        /sektorler/bankacilik/ at 1440 and this is the difference you see first.

     2. A FULL-WIDTH RAIL closes the masthead, carrying the strapline and the
        5 / 3 / 2 proof strip across the container instead of stacking them in
        the left column. The masthead is therefore split-then-rail, a three-zone
        shape no sibling has.

     3. THE CARD GRID IS GONE. The five analysis titles are a SCHEDULE — five
        numbered rows on hairline rules with one destination each — because a
        stack of raised white boxes is the single shape this whole pass exists
        to break up, and because a policy schedule is a form an insurance reader
        already reads. The sample band is likewise a wide key/value strip
        (ng-shared §15c) over a real ranked table (§15b), stacked full width,
        rather than two narrow panels side by side.

   WHAT IS REUSED RATHER THAN REINVENTED: .ng-masthead, .ng-out, .ng-facts,
   .ng-dtable, .ng-steps, .ng-pills, .ng-actions, .ng-cta and the .ng-aside
   quote treatment all come from ng-shared.css. Only the five shapes this
   subject genuinely needs are declared here.

   TOKENS ONLY, NO !important, ONE h1. Heading classes carry the doubled-class
   (0,3,0) margin defence against the theme's
   `body .content-wrapper h?:not(:first-child){margin-top:50px}` at (0,2,2).

   post meta: page_title_status was `default` before conversion, is `off` now.
   The generated rollback does not capture that key — record it here, as the
   previous pass did.

   NOTE: rules this sheet used to declare for shared leaf primitives
   (.ng-out-band, .ng-lead, .ng-how, .ng-vals, .ng-steps__pills, .ng-env,
   .ng-net) live in ng-shared.css §14. The .ng-risk / .ng-env / .ng-net
   overrides that were here are DELETED rather than left orphaned: this
   composition no longer renders any of those three components. .ng-out-band's
   two-column pair override is deleted for the same reason — §14's default is a
   single column, which is now what this page wants.
   ========================================================================== */


/* ==========================================================================
   1. THE SPLIT MASTHEAD
   ========================================================================== */

@media (min-width:960px){
  /* 56/44, MEASURED, not chosen by eye. 54/46 was the first attempt — the
     plate is a panel with a fixed 118px ladder column beside a reading column
     and wanted the extra width. It gave the copy column 549px, and the English
     pair of buttons is 287 + 253 + 14 = 554px, so the ghost CTA wrapped onto a
     line of its own at 1440 while the Turkish one did not. Five pixels, on the
     English page only, visible in a screenshot and to nothing else. 56/44
     gives 569px and both languages keep the CTAs on one row. */
  .ng-v2 .ng-sig-lead .ng-masthead__inner{
    grid-template-columns:minmax(0,56fr) minmax(0,44fr);
  }
}

.ng-v2 .ng-sig-ask{ min-width:0; }
@media (min-width:960px){
  /* Aligns the label's cap-height with the top of the h1 rather than with the
     breadcrumb, the same 34–38px nudge .ng-aside makes in ng-shared §13a. */
  .ng-v2 .ng-sig-ask{ margin-top:38px; }
}
.ng-v2 .ng-sig-ask__label{ margin:0 0 12px; }
/* (0,3,0): .ng-aside__quote sets margin:0 and the theme styles blockquote at
   (0,1,1); doubling the class settles both without relying on load order. */
.ng-v2 .ng-sig-ask__quote.ng-sig-ask__quote{
  margin:0 0 20px;
}


/* --- 1a. .ng-sig-grade — the risk class, drawn -----------------------------
   The client's own copy says the analysis produces "risk sınıflandırmaları" —
   a CLASS, not a score — so the artefact is a graded class and a five-step
   scale, not the 0–100 number the sibling leaves show. Inventing a scored
   scale would be inventing machinery the source material does not describe.

   THE STEPS GROW IN WIDTH rather than all being full-bleed blocks. Five equal
   accent bars at panel width is a lot of magenta in the first screen and reads
   as a progress bar; a staircase reads as a grade, which is what it is. The
   widths are decoration and the ladder is aria-hidden — the reading is the
   text beside it. Same division of labour as the ranked bars in section 30.

   Only the two class names the source legend gives ("Düşük", "Çok yüksek")
   appear anywhere; the three intermediate labels are deliberately NOT invented,
   which is why the ladder is unlabelled and the sentence under it locates the
   sample instead.

   26px on the value, so --ng-ink is right and --ng-accent-display stays where
   the contract puts it. The lit steps carry --ng-accent as GRAPHICAL content
   (1.4.11, 3:1 against the mist track), which --ng-accent-display would not
   clear. */
.ng-v2 .ng-sig-grade__row{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:22px;
  align-items:center;
}
.ng-v2 .ng-sig-grade__scale{
  list-style:none;
  margin:0; padding:0;
  display:grid; gap:7px;
  justify-items:start;
}
.ng-v2 .ng-sig-grade__step{
  margin:0; padding:0;
  height:18px;
  border-radius:5px;
  background:var(--ng-surface-sunken);
}
.ng-v2 .ng-sig-grade__step.is-on{ background:var(--ng-accent); }
.ng-v2 .ng-sig-grade__read{ min-width:0; }
.ng-v2 .ng-sig-grade__v{
  margin:0;
  font-family:var(--ng-font-display); font-weight:700;
  font-size:26px; line-height:1.15;
  letter-spacing:-0.02em;
  color:var(--ng-ink);
}
/* A legend sentence, not a label: 14px reading floor, no tracking. */
.ng-v2 .ng-sig-grade__foot{
  margin:10px 0 0;
  font-size:14px; line-height:1.5;
  color:var(--ng-muted);
}


/* --- 1b. .ng-sig-rail — the masthead's third zone ---------------------------
   The strapline and the proof strip used to sit in the left column under the
   buttons, which made the copy column twice the height of the plate and pushed
   the split's balance over. Running them across the full container closes the
   masthead with a rule and gives this page a masthead shape — split, then
   rail — that none of its siblings has.

   The 56/44 split is repeated here on purpose so the counts line up under the
   plate rather than floating in the middle of the band. */
.ng-v2 .ng-sig-rail{
  margin-top:38px;
  padding-top:26px;
  border-top:1px solid var(--ng-hairline);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
  align-items:start;
}
@media (min-width:960px){
  .ng-v2 .ng-sig-rail{
    grid-template-columns:minmax(0,56fr) minmax(0,44fr);
    column-gap:56px;
  }
}
.ng-v2 .ng-sig-rail__lead{
  margin:0;
  font-size:17px; line-height:1.6;
  color:var(--ng-muted);              /* 6.01:1 on ground */
  max-width:52ch;
}
.ng-v2 .ng-sig-rail__counts{ min-width:0; }
/* (0,3,0) beats ng-shared §4's (0,2,0): inside the rail the strip needs no rule
   of its own — the rail has one — and no top margin. */
.ng-v2 .ng-sig-rail .ng-masthead__proof{
  margin:0; padding:0;
  border-top:0;
}
.ng-v2 .ng-sig-rail .ng-lead__note{ margin-top:14px; }


/* ==========================================================================
   2. THE SCHEDULE — the page's dominant content shape
   Five numbered rows on hairline rules, in two groups. NOT a card grid: that
   is the shape every leaf on this site already uses and the one thing this
   pass is meant to break. It is also a better fit for the material — five
   items in a three-up grid orphan two of themselves on a second row, which is
   why the previous version had to split into a 3-grid and a 2-grid.

   Three columns at >=860: the register number, the title and the client's own
   paragraph, and the destination. The destination track is `max-content` with
   `white-space:nowrap` — a fixed track was tried on the first variance page and
   at 230px the longest label filled the line exactly and pushed its arrow onto
   a line of its own, reading as a stray glyph. The copy column, which can
   absorb the difference, absorbs it.
   ========================================================================== */

.ng-v2 .ng-sig-sched__group + .ng-sig-sched__group{
  margin-top:34px;
  padding-top:30px;
  border-top:1px solid var(--ng-hairline);
}
/* (0,3,0) doubled — theme margin defence, see the file header. */
.ng-v2 .ng-sig-sched__gname.ng-sig-sched__gname{
  margin:0;
  font-size:22px; line-height:1.25;
  letter-spacing:-0.012em;
  color:var(--ng-ink);
}
.ng-v2 .ng-sig-sched__gbody{
  margin:10px 0 0;
  font-size:15px; line-height:1.6;
  color:var(--ng-muted);
  max-width:76ch;
}
.ng-v2 .ng-sig-sched__list{
  list-style:none;
  margin:20px 0 0; padding:0;
}
.ng-v2 .ng-sig-sched__row{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  padding:20px 0;
  border-top:1px solid var(--ng-hairline);
}
.ng-v2 .ng-sig-sched__row:last-child{ padding-bottom:0; }
@media (min-width:860px){
  .ng-v2 .ng-sig-sched__row{
    grid-template-columns:auto minmax(0,1fr) max-content;
    column-gap:30px;
    align-items:start;
    padding:22px 0;
  }
}
.ng-v2 .ng-sig-sched__n{
  font-family:var(--ng-font-label); font-weight:600;
  font-size:12px; line-height:1.6; letter-spacing:.1em;
  text-transform:none;                /* strings are authored pre-uppercased */
  color:var(--ng-accent);             /* 5.35:1 on the ground */
  font-variant-numeric:tabular-nums;
}
.ng-v2 .ng-sig-sched__main{ min-width:0; }
/* (0,3,0) doubled. 19px, the same step .ng-card__title takes, because Turkish
   compound titles here run to five words. */
.ng-v2 .ng-sig-sched__name.ng-sig-sched__name{
  margin:0;
  font-size:19px; line-height:1.3;
  color:var(--ng-ink);
}
.ng-v2 .ng-sig-sched__body{
  margin:8px 0 0;
  font-size:15px; line-height:1.62;
  color:var(--ng-muted);
  max-width:68ch;
}
/* One link per row and it is a block, not a line of text: the five identical
   "Daha Fazla Bilgi" anchors this page used to carry measured 109x17px and
   failed the 44px minimum at 1024, 768 and 390. */
.ng-v2 .ng-sig-sched__to{
  display:inline-flex; flex-direction:column;
  align-items:flex-start; justify-content:center;
  gap:5px;
  min-height:44px;
  text-decoration:none;
}
@media (min-width:860px){
  .ng-v2 .ng-sig-sched__to{
    align-items:flex-end; text-align:right;
    white-space:nowrap;
  }
}
.ng-v2 .ng-sig-sched__kind{
  font-family:var(--ng-font-label); font-weight:600;
  font-size:11px; line-height:1.3; letter-spacing:.1em;
  text-transform:none;
  color:var(--ng-muted);
}
.ng-v2 .ng-sig-sched__dest{
  display:inline-flex; align-items:center; gap:.45em;
  font-family:var(--ng-font-display); font-weight:600;
  font-size:15px; line-height:1.3;
  color:var(--ng-accent);             /* 5.35:1 on the ground, under 24px */
}
@media (any-hover:hover){
  /* any-hover only: on a touch screen :hover sticks after the tap. */
  .ng-v2 .ng-sig-sched__to:hover .ng-sig-sched__dest{ color:var(--ng-accent-hover); }
  .ng-v2 .ng-sig-sched__to:hover .ng-arrow{ transform:translate3d(4px,0,0); }
}
.ng-v2 .ng-sig-sched__note{
  margin-top:30px;
  max-width:88ch;
}


/* ==========================================================================
   3. THE SAMPLE BAND
   Two panels, stacked and full width, rather than the side-by-side pair ten
   other leaves use. Neither artefact here is a narrow-column shape: a
   four-field report header wants to run ACROSS the container and a ranked list
   with named columns wants to be a table. ng-shared §14 already defaults
   .ng-out-band__pair to one column, so the stack costs nothing.
   ========================================================================== */

@media (min-width:640px) and (max-width:959px){
  /* .ng-facts--4 only goes 4-up at >=960 and is 3-up below that, which leaves
     the fourth field alone on a second row through the whole tablet range.
     2 + 2 instead. (0,3,0) beats §15c's (0,2,0). */
  .ng-v2 .ng-sig-out .ng-facts--4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* --- 3a. the ranked table --------------------------------------------------
   Column widths belong to the page, not to the shared primitive, per §15b.
   `width:1%` + nowrap on a table cell is the standard shrink-to-fit idiom: the
   percentage is a minimum, so the cell takes exactly its content and the İLÇE
   column absorbs the slack. */
.ng-v2 .ng-sig-rank tr > :nth-child(1){ width:1%; white-space:nowrap; }
.ng-v2 .ng-sig-rank tr > :nth-child(4),
.ng-v2 .ng-sig-rank tr > :nth-child(5){ width:1%; white-space:nowrap; }
.ng-v2 .ng-sig-rank__n{
  font-family:var(--ng-font-label); font-weight:500;
  font-size:11px; line-height:1.3; letter-spacing:.1em;
  text-transform:none;
  color:var(--ng-muted);
  font-variant-numeric:tabular-nums;
}
.ng-v2 .ng-sig-rank__score{
  font-family:var(--ng-font-display); font-weight:700;
  font-size:18px; line-height:1.15;
  letter-spacing:-0.01em;
  color:var(--ng-ink);
  font-variant-numeric:tabular-nums;
}
.ng-v2 .ng-sig-rank__bar{
  display:block;
  min-width:110px;
  height:8px;
  border-radius:4px;
  background:var(--ng-surface-sunken);
  overflow:hidden;
}
.ng-v2 .ng-sig-rank__bar i{
  display:block;
  height:100%;
  border-radius:4px;
  background:var(--ng-indigo);
}
.ng-v2 .ng-sig-rank tbody tr.is-top .ng-sig-rank__bar i{ background:var(--ng-accent); }
.ng-v2 .ng-sig-rank tbody tr.is-top .ng-sig-rank__score{ color:var(--ng-accent); }


/* ==========================================================================
   4. THE METHOD SECTION — unchanged from the previous pass
   .ng-steps, .ng-pills and .ng-actions--chips are all shared; only the
   audience list and the two trailing blocks are page-level.
   ========================================================================== */

/* --- 4a. .ng-who — the client's five audience types ------------------------
   THIS CONTENT ALREADY EXISTED and was the only thing on the old page below the
   icon boxes. It is kept because a leaf reader self-identifies here, and it was
   rebuilt because the old rendering was broken twice over: its `<h2>` sat in an
   `elementor-invisible` widget that never became visible without an
   interaction, and the five labels occupied a half-width column with the other
   half empty.

   NOT CARDS — and now not even in the neighbourhood of one: there is no card
   anywhere on this page. Hairline rows in a grid read as a list of kinds, which
   is what these are.

   THE 01–05 NUMBERS THE OLD PAGE PUT BESIDE THEM ARE DROPPED. Numbering reads
   as a sequence and these are five kinds of reader; the numbered sequences on
   this page are the schedule and the ladder, which genuinely are ordered. */
.ng-v2 .ng-who{
  margin-top:40px;
  padding-top:30px;
  border-top:1px solid var(--ng-hairline);
}
/* (0,3,0) doubled — same theme margin defence as above. */
.ng-v2 .ng-who__h.ng-who__h{
  margin:0 0 16px;
  font-size:22px; line-height:1.25;
  letter-spacing:-0.012em;
  color:var(--ng-ink);
}
.ng-v2 .ng-who__list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:minmax(0,1fr);
  column-gap:28px;
}
@media (min-width:620px){
  .ng-v2 .ng-who__list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:960px){
  .ng-v2 .ng-who__list{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
.ng-v2 .ng-who__item{
  position:relative;
  min-width:0;
  padding:12px 0 12px 24px;
  border-top:1px solid var(--ng-hairline);
  font-size:15px; line-height:1.5;
  color:var(--ng-ink);
}
/* A drawn marker rather than a list-style, for the same reason .ng-list draws
   its own: the theme reintroduces a fontello chevron on any `ul>li` it can
   reach, and a drawn dot cannot be replaced by one. */
.ng-v2 .ng-who__item::after{
  content:''; position:absolute;
  left:2px; top:1.32em;
  width:6px; height:6px;
  border-radius:50%;
  background:var(--ng-accent);
}

.ng-v2 .ng-how__note{
  margin-top:34px;
  max-width:80ch;
}
/* The five lateral destinations, as chips rather than as links inside the note
   above them. A link buried mid-sentence measured 282x42 as a tap target on the
   sectors hub and had to be lifted out. Every one of the five is a page the
   schedule does NOT already link to, so no label and no URL appears twice. */
.ng-v2 .ng-how__links{ margin-top:18px; }


/* ==========================================================================
   5. RESPONSIVE
   ng-shared carries the 44px hit areas (crumbs, buttons, pills) at <=767, at
   768–1023 and at exactly 1024, and the 16px reading floor at <=767. The only
   interactive element this page adds is .ng-sig-sched__to, which sets its own
   44px minimum at every width rather than only at the mobile breakpoint —
   the 1024px off-by-one has had to be fixed three times on this site and a
   rule with no breakpoint cannot acquire one.
   ========================================================================== */

@media (max-width:1364px){
  /* Anchor offset for #ornek-cikti under the sticky header. */
  .ng-v2 .ng-out-band{ scroll-margin-top:84px; }
}

@media (max-width:859px){
  /* The schedule stacks: number and destination flank the title instead of
     bracketing the row. Keeping the number on its own line above the title
     would waste a whole line of a 342px screen. */
  .ng-v2 .ng-sig-sched__n{ display:block; margin-bottom:2px; }
}

@media (max-width:767px){
  .ng-v2 .ng-sig-grade__row{ grid-template-columns:104px minmax(0,1fr); gap:18px; }
  .ng-v2 .ng-sig-grade__v{ font-size:24px; }
  .ng-v2 .ng-sig-grade__foot{ font-size:15px; }

  .ng-v2 .ng-sig-rail{ margin-top:30px; padding-top:22px; gap:20px; }
  .ng-v2 .ng-sig-rail__lead{ font-size:16px; }   /* mobile reading floor */

  .ng-v2 .ng-sig-sched__gname.ng-sig-sched__gname{ font-size:20px; }
  .ng-v2 .ng-sig-sched__gbody{ font-size:16px; max-width:none; }
  .ng-v2 .ng-sig-sched__body{ font-size:16px; max-width:none; }
  .ng-v2 .ng-sig-sched__group + .ng-sig-sched__group{ margin-top:28px; padding-top:24px; }
  .ng-v2 .ng-sig-sched__note{ max-width:none; }

  /* THE PRIORITY BAR COLUMN IS HIDDEN AT PHONE WIDTH, not scrolled to. Five
     columns do not fit in 342px, and ng-shared §15b is explicit that a table
     which only fits by scrolling has hidden a column from every phone. The bar
     is aria-hidden decoration whose value is printed as text in the next
     column, so dropping it loses nothing; dropping AÇIK DOSYA would have lost
     a figure. .ng-dtable__wrap stays as the safety valve for a long word. */
  .ng-v2 .ng-sig-rank__barcol{ display:none; }
  .ng-v2 .ng-sig-rank__score{ font-size:17px; }

  .ng-v2 .ng-who__h.ng-who__h{ font-size:20px; }
  .ng-v2 .ng-who{ margin-top:32px; padding-top:24px; }
  .ng-v2 .ng-who__item{ font-size:16px; }        /* reading floor */

  /* Sentences, not labels: they take the mobile reading floor like every other
     .ng-note on the site. ng-shared already sets .ng-note to 15px here; these
     are restated only where a different measure is wanted. */
  .ng-v2 .ng-how__note,
  .ng-v2 .ng-out-band__note{ max-width:none; }
}


/* ==========================================================================
   6. REDUCED MOTION
   ng-shared.css §10 already flattens .ng-card and .ng-arrow under a reduce
   preference — including cancelling ng-components.css's !important marker
   transform — and ng-components.css §8 does the same for .ng-anim. The only
   motion this sheet adds is the schedule link's arrow nudge, which is the
   shared .ng-arrow transform and is therefore already covered. The grade
   ladder and the ranked bars are static widths, not transitions, precisely so
   a reduce preference has nothing to switch off here. Left as a note rather
   than an empty block so the next person does not go looking for the missing
   rule.
   ========================================================================== */


/* ==========================================================================
   7. THE MAP RAIL  (.ng-sig-maps) — section 30, added by the image rollout
   Three of the client's five supplied sample maps for this sector, stacked in
   ONE VERTICAL COLUMN beside a column of copy. Everything inside each frame is
   ng-shared §17a (.ng-figband__fig / __frame / __img / __flag / __cap) and
   nothing here restates it; the only thing this sheet adds is the two-column
   track, the rail's own stacking, and the copy column's type.

   WHY A COLUMN AND NOT A GRID. sektorler carries fourteen distinguishable
   pages built on six assigned triples, and several of them differ on dominant
   content shape alone. perakende's pictures are a two-up above its h1;
   sarj-istasyonu's are a 2x2 index; saglik puts one beside a display numeral.
   A single tall column is the shape left, so it is the shape this page takes,
   and adding a fourth or fifth frame to it was refused for the same reason —
   the rail would have run to twice the copy beside it and read as a catalogue.

   60/40 RATHER THAN §17a's 44/56, AND THE FIGURE ON THE RIGHT. The split
   primitive is built to give the picture the larger share, which is right for
   one image beside a caption and wrong for three stacked. Here the copy is the
   thing being read — see the note below — so it takes the larger share, and
   the rail lands near 410px at 1440 (1120 container - 48 padding - 48 gutter,
   times 40%). 410px is comfortably under the assets' 780px native width, so
   nothing upscales at the two-column widths.

   THE COPY COLUMN IS LOAD-BEARING, NOT DECORATION. At 410px the 8-11px labels
   baked into these rasters render near 4-6px, and at 390 the frames are
   narrower still. The shape of each diagram survives that; the type does not.
   So every reading the three pictures carry in small print is written out in
   the copy column in words — the low-to-very-high density ramp, the three
   penetration steps and what a pale district means, the two catchment rings
   and the 77/100 candidate score. No fact on this page is carried by a raster
   alone. If a fourth paragraph ever leaves that column, check the pictures
   first for what it was covering.

   ONE SHEET, TWO LANGUAGES: nothing here is language-specific. The copy column
   is set in `ch` rather than px, and English runs the longer of the two, so
   the measure is checked against the English body.
   ========================================================================== */

/* Separated from the two DOM panels above by the same hairline idiom the
   schedule groups and .ng-who use, so the band reads as one section with two
   registers rather than as two bands. */
.ng-v2 .ng-sig-maps{
  margin-top:42px;
  padding-top:36px;
  border-top:1px solid var(--ng-hairline);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:30px;
}
@media (min-width:960px){
  .ng-v2 .ng-sig-maps{
    grid-template-columns:minmax(0,60fr) minmax(0,40fr);
    column-gap:48px;
    /* start, NOT center: §17a's .ng-figband centres a single figure against
       its copy, which is right for one frame and wrong for a column of three —
       centred, the rail hangs 250px below the copy AND 250px above it. */
    align-items:start;
  }
}
.ng-v2 .ng-sig-maps__text{ min-width:0; }
.ng-v2 .ng-sig-maps__label{ margin:0 0 12px; }
/* (0,3,0) doubled — theme margin defence, see the file header. 22px, the same
   step .ng-sig-sched__gname takes: this is the second-order heading of a band
   whose h2 is already set, not a new section title. The heading is a QUESTION
   rather than any artefact's name, because all three names are baked into the
   rasters and printed once each in the figcaptions; repeating one here would
   be the stutter PATTERNS §17 records. */
.ng-v2 .ng-sig-maps__h.ng-sig-maps__h{
  margin:0;
  font-size:22px; line-height:1.25;
  letter-spacing:-0.012em;
  color:var(--ng-ink);
}
.ng-v2 .ng-sig-maps__body{
  margin:14px 0 0;
  font-size:15px; line-height:1.62;
  color:var(--ng-muted);
  max-width:68ch;
}
/* The lead paragraph is the one that says what the three pictures are; it sits
   at ink weight so the column opens on a full-strength sentence rather than on
   three paragraphs of equal grey. */
.ng-v2 .ng-sig-maps__body--lead{
  margin-top:16px;
  font-size:16px; line-height:1.6;
  color:var(--ng-ink);
}

/* --- 7a. the rail itself ---------------------------------------------------
   One column at every width, with one gap value, because the three frames are
   a sequence and an even rhythm is what makes them read as one object. */
.ng-v2 .ng-sig-maps__rail{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:28px;
  min-width:0;
}
/* THE CAP THAT STOPS A SOFT RASTER. The assets are 780x540 and
   .ng-figband__img is width:100%, so any frame allowed past 780 CSS px
   upscales. At >=960 the rail column is ~410px and this does nothing; between
   960 and the container's own limit the rail is full width and the container's
   content box reaches 1072px, which would upscale by 37%. (0,3,0) beats §17a's
   `.ng-v2 .ng-figband__fig{margin:0}` at (0,2,0), so the centring holds. */
.ng-v2 .ng-sig-maps__rail .ng-figband__fig{
  max-width:780px;
  margin-inline:auto;
}

@media (max-width:959px){
  /* Stacked: copy first, then the three frames full width. The gap opens up
     because each frame is now three times the size it was in the rail and the
     captions between them are longer lines. */
  .ng-v2 .ng-sig-maps{ margin-top:36px; padding-top:30px; gap:26px; }
  .ng-v2 .ng-sig-maps__rail{ gap:34px; }
}

@media (max-width:767px){
  .ng-v2 .ng-sig-maps__h.ng-sig-maps__h{ font-size:20px; }
  /* Mobile reading floor, the same step .ng-sig-sched__body and .ng-who__item
     take at this width. These paragraphs are the page's only carrier of what
     is unreadable inside the pictures at 390, so they are the last copy on the
     page that may be allowed to go small. */
  .ng-v2 .ng-sig-maps__body{ font-size:16px; max-width:none; }
  .ng-v2 .ng-sig-maps__body--lead{ font-size:17px; max-width:none; }
}


/* ==========================================================================
   8. FIGURE MARGINS — SPECIFICITY DEFENCE (image rollout, 2026-08-18)
   Elementor frontend.css ships
     .elementor .elementor-widget:not(.elementor-widget-text-editor)
     :not(.elementor-widget-theme-post-content) figure{margin:0}
   at (0,4,1), and it loads AFTER the page sheets in the LiteSpeed-combined
   file. Every margin this sheet sets on a <figure> was therefore dropped:
   a capped figure rendered flush LEFT instead of centred and the gap under
   it collapsed to 0. Measured, not inferred — on /sektorler/akaryakit/ the
   figure computed margin-left:0px against an authored `0 auto 40px`.
   The declarations below are the SAME ones already written above, restated
   at (0,6,1) so they clear BOTH Elementor and the (0,5,1) rule
   ng-shared.css section 17 now ships: figure.ng-figband__fig.ng-figband__fig
   {margin:0}. Same declarations as above, no new values.
   ========================================================================== */
.ng-v2 .ng-section .ng-container .ng-sig-maps__rail figure.ng-figband__fig.ng-figband__fig.ng-figband__fig{ margin-inline:auto; }