.knowledge-page{background:#f4eddf;color:#211f1a}
.knowledge-page .site-header{position:relative}
.knowledge-page main{min-height:70vh}

.knowledge-hero{
  position:relative;
  overflow:hidden;
  padding:112px max(30px,calc((100vw - 1080px)/2)) 105px;
  color:#f8f1e4;
  text-align:center;
  background:radial-gradient(circle at 50% 130%,rgba(197,165,106,.18),transparent 34rem),linear-gradient(135deg,#0a171e,#142c34);
}
.knowledge-hero:after{content:"書";position:absolute;right:6%;top:-45px;color:rgba(226,207,158,.045);font:19rem/1 var(--serif)}
.knowledge-hero .eyebrow{color:var(--antique-gold-soft)}
.knowledge-hero h1{position:relative;z-index:1;max-width:920px;margin:0 auto 24px;font:400 clamp(3rem,6vw,5.4rem)/1.08 var(--serif);letter-spacing:-.045em}
.knowledge-hero>p:last-child{position:relative;z-index:1;max-width:720px;margin:auto;color:rgba(248,241,228,.68);font:1.08rem/1.8 var(--serif)}
.knowledge-orbit{position:absolute;left:50%;top:50%;width:540px;height:540px;transform:translate(-50%,-50%);border:1px solid rgba(226,207,158,.1);border-radius:50%;box-shadow:inset 0 0 0 48px rgba(197,165,106,.015),inset 0 0 0 49px rgba(226,207,158,.05)}

.knowledge-index{max-width:1180px;margin:auto;padding:90px 30px 120px}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.knowledge-card{position:relative;min-width:0;border:1px solid rgba(94,75,48,.2);background:rgba(255,255,255,.34);box-shadow:0 14px 40px rgba(62,46,26,.055);overflow:hidden;transition:.22s ease}
.knowledge-card:hover{transform:translateY(-4px);border-color:rgba(165,54,41,.38);box-shadow:0 22px 45px rgba(62,46,26,.09)}
.knowledge-card>a{display:block;min-height:290px;padding:38px 42px;text-decoration:none}
.knowledge-card .eyebrow{padding-right:86px}
.knowledge-card h2{position:relative;z-index:1;max-width:530px;margin:0 0 16px;font:400 1.75rem/1.35 var(--serif)}
.knowledge-card p:not(.eyebrow){position:relative;z-index:1;color:#686055;font-size:.87rem;line-height:1.8}
.knowledge-glyph{position:absolute;right:24px;top:20px;color:rgba(165,54,41,.1);font:4.9rem/1 var(--serif)}
.read-link{position:absolute;left:42px;bottom:31px;color:var(--cinnabar);font-size:.75rem;font-weight:700;letter-spacing:.04em}

.article-hero{
  position:relative;
  overflow:hidden;
  padding:54px max(30px,calc((100vw - 980px)/2)) 88px;
  color:#f8f1e4;
  background:radial-gradient(circle at 80% 40%,rgba(197,165,106,.15),transparent 28rem),linear-gradient(135deg,#0a171e,#142c34);
}
.article-hero:after{content:"";position:absolute;right:-150px;bottom:-330px;width:620px;height:620px;border:1px solid rgba(226,207,158,.12);border-radius:50%;box-shadow:inset 0 0 0 54px rgba(197,165,106,.018),inset 0 0 0 55px rgba(226,207,158,.06)}
.breadcrumbs{position:relative;z-index:2;display:flex;gap:8px;margin-bottom:68px;color:rgba(248,241,228,.55);font-size:.76rem}
.breadcrumbs a{text-decoration:none}
.article-hero .eyebrow{color:var(--antique-gold-soft)}
.article-hero h1{position:relative;z-index:1;max-width:880px;margin:0 0 25px;font:400 clamp(2.8rem,5.3vw,5rem)/1.12 var(--serif);letter-spacing:-.045em}
.article-deck{position:relative;z-index:1;max-width:760px;color:rgba(248,241,228,.7);font:1.08rem/1.8 var(--serif)}
.article-glyph{position:absolute;right:max(25px,calc((100vw - 1120px)/2));top:32px;color:rgba(226,207,158,.075);font:9rem/1 var(--serif)}
.article-meta{position:relative;z-index:1;display:flex;gap:24px;margin-top:35px;color:rgba(248,241,228,.48);font-size:.72rem;letter-spacing:.05em}

.article-layout{display:grid;grid-template-columns:150px minmax(0,760px);gap:55px;max-width:1020px;margin:auto;padding:90px 30px 75px}
.article-mark{position:relative}
.article-mark:before{content:"";position:absolute;left:50%;top:84px;bottom:0;width:1px;background:linear-gradient(var(--line),transparent)}
.article-mark span{position:sticky;top:30px;display:grid;place-items:center;width:96px;height:96px;border:1px solid rgba(165,54,41,.42);color:var(--cinnabar);font:1.55rem var(--serif);box-shadow:inset 0 0 0 5px #f4eddf,inset 0 0 0 6px rgba(165,54,41,.18);transform:rotate(-2deg)}
.article-body{font:1.05rem/1.95 var(--serif);color:#39342d}
.article-body .article-intro{margin:0 0 58px;color:#2a2722;font-size:1.27rem;line-height:1.9}
.article-body .article-intro:first-letter{float:left;margin:7px 10px 0 0;color:var(--cinnabar);font-size:4.1rem;line-height:.8}
.article-body section{margin:0 0 58px}
.article-body h2{position:relative;margin:0 0 24px;padding:0 0 14px;font:400 1.9rem/1.35 var(--serif);border-bottom:1px solid var(--line)}
.article-body h2:after{content:"";position:absolute;left:0;bottom:-1px;width:58px;height:2px;background:var(--cinnabar)}
.article-body p{margin:0 0 19px}
.culture-notice{margin-top:66px;padding:22px 25px;border-left:3px solid var(--cinnabar);background:rgba(255,255,255,.38);color:#70675b;font:400 .82rem/1.75 var(--sans)}

.related-articles{max-width:1120px;margin:auto;padding:45px 30px 100px;border-top:1px solid var(--line)}
.related-articles>.eyebrow{text-align:center;margin-bottom:28px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.related-grid .knowledge-card>a{min-height:280px;padding:30px}
.related-grid .knowledge-card h2{font-size:1.38rem}
.related-grid .read-link{left:30px}

.knowledge-cta{max-width:1120px;margin:0 auto 110px;padding:42px 46px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;color:#f6efe1;background:linear-gradient(135deg,#10242c,#18343b);box-shadow:0 22px 55px rgba(12,27,34,.16)}
.knowledge-cta h2{margin:0 0 7px;font:400 1.75rem var(--serif)}
.knowledge-cta p{max-width:650px;margin:0;color:rgba(246,239,225,.64);font-size:.82rem}
.knowledge-cta .button{white-space:nowrap}

.not-found{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle,#18343b,#09161c);color:#f8f1e4;text-align:center}
.not-found main{display:grid;justify-items:center;gap:20px}
.not-found h1{font:400 3rem var(--serif);margin:0}

@media(max-width:820px){
  .article-layout{grid-template-columns:1fr;max-width:790px}
  .article-mark{display:none}
  .related-grid{grid-template-columns:1fr}
  .knowledge-cta{margin-inline:24px;grid-template-columns:auto 1fr}
  .knowledge-cta .button{grid-column:1/-1;width:100%}
}
@media(max-width:640px){
  .knowledge-hero{padding:78px 20px 75px}
  .knowledge-hero h1{font-size:3rem}
  .knowledge-index{padding:60px 16px 82px}
  .knowledge-grid{grid-template-columns:1fr;gap:16px}
  .knowledge-card>a{min-height:285px;padding:31px 27px}
  .read-link{left:27px}
  .article-hero{padding:36px 20px 62px}
  .breadcrumbs{margin-bottom:50px}
  .article-hero h1{font-size:2.75rem}
  .article-deck{font-size:1rem}
  .article-layout{padding:62px 20px 48px}
  .article-body{font-size:1rem}
  .article-body .article-intro{font-size:1.15rem;margin-bottom:45px}
  .article-body h2{font-size:1.65rem}
  .related-articles{padding:35px 16px 75px}
  .knowledge-cta{margin:0 16px 78px;padding:32px 24px;grid-template-columns:1fr}
  .knowledge-cta .seal-small{display:none}
}