/* Personal archive explorations: same dark crimson identity as the Hall of Fame. */
.insight-hero{padding:clamp(22px,5vw,54px);border:1px solid var(--line2,#633146);border-radius:24px;background:linear-gradient(120deg,#2a0c19,#130a13 62%,#0c0711);margin-bottom:20px;box-shadow:0 18px 58px #0006}
.insight-hero h1{font-size:clamp(36px,6vw,65px);line-height:1.04;max-width:950px;margin:12px 0}
.insight-hero p{max-width:880px;line-height:1.7;color:#ddcbd2}
.insight-paths{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 22px}
.insight-paths a,.insight-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid #824155;border-radius:999px;background:#27111b;color:#ffe3eb;text-decoration:none;font-size:13px;font-weight:750}
.insight-paths a:hover,.insight-link:hover{background:#522239}
.insight-paths a[aria-current=page]{background:#7d2444;border-color:#db7796}
.insight-panel{padding:clamp(16px,3vw,28px);margin:16px 0;border:1px solid #603248;border-radius:20px;background:linear-gradient(145deg,#1c0d17,#100911)}
.insight-panel h2{margin:0 0 12px;font-size:clamp(21px,3vw,32px)}
.insight-muted{color:#d2b8c4;line-height:1.65}
.insight-control{display:grid;gap:7px;margin-bottom:16px;max-width:620px;color:#f6cedd;font-weight:760}
.insight-control select,.insight-control input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #a55b75;border-radius:12px;background:#12080f;color:#fff7f9;font:inherit}
.insight-control select:focus-visible,.insight-control input:focus-visible,.insight-panel button:focus-visible,.insight-panel a:focus-visible{outline:3px solid #ffc4d5;outline-offset:3px}
.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.insight-metric{padding:17px 18px;border:1px solid #69354c;background:#27101d;border-radius:15px;min-width:0}
.insight-metric strong{display:block;font-size:clamp(22px,3vw,33px);color:#ffe5ef;line-height:1.2}
.insight-metric span{display:block;color:#cfadbd;font-size:12px;margin-top:7px}
.insight-list{display:grid;gap:10px;margin:14px 0}
.insight-record{padding:15px;border:1px solid #553044;border-radius:15px;background:#170b15;line-height:1.55}
.insight-record h3{margin:4px 0 6px;font-size:18px}
.insight-record p{margin:5px 0;color:#ebd7df}
.insight-kicker{font-size:11px;letter-spacing:.08em;font-weight:750;text-transform:uppercase;color:#ffadca}
.insight-record a,.insight-panel a:not(.insight-link){color:#ffbed6;text-underline-offset:4px}
.insight-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.insight-tag{font-size:11px;padding:4px 9px;background:#3e1b2d;border:1px solid #7c4158;border-radius:20px;color:#ffe3ed}
.insight-chart{overflow-x:auto;border:1px solid #5e3249;border-radius:16px;background:#110a12;padding:12px}
.insight-chart svg{display:block;width:100%;min-width:320px;height:auto}
.insight-days{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.insight-days button{border:1px solid #884962;border-radius:10px;background:#20101a;color:#fae0ea;min-height:42px;padding:8px 12px;cursor:pointer;font:inherit;font-size:13px}
.insight-days button[aria-pressed=true]{background:#883053;color:white;border-color:#f2a4be}
.insight-bar{display:grid;grid-template-columns:minmax(110px,1fr) 3fr auto;align-items:center;gap:12px;margin:13px 0}
.insight-bar .track{height:13px;background:#3a2030;border-radius:12px;overflow:hidden}
.insight-bar .track>i{display:block;height:100%;background:linear-gradient(90deg,#ff84a6,#a76aff);border-radius:12px}
.insight-bar .score{font-variant-numeric:tabular-nums;color:#ffe4ee}
.insight-divider{border:0;border-top:1px solid #61354b;margin:18px 0}
.insight-note{font-size:13px;line-height:1.7;color:#cbb3c0}
.insight-record details{margin-top:8px}
.insight-record summary{cursor:pointer;color:#ffd5e5;font-weight:750;padding:9px 0;list-style:revert}
.insight-footer{padding:25px 0 40px;color:#b89dac;font-size:12px}
.insight-record .insight-link{margin-top:10px}
@media(max-width:540px){.insight-panel{padding:15px}.insight-bar{grid-template-columns:1fr auto}.insight-bar .track{grid-column:1/-1;grid-row:2}.insight-hero{padding:24px}.insight-paths a{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.insight-paths a,.insight-days button{transition:none!important}}
