/* A classical chart becomes the organising geometry of the site. */
.cosmos-site{--cosmos-ink:#18231b;--cosmos-paper:#e8ddc2;--cosmos-gold:#d9bb77}
.cosmos-site .hero-overline>span:last-child{letter-spacing:.15em}
.cosmos-site .hero-bottom>div>.eyebrow{font-family:var(--serif);font-size:14px;letter-spacing:.13em}
.cosmos-site .meishiki-section{padding:110px 7% 70px;background:radial-gradient(ellipse at 50% 45%,#d5c39644,transparent 65%),#e8ddc2;color:#283024;position:relative}
.meishiki-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:15px 6%;align-items:end;margin-bottom:65px}
.meishiki-intro .chronicle-label{grid-column:1/-1;color:#705527;font-size:15px}
.cosmos-site .meishiki-intro h2{font-size:clamp(46px,5.8vw,86px);line-height:1.4;color:#263023;letter-spacing:.03em;font-weight:500;margin:15px 0 0}
.meishiki-intro h2 em{font-style:normal;color:#7c5a22}
.meishiki-intro>p:last-child{font-size:18px;line-height:2.1;color:#53523f;padding-bottom:10px}
.meishiki-intro>p:last-child span{display:inline-block}
.meishiki-book{border:1px solid #9e8954;padding:28px 4% 25px;box-shadow:0 0 0 7px #b3a17526,0 20px 55px #77633310;background:#f7f0dd75;position:relative;max-width:1160px;margin:0 auto}
.book-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:3px double #99804a;color:#655631;font-size:15px;letter-spacing:.16em;line-height:1.8}
.book-heading span:last-child{font:12px/1.8 Georgia,serif;letter-spacing:.12em}
.chart-grid{display:grid;grid-template-columns:70px 1fr;margin-top:24px}
.chart-labels{display:grid;grid-template-rows:89px 139px 139px 50px;font-size:14px;color:#77633b;align-items:center;text-align:center}
.cosmos-site .meishiki-section .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.cosmos-site .meishiki-section .pillar{display:grid;grid-template-rows:24px 65px 139px 139px 50px;padding:0;min-width:0;border:0;border-left:1px solid #9d854c70;background:transparent;box-shadow:none;color:#283024;letter-spacing:.04em;transition:background .4s,color .4s;transform:none;border-radius:0}
.cosmos-site .meishiki-section .pillar:last-child{border-right:1px solid #9d854c70}
.cosmos-site .meishiki-section .pillar.active{background:#202d23;box-shadow:0 12px 32px #23301c26;color:#f3dfb0;border-color:#9d854c;transform:none}
.cosmos-site .meishiki-section .pillar:not(.active):hover{background:#d4c49866}
.cosmos-site .meishiki-section .pillar:focus-visible{outline:2px solid #916c24;outline-offset:4px;z-index:1}
.cosmos-site .meishiki-section .pillar-kicker{padding-top:10px;font-size:12px;color:inherit;opacity:.75}
.cosmos-site .meishiki-section .pillar strong{font-size:27px;font-weight:500;line-height:1.4;margin:16px 0 12px;letter-spacing:.1em;color:inherit}
.chart-stem,.chart-branch{border-top:1px solid #9d854c50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative}
.chart-stem b,.chart-branch b{font:500 69px/1.3 var(--serif);color:inherit}
.chart-stem small,.chart-branch small{font-size:13px;line-height:1.8;letter-spacing:.1em;color:inherit;opacity:.8}
.pillar[data-pillar="2"] .chart-stem b{width:90px;height:90px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.chart-relation{display:grid;place-items:center;border-top:1px solid #9d854c50;font-size:17px;letter-spacing:.08em}
.chart-footnote{display:flex;gap:24px;align-items:center;margin:28px 0 20px;padding-left:70px}
.day-seal{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;color:#755222;border:3px double #a18543;font-size:18px}
.chart-footnote p{font-size:16px;line-height:1.9;color:#52503e}
.chart-example{font-size:13px;line-height:1.9;color:#716650;border-top:1px solid #9e895440;padding-top:20px}
.cosmos-site .meishiki-section .pillar-explanation{max-width:1020px;display:grid;grid-template-columns:1fr 1.5fr;gap:8px 6%;padding:46px 0 18px;min-height:0;margin:auto}
.cosmos-site .meishiki-section .pillar-explanation .eyebrow{grid-column:1/-1;color:#80632f;font-size:13px}
.cosmos-site .meishiki-section .pillar-explanation h3{font-size:28px;color:#2c3527;line-height:1.6;margin:12px 0;font-weight:500}
.cosmos-site .meishiki-section .pillar-explanation>p:last-child{font-size:16px;line-height:2.1;color:#514f3e;margin-top:12px}
.cosmos-site .meishiki-section .section-note{max-width:1020px;margin:20px auto 0;color:#736447;font-size:14px;line-height:1.9}
.cosmos-site .meishiki-section .section-note a{color:#715220;border-bottom:1px solid #9c8046}
.cosmos-site .elements-section{border-top:6px double #b497594d;background:radial-gradient(ellipse at 25% 60%,#33452a45,transparent 60%),#0b120c}
.cosmos-site .elements-section .section-heading h2{font-size:clamp(42px,5.3vw,78px);line-height:1.5;color:#e9dbb7}
.cosmos-site .elements-section .section-heading>p{font-size:18px}
.cosmos-site .elements-orbit{border:1px solid #c6ad6f33;border-radius:50%;background:radial-gradient(circle,#8995540b 38%,transparent 39%);box-shadow:0 0 0 14px #ad965106,0 0 0 15px #c6ad6f22}
.cosmos-site .elements-orbit:after{content:'';position:absolute;inset:11%;border:1px dashed #ad965130;border-radius:50%;pointer-events:none}
.cosmos-site .element{border:3px double #b9a264}
.generation-lines{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #b9a26444;margin-top:50px;padding-top:28px;flex-wrap:wrap}
.generation-lines p{font-size:16px;letter-spacing:.1em;color:#d8c599;margin:0;line-height:2}
.generation-lines span{display:inline-block;margin-right:22px;border:1px solid #b9a26470;padding:2px 12px;font-size:14px}
.relations-section{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;background:linear-gradient(130deg,#172116,#0a100b 70%);border-top:1px solid #b39b6240;position:relative;isolation:isolate}
.relations-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d160bee,#0d160be8),url('assets/calendrical-scholarship.webp') center/cover;z-index:-1;opacity:.75}
.cosmos-site .relations-heading h2{font-size:clamp(45px,5vw,76px);line-height:1.45;font-weight:500;margin:22px 0 35px;color:#f2e4c4;letter-spacing:.05em}
.relations-heading h2 em,.time-heading h2 em{font-style:normal;color:#cfb473}
.relations-heading>p:not(.chronicle-label){font-size:17px;line-height:2.15;color:#c7bea8}
.day-master-mark{display:flex;align-items:center;gap:25px;margin-top:48px;max-width:440px}
.day-master-mark>span{display:grid;place-items:center;width:140px;height:150px;flex-shrink:0;border:4px double #ad9459;color:#d4bc80;font:500 96px/1 var(--serif);box-shadow:inset 0 0 0 9px #b49a5610}
.day-master-mark>p{font-size:18px;line-height:1.9;color:#ddc896}
.day-master-mark small{display:block;font-size:13px;line-height:1.8;color:#b7ad95;margin-top:10px}
.relations-table-head{display:flex;justify-content:space-between;gap:20px;border-top:3px double #b3985b;border-bottom:1px solid #b3985b55;padding:20px 0;font-size:13px;color:#b7a883;line-height:1.8}
.relations-index ol{list-style:none;margin:0;padding:0}
.relations-index li{display:grid;grid-template-columns:1fr 1.7fr;gap:5%;align-items:center;border-bottom:1px solid #b3985b4d;padding:25px 0}
.relations-index li>div>span{font-size:23px;color:#ceb778;letter-spacing:.12em}
.relations-index li small{display:block;font-size:13px;color:#b4aa92;line-height:1.8;margin-top:5px}
.relations-index li p{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.6}
.relations-index li b{font-size:25px;font-weight:500;color:#e9dab4;white-space:nowrap}
.relations-index li i{font-size:14px;font-style:normal;color:#ad9b70;margin:12px 4px 0 -3px}
.relations-index li p>span{font-size:18px;color:#ad9b7066}
.relations-note{font-size:14px;line-height:2;color:#bfb499;margin-top:25px}
.relations-index .text-link{font-size:15px;margin-top:22px}
.time-layers{background:#101810;border-top:1px solid #aa925935;position:relative;overflow:hidden}
.time-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:15px 7%;align-items:end;margin-bottom:55px}
.time-heading>.chronicle-label{grid-column:1/-1}
.cosmos-site .time-heading h2{font-size:clamp(46px,5.5vw,82px);line-height:1.4;letter-spacing:.04em;font-weight:500;margin:20px 0 0;color:#ead9af}
.time-heading>p:last-child{font-size:18px;line-height:2.1;color:#bdb498;padding-bottom:10px}
.time-score{border-top:3px double #b89a6066;border-bottom:3px double #b89a6066}
.time-score article{display:grid;grid-template-columns:80px 1.2fr 1fr;align-items:center;gap:5%;padding:36px 0;border-bottom:1px solid #b89a6033}
.time-score article:last-child{border-bottom:0}
.time-kanji{font-size:60px;line-height:1.4;color:#c3a66b;font-weight:500}
.time-score h3{font-size:27px;line-height:1.6;color:#e6d7af;font-weight:500}
.time-score h3 small{display:inline-block;font-size:14px;color:#b7a989;margin-left:24px;vertical-align:middle}
.time-score p{font-size:16px;line-height:2;color:#c6bda6;margin-top:12px}
.time-notation{display:flex;justify-content:space-between;align-items:center;position:relative;color:#c7ac70}
.time-notation:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#c7ac705c;z-index:0}
.time-notation i{display:block;position:relative;z-index:1;background:#101810;font-style:normal}
.natal-notation i{width:54px;height:62px;border:3px double #c7ac7070;display:grid;place-items:center;font-size:22px}
.decade-notation i{height:38px;width:1px;background:#c7ac70}
.decade-notation i:after{content:'';position:absolute;top:50%;width:9px;height:9px;background:#c7ac70;transform:translate(-4px,-4px) rotate(45deg)}
.annual-notation i{height:17px;width:1px;background:#c7ac7066}
.annual-notation i:nth-child(5n+1){height:33px;background:#c7ac70}
.time-caption{font-size:13px;line-height:1.9;color:#a89e83;margin-top:23px}
.cosmos-site .lineage-condensed{padding-top:70px;padding-bottom:65px;align-items:center;gap:8%}
.lineage-condensed .lineage-sticky{position:static}
.cosmos-site .lineage-condensed .lineage-sticky h2{font-size:40px;line-height:1.5}
.lineage-condensed .calendar-wheel{width:310px;margin-top:20px}
.lineage-condensed .lineage-entries{margin:0;padding-left:9%}
.lineage-condensed .lineage-entries article{margin-bottom:26px;padding-bottom:27px}
.lineage-condensed .lineage-era{font-size:30px}
.lineage-condensed .lineage-era>span{display:inline;margin-left:20px;font-size:12px}
.lineage-condensed .lineage-entries h3{font-size:24px;margin:14px 0 12px}
.lineage-condensed .lineage-entries article>p:last-child{font-size:15px;line-height:2}
.lineage-condensed .lineage-entries article:before{left:calc(-10% - 5px)}
.cosmos-site .threshold{min-height:0;height:auto}
.cosmos-site .threshold-content{padding-bottom:70px}
.cosmos-site .threshold-opening{min-height:75svh;padding-top:110px}
.cosmos-site .threshold-reading{min-height:65svh;padding-top:70px;padding-bottom:60px}
.cosmos-site .ritual-moments{padding-top:55px;padding-bottom:55px}
.cosmos-site .wisdom-hero{background-image:linear-gradient(90deg,#081209e8,#081209bf 62%,#08120977),url('assets/calendrical-scholarship.webp')}
.cosmos-site .wisdom-title-art span{font-size:45px;border-radius:0;box-shadow:inset 0 0 0 9px #b49a5610}
.cosmos-site .wisdom-hero h1{font-size:clamp(42px,4.8vw,70px)}
.cosmos-site .reading-prelude{min-height:235px;padding:35px 7%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;border-top:3px double #ba9d5d66;border-bottom:3px double #ba9d5d66}
.cosmos-site .reading-prelude>span{font-size:38px;line-height:1.55}
.cosmos-site .reading-prelude small{font-size:16px;letter-spacing:.08em;margin:0}
.cosmos-site .flow-list li{padding:27px 22px 30px;border:0;border-top:4px double #c8ad7090;border-bottom:1px solid #c8ad7040;background:linear-gradient(#bda0620d,transparent 65%)}
.cosmos-site .flow-list li>span:first-child{display:block;width:56px;height:64px;line-height:60px;border:1px solid #ad945c70;text-align:center;font-size:36px;margin-bottom:30px}
.cosmos-site .flow-list .flow-concept{display:block;font-size:13px;line-height:1.8;color:#c5b385;letter-spacing:.02em}
.cosmos-site .flow-list h3{font-size:25px;line-height:1.6;margin-top:14px}
.cosmos-site .flow-list p{font-size:16px;line-height:2}
.cosmos-colophon{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bba26b50;border-bottom:1px solid #bba26b50;margin:48px 0 0}
.cosmos-colophon span{font-size:24px;color:#c5b285;letter-spacing:.06em;text-align:center;padding:22px 10px;border-left:1px solid #bba26b35}
.cosmos-colophon span:first-child{border-left:0}
.cosmos-site .calendar-colophon{margin-top:0;border-top:0;font-size:13px}
.cosmos-site .sources{scroll-margin-top:25px}
@media(max-width:1100px) and (min-width:801px){.relations-section{gap:6%;grid-template-columns:1fr 1.4fr}.relations-index li b{font-size:22px}.relations-index li{grid-template-columns:1fr 1.6fr}.time-score article{grid-template-columns:65px 1.3fr 1fr;gap:4%}.time-score h3 small{display:block;margin-left:0;margin-top:6px}}
@media(max-width:800px){
 .cosmos-site .meishiki-section{padding:65px 5% 55px}
 .meishiki-intro{display:block;text-align:center;margin-bottom:40px}
 .cosmos-site .meishiki-intro h2{font-size:clamp(35px,10vw,58px);line-height:1.55;margin:20px 0}
 .meishiki-intro>p:last-child{font-size:16px;line-height:2;margin-top:25px;padding:0}
 .meishiki-intro>p:last-child br{display:none}
 .meishiki-book{padding:20px 10px 18px;box-shadow:0 0 0 4px #b3a17526}
 .book-heading{display:block;text-align:center;font-size:14px;padding-bottom:17px;letter-spacing:.08em}
 .book-heading span:last-child{display:block;font-size:12px;letter-spacing:.025em;margin-top:8px}
 .chart-grid{grid-template-columns:30px 1fr;margin-top:20px}
 .chart-labels{grid-template-rows:67px 103px 103px 43px;font-size:12px;letter-spacing:0}
 .chart-labels span:last-child{font-size:12px;line-height:1.5;max-width:25px;justify-self:center}
 .cosmos-site .meishiki-section .pillar{grid-template-rows:22px 45px 103px 103px 43px}
 .cosmos-site .meishiki-section .pillar strong{font-size:20px;margin:8px 0 0;letter-spacing:0}
 .cosmos-site .meishiki-section .pillar-kicker{font-size:12px;letter-spacing:0;padding-top:5px}
 .chart-stem b,.chart-branch b{font-size:46px;line-height:1.2}
 .chart-stem small,.chart-branch small{font-size:12px;letter-spacing:0;line-height:1.9}
 .pillar[data-pillar="2"] .chart-stem b{width:55px;height:55px}
 .chart-relation{font-size:14px;letter-spacing:0}
 .chart-footnote{padding-left:0;gap:12px;margin:23px 0 18px;align-items:flex-start}
 .day-seal{width:40px;height:44px;font-size:16px}
 .chart-footnote p{font-size:14px;line-height:1.9}.chart-footnote p br{display:none}
 .chart-example{font-size:12px;line-height:1.9;padding-top:16px}
 .cosmos-site .meishiki-section .pillar-explanation{display:block;padding:35px 3% 0}
 .cosmos-site .meishiki-section .pillar-explanation h3{font-size:25px;margin:15px 0}
 .cosmos-site .meishiki-section .pillar-explanation>p:last-child{font-size:16px;line-height:2}
 .cosmos-site .meishiki-section .section-note{font-size:13px;display:block;margin:24px 3% 0}
 .cosmos-site .meishiki-section .section-note a{display:inline-block;margin-top:10px}
 .cosmos-site .elements-section .section-heading h2{font-size:38px;line-height:1.5}.cosmos-site .elements-section .section-heading>p{font-size:16px}
 .generation-lines{display:block;margin-top:32px;padding-top:23px}.generation-lines p{font-size:14px;letter-spacing:0}.generation-lines p+p{margin-top:17px}.generation-lines span{margin-right:10px;padding:0 8px;font-size:13px}
 .relations-section{display:block}.cosmos-site .relations-heading h2{font-size:42px;margin:20px 0 25px}.relations-heading>p:not(.chronicle-label){font-size:16px}
 .day-master-mark{margin:32px 0 40px;gap:22px}.day-master-mark>span{width:98px;height:110px;font-size:72px}.day-master-mark>p{font-size:18px}.day-master-mark small{font-size:13px}
 .relations-table-head{font-size:12px;gap:10px;padding:17px 0}.relations-table-head span{flex:1}.relations-table-head span:last-child{text-align:right}
 .relations-index li{grid-template-columns:1fr 1.7fr;gap:5%;padding:24px 0}.relations-index li>div>span{font-size:21px}.relations-index li small{font-size:12px;letter-spacing:0}
 .relations-index li p{gap:3px}.relations-index li b{font-size:21px;letter-spacing:0}.relations-index li i{font-size:12px;margin:8px 0 0 -2px}.relations-index li p>span{font-size:13px}
 .relations-note{font-size:14px;line-height:2}.relations-index .text-link{font-size:14px}
 .time-heading{display:block;margin-bottom:35px}.cosmos-site .time-heading h2{font-size:42px;line-height:1.5;margin:20px 0 25px}.time-heading>p:last-child{font-size:16px;margin-top:0}
 .time-score article{grid-template-columns:48px 1fr;gap:15px 20px;padding:28px 0}.time-kanji{font-size:42px;align-self:start}.time-score h3{font-size:25px}.time-score h3 small{display:block;font-size:14px;margin:2px 0 0}.time-score p{font-size:15px;line-height:2;margin-top:12px}.time-notation{grid-column:2;margin-top:10px}.natal-notation i{width:40px;height:45px;font-size:19px}.decade-notation i{height:29px}.time-caption{font-size:13px}
 .cosmos-site .lineage-condensed{padding-top:60px;padding-bottom:50px}.lineage-condensed .calendar-wheel{width:min(100%,285px)}.cosmos-site .lineage-condensed .lineage-sticky h2{font-size:35px}
 .lineage-condensed .lineage-entries{padding-left:25px;margin-top:40px}.lineage-condensed .lineage-era{font-size:27px}.lineage-condensed .lineage-era>span{display:block;margin:10px 0 0}.lineage-condensed .lineage-entries article:before{left:-30px}.lineage-condensed .lineage-entries h3{font-size:23px}
 .cosmos-site .threshold-opening{min-height:72svh;padding-top:70px}.cosmos-site .threshold-reading{min-height:70svh;padding:45px 7%}.cosmos-site .threshold-content{padding-bottom:30px}
 .cosmos-site .wisdom-title-art span{font-size:32px}.cosmos-site .wisdom-hero h1{font-size:34px;line-height:1.65}
 .cosmos-site .reading-prelude{min-height:240px;display:block;text-align:center;padding:35px 7%}.cosmos-site .reading-prelude>span{font-size:32px}.cosmos-site .reading-prelude small{display:block;font-size:14px;margin-top:20px}
 .cosmos-site .flow-list{grid-template-columns:1fr;gap:24px}.cosmos-site .flow-list li{position:relative;padding:27px 18px 28px 88px;min-height:215px}.cosmos-site .flow-list li>span:first-child{position:absolute;left:10px;top:29px;width:50px;height:60px;font-size:32px;line-height:56px}.cosmos-site .flow-list h3{font-size:23px}.cosmos-site .flow-list p{font-size:16px}
 .cosmos-colophon{grid-template-columns:1fr 1fr;margin-top:32px}.cosmos-colophon span{font-size:19px;padding:20px 6px}.cosmos-colophon span:nth-child(3){border-left:0}.cosmos-colophon span:nth-child(n+3){border-top:1px solid #bba26b35}.cosmos-site .calendar-colophon span{font-size:12px;letter-spacing:.01em}
}
@media(max-width:370px){.chart-stem b,.chart-branch b{font-size:40px}.pillar[data-pillar="2"] .chart-stem b{width:47px;height:50px}.book-heading span:last-child{font-size:12px;letter-spacing:0}.cosmos-site .meishiki-section .pillar strong{font-size:18px}}