:root{--green:#31574D;--ink:#243b34;--paper:#faf8f2;--line:#d6dacf;--red:#974937;--muted:#566359;--wash:#eef0e7;--gold:#b39b61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:16px;font-weight:400;line-height:1.9}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.55}h1,h2,.brand{font-family:'BIZ UDPMincho','Yu Mincho',serif}h1{font-size:clamp(36px,4.7vw,62px);letter-spacing:.07em;line-height:1.6}h2{font-size:29px}h3{font-size:21px}main{max-width:1160px;margin:auto;padding:0 32px}.masthead{max-width:1280px;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:auto;border-bottom:1px solid var(--line)}.brand{font-size:34px;font-weight:700;white-space:nowrap;text-decoration:none;letter-spacing:.16em;line-height:1.2;display:flex;align-items:center;gap:16px}.brand span{font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:14px;letter-spacing:.03em;line-height:1.7}.masthead nav{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}.masthead nav a{font-size:14px;font-weight:700;text-decoration:none}.reader-link{border:1px solid var(--green);padding:6px 14px}.preview-note{text-align:center;background:var(--wash);padding:8px 16px;font-size:14px;color:var(--green)}.hero{padding:58px 0 40px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px 60px}.eyebrow{font-size:14px;letter-spacing:.12em;font-weight:700;color:var(--green);margin-bottom:18px}.intro{max-width:660px;margin-top:20px;line-height:2}.hero-aside{display:flex;align-items:center;justify-content:center;gap:26px;border-left:1px solid var(--line);margin:20px 0}.hero-aside p{writing-mode:vertical-rl;letter-spacing:.18em;line-height:2.2;font-family:'BIZ UDPMincho',serif;font-size:18px}.trail-art{display:grid;text-align:center;color:var(--green)}.trail-art span{border:1px solid var(--gold);border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-family:'BIZ UDPMincho',serif;font-size:20px}.trail-art i{font-style:normal;color:var(--gold);line-height:1.7}#search{grid-column:1/-1;max-width:760px;width:100%;margin-top:10px}#search label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.search-field{display:flex;background:white;border:1px solid var(--green);padding:5px;gap:8px}.search-field input{width:0;min-width:0;flex:1;border:0;background:transparent;padding:12px;color:var(--ink)}.search-field button{border:0;background:var(--green);color:white;padding:8px 25px;font-weight:700;cursor:pointer}.search-hint{font-size:14px;color:var(--muted);margin-top:7px}#search-results{grid-column:1/-1;background:white;border:1px solid var(--line);padding:20px}#search-results li{margin:10px 0}#search-results small{display:block;font-size:14px}.section{padding:38px 0 46px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:6px}.section-heading p,.section-heading a{font-size:14px}.date{letter-spacing:.12em;color:var(--muted)}.story{display:flex;flex-direction:column;min-width:0;padding:26px;background:#fffefa;border:1px solid var(--line);text-decoration:none;transition:border-color .15s,background .15s}.story:hover{border-color:var(--green);background:var(--wash)}.story-tags{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--green);font-weight:700}.draft{color:var(--red)}.story h3{margin:14px 0 22px;overflow-wrap:anywhere}.story-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.source-name{margin-top:4px}.round-arrow{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--green);font-size:23px}.featured{border-left:5px solid var(--green);padding:35px 40px;background:var(--wash)}.featured h3{font-family:'BIZ UDPMincho',serif;font-size:32px;max-width:850px;margin:12px 0}.story-summary{max-width:780px;margin-bottom:24px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entry-grid>a,.entry-grid>button{min-width:0;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:transparent;padding:20px 15px;text-align:left;text-decoration:none;color:var(--ink);font-weight:700;font-size:16px;cursor:pointer}.entry-grid button:disabled{cursor:default;color:var(--muted)}.entry-grid small{display:block;font-size:14px;font-weight:400;margin-top:5px}.entry-index{color:var(--red);font-size:14px}.entry-grid>a>span:last-child,.entry-grid>button>span:last-child{margin-left:auto}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-grid>a{position:relative;border-bottom:2px solid var(--green);background:var(--wash);padding:23px 24px 45px;text-decoration:none}.theme-index{color:var(--red);font-size:14px}.theme-grid h3{margin:8px 0}.theme-grid p{font-size:14px;color:var(--muted)}.theme-arrow{position:absolute;right:24px;bottom:12px}.libraries{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;align-items:center}.libraries h2{margin-bottom:16px}.libraries>a{display:block;border-left:1px solid var(--line);padding:24px;text-decoration:none}.libraries strong{font-size:40px;font-weight:700;line-height:1.5}.libraries>a>span{font-size:14px}.libraries>a>span:first-child{font-weight:700;font-size:18px}.about{display:grid;grid-template-columns:1fr 1fr;gap:45px}.about p{margin:14px 0 20px}.about h2{font-size:26px}.room{background:var(--wash);padding:28px}.room a{display:block;margin-top:10px}footer{max-width:1160px;margin:20px auto 0;padding:35px 32px;display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);align-items:center}footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto;font-size:14px}footer>p{width:100%;font-size:14px;color:var(--muted)}.empty{padding:30px;border:1px solid var(--line);grid-column:1/-1}.empty p{margin:10px 0}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}[hidden]{display:none!important}
@media(max-width:760px){main{padding:0 16px}.masthead{padding:20px 16px;display:block}.brand{font-size:30px}.masthead nav{margin-top:20px;gap:10px 18px}.masthead nav a{font-size:14px}.hero{padding-top:35px;grid-template-columns:minmax(0,1fr);gap:15px}.hero-aside{display:none}h1{font-size:36px;letter-spacing:.04em}h2{font-size:25px}.intro{margin-top:18px}.section{padding:30px 0}.section-heading{align-items:start;gap:10px}.section-heading>p{max-width:135px}.search-field button{padding:8px 15px}.search-field input{padding:10px 6px;font-size:16px}.featured{padding:23px}.featured h3{font-size:25px}.entry-grid,.story-grid,.theme-grid,.libraries,.about{grid-template-columns:minmax(0,1fr)}.entry-grid>a,.entry-grid>button{padding:17px}.story{padding:22px}.theme-grid{gap:12px}.theme-grid>a{padding:20px 24px 35px}.libraries>a{border-left:0;border-top:1px solid var(--line);padding:20px 0}.libraries{gap:15px}.about{gap:25px}.room{padding:24px}footer{padding:28px 16px;margin-top:5px}footer nav{margin-left:0}h3{overflow-wrap:anywhere}.preview-note{text-align:left}}
/* 2026-10-09 添付の瓦版紙面に合わせたローカル案 */
:root{--green:#142f3e;--ink:#283138;--paper:#f3f1e9;--line:#8e9491;--red:#941f2e;--muted:#53585a;--wash:#e8e9e4;--gold:#c6b47d}
body{background:#dfd3bd;padding:22px;font-family:'BIZ UDPMincho','Yu Mincho','Meiryo',serif}
.print-board{max-width:1476px;margin:auto;position:relative;border:7px double var(--green);padding:30px 190px 25px 28px;background:var(--paper);min-height:1050px;box-shadow:0 0 0 2px #bbaa89}
.vertical-sign{position:absolute;right:16px;top:16px;width:146px;min-height:720px;background:var(--green);color:#f6f2e8;border:7px double #eceee8;outline:3px solid var(--green);display:flex;align-items:center;flex-direction:column;padding:16px 8px;gap:22px;font-weight:400}
.sign-edition{border-top:2px solid #d6d8c9;border-bottom:2px solid #d6d8c9;padding:6px 0;font-size:23px;white-space:nowrap}.sign-name{font-size:47px;letter-spacing:.2em;writing-mode:vertical-rl;line-height:1.6}.sign-line{writing-mode:vertical-rl;font-size:35px;letter-spacing:.16em;line-height:1.6}.sign-small{writing-mode:vertical-rl;letter-spacing:.22em;font-size:17px;margin-top:4px}
.masthead{padding:0 0 15px;border-bottom:1px solid #56616a;display:flex;align-items:end;flex-wrap:wrap;gap:15px 30px}.brand{font-size:36px;font-weight:400;gap:14px}.brand span{font-family:inherit;font-size:16px;font-weight:400}.masthead nav{gap:10px 17px;margin-left:auto}.masthead nav a{font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:14px}.reader-link{padding:4px 10px}.preview-note{background:none;color:var(--red);text-align:left;padding:9px 0;font-size:14px}main{max-width:none;padding:0}.hero{display:block;padding:14px 0 22px;border-bottom:2px solid var(--green)}.hero .eyebrow{display:none}h1{font-size:clamp(25px,2.8vw,42px);font-weight:400;letter-spacing:.07em;line-height:1.6}.intro{font-size:16px;max-width:none;margin-top:4px;line-height:1.9}#search{max-width:none;margin-top:17px;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:5px 20px}#search label{margin:0;font-size:15px;font-weight:400}.search-field{padding:2px;background:#faf9f5}.search-field input{padding:5px 10px;font-size:16px;font-family:'BIZ UDPGothic','Meiryo',sans-serif}.search-field button{padding:5px 18px;font-size:15px}.search-hint{grid-column:2;font-size:14px;margin:0}.section{padding:23px 0 27px;border-top:0;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:17px;align-items:center}.section-heading .eyebrow{display:none}h2{font-size:26px;font-weight:400;letter-spacing:.1em}.section-heading p,.section-heading a{font-size:14px}.date{color:var(--red)}
.story{background:transparent;border:0;padding:0;text-align:center;gap:0;transition:none}.story:hover{background:none}.postcard{position:relative;isolation:isolate;overflow:hidden;background:#172f40;color:#faf6df;border:1px solid #112838;min-height:180px;padding:19px 20px;display:flex;flex-direction:column;justify-content:center;text-align:left;box-shadow:0 2px 4px #0003}.card-art{position:absolute;z-index:-1;right:0;top:0;width:45%;height:100%;object-fit:cover;opacity:.34;filter:sepia(.65);mix-blend-mode:luminosity}.story-tags{gap:4px 10px;font-size:14px;color:#e5d29d;border-bottom:1px solid #c6b47d;padding-bottom:7px;font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-weight:400}.draft{color:#f3ddd1;font-size:14px}.story h3{font-family:'BIZ UDPMincho','Yu Mincho',serif;font-size:22px;font-weight:700;line-height:1.55;margin:14px 0 5px;padding-right:10%}.story-bottom{padding:8px 4px 0;justify-content:center;align-items:start;font-size:14px;color:var(--ink)}.source-name{margin-top:1px}.round-arrow{display:none}.story-summary{font-size:16px;margin:12px auto 5px;max-width:850px}.featured{padding:0;max-width:840px;margin:0 auto;background:none;border:0}.featured .postcard{min-height:185px;padding:25px 35px}.featured h3{font-size:30px;max-width:700px;margin:12px 0 0}.featured .card-art{width:35%}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 20px}.story-grid .story:nth-child(3n+2) .postcard{background:#42293e}.story-grid .story:nth-child(3n) .postcard{background:#43312a}.entry-grid{gap:0;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.entry-grid>a,.entry-grid>button{padding:12px 10px;background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:15px}.entry-grid small{font-size:14px}.entry-index{font-size:14px}.theme-grid{gap:14px}.theme-grid>a{background:transparent;border:1px solid var(--line);border-top:3px solid var(--green);padding:18px 20px 32px}.theme-grid h3{font-family:'BIZ UDPMincho','Yu Mincho',serif;font-size:22px}.libraries{gap:16px}.libraries strong{font-weight:400;font-family:'BIZ UDPMincho',serif}.libraries>a{padding:16px}.about{gap:28px}.room{background:none;border:3px double var(--green)}.about .eyebrow{color:var(--red)}footer{padding:20px 0 0;margin:0;border-top:0;max-width:none}footer>p{font-size:16px;color:var(--red)}.empty{border:1px solid var(--line)}
@media(min-width:1450px){.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.story h3{font-size:21px}.postcard{min-height:190px}.masthead nav{margin-left:0;width:100%}}
@media(max-width:1050px){.print-board{padding-right:130px}.vertical-sign{width:100px;min-height:680px}.sign-edition{font-size:18px}.sign-name{font-size:36px}.sign-line{font-size:29px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#search{grid-template-columns:1fr}.search-hint{grid-column:1}.masthead nav{margin-left:0}}
@media(max-width:760px){body{padding:8px}.print-board{border:5px double var(--green);padding:16px 16px 18px;min-height:0}.vertical-sign{position:relative;inset:auto;width:auto;min-height:0;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:10px;margin:0 0 23px;border:4px double #eceee8;outline:2px solid var(--green)}.sign-name,.sign-line,.sign-small{writing-mode:horizontal-tb}.sign-edition{font-size:16px;border:0;padding:0}.sign-name{font-size:30px;letter-spacing:.15em}.sign-line{font-size:19px;letter-spacing:.04em}.sign-small{display:none}.masthead{gap:15px}.masthead .brand{font-size:26px}.brand span{font-size:14px}.masthead nav{margin:0;gap:12px 15px}.preview-note{padding:10px 0;line-height:1.7}.hero{padding:10px 0 22px}h1{font-size:27px;font-weight:700;letter-spacing:.02em}.intro{margin-top:10px}h2{font-size:24px}.section-heading{align-items:start;flex-wrap:wrap;gap:8px}.section-heading p{max-width:none}.section{padding:23px 0}.featured .postcard{padding:18px;min-height:200px}.featured h3{font-size:24px}.story-grid{grid-template-columns:minmax(0,1fr);gap:25px}.postcard{min-height:195px;padding:20px}.story h3{font-size:24px}.story-bottom{padding-top:8px}.entry-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:1fr}.libraries,.about{grid-template-columns:1fr}.libraries>a{padding:16px 0}.room{padding:18px}.search-field button{padding:6px 13px}.search-field input{padding:6px;font-size:16px}.search-hint{font-size:14px}footer{gap:20px}footer nav{gap:12px}.about h2{font-size:23px}.brand{white-space:normal}}
body{background-image:url('/assets/washi.png');background-size:768px 512px}.print-board{background-color:#f1f1ec}
/* 挿絵は薄い背景ではなく、記事の主な視覚要素として表示する */
.postcard{padding:0;min-height:270px;justify-content:flex-end;background:#142f3e}.card-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none;mix-blend-mode:normal;z-index:-1}.story-tags{position:absolute;left:0;right:0;top:0;margin:0;padding:7px 10px;background:#142f3ef0;border-bottom:1px solid #c6b47d;font-size:14px}.story h3{padding:13px 15px;margin:150px 0 0;background:#142f3eea;color:#fff9e8;font-size:21px;line-height:1.6;width:100%}.featured .postcard{padding:0;min-height:320px}.featured .card-art{width:100%;object-position:center 45%}.featured h3{margin:190px 0 0;padding:16px 24px;font-size:29px;max-width:none}.story-grid .story:nth-child(3n+2) h3,.story-grid .story:nth-child(3n+2) .story-tags{background:#42293ef0}.story-grid .story:nth-child(3n) h3,.story-grid .story:nth-child(3n) .story-tags{background:#43312af0}
@media(max-width:760px){.postcard{min-height:285px}.story h3{font-size:23px;margin-top:165px;padding:13px 16px}.featured .postcard{min-height:300px}.featured h3{font-size:25px;margin-top:180px;padding:15px 18px}.featured .card-art{width:100%}}
/* スマホ：見出しの意味単位と上部の余白を整理 */
@media(max-width:760px){
 .hero h1>span{display:block;white-space:nowrap}
 .hero h1{font-size:clamp(22px,6.5vw,27px);line-height:1.5;margin-top:0;margin-bottom:12px}
 .print-board{padding-top:10px}
 .vertical-sign{padding:5px 10px;margin-bottom:12px}
 .masthead{padding-top:0;padding-bottom:10px;gap:8px}
 .masthead nav{gap:6px 12px}
 .preview-note{padding:7px 0;line-height:1.6}
 .hero{padding-top:5px;padding-bottom:16px;gap:14px}
 .hero .intro{margin-top:0;margin-bottom:12px;line-height:1.8}
 #search{margin-top:8px;gap:6px}
 .search-hint{margin-top:4px;margin-bottom:0}
 .today.section{padding-top:16px}
}
/* テーマ目録：太い明朝見出しと朱の巻番号 */
.themes .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
.themes .theme-grid>a{position:relative;display:block;padding:22px 42px 22px 68px;border:1px solid #b8b4a8;border-top:3px double #142f3e;background:#faf7ef;text-decoration:none;min-height:135px;box-shadow:inset 0 0 0 5px #f1eee5}
.themes .theme-index{position:absolute;top:24px;left:20px;display:flex;align-items:center;justify-content:center;width:30px;height:38px;border:1px solid #941f2e;color:#941f2e;font-family:'BIZ UDPMincho','Yu Mincho',serif;font-size:20px;font-weight:700;line-height:1}
.themes .theme-grid h3{font-size:25px;font-weight:700;letter-spacing:.08em;line-height:1.5;color:#142f3e;margin:0 0 9px}
.themes .theme-grid p{font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:16px;line-height:1.85;color:#303b40;margin:0;max-width:none}
.themes .theme-arrow{position:absolute;right:17px;bottom:22px;color:#941f2e;font-size:20px}
.themes .theme-grid>a:hover{background:#eee8da;border-color:#941f2e}
@media(max-width:760px){.themes .theme-grid{grid-template-columns:1fr;gap:12px}.themes .theme-grid>a{padding:18px 31px 18px 55px;min-height:112px}.themes .theme-index{left:14px;top:21px;width:27px;height:33px;font-size:18px}.themes .theme-grid h3{font-size:23px;letter-spacing:.05em;margin-bottom:7px}.themes .theme-grid p{font-size:16px;line-height:1.8}.themes .theme-arrow{right:12px;bottom:17px}}
.themes .theme-grid p{display:flex;flex-wrap:wrap;gap:0 12px}.theme-term{display:inline-block;white-space:nowrap}
/* 興味から原典へ進む三つの入口 */
.reading-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.reading-steps li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:#faf7ef;border:1px solid #b8b4a8;border-top:3px double #142f3e}
.step-number{color:#941f2e;border:1px solid #941f2e;padding:0 8px;font-weight:700;margin-bottom:10px}
.reading-steps h3{font-family:'BIZ UDPMincho','Yu Mincho',serif;font-size:23px;margin-bottom:10px;color:#142f3e}
.reading-steps p,.guide-note{font-family:'BIZ UDPGothic','Meiryo',sans-serif;font-size:16px;line-height:1.8;color:#303b40}
.reading-steps a{margin-top:auto;padding-top:15px;font-size:16px;font-weight:700;color:#142f3e}
.guide-note{margin-top:15px}
@media(max-width:760px){.reading-steps{grid-template-columns:1fr;gap:12px}.reading-steps li{padding:16px 18px 16px 56px}.step-number{position:absolute;left:16px;top:18px;padding:0 6px}.reading-steps h3{font-size:22px;margin-bottom:6px}.reading-steps a{padding-top:10px}}
.start-reading{display:inline-block;margin:6px 0 12px;padding:6px 0;color:#941f2e;font-size:16px;font-weight:700;text-underline-offset:5px}
.title-phrase{display:inline-block;white-space:nowrap;max-width:none}.story .fit-title{overflow-wrap:normal;word-break:normal}

/* 看板・絵札の確認用 2026-10-15 */
.vertical-sign{gap:22px;padding:22px 8px;min-height:0}
.sign-name{font-family:'Yu Mincho','BIZ UDPMincho',serif;font-weight:900;font-size:58px;letter-spacing:.1em;line-height:1.25;text-shadow:.6px 0 currentColor,-.6px 0 currentColor}
.sign-small{writing-mode:horizontal-tb;white-space:nowrap;font-size:13px;letter-spacing:.07em;margin:0}
.sign-efuda{display:block;width:100%;height:auto;margin:2px 0 0}
@media(max-width:1050px) and (min-width:761px){.sign-name{font-size:47px}.sign-small{writing-mode:vertical-rl;font-size:16px;letter-spacing:.18em}}
@media(max-width:760px){.vertical-sign{display:grid;grid-template-columns:minmax(0,1fr) 76px;grid-template-rows:auto auto;gap:0 16px;padding:9px 18px;text-align:center;align-items:center}.sign-name{grid-column:1;grid-row:1;writing-mode:horizontal-tb;font-size:48px;letter-spacing:.14em;align-self:end}.sign-small{display:block;grid-column:1;grid-row:2;font-size:13px;align-self:start;margin-top:8px}.sign-efuda{grid-column:2;grid-row:1 / 3;width:76px;margin:0}}

/* 二枚の札を段違いに置く 2026-10-15 */
.print-board{padding-right:270px}
.vertical-sign{right:20px;top:28px;width:218px;height:580px;min-height:0;display:block;padding:0;border:0;outline:0;background:transparent;color:var(--green)}
.sign-plaque{position:absolute;top:0;right:0;width:130px;height:370px;display:flex;flex-direction:row-reverse;align-items:flex-end;justify-content:center;gap:13px;padding:20px 12px;background:#faf6e9;border:5px double #a52b25;box-shadow:2px 3px 0 #142f3e18}
.sign-name{writing-mode:vertical-rl;font-family:'HGP行書体','HG行書体','Yu Mincho',serif;font-weight:900;font-size:59px;letter-spacing:.12em;line-height:1;text-shadow:.8px 0 currentColor,-.8px 0 currentColor}
.sign-small{writing-mode:vertical-rl;display:block;font-family:'あおさぎ R','Yu Mincho',serif;font-size:20px;letter-spacing:.13em;line-height:1.25;margin:0;white-space:nowrap}
.efuda-frame{position:absolute;left:0;top:225px;width:112px;height:236px;overflow:hidden;box-shadow:2px 3px 0 #142f3e18}
.sign-efuda{width:150%;max-width:none;height:auto;margin:0;transform:translate(-16.666%,-3.6%)}
@media(max-width:1050px) and (min-width:761px){.print-board{padding-right:220px}.vertical-sign{width:170px;right:15px}.sign-plaque{width:113px;height:345px;gap:9px}.sign-name{font-size:52px}.sign-small{font-size:18px}.efuda-frame{width:96px;height:202px;top:235px}}
@media(max-width:760px){.print-board{padding-right:16px}.vertical-sign{position:relative;inset:auto;width:252px;height:342px;margin:0 auto 18px;display:block}.sign-plaque{width:143px;height:265px;right:0;top:0;padding:20px 15px;gap:17px}.sign-name{grid-column:auto;grid-row:auto;writing-mode:vertical-rl;font-size:64px;align-self:auto;letter-spacing:.1em}.sign-small{grid-column:auto;grid-row:auto;writing-mode:vertical-rl;font-size:20px;align-self:auto;margin:0}.efuda-frame{width:104px;height:219px;left:3px;top:115px}.sign-efuda{width:150%;margin:0}}

/* Installed fonts: local preview only; no font files distributed. */
@font-face{font-family:UnteiKantei;src:local("Aiharakanteiryu Free"),local("Aiharakanteiryu_Free");font-weight:400;font-style:normal}
@font-face{font-family:UnteiAosagi;src:local("YDW aosagiR"),local("YDWaosagi");font-weight:400;font-style:normal}
.sign-name{font-family:UnteiKantei,serif;font-weight:400;text-shadow:none}
.sign-small{font-family:UnteiAosagi,serif;font-weight:400}
h1,h2,.section-heading h2{font-family:UnteiAosagi,'Yu Mincho',serif;font-weight:400}

/* 上部・横書き中央揃えの看板案 */
.print-board{padding:28px 28px 25px}
.vertical-sign{position:relative;inset:auto;width:100%;height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 24px;padding:0;background:transparent;border:0;outline:0}
.sign-plaque{position:relative;inset:auto;width:100%;height:auto;min-height:150px;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:28px;padding:25px 20px;background:#142f3e;color:#faf6e9;border:7px double #faf6e9;outline:2px solid #142f3e;box-shadow:none}
.sign-name{writing-mode:horizontal-tb;font-size:100px;line-height:1.1;letter-spacing:.08em;white-space:nowrap;align-self:auto}
.sign-small{writing-mode:horizontal-tb;font-size:28px;letter-spacing:.15em;line-height:1.4;align-self:auto;margin:0;white-space:nowrap}
.efuda-frame{position:relative;inset:auto;width:auto;height:auto;overflow:visible;padding:8px 34px;background:#faf0d9;border:5px double #a52b25;box-shadow:2px 3px 0 #142f3e18;color:#142f3e;text-align:center}
.efuda-copy{font-family:UnteiAosagi,'Yu Mincho',serif;font-size:29px;letter-spacing:.16em;white-space:nowrap}
@media(max-width:760px){.print-board{padding:16px 16px 18px}.vertical-sign{width:100%;height:auto;margin:0 0 18px;gap:12px}.sign-plaque{width:100%;height:auto;min-height:105px;padding:18px 8px;gap:12px;border-width:5px}.sign-name{font-size:clamp(48px,14vw,70px);letter-spacing:.02em}.sign-small{font-size:clamp(13px,3.7vw,19px);letter-spacing:.03em}.efuda-frame{width:auto;height:auto;padding:6px 17px}.efuda-copy{font-size:clamp(18px,5.3vw,24px);letter-spacing:.08em}}

/* 採用案: 大きな看板と左上に重なる小札 */
.vertical-sign{padding-top:20px;margin-bottom:24px}
.sign-plaque{min-height:185px;padding:32px 25px 24px;gap:30px}
.sign-name{font-size:124px}
.sign-small{font-size:36px}
.efuda-frame{position:absolute;left:16px;top:0;z-index:1;padding:4px 18px;border-width:4px;transform:rotate(-3deg)}
.efuda-copy{font-size:22px;letter-spacing:.1em}
@media(max-width:760px){.vertical-sign{padding-top:14px;margin-bottom:18px}.sign-plaque{min-height:125px;padding:27px 6px 17px;gap:10px}.sign-name{font-size:clamp(58px,16.5vw,83px)}.sign-small{font-size:clamp(15px,4.5vw,23px);letter-spacing:.02em}.efuda-frame{left:4px;top:0;padding:3px 10px;border-width:3px}.efuda-copy{font-size:15px;letter-spacing:.06em}}

/* Small title slip: upper right */
.efuda-frame{left:auto;right:16px;transform:rotate(3deg)}
@media(max-width:760px){.efuda-frame{left:auto;right:4px}}

/* Impact: large name above subtitle */
.sign-plaque{flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:38px 24px 28px;min-height:290px}
.sign-name{font-size:clamp(150px,17vw,230px);letter-spacing:.06em;line-height:1}
.sign-small{font-size:32px;letter-spacing:.28em;line-height:1.3}
@media(max-width:760px){.sign-plaque{min-height:225px;padding:34px 10px 22px;gap:13px}.sign-name{font-size:clamp(112px,37vw,170px);letter-spacing:.02em}.sign-small{font-size:22px;letter-spacing:.16em}}

/* Tighten space around the main lettering */
.sign-plaque{min-height:0;padding:16px 24px 14px;gap:3px}
.sign-name{line-height:.9}
@media(max-width:760px){.sign-plaque{min-height:0;padding:23px 10px 12px;gap:3px}.sign-name{line-height:.9}}

/* Keep the small slip clear of the main lettering */
.vertical-sign{padding-top:39px}.efuda-frame{top:0;transform:rotate(2deg)}
@media(max-width:760px){.vertical-sign{padding-top:31px}.efuda-frame{top:0}}

/* Edo lettering with a cyberpunk edge: masthead only */
.sign-plaque{background:#0b2333;border-color:#e9f2df;outline:2px solid #0b2333;box-shadow:5px 5px 0 #b32735,inset 0 0 0 2px #3faeae;background-image:linear-gradient(120deg,transparent 78%,#39b8b81a 78%,#39b8b81a 80%,transparent 80%)} 
.sign-name{color:#fff7df;text-shadow:3px 2px 0 #2c9b9e,-2px -1px 0 #b32d3c;letter-spacing:.035em}
.sign-small{color:#f6e6b9;letter-spacing:.3em}
.efuda-frame{background:#b02032;color:#fff7df;border-color:#fff0cb;outline:1px solid #b02032;box-shadow:3px 3px 0 #153345}
@media(max-width:760px){.sign-plaque{box-shadow:3px 3px 0 #b32735,inset 0 0 0 1px #3faeae}.sign-name{text-shadow:2px 1px 0 #2c9b9e,-1px -1px 0 #b32d3c}.sign-small{letter-spacing:.18em}}

/* Whole TOP: Edo ink, vermilion and electric teal */
:root{--green:#102f40;--ink:#183440;--red:#b02032;--line:#819793;--wash:#e8eee7;--gold:#f6e6b9}
body{background:#102b39;background-image:repeating-linear-gradient(135deg,transparent 0 22px,#36a9a911 22px 23px)}
.print-board{background:#f6f2e6;border-color:#183440;box-shadow:0 0 0 2px #42a9a5,8px 8px 0 #b02032}
.sign-name{color:#f6e6b9}
.sign-small{color:#fff7ef}
.masthead{border-top:2px solid #16394a;border-bottom:2px solid #16394a;padding-top:15px;padding-bottom:15px}
.masthead nav a{border-bottom:2px solid transparent;padding-bottom:2px}
.masthead nav a:hover,.masthead nav a:focus-visible{border-bottom-color:#b02032;color:#b02032}
.hero{border-bottom:4px double #173849}
.hero h1{color:#103347;text-shadow:1px 1px 0 #43aaa64a}
.eyebrow{color:#a61f30}
.start-reading{background:#b02032;color:#fff7e8;padding:9px 18px;text-decoration:none;border:1px solid #b02032;box-shadow:3px 3px 0 #173849}
.search-field{border:2px solid #173849;box-shadow:3px 3px 0 #459c98}
.search-field button{background:#123548;color:#fff7e8;border:0}
.section{border-bottom-color:#94a7a0}
.section-heading h2{border-left:6px solid #b02032;padding-left:12px;color:#123548}
.reading-steps li{background:#fffcf2;border:1px solid #16394a;border-top:4px solid #16394a;box-shadow:3px 3px 0 #3fa5a14d}
.reading-steps h3{font-family:UnteiAosagi,'Yu Mincho',serif;font-weight:400}
.step-number{background:#b02032;color:#fff8e9;border-color:#b02032}
.entry-grid>a,.entry-grid>button{background:#fffcf2;border-color:#173849;box-shadow:2px 2px 0 #3fa5a166}
.entry-grid>a:hover,.entry-grid>button:not(:disabled):hover{background:#e4efea;border-color:#b02032}
.entry-index{font-family:UnteiAosagi,serif;color:#b02032}
.story{border-color:#183440}
.postcard{border:2px solid #183440;box-shadow:4px 4px 0 #3faaa56b}
.story-tags>span{background:#14394b;color:#fff8e9;border-color:#14394b}
.story-tags>span.draft{background:#f7efdf;color:#883c43;border-color:#b39380}
.round-arrow{background:#b02032;color:#fff9e9;border-color:#b02032}
.themes .theme-grid>a{background:#fffcf2;border:1px solid #173849;border-top:4px solid #14394b;box-shadow:3px 3px 0 #3fa5a14d}
.themes .theme-index{background:#14394b;color:#fff6dd;border-color:#14394b}
.themes .theme-grid h3{font-family:UnteiAosagi,'Yu Mincho',serif;font-weight:400}
.themes .theme-grid>a:hover{background:#e7efea;border-color:#b02032}
.room{background:#143548;color:#fff8e9;border:4px double #e9dfc8;box-shadow:3px 3px 0 #3da6a0}
.room h2{color:#f6e6b9}
footer{border-top:3px double #173849}
footer .brand{font-family:UnteiKantei,serif;color:#b02032}
@media(max-width:760px){.print-board{box-shadow:0 0 0 1px #42a9a5}.start-reading{padding:8px 12px}.section-heading h2{padding-left:9px;border-left-width:4px}.postcard{box-shadow:3px 3px 0 #3faaa56b}}

/* Six equal navigation banners */
.masthead{display:block;padding:18px 0;margin:0;max-width:none}
.masthead nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;width:100%}
.masthead nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:62px;padding:10px 5px;background:#123548;color:#fff7e8;border:3px double #e9e1cb;outline:1px solid #123548;box-shadow:2px 3px 0 #329a98;text-align:center;text-decoration:none;font-family:UnteiAosagi,'Yu Mincho',serif;font-weight:400;font-size:clamp(13px,1.35vw,18px);letter-spacing:.03em;white-space:nowrap;line-height:1.4;gap:4px}
.masthead nav a:nth-child(even){box-shadow:2px 3px 0 #b02032}
.masthead nav a:hover,.masthead nav a:focus-visible{background:#b02032;color:#fff7e8;border-color:#fff0ce;transform:translateY(-2px)}
@media(max-width:900px){.masthead nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.masthead nav a{font-size:17px}}
@media(max-width:760px){.masthead{padding:16px 0}.masthead nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.masthead nav a{min-height:52px;padding:9px 4px;font-size:17px;letter-spacing:0}}

/* Five primary destinations after merging the text library */
@media(min-width:901px){.masthead nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:901px){.masthead nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:901px){.masthead nav{grid-template-columns:repeat(7,minmax(0,1fr))}.masthead nav a{font-size:clamp(12px,1.2vw,17px)}}
@media(min-width:901px){.masthead nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
