/* Sengoku Journal: restrained ink, paper and vermilion. */
.articles-home,.articles-page{color:#302820;overflow-wrap:anywhere}
.articles-home{margin:24px 16px 30px;padding:24px 0;border-top:2px solid #a51b2c;border-bottom:1px solid #dfd4c4}
.article-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.article-eyebrow{display:block;font:700 10px/1.5 Inter,sans-serif;letter-spacing:2px;color:#8b2430}
.article-section-head h2,.article-page-heading h1{font-family:serif;font-size:29px;letter-spacing:3px;margin:4px 0 0}
.article-all,.article-back{color:#82202b;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;gap:7px}
.articles-lead{font-size:12px;color:#6b5a4a;margin:10px 0 20px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.article-card{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #e3d9cb;border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;min-width:0}
.article-card-first{grid-column:1/-1}
.article-card-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.article-card-art{position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(130deg,#a51b2c,#651321);display:flex;align-items:center;justify-content:center;color:#fce8c6}
.article-card-art:after{content:'';width:150px;height:150px;border:1px solid #efc99255;border-radius:50%;position:absolute;right:-40px;top:-40px}
.article-card-art span{font:700 22px/1.3 serif;letter-spacing:5px;z-index:1}
.article-card-art b{position:absolute;font:120px/1 serif;opacity:.13;left:3%;top:5%}
.article-card-copy{padding:14px;display:flex;flex-direction:column;flex:1}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#766658}
.article-category{display:inline-block;background:#f3e8df;color:#852a32;padding:4px 7px;border-radius:3px;font-weight:700}
.article-card h3{font-size:15px;line-height:1.65;margin:10px 0 8px;letter-spacing:.2px}
.article-card-first h3{font-size:20px}
.article-card p{font-size:12px;line-height:1.75;color:#716153;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-read{font-size:11px;font-weight:700;color:#8b2430;margin-top:auto;display:flex;justify-content:space-between;gap:8px}
.articles-page{padding:24px 20px 36px}
.article-page-heading{padding:8px 0 22px;border-bottom:1px solid #dfd4c4;margin-bottom:18px}
.article-page-heading p{font-size:12px;line-height:1.8;color:#6b5a4a;margin-top:12px}
.article-filters{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}
.article-filters button,.article-button{font:inherit;font-size:12px;min-height:44px;border:1px solid #d9cdbc;border-radius:6px;padding:9px 13px;background:#fffdf8;color:#583d31;cursor:pointer}
.article-filters button{white-space:nowrap;flex-shrink:0}
.article-filters button[aria-pressed=true]{background:#932433;color:white;border-color:#932433}
.article-search{display:grid;gap:8px;margin:12px 0 16px;font-size:12px;font-weight:700}
.article-search input{width:100%;font:inherit;font-size:16px;background:#fffdf8;color:#302820;border:1px solid #d9cdbc;border-radius:6px;padding:12px;min-height:46px;box-sizing:border-box}
.article-result-count{font-size:11px;color:#716153;margin-bottom:14px}
.article-state{padding:22px 16px;background:#f3eee6;border-radius:6px;font-size:13px;line-height:1.9;text-align:center}
.article-offline{padding:12px 20px;background:#fff1c8;color:#674618;font-size:12px;line-height:1.7}
.article-detail{padding-top:18px}
.article-detail h1{font-family:serif;font-size:27px;line-height:1.55;margin:18px 0;letter-spacing:.5px}
.article-intro{font-size:14px;line-height:1.95;color:#6b5a4a;margin:0 0 24px}
.article-detail-cover{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:6px;margin-bottom:12px}
.article-body{font-size:15px;line-height:2.1}
.article-body h2{font-size:20px;line-height:1.6;border-left:3px solid #a51b2c;padding-left:13px;margin:30px 0 18px}
.article-body p{margin:16px 0;white-space:pre-wrap}
.article-body ul{margin:16px 0;padding-left:24px}
.article-body li{margin:7px 0;white-space:pre-wrap}
.article-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:17px 20px;background:#932433;border-radius:6px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;min-height:48px}
.article-footer{border-top:1px solid #dfd4c4;margin-top:32px;padding-top:22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12px;color:#716153}
.article-footer p{width:100%;margin:0;font-size:12px}
.article-missing{font-size:23px;margin:24px 0 12px}
.articles-home :focus-visible,.articles-page :focus-visible{outline:3px solid #a51b2c;outline-offset:4px}
.article-nav-icon{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7}
@media(max-width:360px){.article-grid{gap:12px 8px}.article-card-copy{padding:10px}.article-card h3{font-size:14px}.article-card-first h3{font-size:18px}.articles-page{padding-left:14px;padding-right:14px}.article-detail h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.article-card{transition:none}}
.articles-page{background:#fffaf2;min-height:calc(100vh - 130px)}
.articles-home{background:#fffaf2;padding:22px 16px;border-radius:0 0 8px 8px}

.article-inline-image{margin:26px 0}.article-inline-image img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:6px;background:#f3eee6}.article-inline-image figcaption{margin-top:9px;font-size:12px;line-height:1.8;color:#716153;text-align:center}.article-body .article-inline-button{margin:26px 0;line-height:1.7}.article-body .article-inline-button + p{margin-top:26px}