@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#cfe3ee;--teal:#2d9ac2;--teal-dk:#237fa3;--navy:#1a2e3b;--body-txt:#3d4f5c;--muted:#7a909e;--card:#fff;--rule:#ddeaf2;--tag-bg:#e8f5f5}html{font-size:16px}body{background:var(--bg);color:var(--body-txt);font-family:Poppins,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{background:#fff;padding:10px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px rgba(0,0,0,.07)}.topbar-brand{font-size:11px;font-weight:600;color:var(--navy);letter-spacing:.04em}.topbar-brand span{color:var(--teal)}.page-wrap{max-width:860px;margin:0 auto;padding:40px 24px 80px}.page-heading{text-align:center;margin-bottom:36px}.page-heading h1{font-size:clamp(22px,4vw,32px);font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:10px}.page-heading p{font-size:14px;color:var(--muted);font-weight:300;max-width:480px;margin:0 auto;line-height:1.7}.count-badge{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:500;color:var(--teal);margin-top:14px}.count-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}.year-section{margin-bottom:8px}.year-label{display:flex;align-items:center;gap:14px;padding:24px 0 12px}.year-label span{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.year-label:after{content:"";flex:1 1;height:1px;background:rgba(0,0,0,.1)}.email-card{background:var(--card);border-radius:8px;padding:24px 28px;margin-bottom:10px;display:grid;grid-template-columns:60px 1fr auto;align-items:center;grid-gap:24px;gap:24px;box-shadow:0 1px 4px rgba(26,46,59,.06);transition:box-shadow .2s,transform .2s}.email-card:hover{box-shadow:0 4px 16px rgba(26,46,59,.1);transform:translateY(-1px)}.card-date{text-align:center;background:var(--tag-bg);border-radius:6px;padding:10px 8px;line-height:1}.card-date-day{font-size:22px;font-weight:700;color:var(--teal);display:block}.card-date-mon{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-top:3px}.card-body{display:flex;flex-direction:column;gap:6px}.card-subject{font-size:15px;font-weight:600;color:var(--navy);line-height:1.3}.card-preview{font-size:13px;font-weight:300;color:var(--muted);line-height:1.6}.card-cta{flex-shrink:0}.read-btn{display:inline-flex;align-items:center;gap:6px;background:var(--teal);color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:9px 18px;border-radius:4px;white-space:nowrap;transition:background .15s}.read-btn:hover{background:var(--teal-dk)}.read-btn svg{flex-shrink:0}.no-link{font-size:11px;color:var(--muted);font-style:italic}.state-wrap{background:var(--card);border-radius:8px;padding:60px 24px;text-align:center;margin-top:20px}.state-wrap h2{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:8px}.state-wrap p{font-size:13px;color:var(--muted)}footer{text-align:center;padding:24px;font-size:11px;color:var(--muted);letter-spacing:.05em}@media (max-width:640px){.topbar{padding:10px 20px}.email-card{grid-template-columns:52px 1fr;gap:16px}.card-cta{grid-column:2}.read-btn{padding:7px 14px}}