.aboutbar { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: var(--topbar-h); padding: .7rem var(--gutter); border-bottom: 1px solid var(--line); background: rgba(11,15,23,.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.aboutbar nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .75rem; color: var(--text-dim); font-size: .76rem; }
.aboutbar nav a:hover { color: var(--snow); }
.legal { width: min(52rem, calc(100% - 2 * var(--gutter))); margin: 0 auto; padding: clamp(4rem, 9vw, 8rem) 0; }
.legal__hero { padding: 0 0 clamp(3rem, 7vw, 5rem); }
.legal__hero h1, .legal__hero h2 { max-width: 14em; margin: .45rem 0 1rem; font-size: clamp(2.6rem, 7vw, 5.8rem); font-weight: 400; line-height: 1.08; }
.legal__hero p:last-child { max-width: 42rem; color: var(--text-dim); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.9; }
.legal__section { padding: 2.5rem 0; border-top: 1px solid var(--line); }
.legal__section h2 { margin: 0 0 1.1rem; font-family: var(--font-ja-serif); font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 500; }
.legal__section h3 { margin: 2rem 0 .4rem; font-size: 1rem; font-weight: 600; }
.legal__section p, .legal__section li { color: var(--text-dim); line-height: 1.9; }
.legal__section a { color: var(--gold); text-decoration: underline; text-underline-offset: .18em; }
.legal__section ul { padding-left: 1.3rem; }
.legal__facts { display: grid; gap: .2rem; margin: 0 0 1.5rem; }
.legal__facts div { display: grid; grid-template-columns: minmax(8rem, .65fr) 1.6fr; gap: 1rem; padding: .75rem 0; border-bottom: 1px solid rgba(246,243,236,.08); }
.legal__facts dt { color: var(--text-dim); font-size: .78rem; }
.legal__facts dd { margin: 0; }
.contact-card { display: flex; flex-wrap: wrap; align-items: baseline; gap: .7rem 1.2rem; margin: 1.5rem 0; padding: 1.2rem; border: 1px solid rgba(212,168,83,.35); border-radius: var(--radius); background: rgba(212,168,83,.07); }
.contact-card span { color: var(--text-dim); font-size: .72rem; letter-spacing: .1em; }
.contact-card strong, .contact-card a { color: var(--snow); font-size: clamp(1rem, 2.5vw, 1.35rem); overflow-wrap: anywhere; }
.legal__small { font-size: .78rem; }
.legal__updated { margin-top: 2rem; font-size: .75rem; }
.legal__divider { height: 1px; margin: clamp(4rem, 9vw, 8rem) 0; background: var(--gold); opacity: .65; }
code { padding: .08em .35em; border-radius: .3em; background: rgba(246,243,236,.08); color: var(--snow); }
@media (max-width: 680px) { .aboutbar { align-items: flex-start; } .aboutbar nav { max-width: 12rem; } .aboutbar nav a:first-child { display: none; } .legal__facts div { grid-template-columns: 1fr; gap: .25rem; } }