:root{font-family:Arial,Helvetica,sans-serif;color:#303033;background:#f8f8f9;font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px}
body{margin:0}
.public-page{min-height:100vh;background:#f8f8f9}
.page-shell{position:relative;isolation:isolate;max-width:1120px;min-height:100vh;margin:0 auto;padding:38px 24px 320px}
.brand{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:58px;margin-bottom:28px}
.brand-logo{display:block;max-width:min(310px,75vw);max-height:64px;width:auto;height:auto;object-fit:contain}
.brand-placeholder{font-size:46px;font-weight:400;letter-spacing:-2.6px;line-height:1;color:#ce1f6b}
.brand-dot{color:#e45c85}
.record-card{position:relative;z-index:2;width:min(100%,700px);margin:0 auto;background:#fff;border:1px solid #ededf0;border-radius:5px;box-shadow:0 2px 12px rgba(35,42,59,.075)}
.record-card h1{margin:0;padding:22px 20px 20px;text-align:center;font-size:20px;line-height:1.35;font-weight:700;border-bottom:1px solid #eeeeef}
.record-list{margin:0;padding:20px 22px 22px}
.record-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:22px;padding:11px 0;font-size:17px;line-height:1.38}
.record-row dt{color:#5c5c61;font-weight:400}
.record-row dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.source-note{position:relative;z-index:2;display:grid;gap:5px;width:min(100%,700px);margin:17px auto 0;padding:12px 14px;border-left:3px solid #9baeca;color:#4d5768;background:#fff;font-size:12px;line-height:1.45}
.source-note strong{font-size:12px;color:#303e57}
.scene{position:absolute;z-index:0;right:-8px;top:565px;width:min(49%,540px);height:auto;pointer-events:none;user-select:none}
@media(max-width:760px){
  .page-shell{padding:28px 14px 320px;min-height:100svh;overflow:hidden}
  .brand{height:53px;margin-bottom:18px}
  .brand-logo{max-height:54px}
  .brand-placeholder{font-size:40px}
  .record-card h1{padding:16px 8px;font-size:16px}
  .record-list{padding:13px 11px 18px}
  .record-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7px;padding:9px 0;font-size:13.5px;line-height:1.36}
  .source-note{font-size:11px;margin-top:14px}
  .scene{width:340px;max-width:78vw;right:-23px;top:510px;opacity:.72}
}
@media(max-width:380px){.record-row{font-size:12.7px}.record-list{padding-inline:10px}.scene{top:540px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}