/* BORVEC v16 — compact capability exhibit and continuous reading underline.
   V15 remains the rollback point; this file only touches these two surfaces. */
#hizmetler.v12-capabilities {
  padding-top:clamp(22px,2.2vw,34px);
  padding-bottom:clamp(32px,3vw,48px);
  scroll-margin-top:88px;
}
#hizmetler .v12-eyebrow{margin-bottom:clamp(7px,.8vw,12px)}
#hizmetler .v12-heading-row{
  align-items:center;
  gap:clamp(22px,3vw,56px);
  padding-bottom:clamp(10px,1.1vw,16px);
}
#hizmetler .v12-heading-row h2{
  font-size:clamp(48px,4.55vw,78px);
  line-height:1.03;
}
#hizmetler .v12-heading-row p{
  font-size:clamp(13px,1vw,17px);
  line-height:1.45;
  max-width:345px;
  margin:0;
}
#hizmetler .v12-grid {
  grid-template-columns:minmax(310px,.86fr) minmax(0,1.14fr);
  gap:clamp(24px,3.4vw,56px);
  padding-top:clamp(13px,1.5vw,22px);
  align-items:start;
}
#hizmetler .v16-sidebar{min-width:0;display:flex;flex-direction:column}
#hizmetler .v12-choices{padding-top:0}
#hizmetler .v12-choice,
#hizmetler .v12-choice:first-child {
  padding:clamp(7px,.75vw,11px) clamp(11px,1.4vw,21px);
  min-height:0;
}
#hizmetler .v12-choice.is-active{padding-left:clamp(15px,1.75vw,27px)}
#hizmetler .v12-choice-content{gap:6px}
#hizmetler .v12-choice-title{
  font-size:clamp(24px,1.9vw,32px);
  line-height:1.04;
}
#hizmetler .v12-choice-desc{font-size:11px;line-height:1.35}
#hizmetler .v12-choice-mark{
  flex-basis:38px;width:38px;height:38px;
}
#hizmetler .v12-presentation{min-width:0}
#hizmetler .v12-stage{
  aspect-ratio:1.55;
  max-height:480px;
}
#hizmetler .v12-copy-area{
  margin-top:clamp(13px,1.5vw,22px);
  padding-top:clamp(12px,1.4vw,18px);
  border-top:1px solid var(--v12-line);
  min-height:0;
}
#hizmetler .v12-copy h3{
  font-size:clamp(19px,1.6vw,24px);
  line-height:1.2;
  margin-bottom:7px;
}
#hizmetler .v12-copy p{font-size:clamp(12px,.94vw,14px);line-height:1.48}
#hizmetler .v12-tags{margin-top:11px;gap:5px}
#hizmetler .v12-tags span{font-size:10px;line-height:1.3;padding:4px 7px}
/* One active line slides between links. Existing per-link pseudo underlines are disabled. */
.reading-nav .reading-links{position:relative;overflow:visible}
.reading-nav .reading-links a,
.reading-nav .reading-links a:hover,
.reading-nav .reading-links a[aria-current="location"]{text-decoration:none}
.reading-nav .reading-links a[aria-current="location"]::after{display:none!important}
.reading-nav .reading-active-indicator{
  display:block;
  position:absolute;
  left:0;
  bottom:-5px;
  height:2px;
  width:0;
  border-radius:4px;
  background:currentColor;
  color:#74ffed;
  opacity:0;
  pointer-events:none;
  z-index:1;
  transition:left .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .2s ease;
}
.reading-nav .reading-active-indicator.is-ready{opacity:1}
html[data-theme="light"] .reading-nav .reading-active-indicator{color:#087d77}
@media(max-width:1100px){
  .reading-nav .reading-active-indicator{display:none!important}
  .reading-nav .reading-links a[aria-current="location"]:not([href="#iletisim"]){
    border-radius:9px;
    background:rgba(116,255,237,.085);
  }
  html[data-theme="light"] .reading-nav .reading-links a[aria-current="location"]:not([href="#iletisim"]){
    background:#e7efeb;
  }
}
@media(min-width:881px) and (max-width:1160px){
  #hizmetler .v12-heading-row h2{font-size:clamp(46px,5vw,61px)}
  #hizmetler .v12-grid{grid-template-columns:minmax(285px,.85fr) minmax(0,1.15fr);gap:25px}
  #hizmetler .v12-choice-title{font-size:clamp(24px,2.55vw,30px)}
  #hizmetler .v12-copy p{font-size:12px}
}
@media(max-width:880px){
  #hizmetler.v12-capabilities{padding:clamp(39px,5vw,54px) clamp(18px,4.8vw,40px) 49px}
  #hizmetler .v12-grid{display:flex;flex-direction:column;gap:18px;padding-top:17px}
  #hizmetler .v16-sidebar{display:contents}
  #hizmetler .v12-choices{order:1}
  #hizmetler .v12-presentation{order:2;width:100%}
  #hizmetler .v12-copy-area{order:3;width:100%;margin-top:0;padding-top:12px}
  #hizmetler .v12-heading-row h2{font-size:clamp(38px,6vw,61px)}
  #hizmetler .v12-heading-row{padding-bottom:17px}
  #hizmetler .v12-choice,
  #hizmetler .v12-choice:first-child{min-height:110px;padding:14px 12px}
  #hizmetler .v12-choice.is-active{padding-left:15px}
  #hizmetler .v12-choice-title{font-size:clamp(19px,3.2vw,29px)}
  #hizmetler .v12-stage{aspect-ratio:1.72;max-height:none}
}
@media(max-width:570px){
  #hizmetler.v12-capabilities{padding:40px 18px 44px}
  #hizmetler .v12-heading-row{gap:10px;padding-bottom:14px}
  #hizmetler .v12-heading-row h2{font-size:clamp(36px,9vw,53px)}
  #hizmetler .v12-heading-row p{font-size:13px;line-height:1.45;max-width:100%}
  #hizmetler .v12-eyebrow{margin-bottom:11px}
  #hizmetler .v12-grid{padding-top:13px;gap:14px}
  #hizmetler .v12-choices{gap:5px}
  #hizmetler .v12-choice,
  #hizmetler .v12-choice:first-child{min-height:90px;padding:11px 7px}
  #hizmetler .v12-choice.is-active{padding-left:9px}
  #hizmetler .v12-choice-title{font-size:clamp(14px,4.15vw,22px)}
  #hizmetler .v12-choice-desc{font-size:9px}
  #hizmetler .v12-stage{aspect-ratio:1.34}
  #hizmetler .v12-copy h3{font-size:21px}
  #hizmetler .v12-copy p{font-size:13px;line-height:1.5}
  #hizmetler .v12-copy-area{min-height:0;margin-top:0}
}
@media(max-width:350px){
  #hizmetler.v12-capabilities{padding-inline:14px}
  #hizmetler .v12-heading-row h2{font-size:35px}
  #hizmetler .v12-choice-title{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .reading-nav .reading-active-indicator{transition:none!important}
}