Öğrenci Kalite Güvencesi

.skk-page { font-family: Arial, Helvetica, sans-serif; color: #101b32; line-height: 1.6; width: 100%; margin: 0 auto; overflow: hidden; } .skk-page * { box-sizing: border-box; } .skk-page a { text-decoration: none; } .skk-page .skk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; } .skk-page .skk-card { padding: 23px 24px; border-radius: 13px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; transition: transform .25s ease, box-shadow .25s ease; border: 1px solid rgba(255,255,255,.65); } .skk-page .skk-card:hover { transform: translateY(-3px); box-shadow: 0 9px 25px rgba(26, 47, 77, .08); } .skk-page .skk-blue { background: linear-gradient(135deg, #e5f1fa, #dceaf4); } .skk-page .skk-purple { background: linear-gradient(135deg, #f0eafb, #e7e1f5); } .skk-page .skk-green { background: linear-gradient(135deg, #e7f3e9, #deeee4); } .skk-page .skk-orange { background: linear-gradient(135deg, #fff0df, #fbe6d2); } .skk-page .skk-icon { width: 59px; height: 59px; display: flex; align-items: center; justify-content: center; color: white; border-radius: 18px; margin-bottom: 12px; box-shadow: inset 0 1px 1px rgba(255,255,255,.25); } .skk-page .skk-icon svg { width: 31px; height: 31px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .skk-page .skk-icon-blue { background: linear-gradient(135deg, #4e9bdf, #1260b7); } .skk-page .skk-icon-purple { background: linear-gradient(135deg, #a77bea, #7036ca); } .skk-page .skk-icon-green { background: linear-gradient(135deg, #40a981, #14714f); } .skk-page .skk-icon-orange { background: linear-gradient(135deg, #ffb35e, #e77925); } .skk-page .skk-card h3 { font-size: 19px; line-height: 1.35; font-weight: 700; color: #10182c; margin: 0 0 10px; padding: 0; } .skk-page .skk-card p { font-size: 14px; line-height: 1.7; color: #202b3b; margin: 0 0 15px; } .skk-page .skk-card ul { padding-left: 19px; margin: 0 0 15px; color: #202b3b; font-size: 14px; line-height: 1.8; } .skk-page .skk-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font-size: 13px; font-weight: 700; color: #28669f; transition: gap .2s ease; } .skk-page .skk-link:hover { color: #124b80; gap: 12px; } .skk-page .skk-link svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.8; } .skk-page .skk-card .skk-small-title { font-size: 15px; margin: 8px 0 5px; } /* ÜST BİLGİ ALANI */ .skk-page .skk-intro { padding: 26px 28px; margin-bottom: 14px; border-radius: 13px; background: linear-gradient(115deg, #e6f1fa, #f0eafb 70%, #e5f2e9); } .skk-page .skk-intro h2 { font-size: 25px; line-height: 1.35; font-weight: 700; margin: 0 0 10px; padding: 0; color: #101b32; } .skk-page .skk-intro p { font-size: 15px; line-height: 1.8; margin: 0; color: #263347; } .skk-page .skk-highlight { color: #245f9a; font-weight: 700; } /* ALT BELGE KARTLARI */ .skk-page .skk-bottom { display: grid; grid-template-columns: 1.25fr 1fr; gap: 14px; margin-top: 14px; } .skk-page .skk-resource { background: linear-gradient(120deg, #dcecf9, #e7f1fa); border-radius: 13px; padding: 24px; } .skk-page .skk-resource h3 { color: #101b32; font-size: 22px; line-height: 1.4; margin: 0 0 7px; padding: 0; } .skk-page .skk-resource p { color: #253246; font-size: 14px; line-height: 1.7; margin: 0 0 15px; } .skk-page .skk-resource-icon { width: 58px; height: 58px; flex-shrink: 0; color: #12355c; } .skk-page .skk-resource-icon svg { width: 100%; height: 100%; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .skk-page .skk-resource-head { display: flex; align-items: center; gap: 17px; margin-bottom: 14px; } .skk-page .skk-resource-divider { height: 58px; width: 1px; flex-shrink: 0; background: #b7cddd; } .skk-page .skk-doc-links { display: flex; flex-direction: column; gap: 10px; } .skk-page .skk-doc-links a { display: flex; align-items: flex-start; gap: 10px; padding: 11px 12px; border-radius: 9px; background: rgba(255,255,255,.64); color: #285d91; font-size: 13px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; transition: background .2s ease; } .skk-page .skk-doc-links a:hover { background: #fff; } .skk-page .skk-doc-links svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; stroke: currentColor; fill: none; stroke-width: 1.8; } /* SON BİLGİ ALANI */ .skk-page .skk-note { background: linear-gradient(120deg, #fff0df, #f4e9df); border-radius: 13px; padding: 23px; } .skk-page .skk-note h3 { color: #10182c; font-size: 20px; line-height: 1.4; margin: 0 0 10px; padding: 0; } .skk-page .skk-note p { color: #273244; font-size: 14px; line-height: 1.8; margin: 0 0 13px; } .skk-page .skk-note .skk-note-label { display: block; color: #8a531e; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; margin-bottom: 7px; } .skk-page .skk-note a { display: inline-flex; align-items: center; gap: 7px; color: #28669f; font-size: 13px; font-weight: 700; } .skk-page .skk-note a svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; } /* MOBİL UYUMLULUK */ @media (max-width: 900px) { .skk-page .skk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .skk-page .skk-bottom { grid-template-columns: 1fr; } } @media (max-width: 560px) { .skk-page .skk-grid { grid-template-columns: 1fr; gap: 12px; } .skk-page .skk-card { padding: 21px; } .skk-page .skk-card h3 { font-size: 18px; } .skk-page .skk-intro { padding: 22px; } .skk-page .skk-intro h2 { font-size: 22px; } .skk-page .skk-bottom { gap: 12px; } .skk-page .skk-resource, .skk-page .skk-note { padding: 20px; } .skk-page .skk-resource h3 { font-size: 19px; } .skk-page .skk-resource-head { gap: 12px; } .skk-page .skk-resource-icon { width: 45px; height: 45px; } }