.feature-page{--feature-line:#c8b68f;--feature-gold:#9a7948;--feature-red:#a44332}
.feature-hero{max-width:1192px;margin:45px auto 0;display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding:45px 55px;border-top:1px solid var(--feature-line);border-bottom:4px double var(--feature-line)}
.feature-back{font-size:11px;display:inline-block;color:#746c59;margin-bottom:37px}.feature-back:hover{text-decoration:underline}
.feature-kicker{font:400 11px/1.9 var(--serif);letter-spacing:.18em;color:var(--feature-gold);margin:0 0 20px}.feature-kicker span{margin:0 10px}
.feature-hero h1{font:500 52px/1.7 var(--serif);letter-spacing:.12em;margin:0 0 24px}.feature-hero h1 small{display:block;font:400 18px/2 var(--serif);letter-spacing:.16em;margin-bottom:9px}
.feature-deck{font:400 16px/2.2 var(--serif);letter-spacing:.08em;margin:0 0 27px}.feature-meta{font-size:10px;color:#746c59;letter-spacing:.07em;line-height:2}.feature-meta span{margin:0 8px}.feature-read{display:flex;max-width:300px;justify-content:space-between;gap:20px;border-bottom:1px solid var(--feature-line);font:400 12px/2 var(--serif);padding:15px 0;margin-top:20px}
.book-hero{background:linear-gradient(90deg,#e9dfca6b,#f6efe2);position:relative}
.feature-portrait{margin:0;padding:10px 10px 0;border:1px solid #ab9063;outline:1px solid #ab906355;outline-offset:5px;background:#faf5e9;transform:rotate(1deg)}
.feature-portrait-window{position:relative;width:100%;height:650px;overflow:hidden;background:#d7c9c1}.feature-portrait-window img{position:absolute;width:150%;max-width:none;height:auto;left:-40%;top:-57%}
.feature-portrait figcaption{font-size:9px;line-height:1.8;padding:11px 3px;letter-spacing:.03em;color:#6b6558}.feature-portrait figcaption a:hover{text-decoration:underline}
.feature-body{max-width:750px;margin:0 auto;padding:62px 25px 35px;font:400 16px/2.3 var(--serif);letter-spacing:.025em}
.feature-intro{font-size:18px;line-height:2.3;padding-bottom:38px;border-bottom:1px solid var(--feature-line);margin:0 0 45px}
.feature-body section:not(.feature-source){margin-bottom:50px}.feature-section-no{color:var(--feature-red);font-size:14px;border:1px solid #a4433270;width:30px;height:34px;text-align:center;line-height:32px;margin:0 0 20px}
.feature-body h2{font:500 28px/1.85 var(--serif);letter-spacing:.08em;margin:0 0 25px}.feature-body p+p{margin-top:22px}
.feature-quote{margin:30px 0;padding:28px 30px;border-left:3px solid #aa8a51;background:#e9dfc965;font-size:20px;line-height:2.05;letter-spacing:.06em}.feature-quote cite{display:block;font:400 10px/1.9 var(--sans);color:#796b55;text-align:right;margin-top:18px;letter-spacing:.04em}
.feature-body .feature-lastline{font-size:24px;letter-spacing:.1em;margin:25px 0;color:var(--feature-red)}
.book-information,.history-note{padding:33px 35px;background:#243d42 url('/assets/seigaiha-indigo.svg');color:#f5ecd9;border-top:4px double #b29a6d;border-bottom:4px double #b29a6d;margin:55px -20px 48px}
.book-information .feature-kicker,.history-note .feature-kicker{color:#d4bd8f}.feature-body .book-information h2,.feature-body .history-note h2{font-size:25px;margin:0 0 20px}.book-information>p:not(.feature-kicker),.history-note dd{font-size:14px;line-height:2.2}.book-information dl,.history-note dl{margin:28px 0}.book-information dl>div{display:grid;grid-template-columns:140px 1fr;font-size:12px;padding:10px 0;border-bottom:1px solid #ac9e7b55}.book-information dt{color:#d5bf93}.book-information dd{margin:0}.feature-button{display:flex;justify-content:space-between;align-items:center;border:1px solid #bba475;padding:13px 20px;font-size:12px;letter-spacing:.06em;background:#f0e6ce0d;margin-top:20px}.feature-button:hover{background:#f0e6ce1c}.book-information .small-link{color:#dfcba2;font-size:10px}
.calendar-hero{grid-template-columns:.75fr 1.25fr;gap:80px;padding:60px 80px;background:linear-gradient(120deg,#f8f2e6,#e9dfca55)}.calendar-plaque{height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;position:relative;background:#243d42 url('/assets/seigaiha-indigo.svg');border:5px solid #f6eddb;outline:1px solid #a78b57;color:#f7eedc;padding:30px 20px}.calendar-plaque>span{font:400 11px/1.8 var(--serif);letter-spacing:.12em;color:#d9c49d}.calendar-plaque>p{writing-mode:vertical-rl;font:400 32px/1.9 var(--serif);letter-spacing:.22em;height:245px}.calendar-plaque em{font-style:normal;font-size:55px;color:#ead7ae}.calendar-plaque>small{font:400 10px/2 var(--serif);letter-spacing:.08em}.calendar-plaque>b{font:400 19px/1 var(--serif);border:1px solid #d5ac7c;width:30px;height:35px;display:grid;place-items:center;color:#ead7ae}.calendar-hero h1{font-size:40px;line-height:1.8}.calendar-hero h1 small{font-size:14px;letter-spacing:.05em}.calendar-hero .feature-back{margin-bottom:25px}.calendar-hero .feature-deck{font-size:14px}
.history-note{background:#ebe2cf url('/assets/washi-grain.svg');color:#35433d}.history-note .feature-kicker{color:#8c6b3c}.history-note dl>div{border-top:1px solid var(--feature-line);padding:18px 0}.history-note dt{font-size:13px;color:#865e39;margin:0 0 8px}.history-note dd{margin:0}.history-note ul{padding-left:18px;font:400 10px/2.1 var(--sans);margin-bottom:0}.history-note a{text-decoration:underline;text-underline-offset:3px}.history-note li+li{margin-top:8px}
.feature-body .feature-source{margin-top:50px;padding-top:30px;border-top:1px solid var(--feature-line)}.feature-body .feature-source h2{font-size:19px;letter-spacing:.04em;margin-bottom:15px}.feature-source>p{font:400 11px/2 var(--sans);color:#6b6c5f;letter-spacing:0}.feature-source details{margin-top:22px}.feature-source summary{list-style:none;cursor:pointer;padding:12px 0;border-top:1px solid var(--feature-line);border-bottom:1px solid var(--feature-line);display:flex;justify-content:space-between;font-size:12px;align-items:center;gap:15px}.feature-source figure{max-width:420px;margin:25px auto 0}.feature-source img{width:100%;height:auto}.feature-source figcaption{font:400 10px/1.9 var(--sans);text-align:center;margin-top:10px}.feature-date{font-size:10px!important;text-align:right;margin-top:20px!important}
.feature-related{padding-top:25px;padding-bottom:60px;max-width:960px}.feature-related>a:not(.small-link){font:400 20px/1.9 var(--serif);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid #bfa87d;border-bottom:1px solid #bfa87d}.feature-related>a:hover{color:#a44332}.feature-related .small-link{margin-top:28px;font-size:11px}
.journal-toolbar{gap:14px}.journal-toolbar .filters{flex-wrap:wrap;gap:4px}.journal-toolbar .filters button{padding:10px 15px}#result-count{flex-shrink:0}
.reading-card{display:grid;grid-template-columns:1.1fr 1fr;background:#ddd8c6 url('/assets/washi-grain.svg')}.reading-card-copy{padding:30px 12px 25px 28px;position:relative;z-index:1}.reading-card-copy>small{display:block;font:400 10px/2 var(--serif);color:#876a3f;letter-spacing:.1em}.reading-card-copy>span{display:block;font:400 13px/1.8 var(--serif);margin-top:26px;letter-spacing:.12em}.reading-card-copy>strong{display:block;font:400 clamp(21px,2.5vw,31px)/1.6 var(--serif);letter-spacing:.1em;margin:6px 0 20px;white-space:nowrap}.reading-card-copy>p{font:400 11px/1.9 var(--serif);letter-spacing:.03em}.reading-card-image{position:relative;overflow:hidden;min-width:0}.reading-card-image>img{position:absolute;max-width:none;width:155%;height:auto;left:-42%;bottom:0}
.calendar-card{background:#243d42 url('/assets/seigaiha-indigo.svg');color:#f1e7d3;padding:26px 29px}.calendar-card-label{display:block;font:400 10px/2 var(--serif);letter-spacing:.18em;color:#d8bf8d}.calendar-card-date{position:absolute;right:28px;top:20px;font:400 30px/1.5 var(--serif);color:#d7c093;letter-spacing:.02em}.calendar-card-date small{font-size:11px;margin:0 6px}.calendar-card>strong{display:block;font:400 14px/1.8 var(--serif);letter-spacing:.15em;margin-top:28px;color:#e2cda1}.calendar-card>p{font:400 26px/1.8 var(--serif);letter-spacing:.08em;margin-top:12px}.calendar-card .card-arrow{color:#243d42}
@media(max-width:1200px){.feature-hero{margin:35px 45px 0;padding:35px;gap:40px}.feature-hero h1{font-size:42px}.feature-portrait-window{height:560px}.calendar-hero{grid-template-columns:.75fr 1.25fr;padding:45px;gap:50px}.calendar-hero h1{font-size:36px}.reading-card-copy{padding:22px 12px 20px 22px}.reading-card-copy>span{margin-top:20px}.reading-card-copy>strong{font-size:27px;margin-bottom:12px}.calendar-card>p{font-size:23px}}
@media(max-width:900px){.feature-hero{gap:30px;margin:25px 30px 0;padding:30px}.feature-hero h1{font-size:36px}.feature-deck{font-size:14px}.feature-portrait-window{height:490px}.calendar-hero{grid-template-columns:.75fr 1.25fr;padding:30px;gap:35px}.calendar-plaque{height:450px}.calendar-hero h1{font-size:30px}.calendar-hero h1 small{font-size:12px}.calendar-hero .feature-deck{font-size:12px}.reading-card-copy{padding:18px 10px 18px 18px}.reading-card-copy>small{font-size:9px}.reading-card-copy>span{font-size:11px;margin-top:15px}.reading-card-copy>strong{font-size:24px;margin:3px 0 8px}.reading-card-copy>p{font-size:9px}.calendar-card{padding:18px}.calendar-card-date{font-size:25px;right:18px;top:15px}.calendar-card>strong{font-size:11px;margin-top:18px}.calendar-card>p{font-size:20px;margin-top:8px}}
@media(max-width:600px){.feature-hero{grid-template-columns:1fr;margin:0 25px;padding:25px 0 32px;gap:30px;border-top:0}.feature-back{margin-bottom:25px;font-size:10px}.feature-kicker{font-size:10px;margin-bottom:16px}.feature-hero h1{font-size:40px;margin-bottom:20px;letter-spacing:.1em}.feature-hero h1 small{font-size:15px}.feature-deck{font-size:14px;line-height:2}.feature-meta{font-size:9px}.feature-read{max-width:none;font-size:11px;margin-top:15px}.feature-portrait{max-width:350px;width:100%;margin:4px auto 0}.feature-portrait-window{height:475px}.feature-portrait-window img{width:150%;top:-57%;left:-40%}.feature-portrait figcaption{font-size:8px}.feature-body{padding:35px 28px 20px;font-size:14px;line-height:2.25}.feature-intro{font-size:16px;line-height:2.15;padding-bottom:28px;margin-bottom:32px}.feature-body h2{font-size:24px;letter-spacing:.04em;margin-bottom:20px}.feature-body section:not(.feature-source){margin-bottom:38px}.feature-quote{font-size:17px;padding:22px 20px;margin:23px 0}.feature-quote cite{font-size:9px}.wide-break{display:none}.feature-body .feature-lastline{font-size:20px}.book-information,.history-note{padding:25px 20px;margin:35px 0}.feature-body .book-information h2,.feature-body .history-note h2{font-size:21px}.book-information>p:not(.feature-kicker),.history-note dd{font-size:13px}.book-information dl>div{grid-template-columns:100px 1fr;font-size:11px}.feature-button{font-size:11px;padding:12px 14px}.feature-source>p{font-size:10px}.feature-date{font-size:9px!important}.feature-related{padding-top:15px;padding-bottom:40px}.feature-related>a:not(.small-link){font-size:17px;gap:15px;padding:18px 0}.calendar-hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:25px;gap:30px;background:transparent}.calendar-hero h1{font-size:32px;line-height:1.75}.calendar-hero h1 small{font-size:13px}.calendar-hero .feature-deck{font-size:13px}.calendar-plaque{height:auto;min-height:150px;padding:20px;gap:8px}.calendar-plaque>p{writing-mode:horizontal-tb;height:auto;font-size:23px;line-height:1.6;letter-spacing:.18em}.calendar-plaque em{font-size:39px}.calendar-plaque>b{position:absolute;right:22px;bottom:22px;width:25px;height:29px;font-size:15px}.calendar-plaque>span{font-size:10px}.calendar-plaque>small{font-size:9px}.journal-toolbar{align-items:flex-end;gap:6px}.journal-toolbar .filters{gap:2px}.journal-toolbar .filters button{font-size:10px;padding:8px 11px}.reading-card-copy{padding:22px 14px 20px 22px}.reading-card-copy>span{margin-top:21px}.reading-card-copy>strong{font-size:27px;margin:5px 0 14px}.reading-card-copy>small{font-size:9px}.reading-card-copy>p{font-size:10px}.calendar-card{padding:23px}.calendar-card-date{font-size:27px;top:20px;right:22px}.calendar-card>strong{margin-top:23px;font-size:12px}.calendar-card>p{font-size:23px;line-height:1.8}.calendar-card-label{font-size:9px}}
@media(max-width:360px){.reading-card-copy{padding:16px}.reading-card-copy>strong{font-size:23px}.reading-card-copy>span{margin-top:16px}.calendar-card>p{font-size:20px}.calendar-card-date{font-size:22px}.feature-hero h1{font-size:34px}.feature-portrait-window{height:420px}}
/* Keep the story lettering outside the portrait window at every width. */
.feature-portrait-window{height:auto;aspect-ratio:.69}
.feature-portrait-window img{width:164%;left:-55%;top:-76%}
.reading-card-image>img{width:145%;left:auto;right:0;top:0;bottom:auto;transform:translateY(-37%)}
.journal-card h3>a{display:block}