/* ==========================================================================
   NEXT GEO — page stylesheet for the TEAM PAIR
     TR  450    /ekibimiz/        EN  25532  /en/our-team/
   One authored sheet for both; ng-page-apply.php --css-from copies it to
   our-team.css so the pair cannot drift.

   Loads last:
     ng-foundation → ng-components → ng-mobile → ng-shared → THIS FILE
   so a rule here at equal specificity beats all four. ng-shared.css owns
   everything that is not specific to this page; check there before adding.

   ---------------------------------------------------------------------------
   REBUILT 2026-08-26. WHAT THE OWNER SAID, AND WHAT THE PAGE DOES ABOUT IT.

   > "the ekibimiz page looks kind of similar but there is right section which
   >  kind of saves it? but the 'Dört disiplin, aynı masa.' description is
   >  aligned on left as well and there is lots of empty space. […] I think we
   >  need to revise them and make them unique each, it feels like repeating
   >  itself."

   Two separate complaints, and they have opposite answers.

   1. THE INDEX PANEL IS THE PART THAT WORKS, so it is promoted rather than
      deleted. It used to be a 42% aside beside a 58% copy column; it is now
      the page's opening move at full container width, with a third column of
      information (what is behind each link) and a totals rule. That is
      ARCHETYPES.md's F-INDEX — "a list is the hero" — and it is the shape
      neither /biz-kimiz/ nor /kariyer/ is allowed to take.

   2. THE EMPTY SPACE WAS THE 42% TRACK. .ng-aside and its clones are
      align-self:start, so a short panel beside a tall copy column leaves a
      hole that no automated check on this site can see: ng-page-check
      partitions dead air into full-width horizontal bands, and a gap beside a
      column is not one. It reported 0% while the screenshot showed the gap.
      Deleting the second track deletes the hole. .ng-masthead--index
      (ng-shared §16b) does exactly that at (0,3,0), which beats §4's
      two-column rule inside §4's own min-width:960 query.

   3. THE THREE PAGES WERE ONE PAGE THREE TIMES — masthead-with-aside, dark
      index band, card grid. Every section shape on this page is now different
      from the one above it AND from its two siblings:

        10  directory        a full-width ruled index, the hero of the page
        20  alternating      four .ng-figband--split rows, flipped alternately
        30  dark rail        three ruled columns on the indigo, mid-page
        40  two panels       the candidate and the buyer, side by side, on mist

      The indigo moved from the close to the middle, so the page's silhouette
      inverts against both siblings. /urunler/point-report/ already ships
      without a closing indigo band, so this is a shape the site has.

   ---------------------------------------------------------------------------
   WHAT THIS PAGE IS FOR, AND WHY IT HAS NO FACES

   A team page whose only human imagery is a stock photograph of three
   strangers is worse than no team page at all, so the first job here was to
   find out what actually exists. It was checked, not assumed:

     - 376 attachments in the media library. Four are portraits of people:
       25936 + 25937 (Özgür Cihan Arslan), 26095 (Erdinç Kurtul), 26290
       (Sezen Cin Özdemir) and 26243. All four are attached to the RETIRED
       homepage 22994 and all four are CLIENT TESTIMONIAL portraits — Yataş,
       Madame Coco, Watsons. Putting a customer's face on a staff page would
       be a fabrication with a real person's name on it.
     - Zero staff photographs, zero named employees, zero job titles anywhere
       in the database. Two WordPress users, both administrators.
     - The full-bleed photo at the top of the old page was the theme's
       page-title banner image, i.e. imported Neuros demo content.

   So the page does not have people on it and says so in the directory's own
   note, in the same voice /biz-kimiz/ uses for the numbers it refuses to
   state. What it has instead is the only evidence about its own people this
   company has published: the client's four discipline definitions, verbatim,
   and the thirty tools and skills their four open ads ask for.
   ========================================================================== */


/* ==========================================================================
   1. THE MASTHEAD AND THE DIRECTORY
   ========================================================================== */

/* The hero plate and the crumb are direct children of .ng-masthead__inner
   (ng-shared §17c-i) and the --index grid puts 30px of gap between every
   child, so their own bottom margins would double up: 18 + 30 under the crumb
   and 32 + 30 under the plate. Zeroed here rather than in the shared file,
   because a page without --index still wants them. (0,3,0). */
.ng-v2 .ng-ekmh .ng-masthead__inner > .ng-crumbs{ margin-bottom:0; }
.ng-v2 .ng-ekmh .ng-banner--hero{ margin-bottom:0; }

/* THE DIRECTORY PANEL. Same sunken role the aside had — mist + hairline,
   holding white chrome — because that is the pairing the whole site uses and
   the hairline is the load-bearing part: an untethered tint on the #FAFBFF
   ground reads as a smudge rather than as a plate.

   NO align-self:start AND NO margin-top. Both of those existed to make a
   42%-wide aside sit sensibly beside a taller column; there is no second
   column now, and re-adding either would reopen exactly the gap this rebuild
   closes. */
.ng-v2 .ng-ekdir{
  padding:24px 22px 22px;
  background:var(--ng-surface-sunken);
  border:1px solid var(--ng-hairline);
  border-radius:var(--ng-radius);
}
.ng-v2 .ng-ekdir__label{ margin:0 0 16px; }

/* ROWS, NOT WRAPPING CHIPS, and this is the decision the panel is built on.
   Chips were what /sektorler/ does and they were tried first: with four names
   instead of fourteen they wrapped to two short rows and left ~200px of empty
   mist under them. As rows each entry can carry that discipline's count and a
   preview of what is behind the link, which fills the panel with information
   rather than with padding AND makes the totals line addable by eye:
   3 + 7 = 10, and 10 + 6 + 9 + 5 = 30.

   White on mist is the --onmist rule from ng-shared §7 doing its job: chrome
   always contrasts with the surface it sits on, and mist rows on a mist panel
   would be an outline on their own ground. */
.ng-v2 .ng-ekdir__list{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:8px;
}
/* The theme puts vertical margin on a bare <li>; every list on this page is
   spaced by its own gap or by its rows' borders, so the li is zeroed once here
   rather than being given a class it does not otherwise need. */
.ng-v2 .ng-ekdir__list > li,
.ng-v2 .ng-yol__links > li,
.ng-v2 .ng-masa__list > li{ margin:0; }

/* Three columns below 960: name, count, arrow on row 1; the preview spanning
   the full width on row 2. min-height is belt and braces — the two rows plus
   the padding are already well over 44px at every width — and it is what makes
   2.5.5 true by construction rather than by measurement. */
.ng-v2 .ng-ekdir__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:4px 14px;
  min-height:44px;
  padding:12px 14px;
  background:var(--ng-surface);
  border:1px solid var(--ng-hairline);
  border-radius:var(--ng-radius-sm);
  text-decoration:none;
  transition:border-color .16s cubic-bezier(.25,.46,.45,.94),
             background-color .16s cubic-bezier(.25,.46,.45,.94);
}
.ng-v2 .ng-ekdir__name{
  grid-column:1; grid-row:1;
  min-width:0;
  font-family:var(--ng-font-display); font-weight:600;
  font-size:17px; line-height:1.3;
  color:var(--ng-ink);                /* 14.95:1 on white */
}
/* The preview. A sentence, not a label, so it takes the reading floor: it is
   what tells a visitor whether the row is worth the tap, which is exactly the
   call .ng-crumbs and .ng-note make about their own type. */
.ng-v2 .ng-ekdir__what{
  grid-column:1 / -1; grid-row:2;
  min-width:0;
  font-size:15px; line-height:1.55;
  color:var(--ng-muted);              /* 6.21:1 on white */
}
/* The count. 12px is legitimate only because it is tracked at 0.1em — the
   label exception in the contract, and ng-page-check measures the ratio rather
   than trusting a class name. It is glanced at; the name beside it is read. */
.ng-v2 .ng-ekdir__k{
  grid-column:2; grid-row:1;
  justify-self:end;
  font-family:var(--ng-font-label); font-weight:600;
  font-size:12px; line-height:1.35; letter-spacing:.1em;
  text-transform:none;                /* authored pre-uppercased; irrelevant
                                         here but stated so a future label in
                                         this slot cannot print "10 ARAC" */
  color:var(--ng-muted);
}
.ng-v2 .ng-ekdir__go{
  grid-column:3; grid-row:1;
  display:inline-flex; align-items:center;
  color:var(--ng-accent);             /* 5.64:1 on white */
}

/* FOUR COLUMNS AT DESKTOP. The name gets a fixed track so the four previews
   start on one line down the panel; without it each preview began wherever its
   own name ended and the column read as ragged prose rather than as a
   directory. 17rem holds "Harita ve GIS uzmanları" and "Business development"
   on one line at every weight we ship. */
@media (min-width:960px){
  .ng-v2 .ng-ekdir__row{
    grid-template-columns:minmax(0,17rem) minmax(0,1fr) auto auto;
    gap:0 24px;
    min-height:58px;
    padding:14px 18px;
  }
  .ng-v2 .ng-ekdir__what{ grid-column:2; grid-row:1; }
  .ng-v2 .ng-ekdir__k{ grid-column:3; grid-row:1; }
  .ng-v2 .ng-ekdir__go{ grid-column:4; grid-row:1; }
}
@media (any-hover:hover){
  .ng-v2 .ng-ekdir__row:hover{ border-color:var(--ng-accent); }
  .ng-v2 .ng-ekdir__row:hover .ng-arrow{ transform:translate3d(4px,0,0); }
}
/* The keyboard gets the state the pointer gets (2.4.11). The foundation's
   two-tone ring already draws; this only adds the tint so a tabbing visitor
   sees the row, not just an outline. */
.ng-v2 .ng-ekdir__row:focus-visible{ background:var(--ng-accent-wash); }

/* THE TOTALS LINE. This is where the page's three numbers live now that the
   4 / 30 / 4 proof strip is gone — and unlike the strip, every one of them is
   the sum of the four rows immediately above it. A 2px rule rather than a fill:
   a shaded summary row inside a panel would be a third surface role, and there
   are two. */
.ng-v2 .ng-ekdir__total{
  display:flex; flex-wrap:wrap; align-items:baseline;
  justify-content:space-between; gap:6px 18px;
  margin:16px 0 0; padding-top:15px;
  border-top:2px solid var(--ng-hairline);
}
.ng-v2 .ng-ekdir__tk{
  flex:0 0 auto;
  font-family:var(--ng-font-label); font-weight:600;
  font-size:12px; line-height:1.35; letter-spacing:.1em;
  text-transform:none;                /* authored pre-uppercased: TOPLAM */
  color:var(--ng-muted);              /* 5.42:1 on mist */
}
.ng-v2 .ng-ekdir__tv{
  font-family:var(--ng-font-display); font-weight:600;
  font-size:17px; line-height:1.4;
  color:var(--ng-ink);                /* 13.04:1 on mist */
  font-variant-numeric:tabular-nums;
}

/* The panel's note is where the page states, plainly, that there are no
   photographs, no names and no headcount. It has to sit somewhere a visitor
   reads BEFORE the four discipline bands, or the bands look like they are
   missing something. .ng-note supplies 14px/1.6 muted and the mobile bump. */
.ng-v2 .ng-ekdir__note{ margin-top:18px; max-width:88ch; }
/* The candidate's route out, as chips rather than as a link inside the note.
   Inline it measured 129x19px at 390 — a real 2.5.5 failure, and one that
   cannot be fixed in place: an inline anchor cannot take min-height:44px
   without breaking the line box of the paragraph around it. .ng-btn--pill is
   44px by construction (ng-shared §12). */
.ng-v2 .ng-ekdir__links{ margin-top:18px; }


/* ==========================================================================
   2. THE FOUR DISCIPLINES — alternating bands
   ========================================================================== */

/* scroll-margin, not scroll-padding on the root: the theme header is
   position:sticky at ~90px desktop / ~70px mobile, and without this every
   directory row lands its band underneath the bar. Measured against the
   rendered header on this site, not guessed. */
.ng-v2 .ng-dis__row{ scroll-margin-top:104px; }
@media (max-width:1364px){
  .ng-v2 .ng-dis__row{ scroll-margin-top:84px; }
}

/* 56px between bands, against .ng-figband's own 24px internal gap. The two
   numbers have to differ by a lot or a stacked phone reads eight blocks rather
   than four pairs. */
.ng-v2 .ng-dis__row + .ng-dis__row{ margin-top:56px; }

/* :target — the row that brought you here should show you where you landed. An
   accent hairline on the plate and nothing else; a permanent highlight on a URL
   fragment survives a back-navigation and reads as a selection the visitor
   cannot clear. */
.ng-v2 .ng-dis__row:target .ng-dis__plate{ border-color:var(--ng-accent); }

.ng-v2 .ng-dis__kick{ margin:0; }
/* Doubled class (0,3,0): this h3 is not a first child, so the theme's
   `body .content-wrapper h3:not(:first-child){margin-top:50px}` at (0,2,2)
   applies to it and a plain (0,2,0) rule would silently render 50px where 12
   is authored. This is ng-shared §11's defence, applied to a page class. */
.ng-v2 .ng-dis__name.ng-dis__name{
  margin:12px 0 0;
  font-family:var(--ng-font-display); font-weight:700;
  font-size:26px; line-height:1.2;
  letter-spacing:-0.016em;
  color:var(--ng-ink);
}
/* 17px, above the 15px card body it replaces: this is now one of four
   sentences on a whole band rather than one of four inside a card grid, and it
   carries the band on its own. 44ch so it never runs the full 44fr track as a
   single long line beside a tall plate. */
.ng-v2 .ng-dis__body{
  margin:14px 0 0;
  font-size:17px; line-height:1.6;
  color:var(--ng-muted);
  max-width:44ch;
}
.ng-v2 .ng-dis__act{ margin-top:22px; }

/* THE PLATE. .ng-figband__frame--text (ng-shared §17b) is the frame with the
   artefact replaced by text — written so an English page could stand in for a
   Turkish-lettered raster. Here BOTH languages use it, because on this page the
   artefact genuinely IS text: the tools a discipline is hired against. It keeps
   the raised role (white + hairline + shadow) so the plate reads as an object
   on the ground rather than as a paragraph that happens to be indented.

   No .ng-figband__flag: the ÖRNEK / SAMPLE chip means "these figures are
   illustrative", and nothing on these plates is illustrative. Using it here
   would say the opposite of what is true. */
.ng-v2 .ng-dis__plate{
  transition:border-color .16s cubic-bezier(.25,.46,.45,.94);
}
/* --ng-muted, not the eyebrow's default accent: the copy column already opens
   with an accent kicker, and two magenta labels facing each other across the
   band pull the eye away from the discipline name, which is what a visitor is
   scanning. 13px x 0.08em is ratio 0.08 — exactly the tracked-label threshold
   ng-page-check measures — so it keeps the exception legitimately. */
.ng-v2 .ng-dis__plabel{
  margin:0;
  color:var(--ng-muted);              /* 6.21:1 on --ng-surface */
}
/* .ng-pills default (mist on white) is correct here: these sit on a white plate
   on the light ground, so pill-vs-plate is the contrast that matters and mist
   is the stronger of the two options. Recorded because --onmist looks like the
   safer choice in the markup and is the wrong one in the render. */
.ng-v2 .ng-dis__pills{ margin-top:14px; }
/* The sourcing line, separated from the pills by a hairline: it is the evidence
   for the list above it, so it is a full sentence at the reading floor rather
   than a tracked micro-label. */
.ng-v2 .ng-dis__psrc{
  margin:18px 0 0; padding-top:14px;
  border-top:1px solid var(--ng-hairline);
  font-size:14px; line-height:1.55;
  color:var(--ng-muted);
}

.ng-v2 .ng-dis__note{ margin-top:44px; max-width:88ch; }
.ng-v2 .ng-dis__links{ margin-top:18px; }


/* ==========================================================================
   3. HOW WE WORK — the indigo band, mid-page
   ========================================================================== */

/* `class="ng-section is-dark ng-masa"` and deliberately NOT ng-section--dark:
   that modifier is the CLOSING composition — text-align:center and a centred
   flex container — and this band is a three-column rail with a left-aligned
   head. .is-dark alone still supplies the palette swap (ng-foundation §3) and
   the deeper --ng-section-pad-dark, which is all this band wants.
   Same call /urunler/point-report/'s dark cover makes. */
.ng-v2 .ng-masa__head{ max-width:62ch; }
.ng-v2 .ng-masa__kick{ margin:0; }
/* Doubled class again — an h2 that is not a first child. */
.ng-v2 .ng-masa__title.ng-masa__title{
  margin:14px 0 0;
  font-family:var(--ng-font-display); font-weight:700;
  font-size:clamp(1.9rem, 4vw, 2.6rem);
  line-height:1.12;
  letter-spacing:-0.024em;
  color:var(--ng-ink);                /* #FAFBFF inside .is-dark */
  text-wrap:balance;
}
.ng-v2 .ng-masa__lede{
  margin:16px 0 0;
  font-size:18px; line-height:1.6;
  color:var(--ng-muted);              /* 9.22:1 on the indigo */
  max-width:56ch;
}

/* THREE RULED COLUMNS, NO CARDS. Both sibling corporate pages answer their
   equivalent section with a .ng-grid--3 of .ng-card, and three white boxes on
   an indigo band is the most generic thing this system can draw. These are
   principles — not options, not a sequence — so they get a numeral, a name, a
   sentence and a hairline, which is the divider treatment .ng-facts uses:
   borders on the cells rather than a gap fill, so nothing dangles when the rail
   stacks.

   Breakpoint at 760, not 960: the three bodies are one sentence each and hold
   three-up comfortably from about 240px of column. */
.ng-v2 .ng-masa__list{
  list-style:none; margin:44px 0 0; padding:0;
  display:grid; grid-template-columns:minmax(0,1fr); gap:0;
}
.ng-v2 .ng-masa__col{
  min-width:0;
  padding:24px 0 0;
  border-top:1px solid var(--ng-hairline);
}
.ng-v2 .ng-masa__col:first-child{ padding-top:0; border-top:0; }
@media (min-width:760px){
  .ng-v2 .ng-masa__list{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ng-v2 .ng-masa__col{
    padding:0 28px;
    border-top:0;
    border-left:1px solid var(--ng-hairline);
  }
  .ng-v2 .ng-masa__col:first-child{ padding-left:0; border-left:0; }
  .ng-v2 .ng-masa__col:last-child{ padding-right:0; }
}
/* The numeral is the client's own 01/02/03. --ng-accent inside .is-dark is
   #FF9BC9, which measures 7.7:1 on the #1B1F5E band — comfortably over the
   body-text bar, so 44px is a typographic choice rather than a contrast
   workaround. (ng-foundation §3 collapses both accent tiers onto this one pink
   precisely so a dark band cannot reintroduce #E91E8C.) */
.ng-v2 .ng-masa__n{
  margin:0;
  font-family:var(--ng-font-display); font-weight:800;
  font-size:44px; line-height:1;
  letter-spacing:-0.03em;
  color:var(--ng-accent);
  font-variant-numeric:tabular-nums;
}
/* Doubled class: the h3 follows the numeral, so it is not a first child. */
.ng-v2 .ng-masa__name.ng-masa__name{
  margin:14px 0 0;
  font-size:20px; line-height:1.3;
  color:var(--ng-ink);
}
.ng-v2 .ng-masa__body{
  margin:10px 0 0;
  font-size:16px; line-height:1.62;
  color:var(--ng-muted);
}


/* ==========================================================================
   4. THE CLOSE — two panels, one band
   ========================================================================== */

/* A mist band holding two white panels: the two surface roles, unchanged. The
   page's indigo is section 30, so this band is the tonal step DOWN rather than
   the usual step into the dark — which is the whole point of moving it.

   Two panels rather than two consecutive full-width bands, because the page has
   exactly two visitors and neither should have to scroll past the other's
   answer. 860 rather than 960 for the split: the panels hold four short links
   and a paragraph, and they are legible side by side well before the container
   is at its widest. */
.ng-v2 .ng-yol__pair{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
}
@media (min-width:860px){
  .ng-v2 .ng-yol__pair{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
}
/* Roomier than .ng-card's 24/22: these are the two largest cards on the page
   and the only ones a visitor is asked to act inside. */
.ng-v2 .ng-yol__panel{ padding:30px 28px; }
.ng-v2 .ng-yol__k{ margin:0; }
/* Doubled class — h3 after the eyebrow. */
.ng-v2 .ng-yol__name.ng-yol__name{
  margin:14px 0 0;
  font-family:var(--ng-font-display); font-weight:700;
  font-size:24px; line-height:1.24;
  letter-spacing:-0.016em;
  color:var(--ng-ink);
}
.ng-v2 .ng-yol__body{
  margin:14px 0 0;
  font-size:16px; line-height:1.6;
  color:var(--ng-muted);              /* 6.21:1 on --ng-surface */
}
/* A second paragraph in the buyer's panel is what it takes for two panels of
   very different content to end near the same baseline: the candidate's side
   carries four ad rows and two chips, and a one-sentence panel beside it left
   ~130px of white above its own address line. It is not padding — it is the
   ask, in the shape /cozumler/optimizasyon/ already closes with ("kaç
   noktanız var, hangileri…"), which is the only kind of sentence that earns
   space at the bottom of a page. */
.ng-v2 .ng-yol__body + .ng-yol__body{ margin-top:12px; }

/* The four ads, as rows with a hairline top and bottom so they read as one
   list with a beginning and an end rather than as three separators floating
   between items. Each row is a 52px target by construction at every width —
   the previous full-width version of this list was the page's other 2.5.5
   near-miss, at 30px of line box. */
.ng-v2 .ng-yol__links{
  list-style:none; margin:24px 0 0; padding:0;
  border-top:1px solid var(--ng-hairline);
}
.ng-v2 .ng-yol__link{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  min-height:52px;
  padding:12px 2px;
  border-bottom:1px solid var(--ng-hairline);
  font-family:var(--ng-font-display); font-weight:600;
  font-size:16px; line-height:1.3;
  color:var(--ng-accent);             /* 5.64:1 on --ng-surface */
  text-decoration:none;
  transition:padding-left .16s cubic-bezier(.25,.46,.45,.94),
             background-color .16s cubic-bezier(.25,.46,.45,.94);
}
@media (any-hover:hover){
  .ng-v2 .ng-yol__link:hover{ background:var(--ng-accent-wash); padding-left:10px; }
  .ng-v2 .ng-yol__link:hover .ng-arrow{ transform:translate3d(4px,0,0); }
}
.ng-v2 .ng-yol__link:focus-visible{ background:var(--ng-accent-wash); }

.ng-v2 .ng-yol__act{ margin-top:24px; }
.ng-v2 .ng-yol__act2{ margin-top:26px; }
/* margin-top:auto pins the address line to the bottom of its panel — .ng-card
   is a flex column at height:100% — so the two panels close on one baseline
   even though the candidate's side carries four more rows. */
.ng-v2 .ng-yol__meta{
  margin:auto 0 0; padding-top:28px;
  font-family:var(--ng-font-label); font-weight:500;
  /* 14px for the same reason .ng-crumbs is 14px: an address and a telephone
     number are read and copied, and 0.04em tracking does not earn the label
     exception. */
  font-size:14px; line-height:1.6; letter-spacing:.04em;
  color:var(--ng-muted);
}


/* ==========================================================================
   5. RESPONSIVE
   ========================================================================== */

@media (max-width:959px){
  /* .ng-figband stacks copy-then-figure below 960 and never changes that order,
     even on the flipped rows, so a phone reads name → definition → tools all
     the way down. That is the right order and it is why --flip is a >=960 rule
     in ng-shared §17a. Nothing to do here but tighten the step between bands. */
  .ng-v2 .ng-dis__row + .ng-dis__row{ margin-top:44px; }
}

@media (max-width:767px){
  .ng-v2 .ng-ekdir{ padding:20px 16px 18px; }
  /* The preview is a sentence and takes the mobile reading floor; the count
     beside the name stays a tracked 12px label. */
  .ng-v2 .ng-ekdir__what{ font-size:16px; }
  .ng-v2 .ng-ekdir__name{ font-size:16px; }
  .ng-v2 .ng-ekdir__tv{ font-size:16px; }
  /* Released measures: these are sentences, and at 342px a ch cap only creates
     a ragged right edge. */
  .ng-v2 .ng-ekdir__note,
  .ng-v2 .ng-dis__note,
  .ng-v2 .ng-dis__body{ max-width:none; }

  .ng-v2 .ng-dis__name.ng-dis__name{ font-size:23px; }
  .ng-v2 .ng-dis__body{ font-size:16px; }
  .ng-v2 .ng-dis__psrc{ font-size:15px; }
  .ng-v2 .ng-dis__row + .ng-dis__row{ margin-top:38px; }

  .ng-v2 .ng-masa__list{ margin-top:34px; }
  .ng-v2 .ng-masa__n{ font-size:38px; }
  .ng-v2 .ng-masa__lede{ font-size:16px; }

  .ng-v2 .ng-yol__panel{ padding:24px 18px; }
  .ng-v2 .ng-yol__name.ng-yol__name{ font-size:22px; }
  /* padding-left on hover would shift a row sideways under a finger already
     resting on it; the tint alone is enough at this width. */
  .ng-v2 .ng-yol__link:hover{ padding-left:2px; }
}

/* "İş geliştirme & müşteri başarı" is 30 characters and the panel's inner
   measure at 390 is about 306px. The name wraps to two lines rather than the
   count dropping under it, so align the row's first line to the top and nudge
   the count onto the name's first baseline instead of centring it against a
   two-line block. */
@media (max-width:400px){
  .ng-v2 .ng-ekdir__row{ align-items:start; padding:12px 12px; }
  .ng-v2 .ng-ekdir__k,
  .ng-v2 .ng-ekdir__go{ margin-top:3px; }
}


/* ==========================================================================
   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, which would otherwise drag every card up and left by half its own
   size. Two page-level motions are added here. The colour and border-colour
   transitions are not vestibular motion and stay; the padding shift on
   .ng-yol__link is, so it is switched off.
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .ng-v2 .ng-yol__link{ transition:background-color .16s linear; }
  .ng-v2 .ng-yol__link:hover{ padding-left:2px; }
}