:root{--background:#fbf9f4;--surface:#ffffff;--foreground:#2a2118;--muted:#6f6557;--accent:#8a5a2b;--accent-strong:#6d4420;--line:#e6dfd2;--radius:14px;--shadow:0 1px 2px rgba(42,33,24,0.06),0 8px 24px rgba(42,33,24,0.06);--maxw:1080px}@media (prefers-color-scheme:dark){:root{--background:#16130f;--surface:#211c16;--foreground:#f2ece2;--muted:#b3a797;--accent:#c7904f;--accent-strong:#e0a968;--line:#332c24;--shadow:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.35)}}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}main{flex:1 1;width:100%;max-width:var(--maxw);margin:0 auto;padding:24px 20px 64px}main>section:first-child{padding:56px 0 40px;text-align:center}h1{font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}main>section:first-child p{margin:16px auto 24px;max-width:46ch;color:var(--muted);font-size:1.05rem}main>section:first-child a{display:inline-block;padding:12px 26px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;transition:background .15s ease}main>section:first-child a:hover{background:var(--accent-strong)}h2{font-size:1.4rem;letter-spacing:-.01em;margin:8px 0 20px}.banner-closed{margin:0 0 24px;padding:14px 18px;border:1px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--foreground);font-size:.95rem}ul{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}article{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}article>div[role=img]{border-radius:10px;overflow:hidden}article h3{font-size:1.05rem;font-weight:650}article h3 a:hover{color:var(--accent)}article p{color:var(--muted);font-size:.92rem}article>p:last-of-type{color:var(--foreground);font-weight:650}button{margin-top:auto;padding:10px 16px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}@media (prefers-color-scheme:dark){html{color-scheme:dark}}