.legend-card,.legend-bio-header{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);overflow:hidden;border:1px solid #dacdb8;border-radius:24px;background:linear-gradient(125deg,#f2e8d7,#fffcf7);color:#302b24;box-shadow:0 18px 50px #43321c0a}.legend-home{margin:32px 0}.legend-portrait{margin:0;min-width:0;background:#e4d9c6;display:flex;flex-direction:column}.legend-portrait img{display:block;width:100%;height:340px;object-fit:cover;object-position:50% 25%;filter:none}.legend-portrait figcaption{padding:10px 16px;font-size:12px;line-height:1.7;background:#e9dfcf;color:#534a3c;overflow-wrap:anywhere}.legend-portrait a,.legend-sources a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legend-copy{padding:clamp(24px,4vw,48px);align-self:center;min-width:0}.legend-kicker{font-size:12px;letter-spacing:.06em;color:#6b4e22}.legend-copy h2,.legend-copy h1{font-size:clamp(28px,3.3vw,44px);line-height:1.4;margin:14px 0 6px;letter-spacing:-.03em}.legend-years{color:#5f5444;margin:0 0 18px;font-size:14px}.legend-achievement{font-weight:700;line-height:1.8}.legend-fact{line-height:1.95;color:#675c4c}.legend-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.legend-daily{display:block;color:#5f5444;font-size:12px;margin-top:18px}.legend-biography{margin-top:24px}.legend-bio-header .legend-portrait img{height:380px;object-fit:contain}.legend-reading{max-width:780px;margin:40px auto;line-height:2}.legend-reading h2{font-size:24px;margin:32px 0 14px}.legend-reading li{margin:8px 0}.legend-reading p{color:var(--muted,#65766c)}.legend-studio-note{display:flex;gap:20px;background:#f0f4f0;border:1px solid #d9e2da;border-radius:18px;padding:24px;margin:32px 0}.legend-studio-note>span{font-size:38px;color:#176b52}.legend-studio-note h3{margin:0}.legend-studio-note p{margin:8px 0}.legend-sources{padding:20px;border:1px solid var(--border,#ddd);border-radius:16px;font-size:12px;overflow-wrap:anywhere}.legend-sources summary{cursor:pointer;font-weight:700}.legend-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.legend-roster a{display:flex;align-items:center;gap:12px;border:1px solid var(--border,#ddd);border-radius:14px;padding:10px;font-size:12px}.legend-roster img{width:48px;height:54px;object-fit:cover;border-radius:8px}.legend-roster a:hover{background:#efe7d9}.legend-roster a:focus-visible,.legend-actions a:focus-visible,.legend-actions button:focus-visible{outline:3px solid #987341;outline-offset:4px}@media(max-width:1000px){.legend-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.legend-card,.legend-bio-header{grid-template-columns:1fr}.legend-card .legend-portrait img{height:280px}.legend-bio-header .legend-portrait img{height:330px}.legend-copy{padding:24px}.legend-actions{flex-direction:column}.legend-actions .btn{text-align:center;justify-content:center}.legend-roster{grid-template-columns:1fr}.legend-reading{margin:24px 0}.legend-studio-note{padding:18px;gap:12px}}

/* Compact homepage portrait, aligned left at the end of the page. */
.legend-home{max-width:700px;margin:28px auto 0 0}
.legend-home .legend-card{grid-template-columns:170px minmax(0,1fr);border-radius:18px}
.legend-home .legend-portrait img{height:215px}
.legend-home .legend-portrait figcaption{padding:9px 12px;font-size:12px}
.legend-home .legend-copy{padding:22px 24px}
.legend-home .legend-copy h2{font-size:27px;margin:10px 0 5px}
.legend-home .legend-kicker{font-size:12px;letter-spacing:0}
.legend-home .legend-years{font-size:12px;margin-bottom:12px}
.legend-home .legend-achievement,.legend-home .legend-fact{font-size:12px;line-height:1.85}
.legend-home .legend-actions{gap:8px;margin-top:18px}
.legend-home .legend-actions .btn{font-size:12px;padding:11px 12px}
.legend-home .legend-daily{font-size:12px;margin-top:13px}
@media(max-width:600px){
 .legend-home .legend-card{grid-template-columns:108px minmax(0,1fr)}
 .legend-home .legend-portrait img{height:148px}
 .legend-home .legend-portrait figcaption{padding:8px;font-size:12px}
 .legend-home .legend-copy{padding:18px 14px}
 .legend-home .legend-copy h2{font-size:21px;overflow-wrap:anywhere}
 .legend-home .legend-actions .btn{font-size:12px;padding:11px 8px}
}

/* These portrait panels keep their light background in both site themes. */
.legend-copy :is(h1,h2),.legend-studio-note h3{color:#302b24}
html[data-theme='dark'] .navigation-preview #main .legend-copy :is(h1,h2),
html[data-theme='dark'] .navigation-preview #main .legend-studio-note h3{color:#302b24}