#ltr-app{font-family:Arial,Helvetica,sans-serif;color:#172033;line-height:1.32} #ltr-app *{box-sizing:border-box}#ltr-app a{color:#1559c8} #ltr-app .ltr-shell{max-width:1220px;margin:6px auto 18px!important} #ltr-app .ltr-hero{position:relative;overflow:hidden;margin:0 0 8px;padding:12px 16px;border:1px solid #dbe6f4;border-radius:13px;background:linear-gradient(110deg,#edf5ff 0%,#f7f4ff 58%,#fff8ee 100%);box-shadow:0 5px 18px rgba(20,52,96,.05)} #ltr-app .ltr-hero:after{content:"";position:absolute;right:-55px;top:-80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(47,97,209,.14),rgba(124,58,237,.04) 52%,transparent 72%)} #ltr-app .ltr-title{position:relative;z-index:1;margin:0 0 3px!important;padding:0!important;font-size:30px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.35px;background:linear-gradient(90deg,#123f7d 0%,#245ecb 50%,#7438d2 78%,#b76517 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important} #ltr-app .ltr-sub{position:relative;z-index:1;margin:0!important;color:#56677f;font-size:13px!important} #ltr-app .ltr-controls{display:flex;gap:7px;align-items:center;margin:0 0 8px;padding:7px;border:1px solid #e0e6ef;border-radius:11px;background:linear-gradient(90deg,#fbfdff,#fffaf5)} #ltr-app .ltr-select,#ltr-app .ltr-input{height:40px;padding:7px 10px;border:1px solid #cbd6e5;border-radius:9px;background:#fff;color:#111827;font-size:14px} #ltr-app .ltr-select{width:180px;min-width:180px}#ltr-app .ltr-input{width:100%} #ltr-app .ltr-tab{display:flex;align-items:center;justify-content:center;min-height:40px;padding:7px 13px;border:1px solid #cbd6e5;border-radius:9px;background:#fff;color:#101827!important;text-decoration:none;font-size:15px;font-weight:750;white-space:nowrap;transition:.18s ease} #ltr-app .ltr-tab:hover{border-color:#8faee5;transform:translateY(-1px)}#ltr-app .ltr-tab.is-active{border-color:transparent;background:linear-gradient(100deg,#173f80,#2f62d4 58%,#713bd0);color:#fff!important;box-shadow:0 5px 12px rgba(47,98,212,.16)} #ltr-app .ltr-search-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 8px;padding:9px;border:1px solid #e1e7ef;border-radius:11px;background:linear-gradient(110deg,#fbfdff,#fffaf5)} #ltr-app .ltr-search-field label{display:block;margin:0 0 3px;font-size:11px;font-weight:800;color:#43536b}#ltr-app .ltr-search-result{grid-column:1/-1;font-size:12px;color:#64748b} #ltr-app .ltr-table-wrap{overflow:auto;border:1px solid #dfe6ef;border-radius:11px;background:#fff} #ltr-app .ltr-table{width:100%;border-collapse:collapse;font-size:13px} #ltr-app .ltr-table thead tr{background:linear-gradient(90deg,#edf4ff,#f7f4ff 58%,#fff7ed)} #ltr-app .ltr-table th{padding:8px 9px;text-align:left;border-bottom:1px solid #cfdae8;white-space:nowrap;color:#17345e;font-size:13px} #ltr-app .ltr-table td{padding:7px 9px;border-bottom:1px solid #edf1f5;vertical-align:top}#ltr-app .ltr-table tbody tr:nth-child(even){background:#fcfdff}#ltr-app .ltr-table tbody tr:hover{background:#f7faff} #ltr-app .ltr-table .ltr-group-end{border-bottom:2px solid #d8e1ec}#ltr-app .ltr-school-link{text-decoration:none;font-weight:750;color:#1559c8!important}#ltr-app .ltr-school-link:hover{color:#6b2fc6!important} #ltr-app .ltr-muted{color:#66758a;font-size:12px}#ltr-app .ltr-num,#ltr-app .ltr-year{white-space:nowrap}#ltr-app .ltr-year{min-width:55px} #ltr-app .ltr-badge{display:inline-block;margin-top:4px;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#536174;font-size:10px;font-weight:700}#ltr-app .ltr-status{font-size:11px;color:#64748b} #ltr-app .ltr-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0;padding:8px 9px;border:1px solid #e1e7ef;border-radius:10px;background:#fff} #ltr-app .ltr-page-info{font-size:12px;color:#5e6d82}#ltr-app .ltr-page-buttons{display:flex;flex-wrap:wrap;gap:4px} #ltr-app .ltr-page-btn{min-width:34px;height:32px;padding:0 9px;border:1px solid #ccd7e6;border-radius:8px;background:#fff;color:#1f3352;font-size:12px;font-weight:700;cursor:pointer}#ltr-app .ltr-page-btn:hover{border-color:#7fa0dd}#ltr-app .ltr-page-btn.is-active{border-color:transparent;background:linear-gradient(100deg,#1d4c97,#5a3dc5);color:#fff}#ltr-app .ltr-page-btn:disabled{opacity:.42;cursor:not-allowed} #ltr-app .ltr-loading-card{padding:12px;border:1px solid #e1e7ef;border-radius:11px;background:#fff}#ltr-app .ltr-skel{height:12px;margin:8px 0;border-radius:7px;background:linear-gradient(90deg,#edf1f6 25%,#fafbfc 45%,#edf1f6 65%);background-size:220% 100%;animation:ltrShimmer 1.1s linear infinite}#ltr-app .ltr-skel-title{height:23px;width:45%}#ltr-app .ltr-skel-sub{width:30%}@keyframes ltrShimmer{0%{background-position:200% 0}100%{background-position:-20% 0}} #ltr-app .ltr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#ltr-app .ltr-card{display:block;padding:12px;border:1px solid #dfe6ef;border-radius:11px;background:#fff;text-decoration:none;color:#111827!important}#ltr-app .ltr-card strong{display:block;margin-bottom:3px;font-size:15px;color:#173f7d}#ltr-app .ltr-card div{font-size:12px;color:#66758a} #ltr-app .ltr-finder-bar{display:flex;gap:8px;align-items:center;margin:0 0 8px}#ltr-app .ltr-finder-count{font-size:12px;color:#64748b}#ltr-app .ltr-school-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#ltr-app .ltr-school-item{display:block;padding:10px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;text-decoration:none;color:#152238!important}#ltr-app .ltr-school-item strong{font-size:14px}#ltr-app .ltr-school-meta{margin-top:2px;font-size:11px;color:#68768a} #ltr-app .ltr-section-title{margin:14px 0 6px!important;padding-left:8px;border-left:3px solid #4f74cf;color:#173f7d;font-size:17px!important}#ltr-app .ltr-section{margin:8px 0;padding:10px;border:1px solid #e1e7ef;border-radius:10px;background:#fff}#ltr-app .ltr-section h3{margin:0 0 3px;font-size:15px} #ltr-app .ltr-detail-table{width:100%;border-collapse:collapse;border:1px solid #e1e7ef;background:#fff}#ltr-app .ltr-detail-table td{padding:7px 9px;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:top}#ltr-app .ltr-detail-table td:nth-child(odd){width:160px;background:#f7f9fc;font-weight:700;color:#344d70} #ltr-app .ltr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#ltr-app .ltr-info{padding:9px;border:1px solid #e1e7ef;border-radius:9px;background:#fff}#ltr-app .ltr-info-label{font-size:10px;color:#69778a}#ltr-app .ltr-info-value{margin-top:2px;font-size:13px;font-weight:700} #ltr-app .ltr-note{margin:10px 0 0;padding:9px 11px;border:1px solid #d8e6fb;border-radius:9px;background:#f2f7ff;font-size:12px;color:#43536b} #ltr-app .ltr-detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px} #ltr-app .ltr-detail-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:10px;background:#fff} #ltr-app .ltr-detail-card-title{margin:0!important;padding:7px 10px!important;background:linear-gradient(90deg,#edf4ff,#f8f5ff 62%,#fff8ef);border-bottom:1px solid #dfe6ef;color:#173f7d;font-size:14px!important;font-weight:800!important} #ltr-app .ltr-kv{display:grid;grid-template-columns:145px minmax(0,1fr);border-bottom:1px solid #edf1f5} #ltr-app .ltr-kv:last-child{border-bottom:0} #ltr-app .ltr-kv-label{padding:6px 9px;background:#f8fafc;color:#415775;font-size:12px;font-weight:750} #ltr-app .ltr-kv-value{min-width:0;padding:6px 9px;color:#172033;font-size:12px;overflow-wrap:anywhere} #ltr-app .ltr-detail-wide{grid-column:1/-1} #ltr-app .ltr-facility-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px} #ltr-app .ltr-facility{padding:7px 8px;border:1px solid #e4eaf2;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fbff)} #ltr-app .ltr-facility-name{display:block;color:#5d6d82;font-size:10px;line-height:1.15} #ltr-app .ltr-facility-value{display:block;margin-top:2px;color:#173f7d;font-size:14px;font-weight:800} #ltr-app .ltr-detail-address{line-height:1.4} #ltr-app .ltr-feature-row{display:flex;flex-wrap:wrap;gap:5px;padding:8px} #ltr-app .ltr-feature-chip{padding:5px 8px;border:1px solid #dbe5f2;border-radius:999px;background:#f8fbff;color:#334b6d;font-size:11px;font-weight:700} #ltr-app .ltr-feature-chip.is-yes{border-color:#cfe8dc;background:#f1fbf6;color:#17643e} #ltr-app .ltr-feature-chip.is-no{border-color:#e3e7ed;background:#f8f9fb;color:#687385} #ltr-app .ltr-program-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:5px} #ltr-app .ltr-program-head h3{margin:0!important} #ltr-app .ltr-directory{margin:0 0 10px} #ltr-app .ltr-directory-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px} #ltr-app .ltr-directory-tabs{display:flex;gap:7px} #ltr-app .ltr-directory-tab{height:40px;padding:0 15px;border:1px solid #cbd6e5;border-radius:9px;background:#fff;color:#17345e;font-size:14px;font-weight:800;cursor:pointer} #ltr-app .ltr-directory-tab.is-active{border-color:transparent;background:linear-gradient(100deg,#17488f,#2863c7 60%,#5945bd);color:#fff;box-shadow:0 4px 11px rgba(38,94,190,.15)} #ltr-app .ltr-directory-search{position:relative;flex:1 1 320px;max-width:520px} #ltr-app .ltr-directory-search input{width:100%;height:42px;padding:8px 12px;border:1px solid #ccd8e8;border-radius:10px;background:#fff;color:#172033;font-size:14px} #ltr-app .ltr-directory-meta{margin:0 0 7px;color:#65758a;font-size:12px} #ltr-app .ltr-province-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #ltr-app .ltr-province-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;padding:9px 11px;border:1px solid #dfe6ef;border-radius:9px;background:linear-gradient(135deg,#fff,#fbfdff);color:#12386d!important;text-decoration:none;font-size:13px;font-weight:800;transition:.16s ease} #ltr-app .ltr-province-link:hover{border-color:#9cb8e6;background:#f4f8ff;transform:translateY(-1px)} #ltr-app .ltr-province-link:after{content:"›";flex:0 0 auto;color:#5680c8;font-size:20px;line-height:1} #ltr-app .ltr-province-link.is-hidden{display:none} #ltr-app .ltr-empty-row{padding:18px!important;text-align:center;color:#66758a;font-size:13px} #ltr-app .ltr-exam-filter{margin:0 0 12px;padding:12px 13px;border:1px solid #d8e2ef;border-radius:11px;background:linear-gradient(135deg,#f8fbff 0%,#fff 72%,#fffaf5 100%)} #ltr-app .ltr-exam-filter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px} #ltr-app .ltr-exam-filter-head strong{display:block;margin:0 0 3px;color:#102f61;font-size:15px;line-height:1.3} #ltr-app .ltr-exam-filter-head span{display:block;color:#6b7789;font-size:12px;line-height:1.45} #ltr-app .ltr-exam-filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #ltr-app .ltr-exam-filter-tab{display:inline-flex;align-items:center;justify-content:space-between;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #cfd9e8;border-radius:8px;background:#fff;color:#173b72!important;text-decoration:none!important;font-size:13px;font-weight:800;line-height:1.2;transition:.15s ease} #ltr-app .ltr-exam-filter-tab:hover{border-color:#8eaddd;background:#f4f8ff;color:#12386d!important} #ltr-app .ltr-exam-filter-tab.is-active{border-color:transparent;background:linear-gradient(100deg,#17498f,#2864c8 62%,#5847ba);color:#fff!important;box-shadow:0 3px 10px rgba(40,89,180,.16)} #ltr-app .ltr-exam-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:21px;padding:0 6px;border-radius:10px;background:#edf3fb;color:#255aa4;font-size:11px;font-weight:800;line-height:1} #ltr-app .ltr-exam-filter-tab.is-active .ltr-exam-filter-count{background:rgba(255,255,255,.18);color:#fff} #ltr-app .ltr-voc-filter{margin:-3px 0 12px;padding:12px 13px;border:1px solid #dce5ef;border-radius:11px;background:linear-gradient(135deg,#fff 0%,#f8fbff 58%,#fffaf5 100%)} #ltr-app .ltr-voc-filter-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px} #ltr-app .ltr-voc-filter-head strong{display:block;margin-bottom:3px;color:#102f61;font-size:15px} #ltr-app .ltr-voc-filter-head span{display:block;color:#6b7789;font-size:12px;line-height:1.4} #ltr-app .ltr-voc-search-wrap{position:relative;margin-bottom:9px} #ltr-app .ltr-voc-search{width:100%;height:39px;padding:7px 38px 7px 11px;border:1px solid #cbd6e5;border-radius:9px;background:#fff;color:#111827;font-size:13px} #ltr-app .ltr-voc-search:focus{outline:0;border-color:#7fa6e2;box-shadow:0 0 0 3px rgba(45,99,190,.09)} #ltr-app .ltr-voc-search-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:24px;height:21px;padding:0 6px;border-radius:10px;background:#edf3fb;color:#255aa4;font-size:11px;font-weight:800;line-height:21px;text-align:center} #ltr-app .ltr-voc-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} #ltr-app .ltr-voc-area{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:36px;padding:6px 9px;border:1px solid #d3ddeb;border-radius:8px;background:#fff;color:#173b72!important;text-decoration:none!important;font-size:12px;font-weight:750;line-height:1.25;transition:.15s ease} #ltr-app .ltr-voc-area:hover{border-color:#8eaddd;background:#f4f8ff} #ltr-app .ltr-voc-area.is-active{border-color:#2d63bd;background:#eef4ff;color:#17498f!important;box-shadow:inset 0 0 0 1px rgba(45,99,189,.08)} #ltr-app .ltr-voc-area-count{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#edf3fb;color:#255aa4;font-size:10px;font-weight:800} #ltr-app .ltr-voc-area.is-active .ltr-voc-area-count{background:#dbe8ff;color:#17498f} #ltr-app .ltr-voc-empty{grid-column:1/-1;padding:10px;border:1px dashed #d6deea;border-radius:8px;color:#6b7789;font-size:12px;text-align:center;background:#fff} #ltr-app .ltr-best-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:13px 15px;border:1px solid #cbdaf0;border-radius:12px;background:linear-gradient(105deg,#eef5ff 0%,#f8fbff 55%,#fff9f2 100%);text-decoration:none!important;box-shadow:0 3px 12px rgba(28,73,145,.06)} #ltr-app .ltr-best-entry strong{display:block;color:#0d3974;font-size:17px;line-height:1.25} #ltr-app .ltr-best-entry span{display:block;margin-top:3px;color:#65758b;font-size:12px;line-height:1.4} #ltr-app .ltr-best-entry b{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border-radius:9px;background:#1d57a8;color:#fff;font-size:12px} #ltr-app .ltr-best-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px} #ltr-app .ltr-best-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #2f65b5;border-radius:8px;background:#fff;color:#15458a!important;text-decoration:none!important;font-size:13px;font-weight:800} #ltr-app .ltr-best-nav a.is-primary{background:linear-gradient(100deg,#2059a9,#2c66bb);color:#fff!important} #ltr-app .ltr-best-categories{display:grid;grid-template-columns:1fr;gap:8px} #ltr-app .ltr-best-category{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #dfe6ef;border-radius:9px;background:#fff;color:#102f61!important;text-decoration:none!important;box-shadow:0 2px 7px rgba(26,61,112,.04)} #ltr-app .ltr-best-category:hover{border-color:#9eb8df;background:#f8fbff} #ltr-app .ltr-best-star{flex:0 0 27px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;color:#2a64b7;font-size:18px} #ltr-app .ltr-best-category strong{display:block;color:#0d356b;font-size:15px} #ltr-app .ltr-best-category span{display:block;margin-top:3px;color:#67758a;font-size:12px} #ltr-app .ltr-ranking-list{display:grid;grid-template-columns:1fr;gap:8px} #ltr-app .ltr-rank-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid #dfe6ef;border-radius:10px;background:#fff} #ltr-app .ltr-rank-no{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#edf4ff;color:#174f9d;font-weight:900;font-size:14px} #ltr-app .ltr-rank-school strong{display:block;font-size:14px;color:#12386e} #ltr-app .ltr-rank-school span{display:block;margin-top:3px;color:#6b7789;font-size:11px} #ltr-app .ltr-rank-score{text-align:right;white-space:nowrap} #ltr-app .ltr-rank-score strong{display:block;color:#103b78;font-size:15px} #ltr-app .ltr-rank-score span{display:block;margin-top:2px;color:#7a8798;font-size:10px} #ltr-app .ltr-pref-tab{position:relative} #ltr-app .ltr-pref-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:#eaf1ff;color:#2359a6;font-size:11px;font-weight:900} #ltr-app .ltr-tab.is-active .ltr-pref-count{background:rgba(255,255,255,.18);color:#fff} #ltr-app .ltr-pref-add{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border:1px solid #b8cae5;border-radius:8px;background:#fff;color:#1d579e;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.15s ease} #ltr-app .ltr-pref-add:hover{border-color:#6f98d4;background:#f4f8ff} #ltr-app .ltr-pref-add.is-added{border-color:#b9dfcc;background:#f0fbf5;color:#167246} #ltr-app .ltr-pref-add.is-added:hover{border-color:#e8b9b9;background:#fff5f5;color:#a61b1b} #ltr-app .ltr-pref-home{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:12px 14px;border:1px solid #d5e0ef;border-radius:11px;background:linear-gradient(110deg,#f3f8ff,#fff 58%,#fff8ef);text-decoration:none!important} #ltr-app .ltr-pref-home strong{display:block;color:#123d78;font-size:16px} #ltr-app .ltr-pref-home span{display:block;margin-top:3px;color:#66758a;font-size:12px} #ltr-app .ltr-pref-home b{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:0 10px;border-radius:9px;background:#205aaa;color:#fff;font-size:13px} #ltr-app .ltr-pref-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:9px 10px;border:1px solid #dfe6ef;border-radius:10px;background:#fff} #ltr-app .ltr-pref-summary{display:flex;flex-wrap:wrap;gap:6px} #ltr-app .ltr-pref-summary span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#f1f5fb;color:#405777;font-size:11px;font-weight:800} #ltr-app .ltr-pref-actions{display:flex;flex-wrap:wrap;gap:6px} #ltr-app .ltr-pref-action{min-height:32px;padding:5px 10px;border:1px solid #cbd7e6;border-radius:8px;background:#fff;color:#23466f;font-size:11px;font-weight:800;cursor:pointer} #ltr-app .ltr-pref-action:hover{border-color:#819fca;background:#f6f9fd} #ltr-app .ltr-pref-action.is-danger{border-color:#efcaca;color:#a43232;background:#fff8f8} #ltr-app .ltr-pref-note{margin:0 0 10px;padding:9px 11px;border:1px solid #d9e6f7;border-radius:9px;background:#f5f9ff;color:#53647b;font-size:11px;line-height:1.45} #ltr-app .ltr-pref-list{display:grid;grid-template-columns:1fr;gap:8px} #ltr-app .ltr-pref-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border:1px solid #dfe6ef;border-radius:10px;background:#fff} #ltr-app .ltr-pref-order{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#eaf2ff,#f5f0ff);color:#174d96;font-size:13px;font-weight:900} #ltr-app .ltr-pref-school strong{display:block;color:#113b74;font-size:14px} #ltr-app .ltr-pref-meta{margin-top:3px;color:#68778b;font-size:11px;line-height:1.35} #ltr-app .ltr-pref-score{display:inline-flex;align-items:center;gap:5px;margin-top:5px} #ltr-app .ltr-pref-badge{display:inline-flex;align-items:center;min-height:21px;padding:0 7px;border-radius:999px;background:#edf3fb;color:#2d5e9f;font-size:10px;font-weight:800} #ltr-app .ltr-pref-badge.is-local{background:#f4f0ff;color:#6843a8} #ltr-app .ltr-pref-item-actions{display:flex;align-items:center;gap:4px} #ltr-app .ltr-pref-mini{width:31px;height:31px;border:1px solid #ccd7e6;border-radius:7px;background:#fff;color:#274d7d;font-size:14px;font-weight:900;cursor:pointer} #ltr-app .ltr-pref-mini:hover{border-color:#789bce;background:#f5f8fd} #ltr-app .ltr-pref-mini.is-remove{color:#a73333;border-color:#efcece} #ltr-app .ltr-pref-empty{padding:22px 15px;border:1px dashed #cbd7e6;border-radius:11px;background:#fbfdff;text-align:center;color:#65758a;font-size:13px} #ltr-app .ltr-print-screenbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:8px 10px;border:1px solid #d9e1ec;border-radius:9px;background:#f8fafc} #ltr-app .ltr-print-screenbar a,#ltr-app .ltr-print-screenbar button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid #bfcde0;border-radius:7px;background:#fff;color:#174b91!important;text-decoration:none!important;font-size:12px;font-weight:800;cursor:pointer} #ltr-app .ltr-print-screenbar button{background:#1d58a8;color:#fff!important;border-color:#1d58a8} #ltr-app .ltr-print-sheet{max-width:1500px;margin:0 auto;padding:12px 14px;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif} #ltr-app .ltr-print-brand{margin:0 0 10px;font-size:17px;font-weight:800;color:#3e157d} #ltr-app .ltr-print-brand a{color:#4b158e!important;text-decoration:underline} #ltr-app .ltr-print-meta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 8px;padding:6px 0;border-bottom:1px solid #888;color:#333;font-size:10px} #ltr-app .ltr-print-table-wrap{overflow:auto} #ltr-app .ltr-print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;line-height:1.12} #ltr-app .ltr-print-table th{padding:5px 5px;border-top:1px solid #666;border-bottom:2px solid #666;text-align:center;vertical-align:bottom;color:#111;font-size:9.5px;font-weight:800} #ltr-app .ltr-print-table td{padding:4px 5px;border-bottom:1px dashed #aaa;vertical-align:middle;text-align:center;overflow-wrap:anywhere} #ltr-app .ltr-print-table td.ltr-print-school{text-align:left} #ltr-app .ltr-print-place{display:block;margin-bottom:2px;font-size:9px;font-style:italic;color:#333} #ltr-app .ltr-print-school-name{display:block;font-size:10.5px;font-weight:800;color:#111} #ltr-app .ltr-print-program{display:block;margin-top:2px;font-size:8.5px;color:#444} #ltr-app .ltr-print-placement{display:inline-block;padding:3px 5px;background:#ffe27a;line-height:1.05} #ltr-app .ltr-print-score{font-weight:700;white-space:nowrap} #ltr-app .ltr-print-empty{padding:25px;border:1px dashed #bbb;text-align:center;color:#555;font-size:12px} @page{size:A4 landscape;margin:7mm} @media print{ html,body{margin:0!important;padding:0!important;background:#fff!important} body *{visibility:hidden!important} #ltr-app,#ltr-app .ltr-print-sheet,#ltr-app .ltr-print-sheet *{visibility:visible!important} #ltr-app{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important} #ltr-app .ltr-print-screenbar{display:none!important} #ltr-app .ltr-print-sheet{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important} #ltr-app .ltr-print-table-wrap{overflow:visible!important} #ltr-app .ltr-print-table{font-size:8.7pt!important} #ltr-app .ltr-print-table th{font-size:8pt!important;padding:3px 3px!important} #ltr-app .ltr-print-table td{font-size:8.2pt!important;padding:3px 3px!important} #ltr-app .ltr-print-table tr{break-inside:avoid;page-break-inside:avoid} #ltr-app .ltr-print-brand{font-size:13pt!important} #ltr-app .ltr-print-meta{font-size:8pt!important} } #ltr-app .ltr-faq{margin:22px 0 4px;padding:18px;border:1px solid #d8e3f1;border-radius:16px;background: radial-gradient(circle at 100% 0,rgba(82,109,214,.10),transparent 31%), linear-gradient(135deg,#f7fbff 0%,#ffffff 58%,#fff9f4 100%);box-shadow:0 8px 24px rgba(25,63,115,.06)} #ltr-app .ltr-faq-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px} #ltr-app .ltr-faq-icon{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#174c99,#526ed6);color:#fff;font-size:20px;font-weight:900;box-shadow:0 5px 14px rgba(33,82,166,.18)} #ltr-app .ltr-faq-title{margin:0;color:#11386f;font-size:20px;line-height:1.25;font-weight:900} #ltr-app .ltr-faq-intro{margin:4px 0 0;color:#6b788c;font-size:12.5px;line-height:1.5} #ltr-app .ltr-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #ltr-app .ltr-faq-item{border:1px solid #dce5f0;border-radius:11px;background:#fff;overflow:hidden;transition:.15s ease} #ltr-app .ltr-faq-item[open]{border-color:#a9c0e5;box-shadow:0 4px 14px rgba(32,74,139,.07)} #ltr-app .ltr-faq-q{position:relative;display:block;padding:13px 42px 13px 14px;color:#143b73;font-size:13px;line-height:1.4;font-weight:850;cursor:pointer;list-style:none} #ltr-app .ltr-faq-q::-webkit-details-marker{display:none} #ltr-app .ltr-faq-q:after{content:"+";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#edf4ff;color:#275eac;font-size:18px;font-weight:700;line-height:1} #ltr-app .ltr-faq-item[open] .ltr-faq-q:after{content:"−";background:#255dae;color:#fff} #ltr-app .ltr-faq-a{padding:0 14px 14px;color:#4f6078;font-size:12.5px;line-height:1.65} #ltr-app .ltr-faq-a strong{color:#223f6b} #ltr-app .ltr-faq-note{margin-top:11px;padding-top:10px;border-top:1px solid #e2e9f2;color:#788599;font-size:11px;line-height:1.45} #ltr-app .ltr-lgs-highlight{position:relative;overflow:hidden;margin:7px 0 10px;padding:15px 17px;border:1px solid #cfdcf0;border-radius:14px;background:linear-gradient(135deg,#eef5ff 0%,#f7f4ff 52%,#fff 100%);box-shadow:0 7px 22px rgba(37,78,142,.06)} #ltr-app .ltr-lgs-highlight:after{content:"";position:absolute;right:-24px;top:-38px;width:130px;height:130px;border-radius:50%;background:rgba(76,111,201,.07)} #ltr-app .ltr-lgs-highlight-label{position:relative;z-index:1;display:block;margin-bottom:6px;color:#59708e;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase} #ltr-app .ltr-lgs-highlight-text{position:relative;z-index:1;max-width:980px;color:#173d78;font-size:15px;font-weight:650;line-height:1.65} #ltr-app .ltr-lgs-highlight-text strong{color:#0d3470;font-weight:900} #ltr-app .ltr-highlight-lines{display:grid;gap:8px;margin-top:6px} #ltr-app .ltr-school-rank-line{position:relative;z-index:1;padding:12px 13px;border:1px solid #cbd9ee;border-radius:12px;background:linear-gradient(135deg,#fff,#f4f7ff);color:#173d78;font-size:14px;font-weight:650;line-height:1.6} #ltr-app .ltr-school-rank-line strong{color:#0d3470;font-weight:900} #ltr-app .ltr-program-rank-title{position:relative;z-index:1;margin-top:10px;color:#65758b;font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase} #ltr-app .ltr-program-rank-lines{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px} #ltr-app .ltr-program-rank-line{padding:10px 12px;border:1px solid #dce5f1;border-radius:11px;background:rgba(255,255,255,.78);color:#465a75;font-size:12px;line-height:1.5} #ltr-app .ltr-program-rank-line strong{color:#123e78;font-weight:900} #ltr-app .ltr-program-rank-no{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;margin-left:4px;padding:0 7px;border-radius:999px;background:#edf3ff;color:#174f98;font-size:11px;font-weight:900} #ltr-app .ltr-highlight-line{position:relative;z-index:1;padding:10px 12px;border:1px solid #d8e3f2;border-radius:12px;background:rgba(255,255,255,.72)} #ltr-app .ltr-highlight-line strong{display:inline;color:#0d3470} #ltr-app .ltr-lgs-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;margin:0 0 12px} #ltr-app .ltr-summary-card{padding:12px 13px;border:1px solid #dce5ef;border-radius:12px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 4px 15px rgba(31,64,112,.035)} #ltr-app .ltr-summary-card.is-rank{display:none} #ltr-app .ltr-summary-label{display:block;color:#687990;font-size:10px;font-weight:850;line-height:1.3;text-transform:uppercase;letter-spacing:.035em} #ltr-app .ltr-summary-value{display:block;margin-top:6px;color:#153c78;font-size:23px;font-weight:900;line-height:1.08} #ltr-app .ltr-summary-sub{display:block;margin-top:5px;color:#718096;font-size:10px;line-height:1.4} #ltr-app .ltr-program-mini-list{display:grid;gap:8px;margin-top:9px} #ltr-app .ltr-program-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #dbe6f4;border-radius:10px;background:#fff} #ltr-app .ltr-program-mini-name{display:flex;flex-direction:column;gap:2px;color:#163f78;font-size:12px;font-weight:850} #ltr-app .ltr-program-mini-name small{color:#7b8798;font-size:10px;font-weight:700} #ltr-app .ltr-program-mini-score{white-space:nowrap;color:#0f3b78;font-size:13px;font-weight:900} #ltr-app .ltr-language-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} #ltr-app .ltr-language-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid #d3dfef;border-radius:999px;background:#fff;color:#1b477f;font-size:12px;font-weight:850} #ltr-app .ltr-language-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#6688c7;box-shadow:0 0 0 3px #edf3ff} #ltr-app .ltr-avg-note{margin:5px 0 8px;padding:8px 10px;border-left:3px solid #b8cae5;border-radius:0 8px 8px 0;background:#f8fbff;color:#6a788b;font-size:11px;line-height:1.45} #ltr-app .ltr-program-cell strong{display:block;color:#183f77;font-size:12px;line-height:1.35} #ltr-app .ltr-program-cell small{display:block;margin-top:3px;color:#7a8798;font-size:10px} #ltr-app .ltr-lang-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #d7e2f1;border-radius:999px;background:#f6f9ff;color:#28568e;font-size:10px;font-weight:850;white-space:nowrap} #ltr-app .ltr-data-cover{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:4px 7px;border-radius:999px;background:#f3f6fa;color:#64748b;font-size:10px;font-weight:800} #ltr-app .ltr-why{margin:8px 0 16px;padding:14px;border:1px solid #dce5ef;border-radius:13px;background:linear-gradient(135deg,#f9fcff 0%,#fff 55%,#fffaf4 100%)} #ltr-app .ltr-why-lead{margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e2e9f2;color:#43566f;font-size:12px;line-height:1.6} #ltr-app .ltr-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #ltr-app .ltr-why-item{position:relative;padding:10px 11px 10px 35px;border:1px solid #e0e7ef;border-radius:10px;background:#fff;color:#344a68;font-size:12px;line-height:1.5} #ltr-app .ltr-why-item:before{content:"✓";position:absolute;left:10px;top:10px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#edf7f2;color:#19714a;font-size:10px;font-weight:900} #ltr-app .ltr-why-note{margin-top:9px;color:#7b8797;font-size:10px;line-height:1.45} #ltr-app .ltr-lgs-summary{display:none!important} #ltr-app .ltr-local-program-label{display:inline-flex;align-items:center;margin-top:5px;padding:4px 8px;border:1px solid #d6e2f2;border-radius:999px;background:#f5f8fd;color:#365d8e;font-size:10px;font-weight:850;line-height:1.2} #ltr-app .ltr-local-detail-program{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:9px 11px;border:1px solid #dce5f1;border-radius:10px;background:#f8fbff} #ltr-app .ltr-local-detail-program strong{color:#153f77;font-size:12px} @media(max-width:980px){#ltr-app .ltr-controls{flex-wrap:wrap}#ltr-app .ltr-tab{flex:1 1 auto}#ltr-app .ltr-grid{grid-template-columns:repeat(2,1fr)}#ltr-app .ltr-school-list,#ltr-app .ltr-cards{grid-template-columns:repeat(2,1fr)}#ltr-app .ltr-facility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:720px){#ltr-app .ltr-faq{margin-top:16px;padding:13px;border-radius:13px}#ltr-app .ltr-faq-list{grid-template-columns:1fr}#ltr-app .ltr-faq-title{font-size:17px}#ltr-app .ltr-faq-icon{width:37px;height:37px;flex-basis:37px}#ltr-app .ltr-pref-home b{display:none}#ltr-app .ltr-pref-item{grid-template-columns:38px minmax(0,1fr)}#ltr-app .ltr-pref-item-actions{grid-column:2;justify-content:flex-start}#ltr-app .ltr-pref-order{width:32px;height:32px}#ltr-app .ltr-best-entry{align-items:flex-start}#ltr-app .ltr-best-entry b{display:none}#ltr-app .ltr-best-nav a{flex:1 1 calc(50% - 8px)}#ltr-app .ltr-rank-item{grid-template-columns:40px minmax(0,1fr)}#ltr-app .ltr-rank-score{grid-column:2;text-align:left}#ltr-app .ltr-rank-no{width:34px;height:34px}#ltr-app .ltr-exam-filter{padding:10px}#ltr-app .ltr-exam-filter-head{display:block}#ltr-app .ltr-exam-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#ltr-app .ltr-exam-filter-tab{padding:7px 9px;font-size:12px}#ltr-app .ltr-voc-filter{padding:10px}#ltr-app .ltr-voc-filter-head{display:block}#ltr-app .ltr-voc-areas{grid-template-columns:repeat(2,minmax(0,1fr))}#ltr-app .ltr-voc-area{font-size:11px;padding:6px 8px}#ltr-app .ltr-lgs-summary{grid-template-columns:1fr}#ltr-app .ltr-lgs-highlight{padding:13px 14px}#ltr-app .ltr-lgs-highlight-text{font-size:13px}#ltr-app .ltr-language-list{gap:6px}#ltr-app .ltr-why-grid{grid-template-columns:1fr}#ltr-app .ltr-program-rank-lines{grid-template-columns:1fr}#ltr-app .ltr-type-grid{grid-template-columns:1fr}#ltr-app .ltr-type-tools{align-items:stretch}#ltr-app .ltr-type-tabs{gap:5px}#ltr-app .ltr-type-tab{height:34px;padding:0 8px;font-size:11px}#ltr-app .ltr-province-grid{grid-template-columns:1fr}#ltr-app .ltr-directory-head{align-items:stretch}#ltr-app .ltr-directory-tabs{width:100%}#ltr-app .ltr-directory-tab{flex:1 1 0;padding:0 8px}#ltr-app .ltr-directory-search{max-width:none;flex-basis:100%}#ltr-app .ltr-shell{margin:4px auto 14px!important}#ltr-app .ltr-hero{padding:10px 11px}#ltr-app .ltr-title{font-size:22px!important}#ltr-app .ltr-controls{align-items:stretch}#ltr-app .ltr-select{width:100%}#ltr-app .ltr-tab{flex:1 1 100%;font-size:14px}#ltr-app .ltr-search-panel,#ltr-app .ltr-grid,#ltr-app .ltr-school-list,#ltr-app .ltr-cards,#ltr-app .ltr-detail-sections{grid-template-columns:1fr}#ltr-app .ltr-detail-wide{grid-column:auto}#ltr-app .ltr-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#ltr-app .ltr-kv{grid-template-columns:118px minmax(0,1fr)}#ltr-app .ltr-table{font-size:12px}#ltr-app .ltr-table th,#ltr-app .ltr-table td{padding:6px 7px}#ltr-app .ltr-pager{align-items:flex-start}} /* ================= V45 CLEAN UI ================= */ #ltr-app{ --c-ink:#102f59;--c-text:#263b58;--c-muted:#6d7d92;--c-blue:#1f5fb9; --c-blue2:#3979dd;--c-line:#dde6f1;--c-soft:#f6f9fd;--c-card:#fff; width:100%;max-width:100%;min-width:0;overflow-x:clip;color:var(--c-text) } #ltr-app *{min-width:0} #ltr-app :where(h1,h2,h3,h4,p,strong,span,a,td,th){overflow-wrap:anywhere} #ltr-app img,#ltr-app svg,#ltr-app video,#ltr-app canvas{max-width:100%;height:auto} #ltr-app .ltr-shell{width:100%;max-width:1280px;margin:8px auto 24px!important;padding:0 2px} #ltr-app .ltr-hero{ position:relative;overflow:hidden;margin:0 0 12px;padding:20px 22px 19px 26px; border:1px solid #dce6f2;border-radius:17px;background:#fff; box-shadow:0 8px 26px rgba(28,60,102,.055) } #ltr-app .ltr-hero:before{ content:"";position:absolute;left:0;top:0;bottom:0;width:5px; background:linear-gradient(180deg,#1f61bd,#5b57d5) } #ltr-app .ltr-hero:after{ content:"";position:absolute;width:220px;height:220px;right:-90px;top:-120px;border-radius:50%; background:radial-gradient(circle,rgba(46,103,213,.12),rgba(46,103,213,0) 70%) } #ltr-app .ltr-title{ position:relative;z-index:1;margin:0 0 4px!important;padding:0!important; font-size:34px!important;line-height:1.1!important;letter-spacing:-.55px!important; font-weight:850!important;background:none!important;color:#164582!important } #ltr-app .ltr-sub{position:relative;z-index:1;margin:0!important;max-width:920px;color:#68798e!important;font-size:13px!important;line-height:1.55!important} #ltr-app .ltr-home-dashboard{ display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px; margin-bottom:11px;padding:17px;border:1px solid var(--c-line);border-radius:16px;background:#fff } #ltr-app .ltr-home-main h2{margin:8px 0 6px!important;color:#123e78;font-size:22px!important;line-height:1.22} #ltr-app .ltr-home-main p{margin:0;color:#68798e;font-size:13px;line-height:1.65} #ltr-app .ltr-eyebrow,#ltr-app .ltr-home-kicker{ display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px; background:#eef4ff;color:#245cac;font-size:10px;font-weight:900;letter-spacing:.2px } #ltr-app .ltr-home-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px} #ltr-app .ltr-home-action{ display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 13px; border:1px solid #bfd0e6;border-radius:9px;background:#fff;color:#174b8d!important;text-decoration:none!important; font-size:12px;font-weight:850 } #ltr-app .ltr-home-action:hover{background:#f7faff;border-color:#9db9df} #ltr-app .ltr-home-action.is-primary{background:#205fba;border-color:#205fba;color:#fff!important} #ltr-app .ltr-home-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px} #ltr-app .ltr-home-metrics>div{ display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:11px 12px; border:1px solid #e1e9f3;border-radius:11px;background:#f8fbff } #ltr-app .ltr-home-metrics strong{font-size:19px;color:#1c59af} #ltr-app .ltr-home-metrics span{margin-top:2px;color:#708096;font-size:10px} #ltr-app .ltr-pref-home,#ltr-app .ltr-best-entry{ min-height:70px;margin-bottom:9px;padding:12px 14px;border:1px solid #dce6f2;border-radius:13px;background:#fff;box-shadow:none } #ltr-app .ltr-pref-home:hover,#ltr-app .ltr-best-entry:hover{background:#fbfdff;border-color:#adc4e4} #ltr-app .ltr-pref-home strong,#ltr-app .ltr-best-entry strong{font-size:16px;color:#123f7c} #ltr-app .ltr-pref-home span,#ltr-app .ltr-best-entry span{margin-top:3px;color:#6b7c91;line-height:1.45} #ltr-app .ltr-best-entry b{padding:9px 12px;border-radius:9px;background:#205fba;color:#fff;box-shadow:none} #ltr-app .ltr-directory{margin-top:10px;padding:13px;border:1px solid var(--c-line);border-radius:15px;background:#fff;box-shadow:none} #ltr-app .ltr-directory-head{padding-bottom:10px;border-bottom:1px solid #edf1f6} #ltr-app .ltr-directory-tab,#ltr-app .ltr-directory-search input{height:40px;border-radius:9px} #ltr-app .ltr-directory-tab.is-active{background:#205fba;color:#fff} #ltr-app .ltr-directory-meta{margin:10px 1px 8px;color:#6e7f94} #ltr-app .ltr-province-grid{gap:7px} #ltr-app .ltr-province-link{ position:relative;min-height:48px;padding:9px 38px 9px 12px;border:1px solid #dfe7f1;border-radius:9px; background:#fff;box-shadow:none;transition:background .15s,border-color .15s } #ltr-app .ltr-province-link:after{content:"›";position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:21px;color:#5b7fbd} #ltr-app .ltr-province-link:hover{transform:none;background:#f7faff;border-color:#b4c8e5} #ltr-app .ltr-province-overview{ display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:10px 12px; border:1px solid #dce6f1;border-radius:13px;background:#fff } #ltr-app .ltr-province-overview-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:145px} #ltr-app .ltr-province-overview-head small{font-size:10px;color:#758397} #ltr-app .ltr-province-metrics{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:6px;flex:1} #ltr-app .ltr-province-metrics>div{padding:7px 9px;border:1px solid #e4ebf4;border-radius:9px;background:#f8faff} #ltr-app .ltr-province-metrics strong{display:block;font-size:15px;color:#1c58ae} #ltr-app .ltr-province-metrics span{display:block;margin-top:1px;font-size:9px;color:#718095} #ltr-app .ltr-controls{ display:grid;grid-template-columns:180px repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px;padding:6px; border:1px solid #dde6f1;border-radius:12px;background:#fff;box-shadow:none } #ltr-app .ltr-select,#ltr-app .ltr-tab{width:100%;min-height:41px;border-radius:8px} #ltr-app .ltr-tab{padding:6px 8px;white-space:normal;text-align:center;font-size:12px;font-weight:850} #ltr-app .ltr-tab.is-active{background:#205fba;color:#fff;box-shadow:none} #ltr-app .ltr-exam-filter,#ltr-app .ltr-voc-filter,#ltr-app .ltr-search-panel{ margin-bottom:9px;padding:12px;border:1px solid #dde6f1;border-radius:13px;background:#fff;box-shadow:none } #ltr-app .ltr-exam-filter-head h2,#ltr-app .ltr-voc-filter-head h2{font-size:16px!important;color:#173f79} #ltr-app .ltr-exam-filter-tabs{gap:6px} #ltr-app .ltr-exam-filter-tab{ min-height:44px;padding:7px 10px;border:1px solid #dbe5f0;border-radius:9px;background:#fff;box-shadow:none } #ltr-app .ltr-exam-filter-tab.is-active{background:#205fba;border-color:#205fba;color:#fff;box-shadow:none} #ltr-app .ltr-table-wrap{ contain:inline-size;width:100%!important;max-width:100%!important;min-width:0!important; overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch; border:1px solid #dce5f0;border-radius:12px;background:#fff;box-shadow:none } #ltr-app .ltr-table{max-width:none} #ltr-app .ltr-table th{background:#f3f6fb;color:#173d72;font-size:11px} #ltr-app .ltr-table td{font-size:11px} #ltr-app .ltr-table tbody tr:hover td{background:#fafcff} #ltr-app .ltr-school-link{font-weight:850;color:#1455a4!important} #ltr-app .ltr-best-intro{ display:flex;align-items:center;gap:13px;margin-bottom:9px;padding:12px 14px;border:1px solid #dce6f1;border-radius:12px;background:#fff } #ltr-app .ltr-best-intro h2{margin:0 0 3px!important;color:#123e78;font-size:17px!important} #ltr-app .ltr-best-intro p{margin:0;color:#6b7b90;font-size:11px;line-height:1.5} #ltr-app .ltr-best-nav{gap:6px;margin-bottom:9px} #ltr-app .ltr-best-nav a{min-height:39px;padding:0 13px;border-radius:8px} #ltr-app .ltr-best-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} #ltr-app .ltr-best-category{ min-height:82px;padding:12px;border:1px solid #dce6f1;border-radius:11px;background:#fff;box-shadow:none;transition:background .15s,border-color .15s } #ltr-app .ltr-best-category:hover{transform:none;background:#f8fbff;border-color:#b3c7e3} #ltr-app .ltr-best-star{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#eef4ff;color:#245dab} #ltr-app .ltr-best-category strong{font-size:14px;color:#123f7b} #ltr-app .ltr-best-category span{font-size:10px;line-height:1.4} #ltr-app .ltr-ranking-list{display:grid;gap:7px} #ltr-app .ltr-rank-item{ padding:10px 12px;border:1px solid #dce5f0;border-radius:11px;background:#fff;box-shadow:none } #ltr-app .ltr-rank-no{background:#eef4ff;color:#1e58ad;font-size:13px} #ltr-app .ltr-rank-item:nth-child(1) .ltr-rank-no{background:#e9b632;color:#fff} #ltr-app .ltr-rank-item:nth-child(2) .ltr-rank-no{background:#aab8c8;color:#fff} #ltr-app .ltr-rank-item:nth-child(3) .ltr-rank-no{background:#bf7b45;color:#fff} #ltr-app .ltr-rank-score strong{color:#173f79} #ltr-app .ltr-loading-card{min-height:280px;padding:18px;border-radius:14px} #ltr-app.ltr-is-busy:after{ content:"";position:fixed;z-index:99999;right:16px;bottom:16px;width:27px;height:27px;border-radius:50%; border:3px solid #d8e4f4;border-top-color:#205fba;background:#fff;box-shadow:0 4px 14px rgba(20,55,100,.13); animation:ltr45spin .65s linear infinite } @keyframes ltr45spin{to{transform:rotate(360deg)}} #ltr-app .ltr-debug-overflow{ position:fixed;z-index:2147483000;left:8px;right:8px;bottom:8px;max-height:46vh;overflow:auto; padding:10px;border:1px solid #e3b8b8;border-radius:9px;background:rgba(255,250,250,.98); box-shadow:0 8px 28px rgba(0,0,0,.18);color:#772020;font:11px/1.45 Arial,sans-serif } #ltr-app .ltr-debug-overflow code{display:block;margin-top:3px;white-space:normal;overflow-wrap:anywhere} @media(max-width:900px){ #ltr-app .ltr-home-dashboard{grid-template-columns:1fr} #ltr-app .ltr-home-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} #ltr-app .ltr-controls{grid-template-columns:1fr 1fr} #ltr-app .ltr-controls .ltr-select{grid-column:1/-1} #ltr-app .ltr-province-overview{display:block} #ltr-app .ltr-province-overview-head{margin-bottom:7px} #ltr-app .ltr-best-categories{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:700px){ #ltr-app{overflow-x:hidden!important} #ltr-app .ltr-shell{width:100%;max-width:100%;margin:4px 0 16px!important;padding:0!important} #ltr-app .ltr-hero{padding:14px 13px 14px 17px;border-radius:12px} #ltr-app .ltr-title{font-size:24px!important;line-height:1.15!important} #ltr-app .ltr-sub{font-size:11px!important} #ltr-app .ltr-home-dashboard{padding:12px;border-radius:12px} #ltr-app .ltr-home-main h2{font-size:18px!important} #ltr-app .ltr-home-metrics{grid-template-columns:1fr 1fr} #ltr-app .ltr-home-metrics>div{min-height:64px} #ltr-app .ltr-home-actions{display:grid;grid-template-columns:1fr 1fr} #ltr-app .ltr-home-action:first-child{grid-column:1/-1} #ltr-app .ltr-pref-home,#ltr-app .ltr-best-entry{display:block} #ltr-app .ltr-pref-home b,#ltr-app .ltr-best-entry b{display:block;width:100%;margin-top:8px} #ltr-app .ltr-directory{padding:9px} #ltr-app .ltr-directory-head{display:block} #ltr-app .ltr-directory-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:7px} #ltr-app .ltr-directory-search{max-width:none} #ltr-app .ltr-province-grid{grid-template-columns:1fr} #ltr-app .ltr-province-metrics{grid-template-columns:1fr 1fr} #ltr-app .ltr-controls{grid-template-columns:1fr 1fr;gap:5px} #ltr-app .ltr-controls .ltr-select{grid-column:1/-1} #ltr-app .ltr-tab{font-size:10px;min-height:40px} #ltr-app .ltr-search-panel{grid-template-columns:1fr} #ltr-app .ltr-exam-filter-tabs{grid-template-columns:1fr 1fr} #ltr-app .ltr-voc-areas{grid-template-columns:1fr} #ltr-app .ltr-best-nav{display:grid;grid-template-columns:1fr 1fr} #ltr-app .ltr-best-nav a:first-child{grid-column:1/-1} #ltr-app .ltr-best-intro{display:block} #ltr-app .ltr-best-intro .ltr-eyebrow{margin-bottom:7px} #ltr-app .ltr-best-categories{grid-template-columns:1fr} #ltr-app .ltr-rank-item{grid-template-columns:34px minmax(0,1fr);gap:7px} #ltr-app .ltr-rank-no{width:30px;height:30px;font-size:11px} #ltr-app .ltr-rank-score{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;align-items:center;gap:6px} #ltr-app .ltr-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important} #ltr-app .ltr-table{width:680px!important;min-width:680px!important;max-width:none!important} #ltr-app .ltr-pager{display:block} #ltr-app .ltr-page-buttons{margin-top:6px} #ltr-app .ltr-finder-bar{display:block} #ltr-app .ltr-finder-count{display:block;margin-top:5px} #ltr-app .ltr-kv{grid-template-columns:100px minmax(0,1fr)} #ltr-app .ltr-detail-sections{grid-template-columns:1fr} #ltr-app .ltr-facility-grid{grid-template-columns:1fr 1fr} #ltr-app .ltr-faq-list{grid-template-columns:1fr} } @media(max-width:430px){ #ltr-app .ltr-controls{grid-template-columns:1fr} #ltr-app .ltr-controls .ltr-select{grid-column:auto} #ltr-app .ltr-home-actions{grid-template-columns:1fr} #ltr-app .ltr-home-action:first-child{grid-column:auto} #ltr-app .ltr-exam-filter-tabs{grid-template-columns:1fr} #ltr-app .ltr-directory-tabs{grid-template-columns:1fr} #ltr-app .ltr-best-nav{grid-template-columns:1fr} #ltr-app .ltr-best-nav a:first-child{grid-column:auto} #ltr-app .ltr-table{width:640px!important;min-width:640px!important} } /* V67 SEO Kesif Modulleri */ #ltr-app .ltr-v67-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;padding:12px;border:1px solid #d7e3f2;border-radius:12px;background:#f8fbff} #ltr-app .ltr-v67-nav a{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border:1px solid #c7d7ec;border-radius:9px;background:#fff;color:#174b91!important;text-decoration:none!important;font-size:12px;font-weight:800} #ltr-app .ltr-v67-nav a:hover{border-color:#2a66bd;background:#eef5ff} #ltr-app .ltr-v67-hero{margin:0 0 10px;padding:20px;border:1px solid #d7e3f2;border-left:5px solid #2965bf;border-radius:13px;background:linear-gradient(135deg,#fbfdff,#f2f7ff)} #ltr-app .ltr-v67-hero span{display:inline-block;margin-bottom:5px;color:#2a63b4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em} #ltr-app .ltr-v67-hero h2{margin:0 0 7px;color:#164987;font-size:28px;line-height:1.18} #ltr-app .ltr-v67-hero p{margin:0;color:#66758a;font-size:13px;line-height:1.55} #ltr-app .ltr-v67-source{margin-top:15px;padding:12px 14px;border:1px solid #e1e8f1;border-radius:10px;background:#fbfcfe;color:#596a80;font-size:12px;line-height:1.55} #ltr-app .ltr-v67-loading,#ltr-app .ltr-v67-empty{padding:24px;border:1px dashed #cad7e7;border-radius:11px;background:#fbfdff;text-align:center;color:#64758b} #ltr-app .ltr-v67-count{margin:10px 0;padding:9px 12px;border-radius:9px;background:#eef5ff;color:#244a7f;font-size:12px} #ltr-app .ltr-v67-results{display:grid;gap:9px} #ltr-app .ltr-v67-card{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;padding:14px;border:1px solid #d8e2ef;border-radius:12px;background:#fff} #ltr-app .ltr-v67-school{color:#0d4f9e!important;text-decoration:none!important;font-size:16px;font-weight:900} #ltr-app .ltr-v67-place{margin-top:3px;color:#6b7789;font-size:12px} #ltr-app .ltr-v67-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px} #ltr-app .ltr-v67-chips span{padding:4px 7px;border-radius:999px;background:#eef4fb;color:#3f5d82;font-size:10px;font-weight:700} #ltr-app .ltr-v67-score{text-align:right}.ltr-v67-score b{display:block;color:#124d99;font-size:18px}.ltr-v67-score span{display:block;color:#7a8797;font-size:10px}.ltr-v67-score strong{display:block;margin:5px 0;color:#263c5a;font-size:12px} #ltr-app .ltr-v67-score button,#ltr-app .ltr-v67-inline-compare{border:1px solid #b9cce5;border-radius:7px;background:#fff;color:#174f96;cursor:pointer;font-size:10px;font-weight:800;padding:5px 8px} #ltr-app .ltr-v67-inline-compare{margin-left:7px;vertical-align:middle} #ltr-app .ltr-v67-tool{padding:16px;border:1px solid #d5e0ee;border-radius:12px;background:#fff} #ltr-app .ltr-v67-tool label{display:block;margin-bottom:7px;color:#183f74;font-weight:900} #ltr-app .ltr-v67-tool>div{display:flex;gap:8px} #ltr-app .ltr-v67-tool input,#ltr-app .ltr-v67-tool select{flex:1;min-width:0;height:42px;padding:0 11px;border:1px solid #bdcde0;border-radius:8px;background:#fff;font:inherit} #ltr-app .ltr-v67-tool button{min-height:42px;padding:0 16px;border:0;border-radius:8px;background:#2362bb;color:#fff;font-weight:900;cursor:pointer} #ltr-app .ltr-v67-tool small{display:block;margin-top:8px;color:#748398;line-height:1.45} #ltr-app .ltr-v67-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} #ltr-app .ltr-v67-area-grid a{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid #d4e0ee;border-radius:10px;background:#fff;color:#174b91!important;text-decoration:none!important} #ltr-app .ltr-v67-area-grid strong{font-size:12px}#ltr-app .ltr-v67-area-grid span{white-space:nowrap;color:#66778d;font-size:10px} #ltr-app .ltr-v67-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:14px 0}#ltr-app .ltr-v67-pager button{padding:8px 12px;border:1px solid #c5d4e6;border-radius:8px;background:#fff;color:#174b91;font-weight:800}#ltr-app .ltr-v67-pager button:disabled{opacity:.45} #ltr-app .ltr-v67-compare-top{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid #d8e2ef;border-radius:10px;background:#fff}#ltr-app .ltr-v67-compare-top button{border:1px solid #e3bcbc;border-radius:7px;background:#fff;color:#9d3030;padding:7px 9px;font-weight:800} #ltr-app .ltr-v67-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}#ltr-app .ltr-v67-compare-card{padding:14px;border:1px solid #d7e1ed;border-radius:11px;background:#fff}#ltr-app .ltr-v67-compare-card h3{margin:0 0 4px;color:#174b91;font-size:15px}#ltr-app .ltr-v67-compare-card p{margin:0 0 10px;color:#6e7c8e;font-size:11px}#ltr-app .ltr-v67-compare-card dl{margin:0}#ltr-app .ltr-v67-compare-card dt{margin-top:8px;color:#768499;font-size:9px;text-transform:uppercase}#ltr-app .ltr-v67-compare-card dd{margin:1px 0 0;color:#1b2e48;font-size:12px;font-weight:800} #ltr-app .ltr-v67-home-links{margin:12px 0;padding:14px;border:1px solid #d7e3f2;border-radius:12px;background:#fff}#ltr-app .ltr-v67-home-links h2{margin:0 0 4px;color:#174b91;font-size:18px}#ltr-app .ltr-v67-home-links p{margin:0;color:#69798d;font-size:12px} @media(max-width:760px){#ltr-app .ltr-v67-hero{padding:15px}#ltr-app .ltr-v67-hero h2{font-size:22px}#ltr-app .ltr-v67-card{grid-template-columns:1fr}#ltr-app .ltr-v67-score{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}#ltr-app .ltr-v67-score button{grid-column:1/-1}#ltr-app .ltr-v67-area-grid{grid-template-columns:1fr}#ltr-app .ltr-v67-compare-grid{grid-template-columns:1fr}#ltr-app .ltr-v67-tool>div{flex-direction:column}} /* ========================================================= V67.6 — SINAVLI LİSE DESKTOP / MOBILE GÖRÜNÜM AYRIMI Masaüstünde tablo, mobilde kartlar gösterilir. ========================================================= */ #ltr-app .ltr-exam-desktop-table{display:block} #ltr-app .ltr-exam-mobile-cards{display:none} @media(max-width:760px){ #ltr-app .ltr-exam-desktop-table{display:none!important} #ltr-app .ltr-exam-mobile-cards{display:grid!important;grid-template-columns:1fr;gap:10px;margin:0 0 12px} #ltr-app .ltr-exam-mobile-card{display:block;padding:12px;border:1px solid #dce5f0;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(27,64,112,.045)} #ltr-app .ltr-exam-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px} #ltr-app .ltr-exam-card-school{min-width:0;flex:1} #ltr-app .ltr-exam-card-school .ltr-school-link{display:block;font-size:15px;line-height:1.35;font-weight:850} #ltr-app .ltr-exam-card-location{margin-top:3px;color:#62738a;font-size:11px;font-weight:700} #ltr-app .ltr-exam-card-area{margin-top:4px;color:#405873;font-size:11px;line-height:1.35} #ltr-app .ltr-exam-card-pref{flex:0 0 auto} #ltr-app .ltr-exam-card-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px} #ltr-app .ltr-exam-history{border:1px solid #e2e8f1;border-radius:9px;overflow:hidden} #ltr-app .ltr-exam-history-row{display:grid;grid-template-columns:64px 62px minmax(92px,1fr) minmax(72px,.8fr);align-items:center;gap:4px;min-height:43px;padding:6px 7px;border-bottom:1px solid #edf1f6;background:#fff} #ltr-app .ltr-exam-history-row:last-child{border-bottom:0} #ltr-app .ltr-exam-history-row.is-current{background:#f4f8ff} #ltr-app .ltr-exam-history-year{display:flex;flex-direction:column;gap:1px} #ltr-app .ltr-exam-history-year strong{font-size:12px;color:#153e77} #ltr-app .ltr-exam-history-year span{font-size:8px;color:#2b67b6;font-weight:800;text-transform:uppercase} #ltr-app .ltr-exam-history-metric{min-width:0;text-align:right} #ltr-app .ltr-exam-history-metric small{display:block;margin-bottom:1px;color:#7a8798;font-size:8px} #ltr-app .ltr-exam-history-metric b,#ltr-app .ltr-exam-history-metric .ltr-score{font-size:11px;color:#1d2f49} } @media(min-width:761px){ #ltr-app .ltr-exam-desktop-table{display:block!important} #ltr-app .ltr-exam-mobile-cards{display:none!important} } /* ========================================================= V67.9 — GENEL GÖRSEL + TİPOGRAFİ + MOBİL İYİLEŞTİRME Amaç: - Fazla büyük başlıkları dengeler - Okul detayında renk hiyerarşisi kurar - "Niçin Bu Okul?" alanını kart görünümüne çevirir - Masaüstünde gereksiz tablo kaydırma ipucunu gizler - Mobilde okunabilir tablo ipucunu ve daha kompakt ölçeği açar ========================================================= */ #ltr-app{ --v679-navy:#153f75; --v679-blue:#245fa8; --v679-blue-soft:#eef5ff; --v679-teal:#0f766e; --v679-teal-soft:#eef9f7; --v679-purple:#6c4cac; --v679-purple-soft:#f5f1ff; --v679-amber:#a96316; --v679-amber-soft:#fff7ec; --v679-text:#34465f; --v679-muted:#718096; --v679-line:#dce5ef; --v679-soft:#f8fbff; } /* Genel tipografi: daha sakin ve dengeli */ #ltr-app .ltr-title{ font-size:30px!important; line-height:1.16!important; letter-spacing:-.35px!important; color:var(--v679-navy)!important; } #ltr-app .ltr-sub{ max-width:960px; color:#6c7d91!important; font-size:12.5px!important; line-height:1.55!important; } #ltr-app .ltr-section-title{ position:relative; margin:18px 0 9px!important; padding:0 0 0 12px!important; border-left:3px solid #4d79c7!important; color:var(--v679-navy)!important; font-size:18px!important; line-height:1.32!important; font-weight:850!important; letter-spacing:-.12px; } #ltr-app .ltr-section-title:after{ content:""; display:inline-block; width:38px; height:2px; margin-left:8px; border-radius:999px; background:linear-gradient(90deg,#7ca2df,transparent); vertical-align:middle; } /* Program kutuları: daha zarif kart yapısı */ #ltr-app .ltr-section{ margin:9px 0 14px; padding:13px 14px 14px; border:1px solid var(--v679-line); border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(31,65,110,.035); } #ltr-app .ltr-program-head{ align-items:center; gap:8px; margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid #edf1f6; } #ltr-app .ltr-program-head h3{ color:#183f72!important; font-size:16px!important; line-height:1.35!important; font-weight:850!important; letter-spacing:-.08px; } #ltr-app .ltr-program-head .ltr-muted{ color:#728197!important; font-size:11.5px!important; line-height:1.4; } /* Tablo: daha okunaklı ama bağırmayan */ #ltr-app .ltr-table-wrap{ border-color:#d9e3ef; border-radius:12px; box-shadow:0 2px 9px rgba(35,67,105,.025); } #ltr-app .ltr-table th{ padding:9px 10px; background:#f3f7fc!important; color:#274b77!important; font-size:12px!important; font-weight:850; letter-spacing:.01em; } #ltr-app .ltr-table td{ padding:9px 10px; color:#34465f; font-size:12.5px!important; line-height:1.42; } #ltr-app .ltr-table tbody tr:first-child td{ background:#f9fbff; } #ltr-app .ltr-table tbody tr:first-child td strong{ color:#1b58a7; } #ltr-app .ltr-table tbody tr:hover td{ background:#f7faff!important; } #ltr-app .ltr-table td strong{ color:#173e71; font-weight:850; } /* Bu ipucu masaüstünde gereksiz; mobilde aşağıda açılır */ #ltr-app .ltr-table-mobile-hint{ display:none; } /* Detay bilgi kartları */ #ltr-app .ltr-detail-sections{ gap:10px; margin-bottom:12px; } #ltr-app .ltr-detail-card{ border-color:#dce5ef; border-radius:13px; box-shadow:0 4px 15px rgba(31,65,108,.025); } #ltr-app .ltr-detail-card-title{ padding:9px 11px!important; background:#f5f8fc!important; border-bottom-color:#e3eaf2!important; color:#234d7f!important; font-size:14px!important; line-height:1.3!important; } #ltr-app .ltr-kv-label{ background:#fafbfd; color:#60718a; font-size:11.5px; } #ltr-app .ltr-kv-value{ color:#2f4058; font-size:12.5px; } #ltr-app .ltr-facility{ border-color:#e0e8f1; border-radius:10px; background:linear-gradient(145deg,#fff,#f9fbfe); } #ltr-app .ltr-facility-name{ color:#708095; font-size:10.5px; } #ltr-app .ltr-facility-value{ color:#214d80; font-size:13px; } /* Türkiye / il sıralaması alanı: daha editoryal */ #ltr-app .ltr-lgs-highlight{ margin:9px 0 13px; padding:14px 16px; border-color:#d4dfed; border-radius:14px; background:linear-gradient(135deg,#f8fbff 0%,#fff 56%,#faf8ff 100%); box-shadow:0 5px 17px rgba(39,73,119,.035); } #ltr-app .ltr-program-rank-line{ border-color:#dce5ef; background:#fff; color:#465a73; font-size:12.5px; } #ltr-app .ltr-program-rank-line strong:nth-of-type(1){color:var(--v679-navy)} #ltr-app .ltr-program-rank-line strong:nth-of-type(2){color:var(--v679-teal)} #ltr-app .ltr-program-rank-no{ background:#edf4ff; color:#245da8; } /* Niçin Bu Okul? — ekran görüntüsündeki büyük yazı problemi burada düzeltilir */ #ltr-app .ltr-why-school{ margin:0 0 18px; padding:14px; border:1px solid #dce5ef; border-radius:14px; background:linear-gradient(140deg,#fbfdff 0%,#fff 55%,#fffcf7 100%); box-shadow:0 5px 18px rgba(32,65,107,.03); } #ltr-app .ltr-why-school ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0!important; padding:0!important; list-style:none!important; } #ltr-app .ltr-why-school li{ position:relative; margin:0!important; padding:10px 12px 10px 35px!important; border:1px solid #e3e9f1; border-radius:11px; background:#fff; color:var(--v679-text)!important; font-size:13px!important; font-weight:450!important; line-height:1.5!important; } #ltr-app .ltr-why-school li:before{ content:"✓"; position:absolute; left:11px; top:11px; display:flex; align-items:center; justify-content:center; width:17px; height:17px; border-radius:50%; background:var(--v679-blue-soft); color:var(--v679-blue); font-size:10px; font-weight:950; } #ltr-app .ltr-why-school li strong{ font-size:inherit!important; font-weight:850!important; } #ltr-app .ltr-why-school li:nth-child(4n+1) strong{color:var(--v679-blue)!important} #ltr-app .ltr-why-school li:nth-child(4n+2) strong{color:var(--v679-teal)!important} #ltr-app .ltr-why-school li:nth-child(4n+3) strong{color:var(--v679-purple)!important} #ltr-app .ltr-why-school li:nth-child(4n+4) strong{color:var(--v679-amber)!important} #ltr-app .ltr-why-school li:nth-child(4n+2):before{background:var(--v679-teal-soft);color:var(--v679-teal)} #ltr-app .ltr-why-school li:nth-child(4n+3):before{background:var(--v679-purple-soft);color:var(--v679-purple)} #ltr-app .ltr-why-school li:nth-child(4n+4):before{background:var(--v679-amber-soft);color:var(--v679-amber)} /* Butonlar daha zarif */ #ltr-app .ltr-pref-add, #ltr-app .ltr-v67-inline-compare{ min-height:34px; border-radius:9px; border-color:#bfd0e6; background:#fff; color:#24568f; font-size:11px; font-weight:850; } #ltr-app .ltr-pref-add:hover, #ltr-app .ltr-v67-inline-compare:hover{ border-color:#8eaed7; background:#f6f9fd; } /* Keşif sayfalarında büyük başlıkları da bir kademe küçült */ #ltr-app .ltr-v67-hero{ padding:17px 18px; } #ltr-app .ltr-v67-hero h2{ font-size:24px; line-height:1.22; } #ltr-app .ltr-v67-home-links h2{ font-size:17px; } #ltr-app .ltr-v67-school{ font-size:15px; } /* Tablet */ @media(max-width:900px){ #ltr-app .ltr-title{font-size:27px!important} #ltr-app .ltr-why-school ul{grid-template-columns:1fr} } /* Mobil */ @media(max-width:700px){ #ltr-app .ltr-title{ font-size:22px!important; line-height:1.2!important; letter-spacing:-.2px!important; } #ltr-app .ltr-sub{ font-size:11.5px!important; line-height:1.5!important; } #ltr-app .ltr-section-title{ margin:15px 0 8px!important; padding-left:10px!important; font-size:16.5px!important; line-height:1.3!important; } #ltr-app .ltr-section-title:after{ width:25px; margin-left:6px; } #ltr-app .ltr-section{ margin:8px 0 12px; padding:11px; border-radius:12px; } #ltr-app .ltr-program-head{ display:block; padding-bottom:8px; } #ltr-app .ltr-program-head h3{ margin-bottom:5px!important; font-size:15px!important; } #ltr-app .ltr-program-head>div{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; } #ltr-app .ltr-program-head>div>span{ margin-left:0!important; } #ltr-app .ltr-table-mobile-hint{ display:flex; align-items:center; gap:5px; margin:0 2px 7px; padding:6px 8px; border-radius:8px; background:#f4f7fb; color:#6b7b90; font-size:10.5px!important; line-height:1.35!important; } #ltr-app .ltr-section .ltr-table[style*="min-width:480px"]{ width:520px!important; min-width:520px!important; } #ltr-app .ltr-section .ltr-table[style*="min-width:280px"]{ width:100%!important; min-width:340px!important; } #ltr-app .ltr-table th{ padding:8px 8px; font-size:11px!important; } #ltr-app .ltr-table td{ padding:8px 8px; font-size:11.5px!important; } #ltr-app .ltr-detail-card-title{ font-size:13px!important; } #ltr-app .ltr-kv{ grid-template-columns:105px minmax(0,1fr); } #ltr-app .ltr-kv-label, #ltr-app .ltr-kv-value{ padding:7px 8px; font-size:11.5px; } #ltr-app .ltr-facility-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } #ltr-app .ltr-why-school{ padding:10px; border-radius:12px; } #ltr-app .ltr-why-school ul{ grid-template-columns:1fr; gap:6px; } #ltr-app .ltr-why-school li{ padding:9px 10px 9px 32px!important; border-radius:9px; font-size:12px!important; line-height:1.45!important; } #ltr-app .ltr-why-school li:before{ left:9px; top:9px; } #ltr-app .ltr-program-rank-lines{ grid-template-columns:1fr; } #ltr-app .ltr-program-rank-line{ padding:9px 10px; font-size:11.5px; } #ltr-app .ltr-lgs-highlight{ padding:11px; border-radius:12px; } #ltr-app .ltr-v67-hero{ padding:14px; } #ltr-app .ltr-v67-hero h2{ font-size:20px; } #ltr-app .ltr-v67-card{ padding:12px; } } /* Çok dar telefon */ @media(max-width:430px){ #ltr-app .ltr-title{font-size:21px!important} #ltr-app .ltr-section-title{font-size:16px!important} #ltr-app .ltr-facility-grid{grid-template-columns:1fr 1fr} #ltr-app .ltr-section .ltr-table[style*="min-width:480px"]{ width:500px!important; min-width:500px!important; } } /* ========================================================= V67.10 — ESTETİK PRO / DAHA SAKİN + DAHA KATMANLI ========================================================= */ #ltr-app{ --v6710-ink:#173c69; --v6710-ink2:#244f80; --v6710-text:#3d4e64; --v6710-muted:#77869a; --v6710-line:#dce6f0; --v6710-page:#f7f9fc; --v6710-blue:#2d68bd; --v6710-blue-soft:#f1f6ff; --v6710-teal:#14796f; --v6710-teal-soft:#f0faf7; --v6710-violet:#6652a7; --v6710-violet-soft:#f6f3ff; --v6710-amber:#a66a24; --v6710-amber-soft:#fff8ee; } /* Ana okul başlığı: daha zarif, daha az yüksek */ #ltr-app .ltr-hero{ margin-bottom:10px; padding:17px 20px 16px 27px; border-color:#d9e4f0; border-radius:18px; background: radial-gradient(circle at 92% 8%,rgba(65,117,205,.09),transparent 23%), linear-gradient(120deg,#ffffff 0%,#fbfdff 54%,#f6f9ff 100%); box-shadow:0 8px 24px rgba(30,61,99,.045); } #ltr-app .ltr-hero:before{ width:4px; background:linear-gradient(180deg,#3370c8 0%,#6554b6 100%); } #ltr-app .ltr-hero:after{ width:150px; height:150px; right:-52px; top:-72px; background:radial-gradient(circle,rgba(68,111,190,.10),transparent 70%); } #ltr-app .ltr-title{ margin-bottom:3px!important; font-size:28px!important; line-height:1.14!important; letter-spacing:-.38px!important; font-weight:850!important; color:var(--v6710-ink)!important; } #ltr-app .ltr-sub{ color:#718198!important; font-size:12px!important; line-height:1.5!important; } /* Üst navigasyon: sert mavi blok yerine daha dengeli segmentler */ #ltr-app .ltr-controls{ gap:7px; padding:7px; border-color:#dce5ef; border-radius:14px; background:#f8fafd; } #ltr-app .ltr-select, #ltr-app .ltr-tab{ min-height:43px; border-color:#d5e0ec; border-radius:10px; background:#fff; } #ltr-app .ltr-tab{ color:#284d78; font-size:11.5px; font-weight:820; } #ltr-app .ltr-tab:hover{ border-color:#aac1df; background:#f6f9fe; } #ltr-app .ltr-tab.is-active{ border-color:transparent; background:linear-gradient(135deg,#2b66bd,#3d72c9); color:#fff; box-shadow:0 5px 14px rgba(42,98,181,.13); } /* Detay kartları: aynı beyaz kutu hissini kır */ #ltr-app .ltr-detail-sections{ gap:10px; margin-bottom:11px; } #ltr-app .ltr-detail-card{ border-color:#dce5ef; border-radius:15px; background:#fff; box-shadow:0 5px 17px rgba(32,63,99,.028); } #ltr-app .ltr-detail-card-title{ position:relative; padding:10px 13px 10px 17px!important; border-bottom:1px solid #e4ebf3!important; background:#f7faff!important; color:var(--v6710-ink)!important; font-size:14px!important; font-weight:850!important; } #ltr-app .ltr-detail-card-title:before{ content:""; position:absolute; left:8px; top:50%; width:3px; height:18px; border-radius:99px; transform:translateY(-50%); background:#4b78c2; } #ltr-app .ltr-detail-card:nth-child(4n+2) .ltr-detail-card-title{ background:#f4fbf9!important; color:#17675f!important; } #ltr-app .ltr-detail-card:nth-child(4n+2) .ltr-detail-card-title:before{background:#35a292} #ltr-app .ltr-detail-card:nth-child(4n+3) .ltr-detail-card-title{ background:#f8f6ff!important; color:#5a4a91!important; } #ltr-app .ltr-detail-card:nth-child(4n+3) .ltr-detail-card-title:before{background:#7561b4} #ltr-app .ltr-detail-card:nth-child(4n+4) .ltr-detail-card-title{ background:#fff9f1!important; color:#8a5e27!important; } #ltr-app .ltr-detail-card:nth-child(4n+4) .ltr-detail-card-title:before{background:#d0954c} #ltr-app .ltr-kv{ border-bottom-color:#edf1f5; } #ltr-app .ltr-kv-label{ padding:7px 10px; background:#fbfcfe; color:#65758b; font-size:11px; font-weight:760; } #ltr-app .ltr-kv-value{ padding:7px 10px; color:#31445d; font-size:12px; line-height:1.45; } /* Evet/Hayır rozetleri */ #ltr-app .ltr-feature-row{ gap:6px; padding:9px 10px 10px; } #ltr-app .ltr-feature-chip{ position:relative; display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:5px 9px 5px 8px; border-radius:999px; font-size:10.5px; font-weight:780; } #ltr-app .ltr-feature-chip:before{ content:""; width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#9aa7b7; } #ltr-app .ltr-feature-chip.is-yes{ border-color:#cbe8dc; background:#f1fbf6; color:#176348; } #ltr-app .ltr-feature-chip.is-yes:before{ background:#24a26f; box-shadow:0 0 0 3px rgba(36,162,111,.08); } #ltr-app .ltr-feature-chip.is-no{ border-color:#e2e7ed; background:#fafbfc; color:#748092; } /* Fiziksel imkânlar */ #ltr-app .ltr-facility-grid{ gap:7px; padding:9px; } #ltr-app .ltr-facility{ min-height:55px; padding:9px 10px; border-color:#e1e8f0; border-radius:11px; background:linear-gradient(145deg,#fff,#fafcff); } #ltr-app .ltr-facility-name{ color:#78869a; font-size:10px; } #ltr-app .ltr-facility-value{ color:#245383; font-size:13px; } /* Bölüm başlıkları: daha küçük, daha editoryal */ #ltr-app .ltr-section-title{ margin:17px 0 8px!important; padding-left:11px!important; border-left:3px solid #4c78c1!important; color:var(--v6710-ink)!important; font-size:17px!important; line-height:1.3!important; font-weight:850!important; letter-spacing:-.08px; } #ltr-app .ltr-section-title:after{ width:28px; height:1px; margin-left:7px; background:#bdcce1; } /* Okul özeti ve sıralama alanı */ #ltr-app .ltr-lgs-highlight{ margin:7px 0 14px; padding:13px 14px; border-color:#d9e3ef; border-radius:16px; background: radial-gradient(circle at 97% 12%,rgba(81,96,184,.08),transparent 22%), linear-gradient(135deg,#f9fbff 0%,#fff 58%,#faf9ff 100%); box-shadow:0 6px 18px rgba(34,66,105,.03); } #ltr-app .ltr-lgs-highlight-label, #ltr-app .ltr-program-rank-title{ color:#6b7d94; font-size:9.5px; font-weight:880; letter-spacing:.055em; } #ltr-app .ltr-program-rank-lines{ gap:9px; margin-top:7px; } #ltr-app .ltr-program-rank-line{ position:relative; padding:11px 12px 11px 14px; border-color:#dfe7f1; border-radius:12px; background:#fff; color:#53647a; font-size:11.5px; line-height:1.6; box-shadow:0 3px 11px rgba(37,65,99,.018); } #ltr-app .ltr-program-rank-line:before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:99px; background:#5684ce; } #ltr-app .ltr-program-rank-line:nth-child(2):before{background:#32a091} #ltr-app .ltr-program-rank-line strong:nth-of-type(1){ color:#1d4778!important; } #ltr-app .ltr-program-rank-line strong:nth-of-type(2){ color:#11786c!important; } #ltr-app .ltr-program-rank-no{ min-width:27px; height:23px; padding:0 7px; background:#edf4ff; color:#245fa9; font-size:10.5px; } /* Ortalama tablosu */ #ltr-app .ltr-avg-note{ margin:4px 0 9px; padding:8px 11px; border-left:3px solid #a9c2e5; border-radius:0 9px 9px 0; background:#f8fbff; color:#728096; font-size:10.5px; line-height:1.45; } #ltr-app .ltr-language-pill{ min-height:30px; padding:5px 9px; border-color:#d8e2ee; background:#f9fbfe; color:#295585; font-size:10.5px; } #ltr-app .ltr-language-pill:before{ width:5px; height:5px; box-shadow:0 0 0 2px #edf3ff; } /* Program geçmişi: daha ince kart ve başlık */ #ltr-app .ltr-section{ margin:8px 0 13px; padding:12px 13px 13px; border-color:#dde6f0; border-radius:15px; box-shadow:0 5px 17px rgba(32,63,99,.025); } #ltr-app .ltr-program-head{ min-height:34px; margin-bottom:8px; padding-bottom:8px; border-bottom-color:#edf1f5; } #ltr-app .ltr-program-head h3{ color:#173f70!important; font-size:15px!important; font-weight:850!important; } #ltr-app .ltr-program-head .ltr-muted{ color:#8090a4!important; font-size:10.5px!important; } #ltr-app .ltr-pref-add, #ltr-app .ltr-v67-inline-compare{ min-height:32px; padding:0 10px; border-radius:9px; background:#fbfdff; color:#245b96; font-size:10.5px; } #ltr-app .ltr-pref-add:hover, #ltr-app .ltr-v67-inline-compare:hover{ background:#eef5ff; border-color:#8eadd5; } /* Tablolarda hafif zebra + daha zarif header */ #ltr-app .ltr-table-wrap{ border-color:#dce5ef; border-radius:13px; box-shadow:none; } #ltr-app .ltr-table th{ padding:9px 10px; background:#f2f6fb!important; color:#284d78!important; font-size:11px!important; font-weight:850; } #ltr-app .ltr-table td{ padding:9px 10px; color:#405169; font-size:11.7px!important; } #ltr-app .ltr-table tbody tr:nth-child(even) td{ background:#fbfcfe; } #ltr-app .ltr-table tbody tr:first-child td{ background:#f7faff; } #ltr-app .ltr-table tbody tr:hover td{ background:#f3f7fc!important; } /* Niçin bu okul: daha yumuşak, daha premium */ #ltr-app .ltr-why-school{ margin-bottom:18px; padding:12px; border-color:#dce5ef; border-radius:15px; background:linear-gradient(145deg,#fbfdff,#fff 58%,#fffaf4); box-shadow:0 5px 16px rgba(32,65,107,.025); } #ltr-app .ltr-why-school ul{ gap:7px; } #ltr-app .ltr-why-school li{ padding:9px 11px 9px 33px!important; border-color:#e3e9f1; border-radius:10px; background:rgba(255,255,255,.9); color:#45566c!important; font-size:12px!important; line-height:1.48!important; } #ltr-app .ltr-why-school li:before{ left:9px; top:9px; width:16px; height:16px; font-size:9px; } /* Genel keşif modülleri de aynı dilde */ #ltr-app .ltr-v67-hero{ padding:15px 16px; border-left-width:4px; border-radius:15px; background:linear-gradient(135deg,#fcfdff,#f5f9ff); } #ltr-app .ltr-v67-hero h2{ font-size:21px; letter-spacing:-.15px; } #ltr-app .ltr-v67-nav{ gap:7px; padding:10px; border-radius:13px; background:#f8fafd; } #ltr-app .ltr-v67-nav a{ min-height:36px; border-radius:9px; font-size:11px; } /* Tablet */ @media(max-width:900px){ #ltr-app .ltr-title{font-size:25px!important} } /* Mobil: daha kompakt ve daha temiz */ @media(max-width:700px){ #ltr-app .ltr-shell{ margin-top:2px!important; } #ltr-app .ltr-hero{ padding:13px 12px 13px 17px; border-radius:13px; } #ltr-app .ltr-title{ font-size:20.5px!important; line-height:1.2!important; } #ltr-app .ltr-sub{ font-size:10.8px!important; } #ltr-app .ltr-controls{ gap:5px; padding:5px; border-radius:11px; } #ltr-app .ltr-select, #ltr-app .ltr-tab{ min-height:39px; } #ltr-app .ltr-tab{ font-size:10px; } #ltr-app .ltr-detail-sections{ gap:8px; } #ltr-app .ltr-detail-card{ border-radius:12px; } #ltr-app .ltr-detail-card-title{ padding:8px 10px 8px 15px!important; font-size:12.5px!important; } #ltr-app .ltr-detail-card-title:before{ left:7px; height:15px; } #ltr-app .ltr-kv{ grid-template-columns:96px minmax(0,1fr); } #ltr-app .ltr-kv-label, #ltr-app .ltr-kv-value{ padding:6px 7px; font-size:10.8px; } #ltr-app .ltr-feature-row{ gap:5px; padding:7px 8px 8px; } #ltr-app .ltr-feature-chip{ min-height:25px; padding:4px 7px; font-size:9.6px; } #ltr-app .ltr-section-title{ margin:14px 0 7px!important; font-size:15.5px!important; } #ltr-app .ltr-section-title:after{ width:20px; } #ltr-app .ltr-lgs-highlight{ padding:10px; border-radius:12px; } #ltr-app .ltr-program-rank-lines{ gap:6px; } #ltr-app .ltr-program-rank-line{ padding:9px 9px 9px 12px; font-size:10.5px; line-height:1.5; } #ltr-app .ltr-section{ padding:9px; border-radius:12px; } #ltr-app .ltr-program-head h3{ font-size:13.5px!important; } #ltr-app .ltr-program-head .ltr-muted{ font-size:9.8px!important; } #ltr-app .ltr-table th{ padding:7px; font-size:10px!important; } #ltr-app .ltr-table td{ padding:7px; font-size:10.7px!important; } #ltr-app .ltr-why-school{ padding:8px; border-radius:11px; } #ltr-app .ltr-why-school li{ padding:8px 8px 8px 29px!important; font-size:10.8px!important; } #ltr-app .ltr-why-school li:before{ left:8px; top:8px; width:14px; height:14px; } #ltr-app .ltr-facility{ min-height:49px; padding:7px 8px; } #ltr-app .ltr-facility-name{font-size:9px} #ltr-app .ltr-facility-value{font-size:11.5px} #ltr-app .ltr-v67-hero h2{font-size:18px} } /* 430 altı: tek elle okunabilir düzen */ @media(max-width:430px){ #ltr-app .ltr-title{font-size:19.5px!important} #ltr-app .ltr-section-title{font-size:15px!important} #ltr-app .ltr-feature-row{gap:4px} #ltr-app .ltr-feature-chip{font-size:9.2px} } /* ========================================================= V67.11 — ANA SAYFA + İL SAYFALARI ESTETİK / İLGİLİ KEŞİF ========================================================= */ /* ANA SAYFA — güçlü ama sakin ilk izlenim */ #ltr-app .ltr-home-dashboard{ position:relative; overflow:hidden; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:14px; margin-bottom:12px; padding:20px; border:1px solid #d8e4f1; border-radius:19px; background: radial-gradient(circle at 88% 9%,rgba(76,111,190,.11),transparent 24%), radial-gradient(circle at 5% 100%,rgba(38,151,132,.07),transparent 27%), linear-gradient(135deg,#ffffff 0%,#fbfdff 57%,#f7f9ff 100%); box-shadow:0 9px 28px rgba(31,66,109,.045); } #ltr-app .ltr-home-dashboard:after{ content:""; position:absolute; right:-70px; bottom:-90px; width:190px; height:190px; border:1px solid rgba(83,113,181,.08); border-radius:50%; pointer-events:none; } #ltr-app .ltr-home-main{position:relative;z-index:1} #ltr-app .ltr-home-copy{max-width:780px} #ltr-app .ltr-home-main h2{ max-width:730px; margin:8px 0 7px!important; color:#153e70!important; font-size:23px!important; line-height:1.2!important; letter-spacing:-.28px; } #ltr-app .ltr-home-main p{ max-width:760px; color:#66788f!important; font-size:12.5px!important; line-height:1.62!important; } #ltr-app .ltr-home-main p strong{color:#245fa6} #ltr-app .ltr-home-trust{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; } #ltr-app .ltr-home-trust span{ display:inline-flex; align-items:center; min-height:25px; padding:0 9px; border:1px solid #dfe8f2; border-radius:999px; background:rgba(255,255,255,.76); color:#65758b; font-size:9.7px; font-weight:760; } #ltr-app .ltr-home-trust span:before{ content:""; width:5px;height:5px;margin-right:6px;border-radius:50%;background:#4e7bc2; } #ltr-app .ltr-home-trust span:nth-child(2):before{background:#25a08b} #ltr-app .ltr-home-trust span:nth-child(3):before{background:#8a6bc1} #ltr-app .ltr-home-actions{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin-top:14px; } #ltr-app .ltr-home-action{ position:relative; display:flex; min-height:58px; padding:10px 27px 10px 12px; align-items:flex-start; flex-direction:column; border:1px solid #dbe5f0; border-radius:12px; background:#fff; box-shadow:0 3px 11px rgba(33,65,102,.02); } #ltr-app .ltr-home-action:after{ content:"›"; position:absolute; right:11px;top:50%; transform:translateY(-50%); color:#7e91a9;font-size:20px; } #ltr-app .ltr-home-action strong{ color:#1c4f86; font-size:11.5px; line-height:1.25; } #ltr-app .ltr-home-action span{ margin-top:3px; color:#7b899b; font-size:9.5px; font-weight:620; } #ltr-app .ltr-home-action.is-primary{ border-color:#cbdcf2; background:linear-gradient(145deg,#edf5ff,#fff); color:inherit!important; } #ltr-app .ltr-home-action.is-primary strong{color:#1d5bab} #ltr-app .ltr-home-action.is-local{ background:linear-gradient(145deg,#effaf7,#fff); } #ltr-app .ltr-home-action.is-local strong{color:#137468} #ltr-app .ltr-home-action.is-best{ background:linear-gradient(145deg,#f7f3ff,#fff); } #ltr-app .ltr-home-action.is-best strong{color:#654da2} #ltr-app .ltr-home-action:hover{ transform:translateY(-1px); border-color:#a9bfdd; box-shadow:0 7px 17px rgba(36,72,116,.05); } #ltr-app .ltr-home-metrics{ position:relative;z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:8px; align-content:stretch; } #ltr-app .ltr-home-metrics>div{ position:relative; overflow:hidden; min-height:92px; padding:13px; border:1px solid #e0e8f1; border-radius:13px; background:rgba(255,255,255,.86); } #ltr-app .ltr-home-metrics>div:before{ content:""; position:absolute; left:0;top:0;bottom:0; width:3px; background:#4d7bc1; } #ltr-app .ltr-home-metrics>div.is-teal:before{background:#2e9c89} #ltr-app .ltr-home-metrics>div.is-violet:before{background:#7964b5} #ltr-app .ltr-home-metrics>div.is-amber:before{background:#ce9142} #ltr-app .ltr-home-metrics strong{ color:#214f82!important; font-size:20px!important; line-height:1.15; } #ltr-app .ltr-home-metrics>div.is-teal strong{color:#157267!important} #ltr-app .ltr-home-metrics>div.is-violet strong{color:#66529c!important} #ltr-app .ltr-home-metrics>div.is-amber strong{color:#976326!important} #ltr-app .ltr-home-metrics span{ margin-top:4px; color:#4f637c!important; font-size:10.5px!important; font-weight:780; } #ltr-app .ltr-home-metrics small{ margin-top:2px; color:#8793a3; font-size:8.8px; } /* Tercih listesi + En İyi Liseler girişleri */ #ltr-app .ltr-pref-home, #ltr-app .ltr-best-entry{ position:relative; overflow:hidden; min-height:74px; padding:13px 15px; border-radius:14px; transition:.16s ease; } #ltr-app .ltr-pref-home{ background:linear-gradient(110deg,#f1f8ff,#fff 58%,#f4fbf8); } #ltr-app .ltr-best-entry{ background:linear-gradient(110deg,#f6f3ff,#fff 58%,#fff9f0); } #ltr-app .ltr-pref-home:before, #ltr-app .ltr-best-entry:before{ content:""; position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 99px 99px 0;background:#3c76c4; } #ltr-app .ltr-best-entry:before{background:#7460b1} #ltr-app .ltr-pref-home b, #ltr-app .ltr-best-entry b{ min-width:42px; min-height:34px; border-radius:9px; } #ltr-app .ltr-best-entry b{font-size:10.5px} /* Hızlı araçlar — link yığını değil kompakt araç paneli */ #ltr-app .ltr-v67-home-links{ margin:11px 0; padding:14px; border:1px solid #dce6f1; border-radius:15px; background:linear-gradient(135deg,#fff,#f9fbfe); } #ltr-app .ltr-v67-home-links-head{ display:flex; align-items:flex-end; flex-wrap:wrap; gap:4px 12px; margin-bottom:10px; } #ltr-app .ltr-v67-home-links-head>span{ display:inline-flex; min-height:22px; align-items:center; padding:0 8px; border-radius:999px; background:#eef4ff; color:#245ca4; font-size:9px; font-weight:900; } #ltr-app .ltr-v67-home-links h2{ margin:0!important; color:#173f70!important; font-size:15px!important; } #ltr-app .ltr-v67-home-links p{ flex-basis:100%; margin:0!important; color:#758499!important; font-size:10.5px!important; } #ltr-app .ltr-v67-home-links .ltr-v67-nav{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin:0; padding:0; border:0; background:transparent; } #ltr-app .ltr-v67-home-links .ltr-v67-nav a{ justify-content:center; min-height:41px; padding:6px 8px; border-color:#dce5ef; background:#fff; color:#315984!important; font-size:10px; text-align:center; } #ltr-app .ltr-v67-home-links .ltr-v67-nav a:hover{ border-color:#9eb8d9; background:#f5f9ff; } /* 81 İl alanı */ #ltr-app .ltr-directory{ margin-top:11px; padding:15px; border-color:#dce6f1; border-radius:17px; background:linear-gradient(145deg,#fff,#fbfcfe); } #ltr-app .ltr-directory-title{ display:flex; align-items:flex-start; gap:12px; margin-bottom:12px; } #ltr-app .ltr-directory-title>div{min-width:0} #ltr-app .ltr-directory-title h2{ margin:1px 0 3px!important; color:#173f70!important; font-size:17px!important; line-height:1.28!important; } #ltr-app .ltr-directory-title p{ margin:0; color:#728196; font-size:10.7px; line-height:1.5; } #ltr-app .ltr-directory-head{ gap:9px; padding:10px; border:1px solid #e3eaf2; border-radius:12px; background:#f7f9fc; } #ltr-app .ltr-directory-tabs{gap:6px} #ltr-app .ltr-directory-tab{ display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-width:142px; height:43px!important; padding:5px 12px!important; border-radius:9px; text-align:left; } #ltr-app .ltr-directory-tab span{ font-size:10.5px; font-weight:850; } #ltr-app .ltr-directory-tab small{ margin-top:1px; color:#8794a5; font-size:8.5px; font-weight:650; } #ltr-app .ltr-directory-tab.is-active small{color:rgba(255,255,255,.72)} #ltr-app .ltr-directory-search{max-width:500px} #ltr-app .ltr-directory-search input{ height:43px; padding-left:34px; font-size:11px; } #ltr-app .ltr-directory-search-icon{ position:absolute; left:12px;top:50%; width:11px;height:11px; transform:translateY(-58%); border:1.5px solid #7890ae; border-radius:50%; pointer-events:none; } #ltr-app .ltr-directory-search-icon:after{ content:""; position:absolute; width:5px;height:1.5px; right:-4px;bottom:-2px; transform:rotate(45deg); border-radius:99px; background:#7890ae; } #ltr-app .ltr-directory-meta{ display:flex; align-items:center; gap:7px; margin:9px 2px; } #ltr-app .ltr-directory-meta strong{ display:inline-flex; min-height:23px; align-items:center; padding:0 8px; border-radius:999px; background:#eef4ff; color:#245fa8; font-size:9.5px; } #ltr-app .ltr-directory-meta span{ color:#7d8999; font-size:9.5px; } #ltr-app .ltr-province-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; } #ltr-app .ltr-province-link{ position:relative; display:flex; flex-direction:column; justify-content:center; min-height:58px; padding:9px 34px 9px 12px; border-color:#e0e8f1; border-radius:11px; background:#fff; } #ltr-app .ltr-province-link:after{content:none!important} #ltr-app .ltr-province-name{ color:#214c7d; font-size:11.5px; font-weight:850; line-height:1.25; } #ltr-app .ltr-province-sub{ margin-top:3px; color:#8290a2; font-size:8.8px; line-height:1.25; } #ltr-app .ltr-province-arrow{ position:absolute; right:11px;top:50%; transform:translateY(-50%); color:#91a3b9; font-size:18px; } #ltr-app .ltr-province-link:hover{ transform:translateY(-1px); background:#f8fbff; border-color:#acc3df; box-shadow:0 6px 14px rgba(35,72,116,.04); } /* İL SAYFASI — özet */ #ltr-app .ltr-province-overview{ position:relative; overflow:hidden; padding:12px 13px; border-radius:15px; background:linear-gradient(135deg,#fff,#f8fbff); } #ltr-app .ltr-province-overview:after{ content:""; position:absolute; right:-45px;top:-70px; width:125px;height:125px; border-radius:50%; background:rgba(65,104,181,.055); pointer-events:none; } #ltr-app .ltr-province-overview-head{position:relative;z-index:1} #ltr-app .ltr-province-metrics{position:relative;z-index:1} #ltr-app .ltr-province-metrics>div{ min-height:50px; padding:8px 10px; background:#fff; border-color:#e2e9f1; } #ltr-app .ltr-province-metrics>div:nth-child(2){background:#f5fbf9} #ltr-app .ltr-province-metrics>div:nth-child(3){background:#f8f6ff} #ltr-app .ltr-province-metrics>div:nth-child(4){background:#fff9f2} #ltr-app .ltr-province-metrics strong{font-size:15px} #ltr-app .ltr-province-metrics>div:nth-child(2) strong{color:#167367} #ltr-app .ltr-province-metrics>div:nth-child(3) strong{color:#66529c} #ltr-app .ltr-province-metrics>div:nth-child(4) strong{color:#986528} /* İl hızlı keşif kartları */ #ltr-app .ltr-province-jump{ margin:10px 0; padding:13px; border:1px solid #dce6f1; border-radius:15px; background:linear-gradient(145deg,#fff,#fbfcff); } #ltr-app .ltr-province-jump-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:10px; } #ltr-app .ltr-province-jump-head h2{ margin:4px 0 2px!important; color:#173f70!important; font-size:15px!important; line-height:1.25!important; } #ltr-app .ltr-province-jump-head p{ margin:0; color:#7b899a; font-size:9.8px; } #ltr-app .ltr-province-jump-all{ flex:0 0 auto; color:#2d65a7!important; font-size:9.8px; font-weight:820; text-decoration:none!important; } #ltr-app .ltr-province-jump-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } #ltr-app .ltr-province-jump-card{ position:relative; display:grid; grid-template-columns:10px minmax(0,1fr) 16px; align-items:center; gap:8px; min-height:53px; padding:8px 9px; border:1px solid #e0e8f1; border-radius:10px; background:#fff; text-decoration:none!important; transition:.15s ease; } #ltr-app .ltr-province-jump-card:hover{ transform:translateY(-1px); border-color:#afc4df; background:#fafcff; } #ltr-app .ltr-province-jump-card.is-active{ border-color:#a9c3e4; background:#f5f9ff; box-shadow:inset 0 0 0 1px rgba(55,107,181,.04); } #ltr-app .ltr-province-jump-dot{ width:7px;height:7px;border-radius:50%;background:#4d78bd; box-shadow:0 0 0 3px rgba(77,120,189,.09); } #ltr-app .ltr-province-jump-card.is-teal .ltr-province-jump-dot, #ltr-app .ltr-province-jump-card.is-teal2 .ltr-province-jump-dot{background:#299683;box-shadow:0 0 0 3px rgba(41,150,131,.09)} #ltr-app .ltr-province-jump-card.is-violet .ltr-province-jump-dot, #ltr-app .ltr-province-jump-card.is-violet2 .ltr-province-jump-dot{background:#7861b0;box-shadow:0 0 0 3px rgba(120,97,176,.09)} #ltr-app .ltr-province-jump-card.is-amber .ltr-province-jump-dot, #ltr-app .ltr-province-jump-card.is-amber2 .ltr-province-jump-dot{background:#c48a43;box-shadow:0 0 0 3px rgba(196,138,67,.09)} #ltr-app .ltr-province-jump-card.is-slate .ltr-province-jump-dot{background:#75869b;box-shadow:0 0 0 3px rgba(117,134,155,.09)} #ltr-app .ltr-province-jump-copy{min-width:0} #ltr-app .ltr-province-jump-copy strong{ display:block; overflow:hidden; color:#254f7f; font-size:10.4px; font-weight:840; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } #ltr-app .ltr-province-jump-copy small{ display:block; overflow:hidden; margin-top:2px; color:#8793a2; font-size:8.4px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; } #ltr-app .ltr-province-jump-go{ color:#9aaabc; font-size:16px; } /* İl sayfası ana kontrolleri */ #ltr-app .ltr-controls{ margin-bottom:8px; padding:7px; border-radius:13px; background:#f8fafd; } #ltr-app .ltr-tab{ background:#fff; color:#31567f; } #ltr-app .ltr-tab.is-active{ background:linear-gradient(135deg,#2d65b7,#4476c5); } /* Tür filtreleri daha görsel */ #ltr-app .ltr-exam-filter{ padding:13px; border-radius:15px; background:linear-gradient(135deg,#fbfdff,#fff); } #ltr-app .ltr-exam-filter-head strong{ color:#173f70; font-size:13px; } #ltr-app .ltr-exam-filter-head span{ font-size:9.8px; } #ltr-app .ltr-exam-filter-tabs{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; } #ltr-app .ltr-exam-filter-tab{ min-height:43px; border-radius:10px; background:#fff; color:#315984!important; font-size:10px; } #ltr-app .ltr-exam-filter-count{ min-width:24px; height:20px; font-size:9px; } #ltr-app .ltr-exam-filter-tab.is-active{ background:linear-gradient(135deg,#2c65b7,#4677c5); } /* Sonuç üst alanı */ #ltr-app .ltr-exam-results-head{ border-radius:14px; background:linear-gradient(135deg,#fff,#f9fbfe); } /* TABLET */ @media(max-width:980px){ #ltr-app .ltr-home-dashboard{grid-template-columns:1fr} #ltr-app .ltr-home-metrics{grid-template-columns:repeat(4,minmax(0,1fr))} #ltr-app .ltr-v67-home-links .ltr-v67-nav{grid-template-columns:repeat(3,minmax(0,1fr))} #ltr-app .ltr-province-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #ltr-app .ltr-province-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* MOBİL */ @media(max-width:700px){ #ltr-app .ltr-home-dashboard{ padding:13px; border-radius:14px; } #ltr-app .ltr-home-main h2{ font-size:18px!important; line-height:1.24!important; } #ltr-app .ltr-home-main p{font-size:10.8px!important} #ltr-app .ltr-home-actions{ grid-template-columns:1fr; gap:6px; } #ltr-app .ltr-home-action{ min-height:50px; padding:8px 26px 8px 10px; } #ltr-app .ltr-home-metrics{ grid-template-columns:1fr 1fr; gap:6px; } #ltr-app .ltr-home-metrics>div{ min-height:72px; padding:10px; } #ltr-app .ltr-home-metrics strong{font-size:17px!important} #ltr-app .ltr-pref-home, #ltr-app .ltr-best-entry{ padding:11px 12px; border-radius:12px; } #ltr-app .ltr-v67-home-links{padding:10px} #ltr-app .ltr-v67-home-links .ltr-v67-nav{ grid-template-columns:1fr 1fr; gap:5px; } #ltr-app .ltr-v67-home-links .ltr-v67-nav a{ min-height:38px; font-size:9.5px; } #ltr-app .ltr-directory{ padding:10px; border-radius:13px; } #ltr-app .ltr-directory-title{ display:block; margin-bottom:9px; } #ltr-app .ltr-directory-title .ltr-eyebrow{margin-bottom:6px} #ltr-app .ltr-directory-title h2{font-size:14.5px!important} #ltr-app .ltr-directory-title p{font-size:9.7px} #ltr-app .ltr-directory-head{ padding:7px; border-radius:10px; } #ltr-app .ltr-directory-tabs{ display:grid; grid-template-columns:1fr 1fr!important; } #ltr-app .ltr-directory-tab{ width:100%; min-width:0; height:40px!important; } #ltr-app .ltr-directory-search{margin-top:6px} #ltr-app .ltr-province-grid{ grid-template-columns:1fr; gap:5px; } #ltr-app .ltr-province-link{ min-height:52px; padding:8px 31px 8px 10px; } #ltr-app .ltr-province-name{font-size:10.8px} #ltr-app .ltr-province-sub{font-size:8.2px} #ltr-app .ltr-province-overview{ padding:10px; border-radius:12px; } #ltr-app .ltr-province-metrics{ grid-template-columns:1fr 1fr; gap:5px; } #ltr-app .ltr-province-metrics>div{min-height:44px} #ltr-app .ltr-province-metrics strong{font-size:13px} #ltr-app .ltr-province-jump{ padding:9px; border-radius:12px; } #ltr-app .ltr-province-jump-head{ display:block; margin-bottom:8px; } #ltr-app .ltr-province-jump-head h2{font-size:13px!important} #ltr-app .ltr-province-jump-head p{font-size:9px} #ltr-app .ltr-province-jump-all{ display:inline-block; margin-top:5px; } #ltr-app .ltr-province-jump-grid{ grid-template-columns:1fr 1fr; gap:5px; } #ltr-app .ltr-province-jump-card{ grid-template-columns:8px minmax(0,1fr) 12px; gap:6px; min-height:48px; padding:7px; } #ltr-app .ltr-province-jump-copy strong{font-size:9.5px} #ltr-app .ltr-province-jump-copy small{font-size:7.8px} #ltr-app .ltr-exam-filter-tabs{ grid-template-columns:1fr 1fr; } } /* ÇOK DAR MOBİL */ @media(max-width:430px){ #ltr-app .ltr-home-trust span{font-size:8.8px} #ltr-app .ltr-directory-tabs{grid-template-columns:1fr 1fr!important} #ltr-app .ltr-province-jump-grid{grid-template-columns:1fr} #ltr-app .ltr-exam-filter-tabs{grid-template-columns:1fr 1fr} } /* ========================================================= V67.12 — İL SAYFASI FINAL UI + TITLE PERSIST + ZEBRA ROWS ========================================================= */ /* Hızlı keşif: daha okunaklı ve daha güçlü tipografi */ #ltr-app .ltr-province-jump{ margin:11px 0 12px; padding:15px; border-color:#d9e4ef; border-radius:16px; background:linear-gradient(145deg,#ffffff 0%,#fbfdff 62%,#f8fbff 100%); box-shadow:0 5px 18px rgba(31,64,103,.025); } #ltr-app .ltr-province-jump-head{margin-bottom:12px} #ltr-app .ltr-province-jump-head h2{ margin:5px 0 3px!important; color:#173f70!important; font-size:17px!important; line-height:1.28!important; letter-spacing:-.1px; } #ltr-app .ltr-province-jump-head p{ color:#718198; font-size:11.5px; line-height:1.45; } #ltr-app .ltr-province-jump-all{ font-size:11.5px; font-weight:850; } #ltr-app .ltr-province-jump-grid{gap:8px} #ltr-app .ltr-province-jump-card{ grid-template-columns:12px minmax(0,1fr) 17px; gap:9px; min-height:64px; padding:10px 11px; border-color:#dde6f0; border-radius:12px; background:#fff; } #ltr-app .ltr-province-jump-card:hover{ transform:translateY(-1px); border-color:#a9c1df; background:#f9fbfe; box-shadow:0 5px 13px rgba(37,70,108,.035); } #ltr-app .ltr-province-jump-card.is-active{ border-color:#9fbde2; background:#f2f7ff; } #ltr-app .ltr-province-jump-dot{width:8px;height:8px} #ltr-app .ltr-province-jump-copy strong{ color:#214d7d; font-size:12.5px; font-weight:850; line-height:1.25; } #ltr-app .ltr-province-jump-copy small{ margin-top:3px; color:#7b899b; font-size:10.5px; line-height:1.25; } #ltr-app .ltr-province-jump-go{font-size:18px;color:#9bacc0} /* Tür filtresi: hızlı keşif ile aynı görsel dil */ #ltr-app .ltr-exam-filter{ margin:11px 0 13px; padding:14px; border-color:#dbe5ef; border-radius:16px; background:#fff; box-shadow:0 5px 17px rgba(31,63,100,.02); } #ltr-app .ltr-exam-filter-head strong{font-size:15px!important;color:#173f70} #ltr-app .ltr-exam-filter-head span{font-size:10.8px!important;color:#78879a} #ltr-app .ltr-exam-filter-tab{ min-height:50px; padding:9px 12px; border-radius:11px; font-size:11.5px!important; } #ltr-app .ltr-exam-filter-count{ min-width:28px; height:23px; padding:0 7px; font-size:10px!important; } /* Sonuç giriş alanı: büyük düz yazı yerine editoryal kart */ #ltr-app .ltr-exam-results-head{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:13px 0 10px; padding:14px 16px; border:1px solid #dce5ef; border-radius:15px; background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%); box-shadow:0 4px 14px rgba(31,64,104,.02); } #ltr-app .ltr-exam-results-head>div:first-child{min-width:0} #ltr-app .ltr-exam-results-head .ltr-eyebrow{ min-height:23px; padding:0 8px; background:#edf4ff; color:#2860a7; font-size:9.5px!important; letter-spacing:.12px; } #ltr-app .ltr-exam-results-head h2{ margin:6px 0 3px!important; color:#173f70!important; font-size:18px!important; line-height:1.25!important; letter-spacing:-.12px; } #ltr-app .ltr-exam-results-head p{ margin:0!important; color:#6f7f93!important; font-size:11px!important; line-height:1.45!important; } #ltr-app .ltr-exam-legend{ display:flex; flex:0 0 auto; align-items:center; gap:6px; padding:6px; border:1px solid #e1e8f1; border-radius:10px; background:#fff; } #ltr-app .ltr-exam-legend span{ display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:0 8px; border-radius:8px; color:#66778d; font-size:10px; font-weight:760; white-space:nowrap; } #ltr-app .ltr-exam-legend span:first-child{background:#f1f6ff;color:#2c61a4} #ltr-app .ltr-exam-legend i{ width:7px;height:7px;border-radius:50%;background:#a3afbd; } #ltr-app .ltr-exam-legend i.is-current{background:#3f76c5} /* Masaüstü sonuç tablosu: okul grupları beyaz / açık gri */ #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row td{ transition:background .12s ease; } #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+1) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+2) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+3) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+4) td{ background:#ffffff!important; } #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+5) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+6) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+7) td, #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:nth-child(8n+8) td{ background:#f5f6f8!important; } #ltr-app .ltr-exam-desktop-table .ltr-table tbody tr.ltr-exam-year-row:hover td{ background:#eef4fb!important; } #ltr-app .ltr-exam-desktop-table .ltr-table .ltr-group-end{ border-bottom:2px solid #d8e1eb!important; } #ltr-app .ltr-exam-desktop-table .ltr-school-link{color:#14569d!important} #ltr-app .ltr-exam-desktop-table .ltr-year strong{color:#173f70} /* Mobilde keşif ve sonuç başlığı daha sıkı */ @media(max-width:700px){ #ltr-app .ltr-province-jump{padding:11px;border-radius:13px} #ltr-app .ltr-province-jump-head{display:block;margin-bottom:9px} #ltr-app .ltr-province-jump-head h2{font-size:15px!important} #ltr-app .ltr-province-jump-head p{font-size:10px} #ltr-app .ltr-province-jump-all{display:inline-block;margin-top:6px;font-size:10px} #ltr-app .ltr-province-jump-grid{grid-template-columns:1fr 1fr;gap:6px} #ltr-app .ltr-province-jump-card{min-height:57px;padding:8px 9px} #ltr-app .ltr-province-jump-copy strong{font-size:11px} #ltr-app .ltr-province-jump-copy small{font-size:9px} #ltr-app .ltr-exam-filter{padding:10px;border-radius:13px} #ltr-app .ltr-exam-filter-tabs{grid-template-columns:1fr 1fr} #ltr-app .ltr-exam-filter-tab{min-height:44px;font-size:10px!important} #ltr-app .ltr-exam-results-head{ display:block; padding:11px 12px; border-radius:12px; } #ltr-app .ltr-exam-results-head h2{font-size:15.5px!important} #ltr-app .ltr-exam-results-head p{font-size:10px!important} #ltr-app .ltr-exam-legend{margin-top:9px;width:max-content;max-width:100%;padding:4px} #ltr-app .ltr-exam-legend span{min-height:25px;padding:0 6px;font-size:9px} } @media(max-width:430px){ #ltr-app .ltr-province-jump-grid{grid-template-columns:1fr} } /* V67.15 — İlçe dizini + tüm okul profilleri */ .ltr-district-directory{margin:14px 0 18px;padding:16px;border:1px solid #dce7f2;border-radius:16px;background:linear-gradient(180deg,#fbfdff 0%,#f7fafc 100%)} .ltr-district-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px} .ltr-district-head h2{margin:3px 0 5px;font-size:18px;line-height:1.25;color:#183a63} .ltr-district-head p{margin:0;max-width:760px;font-size:12px;line-height:1.55;color:#61748a} .ltr-district-total{white-space:nowrap;border:1px solid #d7e4f0;background:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;color:#31597f} .ltr-district-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .ltr-district-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:9px 10px;border:1px solid #e0e8f0;border-radius:11px;background:#fff;text-decoration:none;color:#183a63;transition:.16s ease} .ltr-district-link:hover{transform:translateY(-1px);border-color:#b9cee2;box-shadow:0 5px 14px rgba(32,71,108,.07)} .ltr-district-link strong{display:block;font-size:12.5px;line-height:1.25} .ltr-district-link small{display:block;margin-top:3px;font-size:9.7px;line-height:1.3;color:#73859a} .ltr-district-link b{font-size:18px;color:#7090ad} .ltr-district-loading{grid-column:1/-1;padding:8px 2px;font-size:11px;color:#6f8094} .ltr-district-page-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:12px 0 14px;padding:15px 16px;border:1px solid #dce7f2;border-radius:15px;background:#fbfdff} .ltr-district-page-summary h2{font-size:18px;margin:3px 0 6px;color:#183a63} .ltr-district-page-summary p{font-size:12px;line-height:1.55;color:#61748a;margin:0} .ltr-district-page-summary>a{font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;color:#2167a8} .ltr-district-school-list{display:grid;grid-template-columns:1fr 1fr;gap:9px} .ltr-district-school-card{border:1px solid #dfe8f1;border-radius:14px;background:#fff;padding:13px 14px} .ltr-district-school-main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px} .ltr-district-school-kind{display:inline-block;border-radius:999px;background:#eef5fb;color:#315f87;padding:4px 7px;font-size:9.5px;font-weight:800} .ltr-district-school-card h3{font-size:14px;line-height:1.35;margin:7px 0 4px} .ltr-district-school-card h3 a{text-decoration:none;color:#163d68} .ltr-district-school-card p{font-size:10.5px;line-height:1.4;color:#708196;margin:0} .ltr-district-school-go{font-size:10px;text-decoration:none;font-weight:800;color:#2167a8;white-space:nowrap} .ltr-district-school-metrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #edf1f5} .ltr-district-school-metrics span{min-width:84px;background:#f8fafc;border-radius:9px;padding:6px 8px} .ltr-district-school-metrics b{display:block;font-size:11.5px;color:#183a63} .ltr-district-school-metrics small{display:block;font-size:8.8px;color:#7a899b;margin-top:2px} @media(max-width:900px){.ltr-district-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ltr-district-school-list{grid-template-columns:1fr}} @media(max-width:620px){.ltr-district-directory{padding:12px}.ltr-district-head,.ltr-district-page-summary{display:block}.ltr-district-total{display:inline-block;margin-top:8px}.ltr-district-grid{grid-template-columns:1fr 1fr}.ltr-district-page-summary>a{display:inline-block;margin-top:9px}.ltr-district-school-main{display:block}.ltr-district-school-go{display:inline-block;margin-top:8px}} @media(max-width:390px){.ltr-district-grid{grid-template-columns:1fr}}