/* chronicle-007.html — page-specific styles, extracted from inline */

.article{overflow-x:hidden;background:radial-gradient(ellipse at center,#142540 0%,#0A1424 50%,#050810 90%,#000 100%);padding:140px 32px 80px;position:relative;overflow:hidden}
.article-inner{max-width:min(760px,100%);margin:0 auto;position:relative;z-index:5;box-sizing:border-box}
.article-back{display:inline-flex;align-items:center;gap:10px;font-family:'Cinzel',serif;font-size:10px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;opacity:.7;margin-bottom:48px;padding-bottom:4px;border-bottom:1px solid rgba(184,168,122,.3)}
.article-back:hover{color:var(--gold-light);opacity:1}
.article-meta{display:flex;flex-wrap:wrap;gap:24px;font-family:'Cinzel',serif;font-size:10px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;opacity:.65;margin-bottom:24px}
.article-greek{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.3em;color:var(--gold);opacity:.85;border-bottom:1px solid rgba(184,168,122,.4);display:inline-block;padding-bottom:2px;margin-bottom:24px}
.article h1{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(32px,5vw,52px);color:var(--bone);letter-spacing:.04em;line-height:1.5;margin-bottom:32px;word-break:keep-all;line-break:strict}
.article-lead{font-family:'Noto Serif JP',serif;font-weight:300;font-size:clamp(17px,1.9vw,22px);color:var(--bone);line-height:2;letter-spacing:.04em;border-left:2px solid var(--gold);padding-left:24px;margin:32px 0 48px;word-break:keep-all}
.article-body{font-family:'Noto Sans JP',sans-serif;font-weight:350;font-size:16px;color:var(--bone);opacity:.85;line-height:1.95;letter-spacing:.04em}
.article-body h2{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(22px,2.6vw,28px);color:var(--gold-light);letter-spacing:.06em;margin:64px 0 20px}
.article-body p{margin-bottom:20px;word-break:keep-all;line-break:strict;overflow-wrap:break-word}
.article-body em{font-style:italic;color:var(--gold)}
.article-body strong{color:var(--gold-light);font-weight:500}
.article-body blockquote{position:relative;padding:28px 28px 28px 60px;margin:36px 0;font-family:'Cormorant Garamond','Noto Serif JP',serif;font-style:italic;color:var(--gold-light);font-size:18px;background:rgba(184,168,122,.04);border:1px solid rgba(184,168,122,.12);line-height:1.85}
.article-body blockquote::before{content:"\201C";position:absolute;left:20px;top:14px;font-family:'Cormorant Garamond',serif;font-style:normal;font-size:46px;color:var(--gold);line-height:1;opacity:.7}
.article-footer{margin-top:80px;padding-top:48px;border-top:1px solid rgba(184,168,122,.15);text-align:center}
.article-footer .next-up{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.5em;color:var(--gold);text-transform:uppercase;opacity:.7;margin-bottom:16px}
.article-footer a{display:inline-block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:18px;color:var(--bone);border-bottom:1px solid rgba(184,168,122,.3);padding-bottom:4px}
.article-footer a:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}
@media(max-width:768px){
  .article{padding:80px 18px 48px}
  .article-back{font-size:9px;letter-spacing:.3em;margin-bottom:32px}
  .article-meta{font-size:9px;gap:14px;letter-spacing:.3em;margin-bottom:18px}
  .article-greek{font-size:10px;letter-spacing:.25em;margin-bottom:18px}
  .article h1{font-size:clamp(22px,6.5vw,30px) !important;line-height:1.55;margin-bottom:24px;letter-spacing:.04em}
  .article-lead{font-size:15px !important;padding-left:12px;line-height:1.85;margin-bottom:32px}
  .article-body{font-size:14.5px;line-height:1.95}
  .article-body p{margin-bottom:18px}
  .article-body h2{font-size:clamp(17px,4.5vw,22px) !important;margin-top:36px;margin-bottom:14px;letter-spacing:.04em}
  .article-body blockquote{padding:18px 14px 18px 38px;margin:24px 0;font-size:14px}
  .article-body blockquote::before{left:10px;top:8px;font-size:30px}
  .article-footer{margin-top:48px;padding-top:32px}
  .article-footer .next-up{font-size:10px;letter-spacing:.3em;margin-bottom:14px}
  .article-footer a{font-size:14.5px;letter-spacing:.04em}
}

.nyx-skip-to-content{position:fixed;left:-9999px;top:8px;z-index:9999;padding:10px 16px;background:#0A0A0A;color:#B8A87A;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.3em;border:1px solid #B8A87A;text-decoration:none;text-transform:uppercase}
.nyx-skip-to-content:focus{left:8px}