/* ===== Üniversite sayfası v2 ===== */
.uhero{position:relative;background:#14213D;color:#fff;overflow:hidden}
.uhero .photo{position:absolute;inset:0;opacity:.16;pointer-events:none}
.uhero .photo svg{width:100%;height:100%}
.uhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14213D 0%,rgba(20,33,61,.86) 45%,rgba(20,33,61,.35) 100%);pointer-events:none}
.uhero .wrap{position:relative;z-index:2}
.uhero header.top a,.uhero nav.main a{color:#fff}
.uhero .brand b{color:#fff}
.uhero .crumbs,.uhero .crumbs a{color:#B8C4D8}
.uhero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:10px 0 56px}
@media (max-width:980px){.uhero-grid{grid-template-columns:1fr;gap:24px}}
.pafta{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#B8C4D8;margin-bottom:14px}
.pafta span{border:1px solid rgba(255,255,255,.28);border-radius:6px;padding:3px 9px}
.uhero h1{font:700 clamp(40px,5.6vw,74px)/1.0 var(--serif);letter-spacing:-.025em;margin:0 0 16px}
.uhero h1 small{display:block;font:500 clamp(17px,1.6vw,21px)/1.4 var(--sans);letter-spacing:0;color:#D5DDEA;margin-top:14px}
.uhero .facts-strip{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0 28px;font-size:15px;color:#D5DDEA}
.uhero .facts-strip b{color:#fff;font-weight:600}
.photo-note{font-size:12.5px;color:#8E9BB3;margin-top:18px}

/* bilet butonlar */
.tix{display:flex;gap:12px;flex-wrap:wrap}
.ticket{--n:9px;position:relative;display:inline-flex;align-items:center;gap:12px;font:600 16px var(--sans);text-decoration:none;
  padding:13px 22px 13px 20px;border:0;cursor:pointer;color:#14213D;background:#F2A900;
  -webkit-mask:radial-gradient(circle var(--n) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--n) at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--n) at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
  border-radius:6px;transition:transform .15s}
.ticket:hover{transform:translateY(-2px)}
.ticket .stub{border-left:2px dashed rgba(20,33,61,.45);padding-left:12px;font-size:13px;font-weight:600;opacity:.8}
.ticket.alt{background:#fff}
.ticket.dark{background:#14213D;color:#fff}
.ticket.dark .stub{border-color:rgba(255,255,255,.4)}

/* hero haritası */
.heromap{position:relative;background:#DCEAF0;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.heromap svg{display:block;width:100%;height:auto}
.heromap .land{fill:#EEF3F2;stroke:#B9CCD3;stroke-width:.6}
.heromap .home{fill:#fff;stroke:#14213D;stroke-width:1.2}
.heromap text{font:600 13px var(--sans);fill:#14213D;paint-order:stroke;stroke:#fff;stroke-width:3.4px;stroke-linejoin:round}
.heromap text.big{font:700 17px var(--serif)}
.heromap text.s{font-weight:500;font-size:12px;fill:#33415E}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}
.pulse.d2{animation-delay:1.2s}
@keyframes pulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.flight{stroke-dasharray:6 7;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-26}}
@media (prefers-reduced-motion:reduce){.pulse,.flight{animation:none}.pulse{opacity:.35;transform:scale(1.8)}}
.maplabel{position:absolute;left:14px;bottom:12px;font-size:12.5px;color:#33415E;background:rgba(255,255,255,.85);border-radius:6px;padding:3px 8px}

/* bölüm başlıkları */
.v2 .usec h2{font:600 clamp(28px,2.8vw,36px)/1.15 var(--serif)}
.kicker{font-size:15px;color:var(--muted);margin:0 0 4px}

/* rota planlayıcı */
.dip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 26px}
@media (max-width:640px){.dip{grid-template-columns:1fr 1fr}}
.dip button{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink)}
.dip button b{display:block;font:600 18px var(--serif)}
.dip button span{font-size:13.5px;color:var(--muted)}
.dip button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.dip button[aria-pressed="true"] span{color:#C9D3E3}
.journey{list-style:none;margin:0;padding:0;position:relative}
.journey::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;border-left:3px dotted #9FB3C8}
.stop{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:0 0 22px}
.stop .num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--serif);background:#fff;border:2px solid var(--ink);position:relative;z-index:1}
.stop.ok .num{background:#E2F2EA;border-color:var(--ok);color:var(--ok)}
.stop.prev .num{background:#FFF1CC;border-color:var(--warn);color:var(--warn)}
.stop.no .num{background:#FBE7EA;border-color:var(--no);color:var(--no)}
.stop h3{margin:8px 0 4px;font:600 19px/1.3 var(--serif)}
.stop p{margin:0;font-size:16.5px;color:#22304E;max-width:62ch}
.stop .stat{display:inline-block;font-size:12.5px;font-weight:600;border-radius:999px;padding:2px 9px;margin-top:8px}
.stop.ok .stat{background:#E2F2EA;color:var(--ok)}
.stop.prev .stat{background:#FFF1CC;color:#7A5200}
.stop.no .stat{background:#FBE7EA;color:var(--no)}
.stop details{margin-top:6px}
.stop summary{cursor:pointer;font-size:13.5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;list-style:none}
.stop summary::-webkit-details-marker{display:none}
.stop .src{margin:8px 0 0}

/* sıralamalar */
.ruler{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 22px 18px;margin-top:14px}
.ruler svg{display:block;width:100%;height:auto;overflow:visible}
.ruler text{font:500 12px var(--sans);fill:#55627A}
.rk{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media (max-width:800px){.rk{grid-template-columns:1fr 1fr}}
.rk div{border-top:3px solid var(--c);padding-top:10px}
.rk b{display:block;font:600 17px var(--serif)}
.rk em{display:block;font-style:normal;font-size:13.5px;font-weight:600;color:var(--warn);margin:2px 0 6px}
.rk span{font-size:14px;color:#2A3756}

/* metro haritası */
.metro{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 10px 6px;margin-top:14px;overflow-x:auto}
.metro svg{display:block;min-width:820px;width:100%;height:auto}
.metro text{font:600 12.5px var(--sans);fill:#14213D}
.metro text.tr{font-weight:400;font-size:11.5px;fill:#55627A}
.metro text.line{font:700 13px var(--sans)}
.metro .st{cursor:pointer}
.metro .st:focus{outline:none}
.metro .st:focus-visible circle,.metro .st:hover circle{stroke-width:5}
.metro .st.sel circle{fill:#F2A900}
.mleg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:#2A3756;margin:12px 4px 4px}
.mleg i{display:inline-block;width:22px;height:5px;border-radius:3px;margin-right:6px;vertical-align:3px}
.pcard{margin-top:16px;background:var(--sea);border-radius:14px;padding:18px 20px}
.pcard h3{margin:0 0 2px;font:600 22px/1.25 var(--serif)}
.pcard .tr{color:var(--muted);margin:0 0 12px}
.pcard dl{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:0;font-size:15.5px}
.pcard dt{color:var(--muted)}
.pcard dd{margin:0}
@media (max-width:560px){.pcard dl{grid-template-columns:1fr}}

/* ücret göstergesi */
.fee{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
.feebar{position:relative;height:16px;border-radius:999px;background:linear-gradient(90deg,#E2F2EA,#FFF1CC 55%,#FBE7EA);margin:34px 6px 10px}
.feebar .m{position:absolute;top:-30px;transform:translateX(-50%);font:600 14px var(--sans);white-space:nowrap}
.feebar .m::after{content:"";position:absolute;left:50%;top:22px;width:2px;height:26px;background:var(--ink)}
.feelabels{display:flex;justify-content:space-between;font-size:13.5px;color:var(--muted);gap:12px}
.tickets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
@media (max-width:800px){.tickets{grid-template-columns:1fr}}
.btk{--n:10px;background:var(--sea);padding:16px 18px;border-radius:8px;
  -webkit-mask:radial-gradient(circle var(--n) at 50% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 50% 100%,#0000 98%,#000) bottom/100% 51% no-repeat;
          mask:radial-gradient(circle var(--n) at 50% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--n) at 50% 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.btk .amt{font:700 26px/1.1 var(--serif)}
.btk b{display:block;margin:6px 0 2px}
.btk span{font-size:14.5px;color:#2A3756}
.btk.y{background:#FFF1CC}
.v2 .usec{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;max-width:1180px}
.uhero .brand svg [stroke="#14213D"]{stroke:#fff}
.uhero .brand svg [fill="#14213D"]{fill:#fff}

/* ===== v3 eklemeleri ===== */
.heromap .seal{font:italic 500 11px var(--serif);fill:#5E7C93;stroke:none;letter-spacing:.06em}
.heromap .cty{font:600 10.5px var(--sans);fill:#7A869C;stroke:none;letter-spacing:.04em}
.heromap .ln{vector-effect:non-scaling-stroke}
.replay{position:absolute;right:12px;bottom:12px;font:600 12.5px var(--sans);background:#fff;border:1px solid #B9CCD3;border-radius:999px;padding:4px 10px;cursor:pointer;color:#14213D}
.stage{transition:opacity .6s}

/* üç soru şeridi */
.q3wrap{position:relative;z-index:3;margin-top:-34px}
.q3{background:#fff;border:1px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink);padding:18px 20px}
.q3top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}
.q3top b{font:600 16px var(--sans)}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{font:600 14.5px var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.q3grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
@media (max-width:860px){.q3grid{grid-template-columns:1fr}}
.qa{padding:16px 18px 6px 0}
.qa + .qa{padding-left:18px;border-left:1px solid var(--line)}
@media (max-width:860px){.qa + .qa{border-left:0;border-top:1px solid var(--line);padding-left:0}}
.qa span{display:block;font-size:14px;color:var(--muted)}
.qa b{display:block;font:700 clamp(22px,2.2vw,28px)/1.2 var(--serif);margin:4px 0}
.qa p{margin:0;font-size:14.5px;color:#2A3756}
.qa .cd{display:inline-block;margin-top:6px;font:700 13px var(--sans);background:#FFF1CC;color:#7A5200;border-radius:6px;padding:2px 8px}
.vsum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:14.5px;color:#2A3756}
.vbar{display:flex;width:180px;height:10px;border-radius:999px;overflow:hidden;background:#EEF1F5}
.vbar i{display:block;height:100%}

/* büyük rakam */
.stop .bign{display:inline-block;font:700 22px/1.2 var(--serif);color:var(--ink);background:#F4F7F9;border-radius:8px;padding:2px 10px;margin:2px 0 6px}

/* terim açıklaması */
.term{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:help;text-decoration:underline dotted #7A869C;text-underline-offset:4px;text-decoration-thickness:2px}
.tip{position:absolute;z-index:30;max-width:290px;background:#14213D;color:#fff;border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.5;box-shadow:0 8px 24px rgba(20,33,61,.25)}
.tip b{display:block;font:600 15px var(--serif);margin-bottom:2px}
.tip a{color:#F2C14E;font-weight:600}

/* bant zeminler */
.band{background:#EFF5F7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band .usec{border-bottom:0;margin-bottom:0;padding-top:52px}

/* puanım yeter mi */
.score{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start;margin-top:14px}
@media (max-width:860px){.score{grid-template-columns:1fr}}
.scorein{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.scorein label{display:block;font-weight:600;margin-bottom:6px}
.scorein output{display:block;font:700 46px/1 var(--serif);margin:6px 0 10px}
.scorein input[type=range]{width:100%;accent-color:#14213D}
.scorein .chk{display:flex;gap:8px;align-items:center;font-weight:500;margin-top:12px}
.verdict{border-radius:14px;padding:16px 18px;margin-bottom:12px}
.verdict.no{background:#FBE7EA}
.verdict.ok{background:#E2F2EA}
.verdict.star{background:#FFF1CC}
.verdict b{display:block;font:600 19px var(--serif);margin-bottom:2px}
.cut{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cut th,.cut td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line)}
.cut th{font-size:13.5px;color:var(--muted);font-weight:600;background:#F7FAFB}
.cut td.pend{color:var(--muted);font-size:14px}

/* maliyet */
.costgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:14px}
@media (max-width:900px){.costgrid{grid-template-columns:1fr}}
.stack{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.stack .tot{font:700 clamp(28px,3vw,38px)/1.1 var(--serif);margin:2px 0 4px}
.sbar{display:flex;height:22px;border-radius:6px;overflow:hidden;margin:16px 0 12px}
.sbar i{display:block;height:100%}
.slist{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px}
.slist li{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center}
.slist li i{width:12px;height:12px;border-radius:3px}
.slist li span:last-child{font-weight:600;white-space:nowrap}
.visa{background:#14213D;color:#fff;border-radius:14px;padding:20px}
.visa b{display:block;font:700 30px/1.1 var(--serif);color:#F2C14E;margin:6px 0}
.visa p{margin:0 0 8px;color:#D5DDEA;font-size:15px}
.visa a{color:#fff}

/* metro mobil liste */
.mlist{display:none}
@media (max-width:760px){.metro{display:none}.mlist{display:block}}
.mline{border-left:6px solid var(--c);margin:0 0 18px 6px;padding:2px 0 2px 16px}
.mline h3{margin:0 0 8px;font:700 15px var(--sans);color:var(--c)}
.mline button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;padding:7px 0;font:500 16px var(--sans);color:var(--ink);cursor:pointer;position:relative}
.mline button::before{content:"";position:absolute;left:-27px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--c)}
.mline button .en{font-size:12px;font-weight:600;background:#FFF1CC;color:#6A4800;border-radius:5px;padding:1px 6px}
.mline button .ic{font-size:12px;color:var(--muted)}

/* benzer üniversiteler */
.sim{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
@media (max-width:900px){.sim{grid-template-columns:1fr 1fr}}
.sim a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.sim a:hover{border-color:var(--ink)}
.sim b{display:block;font:600 17px/1.3 var(--serif)}
.sim span{font-size:14px;color:var(--muted)}
.heromap .trl{fill:#FFF6DD;stroke:#B08A2E;stroke-width:.8}
.heromap .harc{fill:none;stroke:#14213D;stroke-width:2.2;stroke-linecap:round}
.heromap .replay{top:12px;bottom:auto}
.heromap #sIt text{stroke-width:1.4px}
.heromap #sIt text.seal{stroke:none}
.uhero-grid{padding-bottom:72px}
.stop.est .num{background:#EAF0F4;border-color:#5E7C93;color:#5E7C93}
.band + section.usec{padding-top:52px}
.band{border-top:0}
@media (max-width:760px){.mleg{display:none}}
.cutbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.cutbox b{display:block;font:600 19px var(--serif);margin-bottom:4px}
.cutbox p{margin:0 0 16px;font-size:15.5px;color:#2A3756}
/* uçuş animasyonu */
.heromap .rguide{fill:none;stroke:#14213D;stroke-width:1.6;stroke-dasharray:2 5;stroke-linecap:round;opacity:.55}
.heromap .rtrail{fill:none;stroke:#F2A900;stroke-width:3;stroke-linecap:round}
.heromap .kmtag{font:700 12px var(--sans);fill:#14213D;stroke:#fff;stroke-width:3.5px;paint-order:stroke;font-variant-numeric:tabular-nums}
.hud{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.92);border:1px solid #C9D9DF;border-radius:10px;padding:8px 12px;color:#14213D;box-shadow:0 4px 14px rgba(20,33,61,.08)}
.hudrow{display:flex;align-items:center;gap:10px;font-size:13px}
.hudrow b{font-weight:700}
.hudbar{position:relative;flex:1;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#B9CCD3 0 4px,transparent 4px 8px)}
.hudbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#F2A900;border-radius:4px}
.hudbar span{position:absolute;top:50%;left:0;transform:translate(-50%,-55%);font-size:15px;line-height:1;color:#14213D}
.hudtxt{margin-top:4px;font-size:12.5px;color:#33415E;font-variant-numeric:tabular-nums}
.hudtxt span{font-weight:700;color:#14213D}
.hud .hudrow{transition:opacity .4s,max-height .5s;max-height:30px;overflow:hidden}
.hud.done .hudrow{opacity:0;max-height:0}
.hud.done .hudtxt{margin-top:0}
.hudtxt em{font-style:normal}
.hud.done .hudof{display:none}
@media (max-width:700px){
  .hud{position:static;margin:0;border:0;border-top:1px solid #C9D9DF;border-radius:0;box-shadow:none;background:#fff}
}
@media (max-width:700px){.hud.done .hudrow{opacity:1;max-height:30px}}
/* ek sınavlar */
.xrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 14px;font-size:14.5px}
.xrow b{font:600 15px var(--sans)}
.xsel select{font:600 14px var(--sans);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;padding:5px 10px;margin-left:4px;background:#fff}
.xchk{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;background:#fff;cursor:pointer}
.xchk:has(input:checked){border-color:var(--ink);background:#EEF2F8}
#rota .xrow{margin:-14px 0 24px}
.apn-w,.apn-ok,.apn-i{margin:8px 0 0;font-size:15px;border-radius:8px;padding:8px 12px}
.apn-w{background:#FBE7EA}.apn-ok{background:#E2F2EA}.apn-i{background:#EEF1F5}