/* Buried penis surgery page styles.
   Evidence band, source attributions and inline quotation styles, shared in
   spirit with the premature ejaculation page. Base layout classes
   (svc-hero, svc-section, itype-tab, svc-cta) come from styles.min.css. */

/* ===== Inline source links (shared pattern with curvature / implant pages) ===== */
.ref-src{display:inline;font-family:var(--font-sans);font-size:.72em;line-height:1;white-space:normal;margin:0 .35em 0 .3em}
.ref-src a{display:inline-block;color:var(--c-primary-700);font-weight:500;text-decoration:none;border-bottom:1px dotted currentColor;white-space:nowrap;transition:color .15s,border-color .15s}
.ref-src a::before{content:"\2197";font-size:.85em;margin-right:2px;opacity:.7}
.ref-src a:hover{color:var(--c-primary-950);border-bottom-color:var(--c-primary-950)}
.ref-src a:focus-visible{outline:2px solid var(--c-primary-700);outline-offset:2px;border-radius:2px}

/* ===== Direct quotation from a cited source ===== */
.ev-quote{margin:28px 0;padding:22px 26px;background:var(--c-bg-alt);border-left:3px solid var(--c-primary-600);border-radius:0 var(--radius) var(--radius) 0}
.ev-quote p{margin:0;font-family:var(--font-display);font-size:21px;line-height:1.5;color:var(--c-primary-950);font-style:italic}
.ev-quote p+p{margin-top:12px}
.ev-quote cite{display:block;margin-top:14px;font-family:var(--font-sans);font-size:11.5px;font-style:normal;letter-spacing:.11em;text-transform:uppercase;color:var(--c-text-muted);line-height:1.6}
.ev-quote cite a{color:var(--c-primary-700);text-decoration:none;border-bottom:1px dotted currentColor;transition:color .15s}
.ev-quote cite a:hover{color:var(--c-primary-950);border-bottom-color:var(--c-primary-950)}
.ev-quote cite a:focus-visible{outline:2px solid var(--c-primary-700);outline-offset:2px;border-radius:2px}
@media (max-width:640px){.ev-quote{padding:18px 20px}.ev-quote p{font-size:19px}}

/* ===== Key figures band ===== */
.ev-band{padding:72px 0;background:var(--c-bg-alt);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.ev-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.ev-fig{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--radius);padding:26px 22px;display:flex;flex-direction:column;gap:10px}
.ev-fig-num{font-family:var(--font-display);font-size:42px;font-weight:500;line-height:1;color:var(--c-primary-700)}
.ev-fig-label{font-size:14px;line-height:1.6;color:var(--c-text-soft);margin:0}
.ev-fig-src{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--c-line);font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}
.ev-fig-src a{color:var(--c-primary-700);font-weight:500;text-decoration:none;border-bottom:1px dotted currentColor;transition:color .15s}
.ev-fig-src a:hover{color:var(--c-primary-950);border-bottom-color:var(--c-primary-950)}
.ev-fig-src a:focus-visible{outline:2px solid var(--c-primary-700);outline-offset:2px;border-radius:2px}
.ev-band-note{max-width:820px;margin:34px auto 0;text-align:center;font-size:14px;line-height:1.7;color:var(--c-text-muted)}
@media (max-width:1024px){.ev-figs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ev-band{padding:56px 0}.ev-figs{grid-template-columns:1fr}.ev-fig-num{font-size:36px}}

/* ===== Satir ici alinti (<q class="ev-q">) =====
   Kilavuz ve tanim metinlerinden birebir alintilar paragraf icinde duz metin
   gibi duruyordu. Semantik <q> ile isaretlenip gorsel olarak ayriliyor.
   Tirnak isaretlerini CSS koyuyor (markup ta &ldquo;/&rdquo; birakilmadi), boylece
   ac/kapa glifleri her yerde ayni ve alintinin kapsami tek yerden yonetiliyor.
   Neden italik + 500: sayfada <em> dergi adlari icin kullaniliyor (normal
   kalinlik, soft renk) ve noktali alt cizgi .ref-src linklerinin isareti; ikisiyle
   karismamasi icin alintiya ek olarak agirlik ve koyu renk veriliyor, tirnaklar
   da vurgu renginde. */
.ev-q{font-style:italic;font-weight:500;color:var(--c-primary-950);quotes:none}
.ev-q::before,.ev-q::after{font-style:normal;font-weight:600;color:var(--c-primary-600)}
.ev-q::before{content:"\201C"}
.ev-q::after{content:"\201D"}

/* ===== Overview: gorsel sagda, metin etrafinda ve altinda akiyor =====
   .svc-two-col bir CSS Grid (1fr 1fr). Grid sutunlari bagimsiz izlerdir, bu
   yuzden metin bir grid ogesinin ALTINA akamaz. Metnin gorselin yanindan
   baslayip altindan devam etmesi icin duzen float'a cevriliyor.

   NOT (onemli): bu dosya head'de styles.min.css ten ONCE yukleniyor
   (partials/head.ejs, headCode satiri global stil etiketinden yukarida).
   Ayni ozgullukteki .svc-two-col{display:grid} bizden SONRA geldigi icin
   kazaniyordu; bu yuzden asagidaki kurallar cift sinif (0-2-0) yazildi.

   Float yalnizca kaynak sirasinda KENDISINDEN SONRAKI satirlari kaydirdigi
   icin .svc-image, .svc-text ten once gelmek zorunda (markup oyle).
   Metin icindeki <ul>/<blockquote> ogelerine BFC verilmiyor; verilseydi
   float'in yanina akmak yerine altina itilirlerdi. */
.svc-two-col.svc-two-col--wrap{display:block;gap:0}
.svc-two-col.svc-two-col--wrap::after{content:"";display:table;clear:both}
/* Genislik grid sutununun kapladigi alanla ayni tutuldu: 1fr 1fr + 64px gap
   ~ %47. Boylece float'a gecerken gorsel kucuImus gibi gorunmuyor. */
.svc-two-col.svc-two-col--wrap .svc-image{float:right;width:47%;margin:0 0 16px 40px}
.svc-two-col.svc-two-col--wrap .svc-image img{display:block;width:100%;height:auto}
/* Ilk basligin ustunde float yuzunden olusan bosluk kalmasin. */
.svc-two-col.svc-two-col--wrap .svc-text>:first-child{margin-top:0}
@media (max-width:760px){
  /* Dar ekranda yan yana duracak yer yok: gorsel metnin ustune aliniyor. */
  .svc-two-col.svc-two-col--wrap .svc-image{float:none;width:100%;margin:0 0 24px}
}

/* ===== FAQ ustundeki bosluk =====
   .svc-section her iki yonde de var(--space-section) padding aliyor
   (clamp(64px,9vw,140px)). Iki bolum yan yana gelince ust uste binip
   masaustunde ~280px bir bosluk birakiyordu; sayfa kopuk gorunuyordu.
   Ustteki bolumun alt, FAQ'in ust padding'i birlikte kisiltiliyor:
   toplam ~56px. Global siniflari ezmek icin cift sinif (0-2-0) sart,
   cunku bu dosya styles.min.css ten ONCE yukleniyor. */
.svc-section.bp-tight-bottom{padding-bottom:28px}
.svc-section.svc-faq-section{padding-top:28px}