/* Legacy archive content + category grid styles (layered on styles.css) */

/* Archive content pages */
.legacy-wrap{padding:48px 0 72px;background:var(--cream);min-height:60vh}
.legacy-wrap .wrap{max-width:860px}
.cat-wrap .wrap{max-width:1180px}
.crumbs{font-size:13px;color:#7A8694;margin-bottom:14px}
.crumbs a{color:var(--maroon);font-weight:600}
.crumbs a:hover{text-decoration:underline}
.legacy-title{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:24px}
.legacy-body{font-size:17px;line-height:1.8;color:#28313D}
.legacy-body h2{font-size:1.5rem;font-weight:800;color:var(--navy);margin:32px 0 12px}
.legacy-body h3{font-size:1.2rem;font-weight:700;color:var(--maroon);margin:24px 0 10px}
.legacy-body p{margin:0 0 16px}
.legacy-body a{color:var(--maroon);text-decoration:underline;word-break:break-word}
.legacy-body img{max-width:100%;height:auto;border-radius:10px;margin:14px 0;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.legacy-body iframe{max-width:100%;border:0;border-radius:10px;margin:14px 0}
.legacy-body ul,.legacy-body ol{margin:0 0 16px 22px}
.legacy-body li{margin:6px 0}
.legacy-body table{max-width:100%;border-collapse:collapse;margin:16px 0}
.legacy-body td,.legacy-body th{border:1px solid #E2DACE;padding:8px}
.legacy-body blockquote{border-left:4px solid var(--gold);padding:8px 16px;margin:16px 0;background:#fff;color:#44505F}

/* Category index pages (card grid) */
.cat-intro{font-size:17px;color:#44505F;margin:-8px 0 34px;max-width:720px;line-height:1.7}
.arch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:22px}
.arch-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ECE4D6;border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.arch-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(11,31,58,.16);border-color:var(--gold)}
.arch-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,var(--navy),var(--maroon));display:flex;align-items:center;justify-content:center;overflow:hidden}
.arch-card .thumb img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;box-shadow:none}
.arch-card .thumb span{color:var(--gold);font-weight:900;font-size:24px;letter-spacing:.14em;opacity:.55}
.arch-card-b{padding:16px 18px 18px}
.arch-card-b h3{font-size:16px;font-weight:800;color:var(--navy);line-height:1.28;margin-bottom:7px}
.arch-card-b p{font-size:13px;color:#6B7684;line-height:1.55}