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

.article{
  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 pre{
  background:rgba(5,8,16,.7);
  border:1px solid rgba(184,168,122,.18);
  border-top:1px solid var(--gold);
  padding:18px 22px;
  position:relative;
  margin:24px 0;
  overflow-x:auto;
  font-family:'SF Mono','Fira Code',Menlo,monospace;
  font-size:13px;line-height:1.7;
  color:var(--bone);
  letter-spacing:.02em;
}
.article-body code{
  font-family:'SF Mono','Fira Code',Menlo,monospace;
  font-size:.92em;
  background:rgba(5,8,16,.6);
  padding:2px 6px;
  border-radius:2px;
  color:var(--gold-light);
}
.article-body pre code{background:none;padding:0;color:inherit}
/* Figures (chart/image with caption) */
.article-body figure{
  margin:32px 0;text-align:center;
  border:1px solid rgba(184,168,122,.15);
  background:rgba(15,12,8,.4);
  padding:24px;
}
.article-body figure img{max-width:100%;height:auto;display:block;margin:0 auto}
.article-body figure figcaption{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;color:var(--gold);opacity:.7;
  margin-top:14px;letter-spacing:.04em;
}
/* Tables */
.article-body table{
  width:100%;border-collapse:collapse;
  margin:32px 0;font-size:14px;
}
.article-body table th,.article-body table td{
  padding:10px 14px;
  border-bottom:1px solid rgba(184,168,122,.15);
  text-align:left;letter-spacing:.04em;
}
.article-body table th{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:.3em;
  color:var(--gold);text-transform:uppercase;font-weight:400;
  border-bottom:1px solid var(--gold);
}
.article-body table tr:hover{background:rgba(184,168,122,.04)}
.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-body figure{margin:28px 0}
  .article-body figcaption{font-size:11px}
  .article-body table{font-size:12px}
  .article-body table th,.article-body table td{padding:8px 10px}
  .article-body pre{padding:14px;font-size:12px;overflow-x:auto}
  .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}