@import "main.css";

/* ----------  LAYOUT  ---------- */
main{display:grid;grid-template-columns:250px 1fr;gap:4rem;max-width:1200px}
.sidebar{border-right:1px solid var(--border);padding-right:2rem}
.sidebar h3{font-size:1.2rem;margin-bottom:1.5rem}
.week-list{list-style:none;padding:0}
.week-list li{margin-bottom:.5rem}
.week-list a{display:block;padding:.75rem 1rem;color:var(--txt);text-decoration:none;transition:background .2s}
.week-list a:hover{background:var(--hover)}
.week-list li.active a{background:var(--txt);color:var(--bg);font-weight:700}

/* ----------  ENTRY CARDS  ---------- */
.page-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;border-bottom:1px solid var(--border);padding-bottom:2rem}
.entry-list{display:grid;grid-template-columns:1fr;gap:2rem}
.entry-card{border:1px solid var(--border);padding:2rem;transition:background .2s}
.entry-card:hover{background:var(--hover)}
.entry-card h2{font-size:1.5rem;margin-bottom:.5rem}
.entry-card h2 a{color:var(--txt);text-decoration:none}
.entry-date{font-size:.9rem;opacity:.7;margin-bottom:1.5rem}
.entry-summary{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}
.entry-link{color:var(--txt);text-decoration:underline;font-weight:700}

/* ----------  PAGINATION  ---------- */
.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.pagination-btn{background:none;border:1px solid var(--border);color:var(--txt);padding:.75rem 1.5rem;text-decoration:none;cursor:pointer;transition:background .2s}
.pagination-btn:hover{background:var(--hover)}
.pagination-btn:disabled{opacity:.4;cursor:not-allowed}
.page-info{font-size:.9rem;opacity:.8}

@media(max-width:900px){
    main{grid-template-columns:1fr;gap:2rem}
    .sidebar{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:2rem}
}