/* Kafataslak editorial announcements: student-first, premium and responsive. */
.editorial-hero-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;gap:clamp(24px,4vw,60px)}
.editorial-hero-copy{min-width:0}.editorial-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 18px}
.editorial-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e7dc;background:rgba(255,255,255,.8);color:#1c663d;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.editorial-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#27834a;box-shadow:0 0 0 3px #e1f2e5}
.editorial-meta-note{font-size:13px;color:#5b6f62;font-weight:600}
.editorial-hero-layout .content-hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.06;max-width:850px;margin:0 0 18px;letter-spacing:-.045em}
.editorial-hero-layout .lead{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.75;max-width:720px;margin:0}
.editorial-art{position:relative;display:grid;place-items:center;min-height:255px;overflow:hidden;border:1px solid rgba(210,230,216,.9);border-radius:28px;background:radial-gradient(circle at 78% 15%,rgba(247,173,53,.25),transparent 34%),linear-gradient(145deg,#e2f1e5,#f8fbf7 68%,#d9eadf);box-shadow:0 22px 48px rgba(18,66,37,.09)}
.editorial-art:before,.editorial-art:after{content:"";position:absolute;border:1px solid rgba(39,131,74,.14);border-radius:50%;width:240px;height:240px;right:-55px;top:-86px}
.editorial-art:after{width:170px;height:170px;right:auto;left:-65px;top:auto;bottom:-90px}
.editorial-art svg{width:min(76%,290px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 14px 16px rgba(22,69,39,.13))}
.article-dates{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;border-bottom:1px solid #e6eee8;padding:0 0 17px;margin:0 0 24px!important;color:#5d6e62;font-size:12px!important;font-weight:650}
.article-content{max-width:900px;margin-inline:auto!important;font-size:17px;line-height:1.85}
.article-content h2{margin-top:34px;padding-top:8px;font-size:clamp(22px,2.3vw,29px);line-height:1.25;color:#173d28;letter-spacing:-.025em}
.article-content h3{margin-top:26px;font-size:20px;color:#173d28}
.article-content p{margin:0 0 18px}.article-content ul{padding-left:23px;margin:0 0 24px}.article-content li{padding:4px 0 4px 3px}
.article-content a:not(.btn){text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700}
.editorial-source{display:flex;gap:15px;align-items:flex-start;margin:30px 0 24px;padding:20px 22px;border:1px solid #dbe9df;border-radius:18px;background:linear-gradient(135deg,#f3f8f4,#fff)}
.editorial-source-mark{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e0f0e4;color:#1a693b;font-size:20px;font-weight:900}
.editorial-source h2{margin:0 0 4px!important;padding:0!important;font-size:15px!important;letter-spacing:0!important}.editorial-source p{margin:0!important;font-size:14px;line-height:1.55}
.editorial-cards-grid{align-items:stretch}.editorial-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:0!important;overflow:hidden;border:1px solid #dce8df!important;border-radius:22px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(19,67,37,.055)!important}
.editorial-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(19,67,37,.12)!important}
.editorial-card-art{height:106px;position:relative;overflow:hidden;padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;background:radial-gradient(circle at 85% 20%,rgba(247,173,53,.28),transparent 28%),linear-gradient(120deg,#e7f3e9,#f8fbf7 70%,#dcece0);border-bottom:1px solid #e1ece4}
.editorial-card-art:before{content:"";position:absolute;right:15%;top:-68px;width:160px;height:160px;border-radius:50%;border:1px solid rgba(24,104,57,.17);box-shadow:0 0 0 18px rgba(255,255,255,.15),0 0 0 38px rgba(255,255,255,.12)}
.editorial-card-art:after{content:"";position:absolute;right:24%;top:26px;width:84px;height:58px;border-radius:8px;background:rgba(255,255,255,.75);border:1px solid rgba(39,131,74,.16);box-shadow:7px 7px 0 rgba(39,131,74,.08),14px 14px 0 rgba(39,131,74,.045);transform:rotate(-7deg)}
.editorial-card-kind{position:relative;z-index:1;border:1px solid #d3e4d8;background:rgba(255,255,255,.88);color:#205e38;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.editorial-card-icon{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#17442d;color:white;font-size:19px;box-shadow:0 5px 14px rgba(19,67,37,.17)}
.editorial-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px 22px 22px}
.editorial-card h3{font-size:21px!important;line-height:1.3!important;letter-spacing:-.025em;margin:0 0 10px!important;color:#173d28!important}
.editorial-card p{font-size:14px!important;line-height:1.7!important;color:#586c5e!important;margin:0 0 18px!important}
.editorial-card .editorial-card-link{margin-top:auto;padding-top:13px;border-top:1px solid #e8efe9;width:100%;font-size:13px;font-weight:800;color:#246940}
.editorial-card .editorial-card-link span{float:right;font-size:18px;line-height:15px}
.editorial-card.archive .editorial-card-art{background:radial-gradient(circle at 85% 20%,rgba(133,151,139,.2),transparent 28%),linear-gradient(120deg,#edf1ee,#fafbf9 70%,#e5eae6)}
.editorial-card.archive .editorial-card-kind{color:#5b665e;border-color:#dbe1dc}
.editorial-card.archive .editorial-card-icon{background:#59695e}
.editorial-hub-intro{max-width:760px;color:#566d5c;font-size:17px;line-height:1.8}
@media(max-width:760px){.editorial-hero-layout{grid-template-columns:1fr;gap:22px}.editorial-art{min-height:150px;max-height:190px;border-radius:21px}.editorial-art svg{width:150px}.editorial-meta{margin-bottom:13px}.editorial-hero-layout .content-hero h1{font-size:clamp(32px,8.5vw,43px)}.article-content{font-size:16px;line-height:1.8}.editorial-source{padding:16px}.editorial-card{min-height:0}.editorial-card-art{height:88px}.editorial-card-copy{padding:18px}.editorial-card h3{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){.editorial-card{transition:none!important}}
/* Complementary editorial cards used by the university spotlight rows and blog hub. */
.article-card,.notice-card{display:flex!important;flex-direction:column;overflow:hidden;padding:22px 23px!important;border:1px solid #dce8df!important;border-radius:21px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 9px 27px rgba(19,67,37,.055)!important}
.article-card:before,.notice-card:before{content:"";display:flex;align-items:flex-start;flex:0 0 90px;height:90px;margin:-22px -23px 19px;padding:16px 20px;box-sizing:border-box;position:relative;background:radial-gradient(circle at 84% 18%,rgba(247,173,53,.3),transparent 29%),linear-gradient(120deg,#e4f1e7,#f8fbf7 69%,#d9eadf);color:#21613a;font-size:10px;font-weight:850;letter-spacing:.12em}
.article-card:before{content:"KAFATASLAK  /  ÇALIŞMA REHBERİ"}
.notice-card:before{content:"KAFATASLAK  /  ÖĞRENCİ DUYURUSU"}
.article-card:after,.notice-card:after{content:"";position:absolute;pointer-events:none;right:25px;top:22px;width:48px;height:48px;border-radius:15px;border:1px solid rgba(39,131,74,.18);background:rgba(255,255,255,.55);box-shadow:7px 7px 0 rgba(39,131,74,.06),14px 14px 0 rgba(39,131,74,.035)}
.article-card,.notice-card{position:relative}
.article-card h3,.notice-card h3{position:relative;z-index:1;font-size:20px!important;line-height:1.3!important;letter-spacing:-.025em;color:#173d28!important;margin:0 0 10px!important}
.article-card p,.notice-card p{position:relative;z-index:1;color:#586c5e!important;font-size:14px!important;line-height:1.7!important;margin:0 0 16px!important}
.article-card .link,.notice-card .link{position:relative;z-index:1;margin-top:auto;padding-top:13px;border-top:1px solid #e8efe9;color:#246940!important;font-size:13px;font-weight:800;text-decoration:none!important}
.article-card:hover,.notice-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(19,67,37,.12)!important}
