:root{--bg:#ffffff;--fg:#111111;--muted:#6b6b6b;--border:#e7e7e7;--accent:#c8102e;--serif:"Lora", Georgia, "Times New Roman", serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.5}.wrap{max-width:1240px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-family:var(--serif);font-size:22px;font-weight:700;color:var(--fg);text-decoration:none;letter-spacing:-.02em}.brand::after{content:".";color:var(--accent)}.nav{display:flex;gap:20px}.nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}.nav a:hover{color:var(--fg)}.section{margin:36px 0 48px}.section-title{font-family:var(--serif);font-size:24px;margin:0 0 16px}.section-title a{color:var(--fg);text-decoration:none}.section-title a:hover{color:var(--accent)}.page-title{font-family:var(--serif);font-size:32px;margin:32px 0 20px}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:128px;gap:14px}.grid.mosaic .card:nth-child(1){grid-column:1/span 3;grid-row:1/span 2}.grid.mosaic .card:nth-child(2){grid-column:4/span 2;grid-row:1/span 2}.grid.mosaic .card:nth-child(3){grid-column:1/span 2;grid-row:3/span 2}.grid.mosaic .card:nth-child(4){grid-column:3/span 3;grid-row:3/span 2}.grid.mosaic .card:nth-child(5){grid-column:1/span 3;grid-row:5/span 4}.grid.mosaic .card:nth-child(6){grid-column:4/span 2;grid-row:5/span 2}.grid.mosaic .card:nth-child(7){grid-column:4/span 2;grid-row:7/span 2}.grid.mosaic .card:nth-child(8){grid-column:1/span 2;grid-row:9/span 1}.grid.mosaic .card:nth-child(9){grid-column:3/span 1;grid-row:9/span 1}.grid.mosaic .card:nth-child(10){grid-column:4/span 2;grid-row:9/span 1}.grid.mosaic .card:nth-child(11){grid-column:1/span 3;grid-row:10/span 1}.grid.mosaic .card:nth-child(12){grid-column:4/span 2;grid-row:10/span 1}.grid.mosaic .card:nth-child(13){grid-column:1/span 3;grid-row:11/span 3}.grid.mosaic .card:nth-child(14){grid-column:4/span 2;grid-row:11/span 2}.grid.mosaic .card:nth-child(15){grid-column:4/span 2;grid-row:13/span 1}.grid.mosaic .card:nth-child(16){grid-column:1/span 2;grid-row:14/span 2}.grid.mosaic .card:nth-child(17){grid-column:3/span 1;grid-row:14/span 2}.grid.mosaic .card:nth-child(18){grid-column:4/span 2;grid-row:14/span 2}.grid.mosaic .card:nth-child(5) .card-title{font-size:26px;-webkit-line-clamp:7}.grid.mosaic .card:nth-child(13) .card-title{font-size:22px;-webkit-line-clamp:6}.card{position:relative;border-radius:10px;overflow:hidden;background-color:#d9d9d9;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;text-decoration:none;color:#fff;min-height:0;transition:box-shadow .15s ease}.card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 55%,rgba(0,0,0,4%) 100%)}.card:hover{box-shadow:0 10px 26px rgba(0,0,0,.22)}.card-body{position:relative;z-index:1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.85;margin-bottom:6px}.card-meta .source{font-weight:600}.dot{opacity:.6}.card-title{font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.grid.mosaic .card{grid-column:span 1 !important;grid-row:span 1 !important}.grid.mosaic .card:nth-child(5) .card-title,.grid.mosaic .card:nth-child(13) .card-title{font-size:17px;-webkit-line-clamp:3}}@media(max-width:600px){.grid{grid-template-columns:1fr;grid-auto-rows:230px}}.story{max-width:1240px;margin:32px auto 64px}.story-meta{display:flex;gap:8px;font-size:14px;color:var(--muted)}.story-meta .source{font-weight:600;color:var(--fg)}.story-title{font-family:var(--serif);font-size:34px;line-height:1.2;margin:14px 0 20px}.story-title a{color:inherit;text-decoration:none}.story-title a:hover{color:var(--accent)}.story-image{width:100%;border-radius:12px;margin-bottom:24px}.story-summary{font-size:18px;line-height:1.7;color:#222}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;padding:24px 0;margin-top:48px}