@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&family=DM+Serif+Display:ital@0;1&display=swap');

:root {
  --ink: #0f0f0f;
  --ink2: #3a3a3a;
  --ink3: #7a7a7a;
  --paper: #f7f5f0;
  --paper2: #edeae3;
  --white: #ffffff;
  --rule: #d8d4cc;
  --red: #b5271a;
  --red-light: #f9f0ef;
  --blue: #1a4480;
  --blue-light: #eef2f9;
  --green: #156744;
  --green-light: #eef7f2;
  --amber: #92560a;
  --amber-light: #fdf4e7;
  --purple: #5b3a8e;
  --purple-light: #f3eefa;
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'DM Sans', system-ui, sans-serif;
  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.1), 0 1px 4px rgba(0,0,0,0.06);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e2e8f0;
    --ink2: #cbd5e1;
    --ink3: #94a3b8;
    --paper: #0f172a;
    --paper2: #1e293b;
    --white: #020617;
    --rule: #334155;
    --red: #f43f5e;
    --red-light: #4c0519;
    --blue: #38bdf8;
    --blue-light: #082f49;
    --green: #10b981;
    --green-light: #022c22;
    --amber: #fbbf24;
    --amber-light: #451a03;
    --purple: #c084fc;
    --purple-light: #2e1065;
    --shadow: 0 1px 4px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.5);
  }
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}

/* UNIFIED MODERN HEADER */
.main-header{position:sticky; top:0; z-index:1000; background:rgba(255, 255, 255, 0.9); backdrop-filter:blur(10px); border-bottom:1px solid rgba(0, 0, 0, 0.05); transition:all .3s cubic-bezier(0.4, 0, 0.2, 1); height:72px; display:flex; align-items:center; box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.main-header.scrolled{height:64px; background:#fff; box-shadow:var(--shadow-md); border-bottom-color:transparent;}

.header-container{max-width:1240px; margin:0 auto; padding:0 24px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:24px;}

.logo{display:flex; flex-direction:column; gap:0; text-decoration:none !important;}
.logo h1{font-family:var(--font-display); font-size:26px; font-weight:800; color:var(--red); line-height:1; letter-spacing:-0.5px; margin:0;}
.logo p{font-size:10px; font-weight:700; color:var(--ink3); letter-spacing:0.06em; margin-top:2px; text-transform:uppercase;}

.nav-links{display:flex; gap:8px; align-items:center;}
.nav-links a{padding:8px 14px; font-size:13.5px; font-weight:600; color:var(--ink2); border-radius:6px; transition:all .2s;}
.nav-links a:hover{background:var(--red-light); color:var(--red);}
.nav-links a.active{background:var(--red); color:#fff;}

.header-actions{display:flex; align-items:center; gap:16px;}
.search-btn{width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--paper2); border:1px solid var(--rule); cursor:pointer; color:var(--ink2); transition:all .2s;}
.search-btn:hover{background:var(--red); color:#fff; border-color:var(--red);}
.search-btn svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.5;}

.mobile-toggle{display:none; width:40px; height:40px; flex-direction:column; justify-content:center; gap:5px; padding:8px; background:none; border:none; cursor:pointer;}
.mobile-toggle span{width:100%; height:2px; background:var(--ink2); border-radius:2px; transition:all .3s;}

@media(max-width:1024px){
  .nav-links{display:none;}
  .mobile-toggle{display:flex;}
  .header-container{justify-content:space-between;}
}

/* MOBILE MENU OVERLAY */
.mobile-nav{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); backdrop-filter:blur(4px); z-index:1100; opacity:0; pointer-events:none; transition:all .3s;}
.mobile-nav.open{opacity:1; pointer-events:auto;}
.mobile-nav-panel{position:absolute; top:0; right:0; width:80%; max-width:320px; height:100%; background:var(--white); box-shadow:-10px 0 30px rgba(0,0,0,0.1); transform:translateX(100%); transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1); display:flex; flex-direction:column; padding:24px;}
.mobile-nav.open .mobile-nav-panel{transform:translateX(0);}

.m-nav-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:32px;}
.m-nav-links{display:flex; flex-direction:column; gap:12px;}
.m-nav-links a{padding:12px 16px; font-size:15px; font-weight:600; color:var(--ink2); border-radius:8px; display:flex; align-items:center; gap:12px;}
.m-nav-links a:hover{background:var(--red-light); color:var(--red);}
.m-nav-links a.active{background:var(--red); color:#fff;}

/* UPDATES GRID */
.updates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1200px;margin:20px auto;padding:0 24px;}
@media(max-width:850px){.updates-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.updates-grid{grid-template-columns:repeat(2,1fr); padding:0 8px; gap:6px;}}
.update-btn{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border-radius:var(--radius);font-size:13px;font-weight:700;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:all .2s;}
.update-btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 4px 8px rgba(0,0,0,0.15);}

/* TICKER */
.ticker-bar{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:6px 0;}
.ticker-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:12px;}
@media(max-width:600px){.ticker-inner{padding:0 8px; gap:8px;}}
.ticker-label{background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:2px;flex-shrink:0;}
@media(max-width:400px){.ticker-label{font-size:10px; padding:2px 5px;}}
.ticker-text{color:var(--ink);font-weight:500;font-size:13px;animation:scroll-ticker 40s linear infinite;}

/* STATS BAR */
.stats-bar{background:var(--white);border-bottom:1px solid var(--rule);}
.stats-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;}
.stat-pill{padding:12px 0;flex:1;text-align:center;border-right:1px solid var(--rule);}
.stat-pill:last-child{border-right:none;}
.stat-pill .num{font-family:var(--font-display);font-size:22px;color:var(--red);line-height:1;}
.stat-pill .lbl{font-size:11px;color:var(--ink3);margin-top:2px;text-transform:uppercase;letter-spacing:0.04em;}

/* PAGE */
.page-wrap{max-width:1280px;margin:0 auto;padding:24px 24px 40px;}
.page-grid{display:grid;grid-template-columns:1fr 288px;gap:24px;}
@media(max-width:900px){.page-grid{grid-template-columns:1fr;}}

/* CATEGORY STRIP */
.cat-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-bottom:24px;}
@media(max-width:1000px){.cat-strip{grid-template-columns:repeat(5,1fr);}}
@media(max-width:600px){.cat-strip{grid-template-columns:repeat(3,1fr);}}
.cat-tile{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:14px 8px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:var(--shadow);}
.cat-tile:hover{border-color:var(--red);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.cat-icon{width:32px;height:32px;margin:0 auto 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;}
.cat-icon svg{width:17px;height:17px;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.cat-name{font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.2;}
.cat-sub{font-size:10px;color:var(--ink3);margin-top:1px;}

/* CARD */
.card{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px;}
.card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--rule);}
.card-head-left{display:flex;align-items:center;gap:10px;}
.card-head-bar{width:3px;height:18px;border-radius:2px;}
.card-head h2{font-size:14px;font-weight:600;color:var(--ink);}
.see-all{font-size:11.5px;color:var(--red);font-weight:500;display:flex;align-items:center;gap:3px;transition:gap .2s;}
.see-all:hover{gap:7px;}
.see-all svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.5;}

/* JOB ROWS */
.job-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px 18px;border-bottom:1px solid var(--rule);transition:background .15s;}
.job-item:last-child{border:none;}
.job-item:hover{background:var(--paper2);}
.job-tag{font-size:9.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:3px 7px;border-radius:3px;white-space:nowrap;margin-top:2px;}
.t-job{background:var(--green-light);color:var(--green);}
.t-result{background:var(--blue-light);color:var(--blue);}
.t-admit{background:var(--purple-light);color:var(--purple);}
.t-answer{background:var(--amber-light);color:var(--amber);}
.job-title{font-size:13.5px;font-weight:500;color:var(--ink);display:block;line-height:1.4;margin-bottom:4px;transition:color .15s;}
.job-item:hover .job-title{color:var(--red);}
.job-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--ink3);}
.job-meta span{display:flex;align-items:center;gap:3px;}
.job-meta span svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2;}
.job-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.new-tag{font-size:9px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;background:var(--red);color:#fff;padding:2px 5px;border-radius:2px;animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.65}}
.apply-link{font-size:11px;color:var(--red);font-weight:500;}

/* SIDEBAR */
.sidebar-block{background:var(--white);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);margin-bottom:14px;}
.sb-head{padding:10px 16px;font-size:12.5px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;}
.sb-head svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.5;flex-shrink:0;}
.sb-list a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;font-size:12.5px;color:var(--ink2);border-bottom:1px solid var(--rule);transition:all .15s;}
.sb-list a:last-child{border:none;}
.sb-list a:hover{background:var(--paper);color:var(--red);padding-left:20px;}
.sb-list a svg{width:11px;height:11px;stroke:var(--ink3);fill:none;stroke-width:2;flex-shrink:0;transition:stroke .15s;}
.sb-list a:hover svg{stroke:var(--red);}
.date-row{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:start;padding:9px 16px;border-bottom:1px solid var(--rule);font-size:12px;}
.date-row:last-child{border:none;}
.date-badge{background:var(--red);color:#fff;border-radius:3px;padding:3px 6px;font-size:10.5px;font-weight:700;text-align:center;line-height:1.3;}
.date-badge .month{display:block;font-size:8.5px;font-weight:400;opacity:.85;text-transform:uppercase;}
.date-text{font-size:12px;color:var(--ink2);line-height:1.4;}
.tg-block{background:linear-gradient(135deg,#0e76a8 0%,#1a96d4 100%);padding:20px;text-align:center;}
.tg-block h3{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px;}
.tg-block p{font-size:11.5px;color:rgba(255,255,255,.8);margin-bottom:14px;line-height:1.5;}
.tg-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#0e76a8;padding:8px 20px;border-radius:var(--radius);font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .15s;}
.tg-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);}
.tg-btn svg{width:14px;height:14px;stroke:#0e76a8;fill:none;stroke-width:2;}

/* FOOTER */
footer{background:var(--ink);color:var(--ink3);border-top:1px solid var(--ink2);margin-top:16px;}
.footer-top{max-width:1280px;margin:0 auto;padding:40px 24px 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;}
@media(max-width:800px){.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr;}}
.footer-brand h3{font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--white);margin-bottom:8px;}
.footer-brand p{font-size:12px;line-height:1.7;max-width:260px;}
.footer-col h4{font-size:11px;font-weight:600;color:var(--white);opacity:.6;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:12px;}
.footer-col a{display:block;font-size:12px;color:var(--ink3);margin-bottom:7px;transition:color .15s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{border-top:1px solid var(--ink2);max-width:1280px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:12px;flex-wrap:wrap;color:var(--ink3);opacity:.7;}

/* BREADCRUMB */
.breadcrumb{font-size:12.5px;color:var(--ink3);margin-bottom:16px;display:flex;gap:8px;align-items:center;}
.breadcrumb a{color:var(--red);transition:color .2s;}
.breadcrumb a:hover{text-decoration:underline;}

/* PAGE HEADER */
.page-header{background:var(--red);color:#fff;padding:48px 24px;text-align:center;margin-bottom:0;}
.page-header h1{font-family:var(--font-display);font-size:32px;font-weight:400;margin-bottom:8px;}
.page-header p{font-size:15px;opacity:.9;}

/* RESPONSIVE MISC */
@media(max-width:600px){
  .topbar-right{display:none;}
  .page-wrap{padding:12px 4px 32px;}
  .stats-inner{padding:0 10px;}
  .stat-pill .num{font-size:16px;}
  .cat-strip{gap:5px; grid-template-columns:repeat(3,1fr);}
  .cat-tile{padding:10px 4px;}
  .cat-name{font-size:10px;}
  .header-inner{flex-wrap:wrap; gap:12px; padding:12px 16px;}
  .logo h1{font-size:22px;}
  .header-search{max-width:100%; width:100%;}
  .updates-grid{grid-template-columns:repeat(2,1fr); gap:6px;}
  .update-btn{font-size:11.5px; padding:8px 6px;}
}

/* FOOTER REFINED */
footer{background:#0e1117; color:#9fa6b2; border-top:4px solid var(--red); padding:0; margin-top:40px;}
.footer-top{max-width:1200px; margin:0 auto; padding:64px 24px; display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:48px;}
@media(max-width:960px){.footer-top{grid-template-columns:1fr 1fr; gap:32px;}}
@media(max-width:540px){.footer-top{grid-template-columns:1fr; gap:24px; text-align:center;}}

.footer-brand h2{font-size:24px; color:#fff; font-weight:800; margin-bottom:12px;}
.footer-brand p{font-size:13px; line-height:1.6; margin-bottom:20px; color:#6b7280;}
.footer-social{display:flex; gap:12px;}
@media(max-width:540px){.footer-social{justify-content:center;}}
.soc-icon{width:36px; height:36px; background:#1e293b; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all .2s;}
.soc-icon:hover{background:var(--red); color:#fff; transform:translateY(-2px);}
.soc-icon svg{width:18px; height:18px; fill:currentColor;}

.footer-col h4{font-size:14px; font-weight:700; color:#fff; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:24px; position:relative; padding-bottom:8px;}
.footer-col h4::after{content:''; position:absolute; left:0; bottom:0; width:30px; height:2px; background:var(--red);}
@media(max-width:540px){.footer-col h4::after{left:50%; transform:translateX(-50%);}}
.footer-col a{display:block; font-size:13px; color:#9fa6b2; margin-bottom:12px; transition:color .2s;}
.footer-col a:hover{color:#fff; padding-left:4px;}

/* APP DOWNLOAD */
.app-sec{background:#1a1d23; border-radius:12px; padding:20px; border:1px solid #2d333b;}
.app-sec h5{color:#fff; font-size:14px; margin-bottom:12px;}
.app-btns{display:flex; flex-direction:column; gap:10px;}
.app-btn{background:#000; border:1px solid #30363d; border-radius:8px; padding:8px 12px; display:flex; align-items:center; gap:10px; transition:all .2s;}
.app-btn:hover{background:#111; border-color:#8b949e;}
.app-btn svg{width:22px; height:22px;}
.app-btn-text{text-align:left;}
.app-btn-text span{display:block; font-size:9px; color:#8b949e; text-transform:uppercase; line-height:1;}
.app-btn-text b{display:block; font-size:13px; color:#fff; font-weight:600;}

.footer-bottom{background:#0a0c10; border-top:1px solid #1c2128; padding:24px 0;}
.footer-bottom-inner{max-width:1200px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:20px;}
@media(max-width:720px){.footer-bottom-inner{flex-direction:column; text-align:center;}}
.footer-copy{font-size:12px; color:#5e6671;}
.footer-legal{display:flex; gap:20px; font-size:12px;}
.footer-legal a:hover{color:#fff; text-decoration:underline;}

/* A2Z TABLE MATRIX */
.a2z-table{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:32px;}
@media(max-width:1024px){.a2z-table{grid-template-columns:repeat(2,1fr); gap:16px;}}
@media(max-width:640px){
  .a2z-table{grid-template-columns:repeat(2,1fr); gap:8px;}
  .a2z-head{padding:8px 4px; font-size:12px; height:40px; display:flex; align-items:center; justify-content:center; letter-spacing:0;}
  .a2z-item{padding:8px 8px !important; font-size:11.5px !important;}
  .a2z-footer{padding:8px; font-size:11px;}
}

.a2z-col{background:var(--white); border:1px solid var(--rule); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column; transition:transform .3s; height:100%;}
.a2z-col:hover{transform:translateY(-4px); border-color:rgba(0,0,0,0.1); box-shadow:var(--shadow-md);}

.a2z-head{padding:14px 16px; font-size:16px; font-weight:800; color:#fff; text-align:center; text-transform:uppercase; letter-spacing:0.04em; border-bottom:1px solid rgba(0,0,0,0.08); font-family:var(--font-display);}

.a2z-list{padding:0; flex:1; display:flex; flex-direction:column;}

.a2z-item{display:flex; align-items:start; padding:10px 18px; font-size:13.5px; color:var(--ink2); border-bottom:1px solid #f1f5f9; line-height:1.45; transition:all .2s; border-left:3px solid transparent; text-decoration:none !important;}
.a2z-item::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--ink3); margin-top:8px; margin-right:10px; flex-shrink:0; transition:all .2s;}
@media(max-width:400px){
  .a2z-item::before{margin-right:6px; width:4px; height:4px; margin-top:7px;}
}
.a2z-item:hover{background:#f8fafc; color:var(--red); border-left-color:var(--red); padding-left:22px;}
.a2z-item:hover::before{background:var(--red); transform:scale(1.2);}

.a2z-footer{padding:12px; text-align:center; font-size:12.5px; border-top:1px solid var(--rule); background:#fcfcfc;}
.a2z-footer a{color:var(--red); font-weight:700; text-decoration:none;}
.a2z-footer a:hover{text-decoration:underline;}

/* BACK TO TOP */
#backToTop{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important;}
#backToTop:hover{transform:translateY(-4px) scale(1.05); filter:brightness(1.1);}

/* ANIMATIONS */
@keyframes fade-up{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.a2z-col{animation:fade-up .4s ease both;}
.a2z-table:nth-child(2) .a2z-col{animation-delay:.1s;}
.a2z-table:nth-child(3) .a2z-col{animation-delay:.2s;}

/* JOB DETAIL PAGE STYLES */
.detail-wrap{max-width:1100px; margin:0 auto; padding:24px 16px 40px;}
.detail-card{background:var(--white); border:1px solid var(--rule); border-radius:var(--radius-lg); box-shadow:var(--shadow-md); overflow:hidden; margin-bottom:24px;}

.detail-header{padding:32px 24px; border-bottom:1px solid var(--rule); text-align:center;}
.detail-header h1{font-family:var(--font-display); font-size:28px; color:var(--red); line-height:1.2; margin-bottom:12px; font-weight:400;}
.detail-header .post-meta{font-size:12.5px; color:var(--ink3); display:flex; flex-wrap:wrap; justify-content:center; gap:20px; font-weight:600;}
.detail-header .post-meta b{color:var(--ink2);}

.detail-info-grid{display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid var(--rule);}
@media(max-width:768px){ .detail-info-grid{grid-template-columns:1fr;} }

.info-col{padding:0;}
.info-col:first-child{border-right:1px solid var(--rule);}
@media(max-width:768px){ .info-col:first-child{border-right:none; border-bottom:1px solid var(--rule);} }

.info-head{background:var(--red-light); padding:10px 16px; font-size:13px; font-weight:800; color:var(--red); text-transform:uppercase; letter-spacing:0.04em; border-bottom:1px solid var(--rule); text-align:center;}
.info-list{padding:12px 16px;}
.info-item{display:flex; justify-content:space-between; padding:6px 0; font-size:13px; border-bottom:1px dashed var(--rule);}
.info-item:last-child{border:none;}
.info-item b{color:var(--ink); font-weight:700;}
.info-item span{color:var(--ink2); text-align:right;}

.detail-section{padding:20px 24px; border-bottom:1px solid var(--rule);}
.detail-section:last-child{border-bottom:none;}
.section-title{font-size:14px; font-weight:800; color:var(--blue); text-transform:uppercase; margin-bottom:16px; text-align:center; padding:8px; background:var(--blue-light); border-radius:4px;}

.detail-table-wrap{width:100%; overflow-x:auto; margin-bottom:16px;}
.detail-table{width:100%; border-collapse:collapse; font-size:13px; border:1px solid var(--rule);}
.detail-table th{background:var(--paper2); padding:12px; text-align:left; font-weight:700; border:1px solid var(--rule); color:var(--ink);}
.detail-table td{padding:12px; border:1px solid var(--rule); color:var(--ink2); line-height:1.5;}

.how-to-fill{padding:20px 24px; background:var(--paper); font-size:13px; line-height:1.8; color:var(--ink2);}
.how-to-fill h4{color:var(--red); font-weight:800; margin-bottom:12px; text-transform:uppercase;}
.how-to-fill ul{padding-left:18px;}
.how-to-fill li{margin-bottom:8px;}

.action-center{padding:32px 24px;}
.action-table{width:100%; border-collapse:collapse; border:2px solid var(--red-light);}
.action-table th{background:var(--red); color:#fff; padding:14px; font-size:14px; text-transform:uppercase;}
.action-table td{padding:14px; border:1px solid var(--red-light); vertical-align:middle;}
.action-label{font-weight:800; color:var(--red); font-size:13px; text-align:center; width:40%;}
.action-link-btn{display:inline-block; padding:10px 24px; background:var(--red); color:#fff; font-weight:700; border-radius:var(--radius); transition:all .2s; text-align:center;}
.action-link-btn:hover{background:var(--ink); transform:scale(1.02);}

.notification-banner{background:var(--green-light); color:var(--green); padding:12px; text-align:center; font-weight:700; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); font-size:13px;}

/* SEARCH OVERLAY */
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.8);
  backdrop-filter: blur(8px);
  z-index: 2000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 80px 24px;
  opacity: 0;
  pointer-events: none;
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-overlay.visible {
  opacity: 1;
  pointer-events: auto;
}
.search-modal {
  width: 100%;
  max-width: 680px;
  background: var(--white);
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  transform: translateY(-20px);
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-overlay.visible .search-modal {
  transform: translateY(0);
}
.search-header {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid var(--rule);
  gap: 16px;
}
.search-header input {
  flex: 1;
  background: none;
  border: none;
  font-size: 18px;
  font-family: inherit;
  font-weight: 500;
  color: var(--ink);
  outline: none;
}
.search-close {
  background: var(--paper2);
  border: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--ink3);
  cursor: pointer;
  transition: all .2s;
}
.search-close:hover {
  background: var(--red);
  color: #fff;
}
.search-results {
  max-height: 400px;
  overflow-y: auto;
  padding: 12px;
}
.search-item {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border-radius: 10px;
  transition: all .2s;
  text-decoration: none !important;
  margin-bottom: 4px;
}
.search-item:hover {
  background: var(--red-light);
}
.search-item-cat {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--red);
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}
.search-item-title {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
}
.search-item:hover .search-item-title {
  color: var(--red);
}