body.students-magazine-page,body:has(#main-content #students-magazine-page){background:#f1f5f9 !important}#students-magazine-page{max-width:1200px;margin:0 auto;padding:0 1.25rem 3.5rem;box-sizing:border-box;font-size:17px;line-height:1.65;color:var(--text-primary)}#students-magazine-page *{box-sizing:border-box}.mag-page-header{text-align:center;padding:2.5rem 1rem 2rem;margin:0 -1.25rem 2rem;background:var(--gradient-primary);border-bottom:4px solid var(--gold)}.mag-page-header h1{margin:0 0 0.4rem;font-family:'Playfair Display',serif;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:700;color:#fff}.mag-page-header .breadcrumb{margin:0;font-size:0.92rem;color:rgba(255,255,255,0.75)}.mag-page-header .breadcrumb a{color:var(--gold-bright);text-decoration:none;font-weight:500}.mag-page-header .breadcrumb a:hover{text-decoration:underline}.mag-section{margin-bottom:2.75rem}.mag-section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.mag-section-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gradient-gold);color:var(--navy);font-size:1.25rem;box-shadow:var(--shadow-md)}.mag-section-header h2{margin:0 0 0.25rem;font-family:'Playfair Display',serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;color:var(--navy)}.mag-section-header .mag-section-tag{display:inline-block;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold);margin-bottom:0.15rem}.mag-intro{background:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--gold);border-radius:14px;padding:1.35rem 1.5rem;color:var(--text-secondary);box-shadow:var(--shadow-md);margin-bottom:1.75rem}.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.mag-card{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:transform 0.28s ease,box-shadow 0.28s ease;display:flex;flex-direction:column}.mag-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.mag-card::before{content:'';position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(145deg,var(--gold-bright),transparent 40%,var(--navy-mid));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.28s ease;pointer-events:none}.mag-card:hover::before{opacity:1}.mag-cover{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(180deg,#eef2f7 0%,#dbe4ef 100%)}.mag-cover a{display:block;width:100%;height:100%}.mag-cover img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.mag-card:hover .mag-cover img{transform:scale(1.04)}.mag-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,30,61,0.88) 0%,transparent 55%);opacity:0;transition:opacity 0.3s ease;display:flex;align-items:flex-end;padding:1rem;pointer-events:none}.mag-card:hover .mag-cover-overlay{opacity:1}.mag-cover-overlay span{color:#fff;font-size:0.85rem;font-weight:500;letter-spacing:0.04em;text-transform:uppercase}.mag-card-body{padding:1.25rem 1.35rem 1.35rem;flex:1;display:flex;flex-direction:column}.mag-card-body h3{margin:0 0 0.35rem;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--navy);line-height:1.35}.mag-card-body .mag-date{font-size:0.88rem;color:var(--text-secondary);margin-bottom:1rem}.mag-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:auto;padding:0.7rem 1.15rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:10px;font-size:0.92rem;font-weight:600;text-decoration:none;transition:background 0.25s ease,transform 0.2s ease}.mag-btn:hover{background:var(--gradient-gold);color:var(--navy);transform:translateY(-1px)}.mag-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.mag-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--gold) 50%,var(--border-color) 80%,transparent);margin:0.5rem 0 2.75rem}@media (max-width:640px){.mag-page-header{padding:2rem 1rem 1.75rem}.mag-section-header{flex-direction:column;gap:0.75rem}.mag-grid{grid-template-columns:1fr}}