.chronicles-page .skip-link{position:absolute;left:16px;top:-100px;z-index:10000;background:#101c22;color:#dfbc78;padding:12px 18px;border-radius:8px}.chronicles-page .skip-link:focus{top:12px}.chronicles-index{max-width:1280px;width:calc(100% - 80px);margin:0 auto;padding:80px 0}.chronicles-intro{max-width:900px;margin-bottom:56px}.chronicles-intro h1,.chronicle-heading h1{font-family:Cinzel,Georgia,serif;font-size:clamp(36px,4.8vw,68px);line-height:1.15;letter-spacing:-.035em;color:#f0ece2;text-wrap:balance}.chronicles-intro h1 em{color:#dfbc78;font-family:Georgia,serif;font-weight:400}.chronicles-intro p{color:#b4bfc3;font-size:18px;margin-top:24px}.chronicle-filters{display:flex;gap:20px;align-items:end;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #d8b77c30}.chronicle-filters label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#b4bfc3}.chronicle-filters label:first-child{flex:1;max-width:520px}.chronicle-filters input,.chronicle-filters select{background:#101c22;border:1px solid #d8b77c40;border-radius:8px;padding:13px 15px;color:#f0ece2;font:inherit;min-width:0;width:100%}.chronicle-filters input:focus-visible,.chronicle-filters select:focus-visible{outline:2px solid #dfbc78;outline-offset:3px}#post-count{margin-left:auto;color:#b4bfc3;font-size:14px;padding-bottom:12px}.chronicles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.chronicle-card{border:1px solid #d8b77c30;border-radius:16px;overflow:hidden;background:#101c22;transition:border-color .2s}.chronicle-card:hover{border-color:#dfbc78}.chronicle-card[hidden]{display:none}.chronicle-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.chronicle-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.chronicle-card-copy{padding:26px;display:flex;flex-direction:column;flex:1;gap:16px}.chronicle-card time,.chronicle-heading time{color:#dfbc78;font-size:13px}.chronicle-card h2{font:700 23px/1.35 Cinzel,Georgia,serif;color:#f0ece2}.chronicle-card p{color:#b4bfc3;font-size:15px;line-height:1.7}.chronicle-read{color:#dfbc78;margin-top:auto;padding-top:8px;font-size:14px}.chronicle-article{max-width:1100px;width:calc(100% - 80px);margin:auto;padding:70px 0 60px}.chronicle-heading{max-width:900px;margin:0 auto 40px}.chronicle-back{display:block;color:#dfbc78;text-decoration:none;margin-bottom:32px}.chronicle-heading h1{font-size:clamp(32px,4vw,56px);margin:18px 0}.chronicle-byline{color:#b4bfc3;font-size:14px}.chronicle-cover{display:block;width:100%;height:auto;border-radius:18px;margin-bottom:48px}.chronicle-prose{max-width:760px;margin:auto;font-size:17px;line-height:1.9;color:#ccd3d5;overflow-wrap:anywhere}.chronicle-prose p,.chronicle-prose ul{margin-bottom:26px}.chronicle-prose ul{padding-left:24px}.chronicle-prose h2{font:700 26px/1.4 Cinzel,Georgia,serif;color:#f0ece2;margin:36px 0 18px}.chronicle-prose a{color:#dfbc78;text-underline-offset:4px}.archive-note{font-size:13px;line-height:1.6;color:#a8b7bf;border-left:2px solid #d8b77c66;padding:12px 18px;margin-bottom:32px;background:#101c22}.chronicle-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px;border-top:1px solid #d8b77c30;padding-top:32px}.chronicle-related a{color:#f0ece2;text-decoration:none;padding:24px;background:#101c22;border-radius:12px}.chronicle-related span{font-size:12px;color:#dfbc78}.chronicle-related h2{font:700 20px/1.4 Cinzel,Georgia,serif;margin-top:12px}@media(max-width:1000px){.chronicles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.chronicles-index,.chronicle-article{width:calc(100% - 40px);padding-top:120px}.chronicles-grid,.chronicle-related{grid-template-columns:1fr}.chronicle-filters{flex-wrap:wrap;gap:14px}.chronicle-filters label:first-child{flex-basis:100%;max-width:none}.chronicle-filters label:nth-child(2){flex:1}.chronicles-intro{margin-bottom:36px}.chronicle-card-copy{padding:22px}.chronicle-cover{border-radius:12px;margin-bottom:28px}.chronicle-prose{font-size:16px}.chronicle-heading h1{font-size:34px}}.chronicles-page main{scroll-margin-top:100px}@media(max-width:600px){.chronicles-page .chronicles-index,.chronicles-page .chronicle-article{padding-top:60px}}
