The EduLaw Daily Docket, Friday, May 15, 2026, The Reformation Issue
EduLaw EditorialDaily Legal UpdatesThe EduLaw Daily Docket, Friday, May 15, 2026, The Reformation Issue *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --ink:#1a1a2e; --parchment:#FAF6EE; --parchment-soft:#FDFAF3; --parchment-deep:#F2EAD3; --gold:#B8923A; --gold-soft:#D4B257; --gold-pale:#F0E2B6; --burgundy:#7A2235; --burgundy-soft:#9B3349; --forest:#2F5D3A; --sapphire:#1F3A8A; --plum:#5B2A6B; --rule:#E8DFC0; --rule-soft:#F0EBE0; --muted:#5A5A5A; } body { font-family:'Lora','Georgia',serif; background:#F4EEDD; color:var(--ink); line-height:1.78; font-size:17px; } .newsletter-wrapper { max-width:880px; margin:0 auto; background:#FFFCF5; box-shadow:0 8px 70px rgba(0,0,0,0.10); } .masthead { background:linear-gradient(135deg,#FDFAF3 0%,#F6EBC9 100%); color:var(--ink); padding:2.75rem 2rem 1.75rem; text-align:center; position:relative; overflow:hidden; border-bottom:1px solid var(--rule); } .masthead::before { content:''; position:absolute; inset:0; background-image:radial-gradient(circle,rgba(184,146,58,0.08) 1px,transparent 1px); background-size:22px 22px; } .masthead::after { content:''; position:absolute; left:0; right:0; bottom:0; height:5px; background:linear-gradient(90deg,#B8923A 0%,#D4B257 50%,#B8923A 100%); } .masthead-brand { font-family:'IBM Plex Sans',sans-serif; font-size:0.62rem; letter-spacing:0.38em; text-transform:uppercase; color:var(--burgundy); margin-bottom:0.5rem; position:relative; font-weight:600; } .masthead-title { font-family:'DM Serif Display',serif; font-size:2.7rem; font-weight:400; color:var(--ink); line-height:1.05; margin-bottom:0.35rem; position:relative; letter-spacing:-0.5px; } .masthead-title span { color:var(--burgundy); font-style:italic; } .masthead-divider { width:60px; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); margin:1rem auto; } .masthead-meta { font-size:0.74rem; color:var(--muted); letter-spacing:0.08em; font-family:'IBM Plex Sans',sans-serif; position:relative; } .masthead-meta strong { color:var(--burgundy); } .masthead-strap { display:flex; justify-content:center; gap:1rem; margin-top:0.85rem; flex-wrap:wrap; font-family:'IBM Plex Sans',sans-serif; font-size:0.58rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); position:relative; } .masthead-strap span::before { content:'•'; color:var(--gold); margin-right:0.55rem; } .hero-banner { background:linear-gradient(135deg,#FDFAF3 0%,#F8EFD4 100%); color:var(--ink); padding:2.25rem 2rem 1.85rem; position:relative; overflow:hidden; border-bottom:5px solid var(--gold); } .hero-kicker { font-family:'IBM Plex Sans',sans-serif; font-size:0.66rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.5rem; } .hero-headline { font-family:'DM Serif Display',serif; font-size:1.95rem; line-height:1.2; color:var(--ink); max-width:96%; margin-bottom:0.55rem; } .hero-headline em { color:var(--burgundy); font-style:italic; } .hero-deck { font-family:'Lora',serif; font-size:0.96rem; line-height:1.6; color:#3a3a3a; max-width:96%; font-style:italic; } .stat-strip { display:grid; grid-template-columns:repeat(6,1fr); gap:0; border-bottom:1px solid var(--rule); } .stat-box { padding:1.15rem 0.45rem; text-align:center; border-right:1px solid var(--rule); background:var(--parchment-soft); transition:background 0.3s; } .stat-box:hover { background:#F8EFD4; } .stat-box:last-child { border-right:none; } .stat-num { font-family:'DM Serif Display',serif; font-size:1.6rem; color:var(--burgundy); line-height:1; } .stat-num.red { color:#9F3030; } .stat-num.green { color:var(--forest); } .stat-label { font-family:'IBM Plex Sans',sans-serif; font-size:0.55rem; text-transform:uppercase; letter-spacing:0.12em; color:#666; margin-top:0.3rem; font-weight:600; line-height:1.3; } .stat-sub { font-family:'IBM Plex Sans',sans-serif; font-size:0.58rem; color:#888; margin-top:0.15rem; } .glance-bar { background:linear-gradient(135deg,#FDFAF3 0%,#F4E8C5 100%); border-bottom:3px solid var(--gold); padding:1.65rem 2.5rem 1.85rem; font-family:'IBM Plex Sans',sans-serif; } .glance-bar h3 { font-size:0.72rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.95rem; display:flex; align-items:center; gap:0.5rem; } .glance-bar h3::before { content:''; width:18px; height:2px; background:var(--gold); } .glance-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.9rem; } .glance-card { background:#FFFCF5; border:1px solid var(--rule); border-radius:10px; padding:0.9rem 1.05rem; transition:transform 0.2s, box-shadow 0.2s; cursor:default; } .glance-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(122,34,53,0.12); } .glance-card .glance-tag { font-size:0.55rem; letter-spacing:0.18em; text-transform:uppercase; font-weight:800; color:var(--burgundy); } .glance-card .glance-tag.intl { color:var(--sapphire); } .glance-card .glance-tag.fin { color:var(--forest); } .glance-card .glance-tag.pol { color:#7c2d12; } .glance-card .glance-tag.edu { color:var(--plum); } .glance-card .glance-headline { font-family:'Lora',serif; font-size:0.9rem; line-height:1.45; color:var(--ink); margin-top:0.35rem; } .article-body { padding:2.25rem 2.5rem; } .section-meta { display:flex; justify-content:space-between; align-items:center; margin-top:2.5rem; margin-bottom:0.55rem; flex-wrap:wrap; gap:0.5rem; } .section-label { display:inline-block; font-family:'IBM Plex Sans',sans-serif; font-size:0.6rem; letter-spacing:0.28em; text-transform:uppercase; font-weight:800; background:var(--burgundy); color:#fff; padding:0.3rem 0.8rem; border-radius:3px; } .section-label.gold { background:var(--gold); color:#1a1a2e; } .section-label.forest { background:var(--forest); color:#fff; } .section-label.sapphire { background:var(--sapphire); color:#fff; } .section-label.plum { background:var(--plum); color:#fff; } .section-label.amber { background:#A66A18; color:#fff; } .reading-time { font-family:'IBM Plex Sans',sans-serif; font-size:0.65rem; color:#888; letter-spacing:0.08em; } .reading-time strong { color:var(--burgundy); } h2 { font-family:'DM Serif Display',serif; font-size:1.85rem; color:var(--burgundy); margin:0.55rem 0 0.7rem; line-height:1.22; border-left:4px solid var(--gold); padding-left:1rem; letter-spacing:-0.3px; } h3 { font-family:'DM Serif Display',serif; font-size:1.3rem; color:var(--ink); margin:1.7rem 0 0.55rem; line-height:1.3; } h4 { font-family:'IBM Plex Sans',sans-serif; font-size:0.82rem; font-weight:700; color:var(--burgundy); margin:1.1rem 0 0.45rem; letter-spacing:0.05em; text-transform:uppercase; } p { margin-bottom:1.05rem; } ul, ol { padding-left:1.4rem; margin-bottom:1rem; } li { margin-bottom:0.4rem; } a { color:var(--burgundy); text-decoration:underline; text-decoration-color:rgba(184,146,58,0.6); text-underline-offset:3px; } strong { color:var(--ink); } em { color:var(--burgundy); } mark { background:linear-gradient(180deg,transparent 60%,#F4E2A8 60%); padding:0 2px; } .tldr { background:var(--parchment-soft); border:1px solid var(--rule); border-left:5px solid var(--gold); border-radius:0 10px 10px 0; padding:1.05rem 1.3rem; margin:1.1rem 0 1.6rem; font-family:'IBM Plex Sans',sans-serif; } .tldr-title { font-size:0.63rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--burgundy); margin-bottom:0.55rem; } .tldr ul { padding-left:1.15rem; margin:0; } .tldr li { font-size:0.86rem; color:#333; line-height:1.58; margin-bottom:0.4rem; } .tldr li::marker { color:var(--gold); } .pull-quote { font-family:'DM Serif Display',serif; font-size:1.45rem; color:var(--ink); padding:1.3rem 1.55rem 1.3rem 3.1rem; margin:1.85rem 0; background:linear-gradient(135deg,#FDFAF3 0%,#F6E9C2 100%); border-radius:10px; line-height:1.4; position:relative; font-style:italic; border-left:5px solid var(--gold); } .pull-quote::before { content:'\201C'; position:absolute; left:0.9rem; top:-0.45rem; font-size:5rem; color:var(--gold); opacity:0.6; line-height:1; } .pull-quote cite { display:block; font-family:'IBM Plex Sans',sans-serif; font-size:0.72rem; color:var(--burgundy); font-style:normal; letter-spacing:0.1em; text-transform:uppercase; margin-top:0.65rem; font-weight:600; } .callout { display:flex; gap:0.95rem; padding:1.05rem 1.3rem; border-radius:10px; margin:1.3rem 0; font-family:'IBM Plex Sans',sans-serif; font-size:0.88rem; line-height:1.62; } .callout-icon { font-size:1.4rem; flex-shrink:0; line-height:1.3; } .callout-content { flex:1; } .callout-title { font-weight:800; font-size:0.7rem; text-transform:uppercase; letter-spacing:0.12em; margin-bottom:0.4rem; } .callout-note { background:#EFF4FB; border:1px solid #C9D7EE; color:#1F3A8A; } .callout-note .callout-title { color:var(--sapphire); } .callout-warning { background:#FBF4DC; border:1px solid #E8CE7E; color:#5C4014; } .callout-warning .callout-title { color:#8A6418; } .callout-tip { background:#EBF5EE; border:1px solid #BAD9C2; color:#1F4A29; } .callout-tip .callout-title { color:var(--forest); } .callout-alert { background:#FBEEEE; border:1px solid #E5BABA; color:#6E1F1F; } .callout-alert .callout-title { color:#8A2727; } .cite-strip { display:flex; flex-wrap:wrap; gap:0.35rem; margin:0.55rem 0 1rem; font-family:'IBM Plex Sans',sans-serif; } .cite-chip { font-size:0.6rem; padding:0.3rem 0.6rem; border-radius:4px; font-weight:700; display:inline-flex; align-items:center; gap:0.25rem; } .cite-chip.neutral { background:#FBF4DC; color:#5C4014; font-family:'IBM Plex Mono',monospace; } .cite-chip.coram { background:#EFF4FB; color:#1F3A8A; } .cite-chip.author { background:#F4ECF7; color:var(--plum); } .cite-chip.status { background:#EBF5EE; color:#1F4A29; } .cite-chip.statute { background:#FBF0DC; color:#7A4A14; } .table-wrap { overflow-x:auto; margin:1.3rem 0; border-radius:10px; border:1px solid var(--rule); box-shadow:0 4px 14px rgba(0,0,0,0.04); } table { width:100%; border-collapse:collapse; font-family:'IBM Plex Sans',sans-serif; font-size:0.79rem; } th { background:linear-gradient(180deg,var(--burgundy) 0%,#65182A 100%); color:#fff; padding:0.7rem 0.8rem; text-align:left; font-weight:700; font-size:0.65rem; text-transform:uppercase; letter-spacing:0.08em; white-space:nowrap; } td { padding:0.65rem 0.8rem; border-bottom:1px solid var(--rule-soft); vertical-align:top; line-height:1.5; color:var(--ink); } tr:last-child td { border-bottom:none; } tr:nth-child(even) td { background:var(--parchment-soft); } table em { color:var(--burgundy); font-weight:600; font-style:italic; } .badge { display:inline-block; padding:0.18rem 0.5rem; border-radius:4px; font-family:'IBM Plex Sans',sans-serif; font-size:0.58rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; } .badge-civil { background:#E6E9F5; color:#2A3E78; } .badge-crim { background:#F3DEDE; color:#7A1F1F; } .badge-svc { background:#FAEFD0; color:#7A5212; } .badge-tax { background:#DDEEDF; color:#1F4A29; } .badge-writ { background:#EADFF1; color:var(--plum); } .badge-pil { background:#F8DDE9; color:#7A1A47; } .badge-comm { background:#DCEAF3; color:#1B5A72; } .badge-const { background:#DCD4EE; color:#4A2872; } .hc-pulse-wrap { margin:1.3rem 0; border-radius:12px; border:1px solid var(--rule); overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.06); } .hc-pulse-head { background:linear-gradient(135deg,var(--parchment-soft) 0%,var(--gold-pale) 100%); color:var(--ink); padding:0.95rem 1.25rem; font-family:'IBM Plex Sans',sans-serif; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:0.5rem; border-bottom:2px solid var(--gold); } .hc-pulse-head .hp-title { font-family:'DM Serif Display',serif; font-size:1.15rem; color:var(--burgundy); } .hc-pulse-head .hp-meta { font-size:0.62rem; color:#666; letter-spacing:0.1em; text-transform:uppercase; } .hc-pulse-head .hp-meta strong { color:var(--burgundy); } .hc-pulse-table { width:100%; border-collapse:collapse; font-family:'IBM Plex Sans',sans-serif; font-size:0.75rem; background:#FFFCF5; } .hc-pulse-table th { background:var(--parchment-soft); color:var(--burgundy); padding:0.6rem 0.75rem; text-align:left; font-weight:700; font-size:0.6rem; letter-spacing:0.08em; text-transform:uppercase; border-bottom:2px solid var(--rule); } .hc-pulse-table td { padding:0.6rem 0.75rem; border-bottom:1px solid var(--rule-soft); line-height:1.5; vertical-align:top; color:var(--ink); } .hc-pulse-table .hc-name { font-weight:700; color:var(--ink); font-size:0.72rem; white-space:nowrap; } .hc-pulse-table tr:nth-child(even) td { background:var(--parchment-soft); } .hc-pulse-table em { color:var(--burgundy); font-style:italic; font-weight:600; } .hc-pulse-table .hc-pill { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:0.4rem; vertical-align:middle; } .hc-pill.alh { background:#C97A2F; } .hc-pill.bom { background:var(--sapphire); } .hc-pill.del { background:var(--burgundy); } .hc-pill.mad { background:#7c2d12; } .hc-pill.cal { background:var(--forest); } .hc-pill.kar { background:#A66A18; } .hc-pill.ker { background:#1B6470; } .hc-pill.guj { background:#7A1A47; } .hc-pill.tlg { background:#2D2A78; } .hc-pill.pnh { background:#1F6A33; } .hc-pill.raj { background:#8A6418; } .hc-pill.mpc { background:#7A5212; } .trib-wrap { margin:1.3rem 0; border-radius:12px; border:1px solid var(--rule); overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.06); } .trib-head { background:linear-gradient(135deg,#EBF3EE 0%,#D7E6DD 100%); color:var(--forest); padding:0.95rem 1.25rem; font-family:'IBM Plex Sans',sans-serif; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-bottom:2px solid var(--forest); } .trib-head .tb-title { font-family:'DM Serif Display',serif; font-size:1.15rem; color:var(--forest); } .trib-head .tb-meta { font-size:0.62rem; color:#3F5F46; letter-spacing:0.1em; text-transform:uppercase; } .listed-tomorrow { background:#FFFCF5; border:2px solid var(--plum); border-radius:14px; margin:1.6rem 0; overflow:hidden; box-shadow:0 4px 18px rgba(91,42,107,0.10); } .lt-head { background:linear-gradient(135deg,#EADFF1 0%,#D9C7E5 100%); color:var(--plum); padding:0.95rem 1.25rem; border-bottom:2px solid var(--plum); } .lt-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--plum); margin-bottom:0.3rem; } .lt-title { font-family:'DM Serif Display',serif; font-size:1.2rem; color:var(--plum); line-height:1.3; } .lt-body { padding:1rem 1.3rem; } .lt-item { display:grid; grid-template-columns:90px 1fr; gap:0.95rem; padding:0.7rem 0; border-bottom:1px solid var(--rule-soft); font-family:'IBM Plex Sans',sans-serif; } .lt-item:last-child { border-bottom:none; } .lt-court { font-size:0.6rem; font-weight:800; color:var(--plum); letter-spacing:0.1em; text-transform:uppercase; padding-top:0.2rem; line-height:1.3; } .lt-case { font-size:0.85rem; color:var(--ink); line-height:1.55; } .lt-case .lt-issue { font-size:0.72rem; color:var(--plum); margin-top:0.25rem; display:block; font-weight:600; } .practice-pointer { background:linear-gradient(135deg,#FDFAF3 0%,#FFFCF5 100%); border:2px solid var(--gold); border-radius:14px; padding:1.3rem 1.45rem; margin:1.6rem 0; font-family:'IBM Plex Sans',sans-serif; } .pp-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--burgundy); margin-bottom:0.45rem; } .pp-title { font-family:'DM Serif Display',serif; font-size:1.2rem; color:var(--burgundy); margin-bottom:0.6rem; line-height:1.3; } .pp-body { font-size:0.87rem; line-height:1.68; color:var(--ink); } .pp-takeaway { background:#FBF4DC; border-left:3px solid var(--gold); padding:0.6rem 0.95rem; margin-top:0.8rem; font-size:0.79rem; color:#5C4014; border-radius:0 6px 6px 0; line-height:1.6; } .pp-takeaway strong { color:#8A6418; } .statute-watch { background:#FFFCF5; border:2px solid #1B6470; border-radius:14px; margin:1.6rem 0; overflow:hidden; box-shadow:0 4px 18px rgba(27,100,112,0.10); } .sw-head { background:linear-gradient(135deg,#DCEAF3 0%,#BDD7E6 100%); color:#0F4E5A; padding:0.95rem 1.25rem; border-bottom:2px solid #1B6470; } .sw-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:#1B6470; } .sw-title { font-family:'DM Serif Display',serif; font-size:1.2rem; color:#0F4E5A; margin-top:0.25rem; } .sw-body { padding:1rem 1.25rem; font-family:'IBM Plex Sans',sans-serif; } .sw-item { padding:0.7rem 0; border-bottom:1px solid var(--rule-soft); } .sw-item:last-child { border-bottom:none; } .sw-item .sw-source { font-size:0.6rem; font-weight:800; color:#1B6470; letter-spacing:0.1em; text-transform:uppercase; } .sw-item .sw-headline { font-size:0.88rem; color:var(--ink); line-height:1.5; margin-top:0.18rem; font-weight:600; } .sw-item .sw-detail { font-size:0.78rem; color:#454545; line-height:1.6; margin-top:0.25rem; } .sw-item .sw-detail em { color:var(--burgundy); font-style:italic; font-weight:600; } .sw-item .sw-effective { font-size:0.66rem; color:#1B6470; font-weight:700; margin-top:0.3rem; letter-spacing:0.04em; } .bare-act { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); border-radius:14px; padding:1.7rem 1.8rem; margin:1.85rem 0; position:relative; overflow:hidden; box-shadow:6px 6px 0 var(--gold), 0 4px 18px rgba(0,0,0,0.06); border:1px solid var(--gold); } .ba-tag { font-family:'IBM Plex Sans',sans-serif; font-size:0.64rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.5rem; } .ba-title { font-family:'DM Serif Display',serif; font-size:1.55rem; color:var(--ink); margin-bottom:0.35rem; } .ba-subtitle { font-family:'IBM Plex Sans',sans-serif; font-size:0.78rem; color:#5A4A2A; margin-bottom:1.1rem; font-style:italic; } .ba-text { background:#FFFCF5; border:1px solid var(--gold); border-radius:8px; padding:0.95rem 1.15rem; font-family:'Lora',serif; font-size:0.92rem; line-height:1.72; color:var(--ink); margin-bottom:1.1rem; } .ba-text .ba-num { color:var(--burgundy); font-weight:700; } .ba-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.9rem; margin-top:1.1rem; font-family:'IBM Plex Sans',sans-serif; } .ba-card { background:#FFFCF5; border:1px solid var(--rule); border-radius:8px; padding:0.8rem 0.95rem; } .ba-card h5 { font-size:0.6rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.45rem; } .ba-card p { font-size:0.8rem; line-height:1.58; color:#3a3a3a; margin:0; } .ba-card ul { margin:0; padding-left:1.05rem; } .ba-card li { font-size:0.76rem; line-height:1.52; color:#3a3a3a; margin-bottom:0.28rem; } .ba-card em { color:var(--burgundy); font-style:italic; font-weight:500; } .pyq-connector { display:inline-flex; align-items:flex-start; gap:0.5rem; background:#EFF4FB; border:1px solid #C9D7EE; border-radius:6px; padding:0.55rem 0.85rem; font-family:'IBM Plex Sans',sans-serif; font-size:0.74rem; color:#1F3A8A; margin:0.55rem 0; line-height:1.55; } .pyq-connector strong { color:var(--sapphire); } .aspirant-strip { display:grid; grid-template-columns:1fr 1.6fr; gap:0.95rem; margin:1.3rem 0 1.6rem; font-family:'IBM Plex Sans',sans-serif; } .prob-meter { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); border:1px solid var(--gold); border-radius:12px; padding:0.95rem 1.1rem; } .prob-meter-title { font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--burgundy); margin-bottom:0.65rem; } .prob-rows { display:flex; flex-direction:column; gap:0.45rem; } .prob-row { display:grid; grid-template-columns:80px 1fr 35px; gap:0.6rem; align-items:center; font-size:0.72rem; } .prob-exam { font-weight:700; color:var(--ink); font-size:0.65rem; text-transform:uppercase; } .prob-bar { height:10px; background:#EADBA8; border-radius:6px; overflow:hidden; } .prob-fill { height:100%; border-radius:6px; background:linear-gradient(90deg,var(--gold),var(--burgundy)); } .prob-pct { font-size:0.64rem; font-weight:800; color:var(--burgundy); text-align:right; } .trap-card { background:linear-gradient(135deg,#FBEEEE 0%,#F8DCDC 100%); border:2px solid #C57878; border-radius:12px; padding:1rem 1.15rem; color:#5A1818; box-shadow:4px 4px 0 rgba(184,146,58,0.35); } .trap-card-tag { font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:#8A2727; margin-bottom:0.5rem; } .trap-card-trick { font-size:0.8rem; line-height:1.55; color:#5A1818; margin-bottom:0.5rem; } .trap-card-trick strong { color:#8A2727; } .trap-card-correct { font-size:0.74rem; color:#3A1010; border-top:1px dashed #C57878; padding-top:0.45rem; line-height:1.55; } .trap-card-correct strong { color:#1F4A29; } .infographic-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.65rem 0; } .infographic-card { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); border-radius:14px; padding:1.45rem 1.05rem; text-align:center; box-shadow:4px 4px 0 var(--gold); border:1px solid var(--rule); transition:transform 0.25s; } .infographic-card:hover { transform:translateY(-4px); } .infographic-card.alt { background:linear-gradient(135deg,#FBF4DC 0%,#F0DDA0 100%); } .infographic-card.alt2 { background:linear-gradient(135deg,#EBF3EE 0%,#D7E6DD 100%); border-color:#BAD9C2; box-shadow:4px 4px 0 var(--forest); } .infographic-card-num { font-family:'DM Serif Display',serif; font-size:2.3rem; color:var(--burgundy); line-height:1; } .infographic-card.alt2 .infographic-card-num { color:var(--forest); } .infographic-card-label { font-family:'IBM Plex Sans',sans-serif; font-size:0.62rem; text-transform:uppercase; letter-spacing:0.14em; color:#3a3a3a; margin-top:0.5rem; font-weight:700; } .infographic-card-sub { font-family:'IBM Plex Sans',sans-serif; font-size:0.72rem; color:#666; margin-top:0.25rem; } .bar-chart { margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; background:var(--parchment-soft); border:1px solid var(--rule); border-radius:12px; padding:1.3rem 1.45rem; } .bar-chart-title { font-size:0.74rem; text-transform:uppercase; letter-spacing:0.15em; color:var(--burgundy); font-weight:700; margin-bottom:1.1rem; } .bar-chart-source { font-size:0.62rem; color:#777; margin-top:0.9rem; font-style:italic; } .bar-row { display:flex; align-items:center; gap:0.8rem; margin-bottom:0.7rem; } .bar-label { width:160px; font-size:0.75rem; color:var(--ink); text-align:right; flex-shrink:0; line-height:1.3; font-weight:500; } .bar-track { flex:1; background:#EADBA8; border-radius:4px; height:22px; overflow:hidden; } .bar-fill { height:100%; background:linear-gradient(90deg,var(--burgundy),var(--gold)); border-radius:4px; display:flex; align-items:center; justify-content:flex-end; padding-right:0.55rem; } .bar-fill.red { background:linear-gradient(90deg,#8A2727,#C57878); } .bar-fill.green { background:linear-gradient(90deg,var(--forest),#6FA37D); } .bar-fill span { font-size:0.68rem; font-weight:700; color:#fff; } .market-ticker { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); border-radius:12px; padding:1.2rem 1.4rem; margin:1.65rem 0; font-family:'IBM Plex Mono',monospace; border:1px solid var(--gold); } .mt-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.95rem; font-family:'IBM Plex Sans',sans-serif; flex-wrap:wrap; gap:0.5rem; } .mt-head .mt-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--burgundy); font-weight:800; } .mt-head .mt-stamp { font-size:0.62rem; color:#666; } .mt-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.75rem; } .mt-row { background:#FFFCF5; border:1px solid var(--rule); border-radius:8px; padding:0.6rem 0.75rem; } .mt-row .mt-asset { font-size:0.62rem; color:#666; letter-spacing:0.08em; text-transform:uppercase; font-weight:600; } .mt-row .mt-price { font-size:1.05rem; color:var(--ink); font-weight:700; margin-top:0.22rem; } .mt-row .mt-change { font-size:0.72rem; margin-top:0.18rem; font-weight:600; } .mt-row .mt-change.up { color:var(--forest); } .mt-row .mt-change.down { color:#8A2727; } .world-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.05rem; margin:1.65rem 0; } .world-card { background:#FFFCF5; border:1px solid var(--rule); border-radius:12px; padding:1.2rem 1.3rem; font-family:'IBM Plex Sans',sans-serif; box-shadow:0 4px 14px rgba(0,0,0,0.04); transition:transform 0.2s, box-shadow 0.2s; } .world-card:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,0.10); } .world-card .wc-flag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--sapphire); margin-bottom:0.5rem; } .world-card h4 { font-family:'DM Serif Display',serif; font-size:1.05rem; font-weight:400; color:var(--ink); margin:0 0 0.5rem; text-transform:none; letter-spacing:0; line-height:1.3; } .world-card p { font-size:0.83rem; line-height:1.58; color:#333; margin:0 0 0.45rem; } .world-card p em { color:var(--burgundy); font-style:italic; font-weight:600; } .world-card .wc-impact { font-size:0.72rem; color:var(--burgundy); font-weight:600; border-top:1px dashed var(--rule); padding-top:0.45rem; margin-top:0.5rem; } .topic-day { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); border-radius:18px; padding:2.1rem 2.1rem 1.85rem; margin:2.1rem 0; position:relative; overflow:hidden; box-shadow:8px 8px 0 var(--burgundy), 0 4px 22px rgba(0,0,0,0.06); border:1px solid var(--gold); } .td-tag { font-family:'IBM Plex Sans',sans-serif; font-size:0.66rem; letter-spacing:0.3em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.6rem; } .td-title { font-family:'DM Serif Display',serif; font-size:1.95rem; color:var(--ink); margin-bottom:0.5rem; line-height:1.2; } .td-subtitle { font-family:'Lora',serif; font-size:0.97rem; color:#3a3a3a; margin-bottom:1.3rem; font-style:italic; line-height:1.55; } .td-body { font-family:'IBM Plex Sans',sans-serif; font-size:0.88rem; line-height:1.72; color:#1a1a1a; } .td-body p { margin-bottom:0.95rem; color:#1a1a1a; } .td-body strong { color:var(--burgundy); } .td-body em { color:var(--burgundy); font-style:italic; font-weight:600; } .td-pillar-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.9rem; margin:1.3rem 0; } .td-pillar { background:#FFFCF5; border:1px solid var(--gold); border-radius:10px; padding:0.95rem 1.05rem; } .td-pillar .td-pillar-num { font-family:'DM Serif Display',serif; font-size:1.7rem; color:var(--burgundy); line-height:1; } .td-pillar .td-pillar-label { font-size:0.7rem; color:var(--ink); margin-top:0.4rem; line-height:1.4; font-weight:700; } .td-pillar .td-pillar-sub { font-size:0.72rem; color:#5a5a5a; margin-top:0.3rem; line-height:1.5; } .angles { display:grid; grid-template-columns:repeat(3,1fr); gap:0.9rem; margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; } .angle { background:#FFFCF5; border-radius:10px; padding:1rem 1.05rem; border:1px solid var(--rule); position:relative; overflow:hidden; transition:transform 0.2s; } .angle:hover { transform:translateY(-2px); } .angle::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; } .angle.lawyer::before { background:var(--burgundy); } .angle.upsc::before { background:var(--sapphire); } .angle.citizen::before { background:var(--forest); } .angle h5 { font-family:'IBM Plex Sans',sans-serif; font-size:0.64rem; letter-spacing:0.2em; text-transform:uppercase; font-weight:800; margin-bottom:0.4rem; } .angle.lawyer h5 { color:var(--burgundy); } .angle.upsc h5 { color:var(--sapphire); } .angle.citizen h5 { color:var(--forest); } .angle p { font-size:0.79rem; line-height:1.55; color:#333; margin:0; } .revision-card { background:#FBF4DC; border:1px dashed #A66A18; border-radius:10px; padding:0.95rem 1.2rem; margin:1.3rem 0; font-family:'IBM Plex Sans',sans-serif; } .rc-tag { font-size:0.6rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:#8A6418; margin-bottom:0.35rem; } .rc-body { font-size:0.83rem; line-height:1.62; color:#3F2A0A; } .rc-body strong { color:#8A6418; } .how-to-answer { background:#FFFCF5; border:2px solid var(--sapphire); border-radius:14px; margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; overflow:hidden; } .hta-head { background:linear-gradient(135deg,#EFF4FB 0%,#D9E5F2 100%); color:var(--sapphire); padding:1rem 1.25rem; border-bottom:2px solid var(--sapphire); } .hta-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--sapphire); margin-bottom:0.3rem; } .hta-prompt { font-family:'Lora',serif; font-size:1rem; color:#0F2657; line-height:1.5; font-style:italic; } .hta-meta { font-size:0.64rem; color:#3F4F78; margin-top:0.5rem; letter-spacing:0.08em; } .hta-meta strong { color:var(--sapphire); } .hta-body { padding:1.05rem 1.3rem 1.3rem; } .hta-step { display:grid; grid-template-columns:32px 1fr; gap:0.95rem; padding:0.75rem 0; border-bottom:1px solid var(--rule-soft); } .hta-step:last-child { border-bottom:none; } .hta-step-num { background:var(--sapphire); color:#fff; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:'DM Serif Display',serif; font-size:1rem; flex-shrink:0; } .hta-step.case .hta-step-num { background:var(--burgundy); } .hta-step.counter .hta-step-num { background:#8A6418; } .hta-step.way .hta-step-num { background:var(--forest); } .hta-step-label { font-size:0.6rem; letter-spacing:0.18em; text-transform:uppercase; font-weight:800; color:var(--sapphire); margin-bottom:0.28rem; } .hta-step-text { font-size:0.83rem; line-height:1.62; color:var(--ink); } .hta-quote { display:block; background:#FBF4DC; border-left:3px solid #C9A84C; padding:0.45rem 0.65rem; margin-top:0.45rem; font-style:italic; font-size:0.78rem; color:#3F2A0A; border-radius:0 6px 6px 0; } .prof-corner { background:linear-gradient(135deg,#EBF3EE 0%,#D7E6DD 100%); color:#1F4A29; border-radius:14px; padding:1.65rem 1.75rem; margin:1.85rem 0; position:relative; overflow:hidden; border:1px solid var(--forest); box-shadow:6px 6px 0 var(--forest); } .pc-tag { font-family:'IBM Plex Sans',sans-serif; font-size:0.64rem; letter-spacing:0.28em; text-transform:uppercase; color:var(--forest); font-weight:800; margin-bottom:0.55rem; } .pc-title { font-family:'DM Serif Display',serif; font-size:1.35rem; color:#1F4A29; margin-bottom:0.65rem; } .pc-body { font-family:'IBM Plex Sans',sans-serif; font-size:0.88rem; line-height:1.68; color:#1F4A29; } .pc-checklist { list-style:none; padding:0; margin:0.8rem 0 0; } .pc-checklist li { padding:0.45rem 0; padding-left:1.4rem; position:relative; font-size:0.83rem; line-height:1.55; color:#1F4A29; border-bottom:1px solid rgba(31,74,41,0.18); } .pc-checklist li::before { content:'\2713'; position:absolute; left:0; color:var(--forest); font-weight:800; } .pc-checklist li:last-child { border-bottom:none; } .pc-checklist strong { color:var(--forest); } .article-divider { border:none; border-top:2px solid var(--rule); margin:2.35rem 0; position:relative; } .article-divider::before { content:'\00A7'; position:absolute; left:50%; top:-0.85rem; transform:translateX(-50%); background:#FFFCF5; padding:0 0.9rem; color:var(--gold); font-family:'DM Serif Display',serif; font-size:1.35rem; } .sources-section { background:var(--parchment-soft); border:1px solid var(--rule); border-radius:12px; padding:1.5rem 1.7rem; margin-top:2.1rem; font-family:'IBM Plex Sans',sans-serif; font-size:0.79rem; } .sources-section h3 { font-size:0.72rem; text-transform:uppercase; letter-spacing:0.18em; color:var(--burgundy); margin-bottom:0.95rem; margin-top:0; font-weight:800; } .sources-section ol { padding-left:1.3rem; columns:2; column-gap:1.5rem; } .sources-section li { margin-bottom:0.55rem; color:var(--ink); break-inside:avoid; } .cta-band { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); padding:1.95rem 2rem; text-align:center; font-family:'IBM Plex Sans',sans-serif; border-top:5px solid var(--gold); border-bottom:5px solid var(--gold); } .cta-band h4 { font-family:'DM Serif Display',serif; font-size:1.5rem; color:var(--burgundy); margin-bottom:0.55rem; font-weight:400; } .cta-band p { color:#3a3a3a; font-size:0.88rem; max-width:540px; margin:0 auto 1.1rem; } .cta-btn { display:inline-block; background:var(--burgundy); color:#fff; font-weight:800; font-size:0.79rem; letter-spacing:0.14em; text-transform:uppercase; padding:0.75rem 1.55rem; border-radius:8px; text-decoration:none; box-shadow:4px 4px 0 var(--gold); transition:transform 0.2s; } .cta-btn:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--gold); } .newsletter-footer { background:var(--parchment-soft); color:#5a5a5a; font-family:'IBM Plex Sans',sans-serif; font-size:0.74rem; text-align:center; padding:2rem 1.6rem; line-height:1.9; border-top:1px solid var(--rule); } .newsletter-footer a { color:var(--burgundy); text-decoration:none; } .accordion-wrap { margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; } .acc-title { font-family:'DM Serif Display',serif; font-size:1.45rem; color:var(--burgundy); margin-bottom:0.8rem; border-left:4px solid var(--gold); padding-left:0.95rem; } .acc-item { background:#FFFCF5; border:1px solid var(--rule); border-radius:10px; margin-bottom:0.7rem; overflow:hidden; } .acc-summary { padding:0.9rem 1.15rem; cursor:pointer; font-weight:600; color:var(--ink); display:flex; justify-content:space-between; align-items:center; font-size:0.89rem; list-style:none; background:linear-gradient(135deg,var(--parchment-soft) 0%,#FFFCF5 100%); } .acc-summary::-webkit-details-marker { display:none; } .acc-summary::after { content:'+'; font-family:'DM Serif Display',serif; font-size:1.6rem; color:var(--gold); line-height:1; transition:transform 0.25s; } .acc-item[open] .acc-summary::after { transform:rotate(45deg); } .acc-item[open] .acc-summary { background:linear-gradient(135deg,#F4E2A8 0%,#F0DDA0 100%); } .acc-tag { display:inline-block; background:#FBF4DC; color:#7A4A14; font-size:0.56rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; padding:0.22rem 0.6rem; border-radius:3px; margin-right:0.65rem; } .acc-body { padding:1rem 1.2rem 1.2rem; font-size:0.84rem; line-height:1.68; color:var(--ink); border-top:1px solid var(--rule-soft); } .acc-body em { color:var(--burgundy); font-style:italic; font-weight:600; } .acc-body .acc-cite { display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:0.72rem; background:var(--parchment-soft); color:var(--burgundy); padding:0.28rem 0.6rem; border-radius:3px; margin-top:0.65rem; border:1px solid var(--rule); } .quiz-box { background:linear-gradient(135deg,#FDFAF3 0%,#FFFCF5 100%); border:2px solid var(--gold); border-radius:14px; padding:1.35rem 1.5rem; margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; } .quiz-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--burgundy); margin-bottom:0.5rem; } .quiz-title { font-family:'DM Serif Display',serif; font-size:1.25rem; color:var(--burgundy); margin-bottom:0.95rem; } .quiz-q { font-size:0.9rem; color:var(--ink); margin-bottom:0.65rem; font-weight:600; line-height:1.5; } .quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:0.55rem; margin-bottom:0.65rem; } .quiz-opt { background:#FFFCF5; border:1.5px solid var(--rule); border-radius:8px; padding:0.65rem 0.9rem; font-size:0.81rem; color:var(--ink); cursor:pointer; transition:all 0.2s; line-height:1.45; } .quiz-opt:hover { background:#FBF4DC; border-color:var(--gold); } .quiz-opt.correct { background:#EBF5EE; border-color:var(--forest); color:#1F4A29; font-weight:600; } .quiz-opt.wrong { background:#FBEEEE; border-color:#8A2727; color:#5A1818; } .quiz-opt .opt-letter { display:inline-block; background:var(--burgundy); color:#fff; width:22px; height:22px; border-radius:50%; text-align:center; line-height:22px; font-weight:800; margin-right:0.45rem; font-size:0.72rem; } .quiz-opt.correct .opt-letter { background:var(--forest); } .quiz-opt.wrong .opt-letter { background:#8A2727; } .quiz-reveal { background:#FBF4DC; border-left:3px solid var(--gold); border-radius:0 6px 6px 0; padding:0.75rem 1rem; margin-top:0.7rem; font-size:0.79rem; color:#3F2A0A; line-height:1.6; display:none; } .quiz-reveal.show { display:block; } .quiz-reveal strong { color:#8A6418; } .timeline-wrap { background:#FFFCF5; border:1px solid var(--rule); border-radius:14px; padding:1.5rem 1.65rem; margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; box-shadow:0 4px 18px rgba(0,0,0,0.04); } .tl-title { font-family:'DM Serif Display',serif; font-size:1.35rem; color:var(--burgundy); margin-bottom:0.35rem; } .tl-subtitle { font-size:0.8rem; color:#5a5a5a; margin-bottom:1.2rem; font-style:italic; } .tl-track { position:relative; padding-left:2.1rem; } .tl-track::before { content:''; position:absolute; left:8px; top:0; bottom:0; width:3px; background:linear-gradient(180deg,var(--gold),var(--burgundy)); border-radius:3px; } .tl-event { position:relative; margin-bottom:1.2rem; padding-bottom:0.4rem; } .tl-event:last-child { margin-bottom:0; } .tl-event::before { content:''; position:absolute; left:-1.75rem; top:0.3rem; width:14px; height:14px; border-radius:50%; background:#FFFCF5; border:3px solid var(--gold); box-shadow:0 0 0 3px var(--parchment-soft); } .tl-event.cur::before { background:var(--burgundy); border-color:var(--gold); } .tl-year { font-family:'DM Serif Display',serif; font-size:1.05rem; color:var(--burgundy); font-weight:600; margin-bottom:0.18rem; } .tl-case { font-size:0.86rem; color:var(--ink); font-weight:600; margin-bottom:0.22rem; } .tl-case em { color:var(--burgundy); font-style:italic; } .tl-desc { font-size:0.78rem; color:#4a4a4a; line-height:1.58; } .read-tracker { background:linear-gradient(135deg,#FDFAF3 0%,#F4E8C5 100%); color:var(--ink); border-radius:14px; padding:1.35rem 1.55rem; margin:1.65rem 0; font-family:'IBM Plex Sans',sans-serif; border:1px solid var(--gold); } .rt-tag { font-size:0.62rem; letter-spacing:0.22em; text-transform:uppercase; font-weight:800; color:var(--burgundy); margin-bottom:0.45rem; } .rt-title { font-family:'DM Serif Display',serif; font-size:1.3rem; color:var(--ink); margin-bottom:1.05rem; } .rt-row { display:grid; grid-template-columns:145px 1fr 55px; gap:0.9rem; align-items:center; margin-bottom:0.7rem; } .rt-label { font-size:0.74rem; color:var(--ink); font-weight:600; } .rt-bar { background:#EADBA8; height:9px; border-radius:5px; overflow:hidden; } .rt-fill { height:100%; background:linear-gradient(90deg,var(--gold),var(--burgundy)); border-radius:5px; } .rt-time { font-size:0.72rem; color:var(--burgundy); text-align:right; font-weight:700; } .flash-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.95rem; margin:1.65rem 0; perspective:1000px; } .flash-card { position:relative; height:180px; cursor:pointer; } .flash-inner { position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style:preserve-3d; } .flash-card:hover .flash-inner, .flash-card:focus .flash-inner { transform:rotateY(180deg); } .flash-front, .flash-back { position:absolute; inset:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; border-radius:12px; padding:1.05rem 1.1rem; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-family:'IBM Plex Sans',sans-serif; } .flash-front { background:linear-gradient(135deg,#FDFAF3 0%,#F4E2A8 100%); color:var(--ink); border:1px solid var(--gold); box-shadow:4px 4px 0 var(--burgundy); } .flash-front .ff-label { font-size:0.56rem; letter-spacing:0.22em; text-transform:uppercase; color:var(--burgundy); font-weight:800; margin-bottom:0.55rem; } .flash-front .ff-q { font-family:'DM Serif Display',serif; font-size:1.02rem; line-height:1.35; color:var(--ink);