/* Observatory publication pages */
.observatory-page{
  --accent:#43f5a8;
  --accent2:#8f52ff;
  --blue:#46b6ff;
}
.observatory-visual{
  min-height:360px;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.60)),
    url('../assets/images/yakusho-observation-banner.png'),
    linear-gradient(135deg,#020707,#081a18 42%,#100821);
  background-position:center center;
  background-size:cover;
}
.observatory-visual::before{
  background:
    linear-gradient(90deg,rgba(3,7,8,.84),rgba(3,7,8,.38) 48%,rgba(3,7,8,.18)),
    radial-gradient(circle at 16% 72%,rgba(67,245,168,.16),transparent 36%),
    radial-gradient(circle at 78% 24%,rgba(143,82,255,.14),transparent 34%);
}
.observatory-article{
  max-width:1080px;
  margin:22px auto 0;
}
.observatory-prose{
  border:1px solid rgba(70,255,184,.22);
  background:rgba(3,10,10,.52);
  padding:clamp(22px,4vw,42px);
}
.observatory-prose > *{max-width:900px;margin-left:auto;margin-right:auto}
.observatory-prose h2{
  margin:2.4em auto .85em;
  padding-bottom:.45em;
  border-bottom:1px solid rgba(67,245,168,.22);
  color:#43f5a8;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.48;
  letter-spacing:.06em;
}
.observatory-prose h2:first-child{margin-top:0}
.observatory-prose h3{
  margin:1.8em auto .65em;
  color:#f6fff9;
  font-size:clamp(1.1rem,1.8vw,1.35rem);
  line-height:1.55;
  letter-spacing:.04em;
}
.observatory-prose p,
.observatory-prose li{
  color:#edf7f2;
  font-size:1.04rem;
  line-height:2.05;
  letter-spacing:.025em;
}
.observatory-prose p{margin-top:0;margin-bottom:1.15em}
.observatory-prose blockquote{
  max-width:900px;
  margin:1.4em auto;
  padding:1.1em 1.3em;
  border-left:3px solid rgba(67,245,168,.62);
  background:rgba(4,15,16,.72);
  color:#f5fff9;
}
.observatory-prose blockquote p{margin:0;color:#f5fff9}
.observatory-prose ul,
.observatory-prose ol{padding-left:1.35em}
.observatory-prose strong{color:#cffff0;font-weight:700}
.observatory-prose em,
.observatory-prose cite{font-style:italic;color:#f7e8ff}
.observatory-prose a{color:#9ed6ff;text-decoration:underline;text-decoration-color:rgba(158,214,255,.42);text-underline-offset:.18em}
.observatory-lead{
  margin-bottom:24px;
  padding:18px 20px;
  border:1px solid rgba(67,245,168,.22);
  background:linear-gradient(180deg,rgba(6,18,20,.70),rgba(3,9,11,.74));
}
.observatory-lead p{margin:0;font-size:1.06rem;line-height:2.05}
.observatory-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px auto 28px;
}
.observatory-nav a{
  display:block;
  padding:14px 16px;
  border:1px solid rgba(67,245,168,.30);
  border-radius:10px;
  background:rgba(4,14,15,.72);
  text-decoration:none;
}
.observatory-nav strong{display:block;color:#fff;font-size:1.04rem;line-height:1.45}
.observatory-nav span{display:block;margin-top:4px;color:#d7e6df;font-size:.9rem;line-height:1.6}
.toc{
  margin:20px auto 28px;
  padding:18px 20px;
  border:1px solid rgba(67,245,168,.22);
  background:rgba(3,11,12,.62);
}
.toc h2{margin:0 0 10px!important;padding:0!important;border:0!important;font-size:1rem!important;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;color:#43f5a8!important}
.toc ol{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}
.toc li{margin:0;font-size:.95rem;line-height:1.65}
.table-wrap{max-width:980px;margin:1.25em auto 1.7em;overflow-x:auto;border:1px solid rgba(67,245,168,.18)}
table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(0,0,0,.22)}
th,td{border:1px solid rgba(67,245,168,.16);padding:12px 13px;text-align:left;vertical-align:top;color:#edf7f2;line-height:1.75}
th{color:#43f5a8;background:rgba(5,21,22,.82);font-weight:700;white-space:nowrap}
.note-box{
  max-width:900px;
  margin:1.4em auto;
  padding:1.05em 1.2em;
  border:1px solid rgba(143,82,255,.28);
  background:linear-gradient(180deg,rgba(18,8,30,.52),rgba(5,11,18,.56));
}
.note-box p{margin:0;color:#f0ecff}
.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px auto 24px;max-width:980px}
.identity-card{padding:17px 16px;border:1px solid rgba(67,245,168,.24);background:rgba(4,14,15,.66);min-height:170px}.identity-card h3{margin:0 0 8px!important;color:#43f5a8!important}.identity-card p{font-size:.97rem;line-height:1.85}
.references p{padding-left:1.6em;text-indent:-1.6em;font-size:.92rem;line-height:1.75;color:#dce8e1}
.article-dates{max-width:900px;margin:28px auto 0;padding-top:16px;border-top:1px solid rgba(67,245,168,.20);color:#d8e6df;font-size:.92rem}.article-dates p{margin:.2em 0!important;font-size:.92rem!important;line-height:1.7!important}
@media (max-width:900px){
  .observatory-visual{min-height:330px;background-position:center center}.observatory-prose{padding:22px 16px}.observatory-prose p,.observatory-prose li{font-size:1rem;line-height:1.96}.observatory-nav,.toc ol,.identity-grid{grid-template-columns:1fr}.toc{padding:16px}.table-wrap{margin-left:-4px;margin-right:-4px}th,td{padding:10px 11px}.references p{font-size:.88rem}.essay-title{line-height:1.25}
}
@media print{
  body{background:#fff!important;color:#111!important}.page{max-width:none;padding:0}.topbar,.back-link,.site-footer,.observatory-visual::before{display:none!important}.observatory-visual{min-height:auto;background:none!important;border:0!important;box-shadow:none!important;padding:0 0 12px}.essay-title,.essay-subtitle,.article-kicker{color:#111!important;text-shadow:none!important}.observatory-prose{border:0!important;background:#fff!important;padding:0}.observatory-prose h2{color:#111!important;border-bottom:1px solid #999}.observatory-prose h3,.observatory-prose p,.observatory-prose li,th,td{color:#111!important}.observatory-lead,.toc,.note-box,.identity-card{background:#fff!important;border:1px solid #aaa!important}.table-wrap{border:1px solid #aaa;overflow:visible}table{min-width:0;background:#fff}th{background:#eee;color:#111!important}.observatory-nav{display:none}.references p{font-size:9.5pt;line-height:1.5}
}