/* Whole-page local art direction: classical print meets electric color. */
body{background:#091c2b;background-image:repeating-linear-gradient(90deg,transparent 0 79px,#4eb4ac0e 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#4eb4ac0e 79px 80px)}
.print-board{max-width:1440px;padding:28px;background:#f5efdf;border-color:#0b2e40;box-shadow:0 0 0 2px #48c3b5,8px 8px 0 #b02048}
.sign-plaque{background-color:#091f30;background-image:linear-gradient(125deg,transparent 69%,#24786b40 69%,#24786b40 70%,transparent 70%),linear-gradient(35deg,#591f4c55,transparent 65%)}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding:48px 36px 30px;margin:18px -8px 28px;background:#0d2537;color:#fff5dc;border:1px solid #50b9ae;box-shadow:7px 7px 0 #9e2448;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#60274f90,transparent 50%),repeating-linear-gradient(0deg,transparent 0 55px,#58b5ad0c 55px 56px)}
.hero .eyebrow{color:#70dfc5;letter-spacing:.18em}
.hero h1{font-size:clamp(29px,3.5vw,53px);color:#ffe3a3;line-height:1.65;text-shadow:2px 2px 0 #8b2551;letter-spacing:.06em}
.hero h1>span{display:block}
.hero .intro{color:#f5eddf;font-family:'Meiryo',sans-serif;font-size:16px;line-height:2;margin-top:22px}
.hero .start-reading{margin-top:26px;background:#b62949;border-color:#ee8b8e;box-shadow:4px 4px 0 #3d9e93;padding:12px 18px}
.chronicle-art{position:relative;min-height:380px;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.chronicle-art a{position:relative;display:block;height:310px;border:4px double #f4deaf;overflow:hidden;box-shadow:6px 6px 0 #2b9b91}
.chronicle-art a:first-child{transform:translateY(-16px)}
.chronicle-art a:nth-child(2){transform:translateY(16px);box-shadow:6px 6px 0 #a53673}
.chronicle-art img{height:100%;width:100%;object-fit:cover;transition:transform .25s}
.chronicle-art a:hover img{transform:scale(1.04)}
.chronicle-art span{position:absolute;right:10px;top:12px;writing-mode:vertical-rl;background:#102b3de8;color:#ffe4a6;padding:12px 8px;font-family:UnteiAosagi,serif;font-size:29px;border:1px solid #ebd8af;letter-spacing:.2em}
.chronicle-heian span{background:#48224de8}
.chronicle-art>p{position:absolute;bottom:-13px;left:8px;right:8px;background:#0b2335ef;padding:9px 14px;border-left:4px solid #dd547e;font-size:15px;line-height:1.6;letter-spacing:.08em}
.hero #search{max-width:none;grid-column:1/-1;margin-top:0;border-top:1px solid #56b4a86b;padding-top:22px}
.hero .search-hint{color:#b7cdc5}
.hero .search-field{box-shadow:3px 3px 0 #b62949}
.hero #search-results{grid-column:1/-1;background:#f9f3e5;color:#163547}
.section{padding:38px 0;margin:0}
.section-heading{margin-bottom:26px}
.section-heading h2{font-size:33px;border-left:0;padding-left:0;position:relative}
.section-heading h2:after{content:'';display:block;width:66px;height:4px;background:#b62949;box-shadow:25px 0 0 #369b95;margin-top:9px}
.reading-guide{background:#1e233c;color:#fff5e3;padding:30px;margin:35px 0;border:4px double #bba6c4;box-shadow:6px 6px 0 #a43766}
.reading-guide .section-heading h2{color:#f4d49d}
.reading-guide .section-heading p,.reading-guide .guide-note{color:#e7dce3}
.reading-steps li{background:#f8f1e4;box-shadow:4px 4px 0 #ab5476;border-top:6px solid #734674}
.reading-steps li:nth-child(2){border-top-color:#ae2e46}
.reading-steps li:nth-child(3){border-top-color:#279288}
.entry-grid>a,.entry-grid>button{border-left:5px solid #b62949;padding:23px 16px;background:#fffbef}
#new-stories{border-top:5px solid #17364b}
.story-grid{gap:28px}
.story .postcard{min-height:250px;border:3px solid #123549;background-color:#172d3c;color:#fff7e8;box-shadow:5px 5px 0 #b62949}
.story:nth-child(3n+2) .postcard{box-shadow:5px 5px 0 #3a9f95}
.story .postcard h3{color:#fff2d2;text-shadow:1px 2px 0 #081b2a;font-family:UnteiAosagi,'Yu Mincho',serif}
.story .story-tags>span{background:#0a2738e8;color:#fff0cd}
.story .story-bottom{border-bottom:2px solid #a8ada2;padding:14px 0}
.today{background:#132f40;color:#fff6df;padding:30px;margin:25px 0;border:4px double #6fc9b1}
.today h2,.today .eyebrow{color:#ffe0a4}
.today .featured{background:transparent;color:#fff6df;border:0}
.today .source-name,.today .story-bottom{color:#d0e4dc}
.themes{background:#e9e0e5;padding:32px;margin:35px 0;border:1px solid #7c5a7d;box-shadow:6px 6px 0 #3b314e}
.themes .theme-grid>a{background:#fff8ec;border-top:5px solid #67365f;box-shadow:3px 3px 0 #ae6486}
.themes .theme-grid>a:nth-child(even){border-top-color:#258d83;box-shadow:3px 3px 0 #6ba69a}
.places-entry{padding:28px;background:#11364a;color:#fff4d8;border-left:7px solid #45aa9a}
.places-entry h2,.places-entry .eyebrow{color:#f2d18c}
.places-entry a{color:#fff6e1}
.libraries{padding:40px 0}
.libraries>a{background:#fff9e9;border:1px solid #17374c;box-shadow:4px 4px 0 #389e93}
.libraries>a:last-child{box-shadow:4px 4px 0 #9a4c7b}
.about{border-top:5px double #152e43}
.room{background:#302540;box-shadow:5px 5px 0 #ad3864}
@media(max-width:900px){.hero{gap:22px;padding:30px 23px}.chronicle-art{min-height:320px}.chronicle-art a{height:265px}.libraries{gap:18px}}
@media(max-width:760px){.print-board{padding:16px}.hero{grid-template-columns:1fr;padding:28px 18px;margin:18px 0 28px;gap:23px;box-shadow:4px 4px 0 #9e2448}.hero h1{font-size:28px}.hero .intro{font-size:16px}.chronicle-art{min-height:290px;gap:10px;order:1}.hero #search{order:2;padding-top:20px}.chronicle-art a{height:240px}.chronicle-art span{font-size:25px;padding:9px 5px;right:7px}.chronicle-art>p{font-size:13px;left:0;right:0;bottom:-7px}.section-heading h2{font-size:27px}.reading-guide,.themes,.today{padding:22px 16px;margin:28px 0;box-shadow:3px 3px 0 #a43766}.reading-steps li{padding:17px 14px 17px 54px}.themes .theme-grid>a{padding-left:55px}.story-grid{gap:25px}.places-entry{padding:22px 17px}.libraries>a{padding:20px}.story .postcard{min-height:230px}}
@media(prefers-reduced-motion:reduce){.chronicle-art img{transition:none}}
.top-membership{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;padding:26px 30px;margin:30px 0;background:#30243e;color:#fff6e7;border:4px double #e3c7aa;box-shadow:5px 5px 0 #b62949}
.top-membership h2{font-family:UnteiAosagi,'Yu Mincho',serif;font-size:29px;color:#f6dfa6;margin:5px 0 13px;line-height:1.6}
.membership-eyebrow{color:#8ddbc4;font-size:14px;letter-spacing:.1em}
.top-membership p{font-family:'Meiryo',sans-serif;font-size:15px;line-height:1.9}
.top-membership .membership-free{color:#dbd2d9;font-size:13px;margin-top:12px}
.top-member-actions{display:flex;flex-direction:column;justify-content:center;gap:12px}
.top-member-actions a{display:block;text-align:center;padding:12px;background:#b62949;border:1px solid #f3d9b9;color:#fff9ea;text-decoration:none;font-weight:700}
.top-member-actions a:last-child{background:transparent}
@media(max-width:760px){.top-membership{grid-template-columns:minmax(0,1fr);padding:22px 17px;gap:19px;box-shadow:3px 3px 0 #b62949}.top-membership h2{font-size:25px}.top-member-actions a{padding:10px}}