*{box-sizing:border-box}body{margin:0;background:#f7f7f3;color:#222820;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.95}a{color:#345a4e}main{max-width:1160px;margin:auto;background:#fff;padding:0 36px 60px}.devnote{background:#4b534e;color:#fff;text-align:center;font-size:12px;padding:7px}.hero{min-height:410px;display:grid;grid-template-columns:1fr 43%;background:#edece3;overflow:hidden;border-radius:3px}.hero-copy{padding:68px 35px 50px 58px}.eyebrow,.kicker{font-size:12px;letter-spacing:.2em;color:#61746d;font-weight:700}.hero h1{font-family:serif;font-size:clamp(30px,3.4vw,51px);line-height:1.42;margin:22px 0}.hero-copy p{font-size:16px;max-width:530px}.hero-visual{background:linear-gradient(140deg,#c8d0c7,#a4aba5);display:grid;place-items:center}.three{width:88%;display:grid;gap:13px}.three span{display:block;background:#fff9;border-left:6px solid #6a8175;padding:18px 24px;font:700 25px serif}.three small{display:block;font:12px sans-serif;letter-spacing:.1em}.lead{font-size:18px;padding:38px 5% 20px}section{padding:46px 20px;border-bottom:1px solid #e7e9e2}h2{font:700 clamp(24px,3vw,34px)/1.5 serif;letter-spacing:.02em;margin:11px 0 22px}h3{font:700 22px/1.5 serif}p{margin:12px 0 18px}.lifetimes{display:grid;gap:17px;margin:30px 0}.lifetimes>div{display:grid;grid-template-columns:140px 1fr 90px;gap:8px 16px;align-items:center}.lifetimes b{text-align:right}.bar{grid-column:1/4;background:#edf0eb;height:17px;border-radius:12px;overflow:hidden}.bar i{display:block;height:100%;background:#7d9686}.lifetimes small{grid-column:1/4;color:#64766a}.note{color:#66746b;font-size:13px}.table-scroll{overflow-x:auto;border:1px solid #e2e6df;border-radius:5px}table{width:100%;border-collapse:collapse;min-width:650px;font-size:15px}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid #e4e9e1}thead{background:#435e50;color:white}tbody tr:nth-child(even){background:#f5f7f2}tbody tr.focus{background:#e2ede4;font-weight:700}.dynasty th:first-child{width:68px}.insight{background:#f0f4ee;border-left:4px solid #819787;padding:17px 24px;margin-top:24px}.trio,.endgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.trio article,.endgrid article{border:1px solid #dce2db;background:#fafbf8;padding:22px}.trio article span{color:#587363;font-size:13px;font-weight:bold}.trio article strong{display:block;margin-bottom:12px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo{margin:0}.photo img{width:100%;height:180px;object-fit:cover}.photo figcaption{font-size:11px;line-height:1.6;color:#666}.photo-error{background:#f2efeb;padding:20px;font-size:12px}.timeline th:first-child{width:80px}.ending{background:#eaf0e8;padding:46px}.sources{font-size:13px;color:#616d64}.sources h2{font-size:22px}.preview-footer{text-align:center;padding:30px;color:#647168;font-size:12px}@media(max-width:720px){main{padding:0 16px 35px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 24px}.hero h1{font-size:33px}.hero-visual{min-height:145px}.three{grid-template-columns:repeat(3,1fr);gap:6px}.three span{font-size:15px;padding:10px;border-left-width:3px}.three small{font-size:9px}.lead{padding:25px 10px;font-size:16px}section{padding:32px 4px}.trio,.endgrid{grid-template-columns:1fr}.photos{grid-template-columns:1fr}.photo img{height:220px}.lifetimes>div{grid-template-columns:1fr 1fr}.lifetimes .bar,.lifetimes small{grid-column:1/3}.ending{padding:28px 18px}}
/* V0.2 typography and additions */
body,button,input,select,textarea{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP", "MS PMincho",serif}
.shogun-name{display:block;font-weight:600}.reading{display:block;font-size:11px;font-weight:400;color:#69756b;line-height:1.45;white-space:normal}
.dynasty td{min-width:145px}.turning-point{background:#eaf1e9;font-weight:700}
.tenure-summary{padding:18px 24px;border-left:4px solid #799185;background:#f1f4ef;margin:24px 0}.tenure-summary h3{margin:4px 0}.tenure{font-size:14px;color:#5b6f63;font-weight:700}
.portrait{margin:0 0 15px;background:#f3f0e9}.portrait img{width:100%;height:235px;object-fit:contain;display:block}.portrait figcaption{text-align:center;font-size:11px;padding:4px 8px}
.linkcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 40px}.linkcards a{border:1px solid #d6dfd7;border-radius:5px;text-decoration:none;padding:18px 22px;display:grid;gap:6px;background:#fafbf8}.linkcards a strong{font-size:19px}.linkcards a span{font-size:14px;color:#596c61}.feature-link{display:inline-block;background:#415e51;color:#fff;padding:12px 20px;text-decoration:none;border-radius:3px}@media(max-width:650px){.linkcards{grid-template-columns:1fr}.portrait img{height:190px}}

/* V0.3: all visible text, including titles and navigation, in Mincho */
:root{--mincho:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP","MS PMincho",serif}
html,body,body *,body *::before,body *::after{font-family:var(--mincho)!important}
.linkcards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin:20px 0 44px}
.linkcards .person-tile{padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #d8e0d8;background:#fff;text-decoration:none;border-radius:3px;min-width:0;color:#293d31;transition:transform .15s ease,box-shadow .15s ease}
.linkcards .person-tile:hover{transform:translateY(-2px);box-shadow:0 5px 14px #203f2519}
.person-tile-art{display:grid;place-items:center;aspect-ratio:3/2;background:linear-gradient(145deg,#e7e4d7,#c5d2c4);border-bottom:1px solid #dce4d9}
.person-tile-art span{font-size:50px;line-height:1;color:#697f70;opacity:.85}
.person-tile-info{padding:12px 9px 15px;display:flex;flex-direction:column;gap:5px;min-height:110px}
.person-tile-info small{font-size:11px;color:#61766b}
.linkcards .person-tile-info strong{font-size:17px;line-height:1.35}
.person-tile-info em{font-size:12px;line-height:1.55;font-style:normal;color:#5e6e62}
.related-lead{font-size:15px}
@media(max-width:900px){.linkcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.linkcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.person-tile-art span{font-size:42px}.person-tile-info{min-height:105px}.linkcards .person-tile-info strong{font-size:16px}}

/* V0.4 hero and tenure rows */
.hero-v04{grid-template-columns:57% 43%;min-height:430px}.hero-v04 .hero-copy{padding:60px 28px 40px 45px}.hero-v04 h1{font-size:clamp(29px,3.1vw,45px);letter-spacing:-.025em;line-height:1.48;white-space:nowrap}.hero-photo{position:relative;isolation:isolate;overflow:hidden;background:#657e70}.hero-background-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#20332b80,#21372a45);z-index:-1}.hero-photo .three{position:relative;width:85%;gap:12px}.hero-photo .three span{background:#fffcf0d9}.hero-credit{font-size:11px;color:#687569;text-align:right;margin:5px 0 0}.tenure-detail{display:block;color:#51695a;font-size:12px;line-height:1.6;margin-top:6px;font-weight:400}.tenure-rail{display:block;background:#e5ebe4;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.tenure-rail i{display:block;height:100%;background:#789a83}.shogun-link{color:#245c49;text-decoration:underline;text-underline-offset:3px}.linkcards .person-tile.no-link{opacity:.84;cursor:default}.linkcards .person-tile.no-link:hover{transform:none;box-shadow:none}@media(max-width:950px){.hero-v04 h1{font-size:clamp(27px,3.1vw,36px)}}@media(max-width:720px){.hero-v04{grid-template-columns:1fr}.hero-v04 .hero-copy{padding:28px 22px}.hero-v04 h1{font-size:clamp(24px,6vw,34px);white-space:normal}.hero-photo{min-height:240px}}

/* V0.5: unified photographic HERO */
.hero-v05{display:grid;grid-template-columns:52% 48%;min-height:440px;background:#eeeae0;overflow:hidden}
.hero-v05 .hero-copy{padding:62px 24px 48px 52px;position:relative;z-index:1}
.hero-v05 h1{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(28px,3.0vw,44px);letter-spacing:-.04em;line-height:1.46;white-space:nowrap}
.hero-photo-v05{position:relative;isolation:isolate;min-height:440px}
.hero-photo-v05 .hero-background-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;z-index:-2}
.hero-photo-v05:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#172b2575,transparent 40%);z-index:-1}
.hero-photo-label{position:absolute;bottom:24px;left:26px;color:white;font-family:serif;font-size:20px;letter-spacing:.12em;text-shadow:0 2px 8px #0008}
.era-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#eef1eb;border:1px solid #dce4da;border-top:0}
.era-strip>div{padding:14px 22px;display:flex;gap:12px;justify-content:center;align-items:baseline;border-right:1px solid #dce4da;font-family:"Yu Mincho",serif}
.era-strip>div:last-child{border-right:0}.era-strip strong{font-size:18px}.era-strip small{font-size:12px;letter-spacing:.05em;color:#5e7165}
.person-tile-art{overflow:hidden;display:block;position:relative;background:#d9e0d7}.person-tile-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top}.person-tile-art-pending{display:grid;place-items:center}.person-tile-art-pending span{font-size:12px!important;color:#63766a;opacity:1}
@media(max-width:850px){.hero-v05 h1{font-size:clamp(25px,3.0vw,35px)}}
@media(max-width:720px){.hero-v05{grid-template-columns:1fr}.hero-v05 .hero-copy{padding:28px 22px}.hero-v05 h1{font-size:clamp(24px,6vw,34px);white-space:normal}.hero-photo-v05{min-height:260px}.era-strip>div{padding:10px 5px;display:grid;gap:0;justify-items:center}.era-strip strong{font-size:13px}.era-strip small{font-size:10px}.hero-photo-label{font-size:16px;bottom:14px;left:16px}}

/* V0.6 — editorial cinematic HERO / founders & third shoguns */
.hero-v06{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:520px;color:#fff;background:#192921;overflow:hidden;border-radius:2px}
.hero-v06 .hero-visual{position:absolute;inset:0;z-index:-1;min-height:0;display:block;background:#233a33}
.hero-v06 .hero-background-photo{position:absolute;inset:0;object-fit:cover;object-position:center 45%;width:100%;height:100%;opacity:.85;z-index:0}
.hero-v06 .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,27,24,.96) 0%,rgba(12,27,24,.92) 30%,rgba(12,27,24,.52) 63%,rgba(12,27,24,.12) 100%),linear-gradient(0deg,rgba(11,23,19,.60),transparent 42%);z-index:1}
.hero-v06 .hero-copy{padding:77px 56px 100px;max-width:900px;position:relative;z-index:1}
.hero-v06 .eyebrow{color:#d8c7a2;font-size:12px;letter-spacing:.19em}
.hero-v06 h1{font-size:clamp(29px,3.65vw,53px);line-height:1.45;letter-spacing:-.035em;margin:25px 0 22px;color:#fff;white-space:nowrap;text-shadow:0 2px 18px #0d1e1b40}
.hero-v06 .hero-copy p{color:#e6e8df;font-size:16px;line-height:1.95;max-width:610px}
.hero-v06 .era-strip{z-index:2;position:absolute;left:56px;right:56px;bottom:26px;display:grid;grid-template-columns:repeat(3,1fr);border:0;border-top:1px solid #ffffff55;background:transparent}
.hero-v06 .era-strip>div{padding:16px 12px 0;display:flex;align-items:baseline;justify-content:flex-start;gap:12px;border:0;background:none;color:#fff}
.hero-v06 .era-strip strong{font-size:17px}.hero-v06 .era-strip small{color:#d3d9cc;font-size:12px}
.hero-v06+.hero-credit{margin-top:8px}
.linkcards-six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1000px){.hero-v06 .hero-copy{padding-left:30px}.hero-v06 .era-strip{left:30px;right:30px}.hero-v06 h1{font-size:clamp(27px,3.3vw,42px)}}
@media(max-width:720px){.hero-v06{min-height:500px}.hero-v06 .hero-copy{padding:48px 22px 140px}.hero-v06 h1{font-size:clamp(23px,5.0vw,34px);white-space:normal}.hero-v06 .hero-visual:after{background:linear-gradient(90deg,rgba(11,26,23,.94),rgba(11,26,23,.57)),linear-gradient(0deg,#10211ba8,transparent 65%)}.hero-v06 .era-strip{left:15px;right:15px;bottom:16px}.hero-v06 .era-strip>div{display:flex;flex-direction:column;align-items:center;gap:0;padding:11px 3px 0}.hero-v06 .era-strip strong{font-size:12px}.hero-v06 .era-strip small{font-size:10px}.linkcards-six{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V0.7 — edge-to-edge HERO; readable single-line desktop subtitle */
.hero-v06{width:100vw;max-width:none;margin-top:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;min-height:530px}
.hero-v06 .hero-copy{box-sizing:border-box;max-width:1320px;width:100%;margin-left:auto;margin-right:auto;padding:72px 58px 118px}
.hero-v06 .hero-copy p{max-width:920px;width:100%;font-size:16px;letter-spacing:0;line-height:1.9;text-wrap:pretty}
.hero-v06 .era-strip{left:max(40px,calc((100vw - 1200px)/2));right:max(40px,calc((100vw - 1200px)/2))}
@media (min-width:1150px){.hero-v06 .hero-copy p{white-space:nowrap}}
@media (max-width:1149px){.hero-v06 .hero-copy p{max-width:80%;white-space:normal;overflow-wrap:normal}}
@media (max-width:720px){.hero-v06{min-height:520px}.hero-v06 .hero-copy{padding:47px 24px 145px}.hero-v06 .hero-copy p{max-width:100%;white-space:normal;font-size:15px}.hero-v06 .era-strip{left:15px;right:15px}.hero-v06 h1{white-space:normal}}