:root {
  --ink: #071310;
  --ink-2: #0c1d18;
  --ink-3: #142923;
  --surface: #10221c;
  --surface-up: #183027;
  --paper: #f4f0e7;
  --paper-2: #e9e3d7;
  --white: #fffdf8;
  --muted: #97aaa3;
  --paper-muted: #625f58;
  --line-dark: rgba(255,255,255,.11);
  --line: #d4cdbf;
  --lime: #c8ff5c;
  --lime-dark: #94c42f;
  --amber: #d89445;
  --forest: #257d67;
  --berry: #a94f68;
  --night: #5367a4;
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 70px rgba(0,0,0,.22);
}

html { font-size: 16px; scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body:has(.global-player:not([hidden])) { padding-bottom: 92px; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
h1 { font-size: clamp(3.8rem, 8vw, 7.8rem); line-height: .88; }
h2 { font-size: clamp(2.55rem, 5vw, 4.7rem); line-height: .98; }
h3 { font-size: 1.18rem; letter-spacing: -.02em; }
::selection { color: var(--ink); background: var(--lime); }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; }
.container-xxl { max-width: 1380px; }

.site-header { position: sticky; top: 0; z-index: 100; color: white; background: rgba(7,19,16,.9); border-bottom: 1px solid var(--line-dark); backdrop-filter: blur(18px); }
.navbar { min-height: 74px; padding: .75rem 0; }
.brand { display: inline-flex; align-items: center; gap: .72rem; color: white; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; color: var(--ink); background: var(--lime); border-radius: 50%; }
.brand-mark svg { width: 24px; height: 24px; stroke: currentColor; stroke-width: 2; }
.brand-copy { display: flex; align-items: baseline; gap: .45rem; }
.brand strong { font-family: Georgia, serif; font-size: 1.35rem; letter-spacing: -.04em; }
.brand small { color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .24em; }
.navbar-nav { gap: .2rem; }
.nav-link { padding: .55rem .85rem !important; color: #d4ded9 !important; font-size: .84rem; font-weight: 650; }
.nav-link:hover { color: white !important; }
.login-slot > ul { gap: .2rem; }
.login-slot .nav-link { margin-left: .45rem; color: var(--ink) !important; background: var(--white); border-radius: 999px; }
.login-slot form { margin: 0; }
.account-signin { display: inline-flex; align-items: center; gap: .45rem; }
.account-signin > span { display: grid; place-items: center; width: 21px; height: 21px; color: var(--lime); background: var(--ink); border-radius: 50%; font-size: .62rem; }
.account-nav { display: flex; align-items: center; gap: .35rem; margin-left: .45rem; }
.login-slot .account-chip { display: inline-flex; align-items: center; gap: .45rem; margin-left: 0; padding-left: .45rem !important; }
.account-chip > span:first-child { display: grid; place-items: center; width: 25px; height: 25px; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: .58rem; font-weight: 900; }
.account-logout-form { display: flex; }
.account-logout { padding: .48rem .65rem; color: #aebdb7; background: transparent; border: 0; font-size: .72rem; font-weight: 700; }
.account-logout:hover { color: white; }
.navbar-toggler { display: grid; gap: 6px; width: 42px; height: 42px; padding: 11px; border: 1px solid var(--line-dark); border-radius: 50%; }
.navbar-toggler span { display: block; height: 1px; background: white; }
.navbar-toggler:focus { box-shadow: none; }

.eyebrow { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1rem; color: #496258; font-size: .69rem; font-weight: 800; letter-spacing: .19em; }
.eyebrow.light { color: #a9bbb4; }
.eyebrow i, .live-pill i { display: inline-block; width: 6px; height: 6px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 0 5px rgba(200,255,92,.1); }
.primary-button, .ghost-button, .outline-button { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; min-height: 50px; padding: .75rem 1.2rem; border: 1px solid transparent; border-radius: 999px; font-size: .84rem; font-weight: 760; transition: transform .2s ease, background .2s ease, color .2s ease; }
.primary-button { color: white; background: var(--ink); }
.primary-button:hover { color: white; background: var(--surface-up); transform: translateY(-2px); }
.primary-button.bright { color: var(--ink); background: var(--lime); }
.primary-button.bright:hover { color: var(--ink); background: white; }
.ghost-button { color: white; background: transparent; border-color: rgba(255,255,255,.25); }
.ghost-button:hover { color: white; border-color: rgba(255,255,255,.55); transform: translateY(-2px); }
.outline-button { color: var(--lime); border-color: rgba(200,255,92,.45); }
.outline-button:hover { color: var(--ink); background: var(--lime); }
.text-link { display: inline-flex; gap: .5rem; color: #315a4d; font-size: .85rem; font-weight: 760; }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.text-link.light { color: #dce7e2; }

.home-hero { position: relative; overflow: hidden; min-height: 790px; color: white; background: var(--ink); }
.home-hero:before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 90%); }
.hero-glow { position: absolute; width: 700px; height: 700px; top: -220px; right: -110px; border-radius: 50%; background: radial-gradient(circle, rgba(200,255,92,.2), rgba(37,125,103,.12) 38%, transparent 70%); filter: blur(10px); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 5rem; align-items: center; padding-block: 7.5rem 8.5rem; }
.hero-copy { max-width: 750px; }
.hero-copy h1 { margin-bottom: 1.8rem; }
.hero-copy h1 em, .catalog-hero h1 em { color: var(--lime); font-weight: 400; }
.hero-copy > p { max-width: 650px; color: #b1c1bb; font-size: clamp(1.05rem, 2vw, 1.28rem); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.1rem; }
.button-icon { font-size: 1.1rem; }
.hero-search { display: flex; align-items: center; max-width: 690px; margin-top: 2.4rem; padding: .38rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 999px; }
.hero-search svg, .search-field svg { width: 21px; height: 21px; margin-left: .8rem; stroke: currentColor; stroke-width: 1.7; fill: none; }
.hero-search input { flex: 1; min-width: 0; padding: .7rem .8rem; color: white; background: transparent; border: 0; outline: 0; }
.hero-search input::placeholder { color: #84978f; }
.hero-search button { padding: .72rem 1.2rem; color: var(--ink); background: white; border: 0; border-radius: 999px; font-size: .8rem; font-weight: 750; }
.hero-stats { display: flex; gap: 2.7rem; margin-top: 2.8rem; }
.hero-stats div { display: flex; flex-direction: column; }
.hero-stats strong { font-family: Georgia, serif; font-size: 2.1rem; letter-spacing: -.04em; }
.hero-stats span { color: #81958d; font-size: .72rem; }

.hero-showcase { position: relative; min-height: 585px; }
.showcase-orbit { position: absolute; width: 520px; aspect-ratio: 1; top: 30px; right: -30px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; }
.showcase-orbit:after { content: ""; position: absolute; inset: 48px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; }
.showcase-vinyl { position: absolute; z-index: 1; top: 90px; right: -25px; display: grid; place-items: center; width: 360px; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle at center, #09100e 0 3px, #1c2824 4px 7px); box-shadow: 0 30px 80px rgba(0,0,0,.45); animation: float-disc 7s ease-in-out infinite; }
.showcase-vinyl:before { content: ""; position: absolute; width: 104px; aspect-ratio: 1; background: var(--accent, var(--amber)); border: 10px solid rgba(255,255,255,.12); border-radius: 50%; }
.showcase-vinyl span { z-index: 1; color: var(--ink); font-size: .62rem; font-weight: 900; text-align: center; letter-spacing: .12em; }
.showcase-card { position: absolute; z-index: 2; left: 5px; bottom: 0; width: 400px; overflow: hidden; background: rgba(15,30,25,.96); border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-lg); box-shadow: var(--shadow); transform: rotate(-2deg); }
.showcase-score { position: relative; height: 335px; overflow: hidden; background: #d9d0be; }
.showcase-score img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: sepia(.14) contrast(.92); }
.score-placeholder { display: grid; place-items: center; height: 100%; color: #8b7453; font-family: Georgia, serif; font-size: 6rem; }
.scan-label { position: absolute; left: 1rem; bottom: 1rem; padding: .38rem .58rem; color: #26352f; background: rgba(255,253,248,.9); border-radius: 999px; font-size: .59rem; font-weight: 800; letter-spacing: .08em; }
.showcase-meta { padding: 1.35rem 1.4rem 1.5rem; }
.live-pill { display: inline-flex; align-items: center; gap: .45rem; color: #9eb0a9; font-size: .58rem; font-weight: 800; letter-spacing: .13em; }
.showcase-meta h2 { margin: .7rem 0 .25rem; font-size: 2.25rem; }
.showcase-meta p { color: var(--muted); font-size: .78rem; }
.showcase-controls { display: grid; grid-template-columns: 46px 1fr auto; gap: .85rem; align-items: center; margin-top: 1.1rem; }
.waveform { height: 34px; display: flex; align-items: center; gap: 3px; }
.waveform i { flex: 1; height: 22%; background: #789087; border-radius: 3px; }
.waveform i:nth-child(3n) { height: 72%; }.waveform i:nth-child(4n) { height: 42%; }.waveform i:nth-child(7n) { height: 95%; }
.showcase-controls time { color: #a7b9b2; font-size: .68rem; }
@keyframes float-disc { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(4deg); } }

.tone-amber { --accent: var(--amber); }.tone-forest { --accent: var(--forest); }.tone-berry { --accent: var(--berry); }.tone-night { --accent: var(--night); }
.section-block { padding: 7rem 0; }
.dark-section, .process-section, .listen-section, .comments-section, .moderation-section { color: white; background: var(--ink-2); }
.paper-section, .catalog-section { background: var(--paper); }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; margin-bottom: 3.2rem; }
.section-heading h2 { max-width: 820px; margin-bottom: .6rem; }
.section-heading p { max-width: 670px; margin-bottom: 0; color: var(--paper-muted); }
.section-heading.inverse p { color: var(--muted); }

.work-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.35rem; }
.work-card { overflow: hidden; color: white; background: var(--surface); border: 1px solid var(--line-dark); border-radius: var(--radius); transition: transform .25s ease, border-color .25s ease; }
.work-card:hover { transform: translateY(-6px); border-color: rgba(200,255,92,.35); }
.work-cover { position: relative; min-height: 340px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: end; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 62%, #08120f), #06100d 75%); }
.work-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; opacity: .28; mix-blend-mode: luminosity; transform: scale(1.03); transition: transform .5s ease; }
.work-card:hover .work-cover img, .catalog-card:hover .catalog-cover img { transform: scale(1.08); }
.cover-shade { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(5,14,11,.05), rgba(5,14,11,.88)); }
.work-cover > :not(img):not(.cover-shade), .catalog-cover > :not(img):not(.cover-shade) { position: relative; z-index: 1; }
.cover-index, .cover-format { position: absolute !important; top: 1.4rem; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.cover-index { left: 1.4rem; }.cover-format { right: 1.4rem; color: rgba(255,255,255,.7); }
.work-cover strong { max-width: 85%; font-family: Georgia, serif; font-size: 2.1rem; line-height: .97; letter-spacing: -.045em; }
.work-cover small { margin-top: .55rem; color: rgba(255,255,255,.7); }
.work-card-body { padding: 1.3rem 1.35rem 1.45rem; }
.work-card-topline { display: flex; gap: .5rem; }
.work-card-topline span, .catalog-pills span { padding: .28rem .48rem; color: #aabcb5; background: rgba(255,255,255,.06); border-radius: 999px; font-size: .59rem; font-weight: 750; }
.work-card-body > p { min-height: 66px; margin: 1rem 0 1.1rem; color: #9bada6; font-size: .82rem; }
.mini-track { display: flex; align-items: center; gap: .75rem; padding-top: 1rem; border-top: 1px solid var(--line-dark); }
.mini-track > div { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.mini-track strong { font-size: .78rem; }.mini-track small { overflow: hidden; color: #80938b; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }.mini-track time { color: #80938b; font-size: .68rem; }

.track-play-button { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; padding-left: 3px; color: var(--ink); background: var(--lime); border: 0; border-radius: 50%; font-size: .65rem; transition: transform .18s ease, background .18s ease; }
.track-play-button:hover { background: white; transform: scale(1.07); }
.track-play-button.large { width: 46px; height: 46px; }.track-play-button.small { width: 34px; height: 34px; font-size: .55rem; }
.track-play-button.is-playing { padding-left: 0; }

.split-feature { display: grid; grid-template-columns: .72fr 1.28fr; gap: 6rem; align-items: center; }
.feature-intro p { max-width: 500px; margin: 1.4rem 0 2rem; color: var(--paper-muted); font-size: 1.02rem; }
.rank-panel { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 22px 60px rgba(46,42,34,.08); }
.rank-panel-head { display: flex; justify-content: space-between; padding: .85rem 1.2rem; color: #706d65; background: var(--paper-2); border-bottom: 1px solid var(--line); font-size: .63rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.rank-row { display: grid; grid-template-columns: 34px 36px 1fr auto 44px; gap: .9rem; align-items: center; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }
.rank-row:last-child { border-bottom: 0; }
.rank-number { color: #88837a; font-family: Georgia, serif; font-size: .85rem; }
.rank-copy { min-width: 0; display: flex; flex-direction: column; }
.rank-copy strong { overflow: hidden; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }.rank-copy small { overflow: hidden; color: #77736a; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }.rating, .rank-row time { color: #666159; font-size: .7rem; }

.process-section { position: relative; background: #091713; }
.process-section:before { content: ""; position: absolute; inset: 0; opacity: .18; background: radial-gradient(circle at 15% 15%, rgba(200,255,92,.23), transparent 32%), radial-gradient(circle at 90% 75%, rgba(37,125,103,.28), transparent 30%); }
.process-section .container-xxl { position: relative; }
.process-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line-dark); border-radius: var(--radius); }
.process-grid article { position: relative; min-height: 300px; padding: 2rem; border-right: 1px solid var(--line-dark); }
.process-grid article:last-child { border-right: 0; }
.process-grid article > span { color: #60736c; font-family: Georgia, serif; font-size: .9rem; }
.process-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 3rem 0 1.3rem; color: var(--ink); background: var(--lime); border-radius: 16px; font-size: 1.35rem; }
.process-grid h3 { margin-bottom: .65rem; font-size: 1.25rem; }.process-grid p { max-width: 320px; color: var(--muted); font-size: .85rem; }
.studio-cta { padding: 6rem 0; color: white; background: linear-gradient(105deg, #244c3f, #10241e 55%, #0a1713); border-block: 1px solid var(--line-dark); }
.cta-inner { display: flex; justify-content: space-between; align-items: center; gap: 3rem; }.cta-inner h2 { margin-bottom: .6rem; }.cta-inner p { max-width: 740px; margin-bottom: 0; color: #a9bbb4; }

.catalog-hero { position: relative; overflow: hidden; padding: 7.5rem 0 6rem; color: white; background: var(--ink); }
.catalog-hero:after { content: "♪"; position: absolute; right: 4vw; bottom: -8rem; color: rgba(200,255,92,.07); font-family: Georgia, serif; font-size: 28rem; line-height: 1; transform: rotate(-12deg); }
.catalog-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.4fr .6fr; gap: 4rem; align-items: end; }
.catalog-hero h1 { max-width: 950px; margin-bottom: 0; }.catalog-hero p { max-width: 500px; margin-bottom: .5rem; color: #9eb1a9; font-size: 1.05rem; }
.catalog-section { padding: 4.5rem 0 7rem; }
.filter-bar { display: grid; grid-template-columns: minmax(260px,1.4fr) repeat(4,minmax(145px,.72fr)) auto; gap: .8rem; align-items: end; padding: 1.15rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 16px 40px rgba(37,32,23,.06); }
.filter-bar label, .studio-form label, .comment-form label { display: flex; flex-direction: column; gap: .42rem; color: #5e625e; font-size: .68rem; font-weight: 800; letter-spacing: .04em; }
.filter-bar input, .filter-bar select, .studio-form input, .studio-form select, .studio-form textarea, .comment-form input, .comment-form textarea { width: 100%; padding: .8rem .9rem; color: var(--ink); background: #f8f6f0; border: 1px solid #cfc8bb; border-radius: var(--radius-sm); outline: 0; }
.filter-bar input:focus, .filter-bar select:focus, .studio-form textarea:focus, .comment-form input:focus, .comment-form textarea:focus { border-color: #6f8d82; box-shadow: 0 0 0 3px rgba(37,125,103,.1); }
.search-field > div { position: relative; display: flex; align-items: center; }.search-field svg { position: absolute; color: #61736c; }.search-field input { padding-left: 2.8rem; }
.filter-bar .primary-button { min-height: 47px; border-radius: var(--radius-sm); }
.filter-actions { display: flex; align-items: center; gap: .65rem; }.filter-actions > a { color: #69716c; font-size: .66rem; font-weight: 800; }
.result-heading { display: flex; justify-content: space-between; align-items: end; margin: 3.5rem 0 1.4rem; color: #706d65; font-size: .72rem; }.result-heading > div { display: flex; align-items: baseline; gap: .65rem; }.result-heading strong { color: var(--ink); font-family: Georgia, serif; font-size: 2.3rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.35rem; }
.catalog-card { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); transition: transform .25s ease, box-shadow .25s ease; }
.catalog-card:hover { transform: translateY(-6px); box-shadow: 0 20px 50px rgba(28,27,23,.1); }
.catalog-cover { position: relative; min-height: 360px; padding: 1.5rem; display: flex; flex-direction: column; justify-content: end; overflow: hidden; color: white; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 72%, #071310), #071310); }
.catalog-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: .36; mix-blend-mode: luminosity; transition: transform .5s ease; }
.catalog-format { position: absolute !important; top: 1.4rem; left: 1.4rem; font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.catalog-note { position: absolute !important; top: .8rem; right: 1.3rem; color: rgba(255,255,255,.2); font-family: Georgia, serif; font-size: 5rem; }.catalog-cover strong { max-width: 90%; font-family: Georgia, serif; font-size: 2.3rem; line-height: .95; letter-spacing: -.05em; }.catalog-cover small { margin-top: .55rem; color: rgba(255,255,255,.72); }
.catalog-card-body { padding: 1.35rem; }.catalog-pills { display: flex; gap: .45rem; }.catalog-pills span { color: #59635e; background: #edf0e8; }.catalog-card-body > p { min-height: 68px; margin: 1rem 0; color: var(--paper-muted); font-size: .82rem; }.catalog-card-actions { display: flex; align-items: center; gap: .75rem; padding-top: 1rem; border-top: 1px solid var(--line); }.catalog-card-actions > span { flex: 1; display: flex; flex-direction: column; }.catalog-card-actions strong { font-size: .76rem; }.catalog-card-actions small { color: #77736a; font-size: .66rem; }.catalog-card-actions .track-play-button { color: white; background: var(--ink); }.card-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; }.card-arrow:hover { background: var(--paper-2); }

.work-hero { position: relative; overflow: hidden; min-height: 680px; padding: 6.5rem 0; color: white; background: linear-gradient(130deg, color-mix(in srgb, var(--accent) 35%, #071310), #071310 58%); }
.work-hero:before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 50px 50px; }
.work-hero-glow { position: absolute; width: 650px; height: 650px; right: -100px; top: -110px; background: radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, transparent), transparent 68%); border-radius: 50%; }
.work-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 480px; gap: 6rem; align-items: center; }
.breadcrumb-line { display: flex; gap: .6rem; margin-bottom: 3rem; color: #97aaa3; font-size: .72rem; }.breadcrumb-line a:hover { color: white; }
.work-hero h1 { max-width: 800px; margin: .2rem 0 1rem; font-size: clamp(4rem, 8vw, 7rem); }.original-title { margin: -.45rem 0 .65rem; color: #8fa39b; font: 1rem Georgia, serif; }.composer { margin-bottom: 1.4rem; color: var(--lime); font-family: Georgia, serif; font-size: 1.35rem; }.lede { max-width: 700px; color: #b0c1ba; font-size: 1.06rem; }.hero-play { border: 0; }.release-facts { display: flex; gap: 1.6rem; margin-top: 2.8rem; color: #889b93; font-size: .7rem; }.release-facts strong { color: white; }
.archive-artwork { position: relative; min-height: 510px; }.artwork-disc { position: absolute; top: 52px; right: -42px; display: grid; place-items: center; width: 390px; aspect-ratio: 1; color: var(--ink); background: repeating-radial-gradient(circle, #090f0d 0 3px, #1c2925 4px 7px); border-radius: 50%; box-shadow: 0 35px 80px rgba(0,0,0,.4); }.artwork-disc:before { content: ""; position: absolute; width: 112px; aspect-ratio: 1; background: var(--accent); border: 9px solid rgba(255,255,255,.13); border-radius: 50%; }.artwork-disc span { z-index: 1; font-size: .7rem; font-weight: 900; }.artwork-page { position: absolute; z-index: 2; left: 0; bottom: 0; width: 330px; height: 440px; overflow: hidden; background: #e1d8c5; border: 10px solid #f8f4eb; box-shadow: 22px 28px 70px rgba(0,0,0,.34); transform: rotate(-4deg); }.artwork-page img { width: 100%; height: 100%; object-fit: cover; object-position: top; filter: sepia(.12) contrast(.95); }.artwork-stamp { position: absolute; right: 1rem; bottom: 1rem; padding: .5rem; color: #463e31; background: rgba(248,244,235,.9); border: 1px solid #8d826f; font-size: .54rem; font-weight: 850; line-height: 1.3; letter-spacing: .1em; }
.detail-nav { position: sticky; top: 73px; z-index: 70; background: rgba(255,253,248,.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }.detail-nav .container-xxl { display: flex; gap: 2rem; overflow-x: auto; }.detail-nav a { padding: 1rem 0; color: #575b57; border-bottom: 2px solid transparent; font-size: .76rem; font-weight: 760; white-space: nowrap; }.detail-nav a:hover { color: var(--ink); border-color: var(--ink); }
.detail-two-column { display: grid; grid-template-columns: 1.35fr .65fr; gap: 6rem; align-items: start; }.story-column h2 { max-width: 760px; }.story-text { max-width: 820px; color: var(--paper-muted); font-family: Georgia, serif; font-size: 1.32rem; line-height: 1.72; }.fact-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 2.5rem; padding-top: 1.6rem; border-top: 1px solid var(--line); }.fact-row div { display: flex; flex-direction: column; }.fact-row span { color: #767168; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }.fact-row strong { margin-top: .3rem; font-size: .85rem; }
.rights-card { display: flex; gap: 1rem; padding: 1.5rem; background: #e4eadb; border: 1px solid #bac7ac; border-radius: var(--radius); }.rights-icon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; color: white; background: #3f7453; border-radius: 50%; }.rights-card > div { display: flex; flex-direction: column; align-items: start; }.card-kicker { color: #61735f; font-size: .56rem; font-weight: 850; letter-spacing: .12em; }.rights-card strong { margin-top: .3rem; font-family: Georgia, serif; font-size: 1.2rem; }.rights-card p { margin: .75rem 0; color: #506050; font-size: .82rem; }.rights-card a { color: #365d43; font-size: .73rem; font-weight: 760; }
.editorial-section { overflow: hidden; }.editorial-intro { max-width: 920px; margin-bottom: 4.5rem; }.editorial-intro h2 { margin-bottom: 1rem; font-size: clamp(3rem,5.5vw,5.3rem); }.editorial-intro > p { max-width: 760px; color: var(--paper-muted); font: 1.12rem/1.65 Georgia, serif; }
.editorial-feature-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: clamp(3rem,7vw,7rem); align-items: start; }.editorial-feature-grid.without-media { grid-template-columns: minmax(0,920px); }
.editorial-copy { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 1.4rem; }.chapter-number { padding-top: .4rem; color: #8c877c; font: italic 1.15rem Georgia, serif; border-top: 1px solid #aaa397; }.editorial-copy h3 { margin: 0 0 1.4rem; font-size: clamp(2rem,3vw,3.2rem); }.editorial-copy p { margin: 0 0 1.25rem; color: #4d4a43; font: 1.06rem/1.82 Georgia, serif; }.editorial-copy p:first-of-type::first-letter { float: left; margin: .08rem .5rem 0 0; color: var(--accent); font: 4rem/.78 Georgia, serif; }
.editorial-media-card { overflow: hidden; margin: 0; background: #fff; border: 1px solid var(--line); border-radius: 3px; box-shadow: 0 24px 70px rgba(27,25,19,.11); }.editorial-image-wrap { display: grid; place-items: center; aspect-ratio: 4/3; padding: 1.25rem; overflow: hidden; background: #15201c; }.editorial-image-wrap img { width: 100%; height: 100%; object-fit: contain; filter: saturate(.78) contrast(1.03); }.editorial-media-card figcaption { padding: 1.5rem; }.media-date { color: #7b786f; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.editorial-media-card h3 { margin: .35rem 0 .65rem; font-size: 1.5rem; }.editorial-media-card p { color: var(--paper-muted); font-size: .79rem; }.editorial-media-card dl { margin: 1.2rem 0; padding: .9rem 0; border-block: 1px solid var(--line); }.editorial-media-card dl div { display: grid; grid-template-columns: 58px 1fr; gap: .8rem; margin: .3rem 0; font-size: .66rem; }.editorial-media-card dt { color: #858078; font-weight: 800; text-transform: uppercase; }.editorial-media-card dd { margin: 0; color: #4e4b45; }.editorial-media-card a { color: #315a4d; font-size: .7rem; font-weight: 800; }
.editorial-rule { position: relative; display: grid; place-items: center; margin: 6rem 0; color: #8d887e; }.editorial-rule:before { content: ""; position: absolute; left: 0; right: 0; height: 1px; background: var(--line); }.editorial-rule span { position: relative; padding: 0 1.2rem; background: var(--paper); font: 1.2rem Georgia, serif; }
.work-history-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: clamp(3rem,7vw,7rem); align-items: start; }.history-copy .eyebrow { display: block; margin-bottom: .8rem; }.history-rail { display: flex; flex-direction: column; gap: 1.25rem; }.fact-stack { background: #171c19; border-radius: var(--radius); }.fact-stack div { display: flex; flex-direction: column; gap: .2rem; padding: 1.2rem 1.35rem; border-bottom: 1px solid rgba(255,255,255,.1); }.fact-stack div:last-child { border-bottom: 0; }.fact-stack span { color: #7f9289; font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.fact-stack strong { color: #f7f4eb; font: 1rem Georgia, serif; }

.score-section { background: var(--paper-2); }.count-badge { display: inline-flex; align-items: center; padding: .4rem .7rem; color: #5e645e; background: var(--white); border: 1px solid var(--line); border-radius: 999px; font-size: .65rem; font-weight: 750; white-space: nowrap; }.count-badge.dark { color: #b1c1ba; background: rgba(255,255,255,.06); border-color: var(--line-dark); }
.score-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 2rem; }.score-preview, .asset-panel { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.score-preview-toolbar, .asset-panel-head { display: flex; justify-content: space-between; padding: .9rem 1.1rem; color: #67645c; background: #f8f5ee; border-bottom: 1px solid var(--line); font-size: .65rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.score-preview-toolbar a { color: #315a4d; }.score-preview-canvas { min-height: 580px; display: grid; place-items: center; padding: 1.5rem; background: #b9b2a5; }.score-preview-canvas img { display: block; max-height: 670px; box-shadow: 0 16px 40px rgba(31,26,18,.24); }.empty-score { display: flex; flex-direction: column; text-align: center; color: #6b6255; font: 5rem Georgia, serif; }.empty-score span { font: .8rem Inter, sans-serif; }.asset-list { padding: 0 1.2rem; }.asset-row { display: grid; grid-template-columns: 48px 1fr auto 20px; gap: 1rem; align-items: center; padding: 1.2rem 0; border-bottom: 1px solid var(--line); }.asset-row:last-child { border-bottom: 0; }.file-icon { display: grid; place-items: center; height: 48px; color: white; background: var(--ink); border-radius: 12px; font-size: .62rem; font-weight: 850; }.asset-copy { min-width: 0; display: flex; flex-direction: column; }.asset-copy strong { font-size: .82rem; }.asset-copy small { overflow: hidden; color: #77736a; font-size: .65rem; text-overflow: ellipsis; white-space: nowrap; }.status-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .32rem .5rem; color: #53625c; background: #edf1e8; border-radius: 999px; font-size: .59rem; font-weight: 740; white-space: nowrap; }.status-chip i { width: 5px; height: 5px; background: #4f8c62; border-radius: 50%; }.asset-row b { font-weight: 400; }
.source-lineage { display: grid; grid-template-columns: repeat(3,1fr); margin: 0 0 1.4rem; padding: 0; list-style: none; background: rgba(255,253,248,.6); border: 1px solid var(--line); border-radius: var(--radius); }
.source-lineage li { position: relative; display: flex; align-items: center; gap: .9rem; min-height: 88px; padding: 1rem 1.35rem; border-right: 1px solid var(--line); }
.source-lineage li:last-child { border-right: 0; }.source-lineage li:not(:last-child):after { content: "→"; position: absolute; z-index: 1; right: -13px; display: grid; place-items: center; width: 26px; height: 26px; color: #6c746d; background: var(--paper-2); border: 1px solid var(--line); border-radius: 50%; font-size: .7rem; }
.source-lineage li > span { color: #8c867b; font: .78rem Georgia, serif; }.source-lineage div { display: flex; flex-direction: column; }.source-lineage strong { font-size: .8rem; }.source-lineage small { color: #79746b; font-size: .65rem; }
.source-workbench { display: grid; grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: 0 24px 70px rgba(46,42,34,.08); }
.source-originals, .digital-score-panel { min-width: 0; padding: 1.5rem; }.source-originals { background: var(--white); }.digital-score-panel { color: white; background: var(--ink); }
.source-originals > header, .digital-score-panel > header { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: 1.25rem; }.source-originals h3, .digital-score-panel h3 { margin: .18rem 0 0; font: 1.6rem Georgia, serif; }.source-count { padding: .3rem .5rem; color: #6f6b63; background: var(--paper-2); border-radius: 999px; font-size: .58rem; font-weight: 800; white-space: nowrap; }.digital-score-panel .source-count { color: #b7c8c1; background: rgba(255,255,255,.08); }
.scan-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; }.scan-gallery figure { min-width: 0; margin: 0; }.scan-gallery figure > a { position: relative; display: grid; place-items: start center; height: 430px; padding: 1rem; overflow: hidden; background: #b9b2a5; border-radius: var(--radius-sm); }.scan-gallery figure > a:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(7,19,16,.72),transparent 32%); opacity: 0; transition: opacity .2s ease; }.scan-gallery figure > a:hover:after, .scan-gallery figure > a:hover span { opacity: 1; }.scan-gallery img { width: 100%; height: 100%; object-fit: contain; object-position: center top; box-shadow: 0 12px 30px rgba(31,26,18,.22); }.scan-gallery figure > a > span { position: absolute; z-index: 1; left: 1rem; bottom: .8rem; color: white; font-size: .65rem; font-weight: 800; opacity: 0; transition: opacity .2s ease; }.scan-gallery figcaption { display: flex; flex-direction: column; padding: .65rem .15rem .2rem; }.scan-gallery figcaption strong { font-size: .73rem; }.scan-gallery figcaption small { color: #817c73; font-size: .6rem; }
.source-pdf-spotlight { display: flex; align-items: center; gap: 1rem; min-height: 250px; padding: 2rem; background: linear-gradient(135deg,#d7d0c4,#aaa293); border-radius: var(--radius-sm); }.source-pdf-spotlight > span { display: grid; place-items: center; flex: 0 0 76px; height: 98px; color: white; background: #a54343; border-radius: 8px; box-shadow: 0 12px 28px rgba(59,38,30,.2); font-size: .8rem; font-weight: 900; }.source-pdf-spotlight div { display: flex; flex-direction: column; }.source-pdf-spotlight strong { max-width: 320px; font: 1.35rem Georgia,serif; }.source-pdf-spotlight small { margin-top: .5rem; color: #625d55; font-size: .68rem; }
.source-document-list { margin-top: 1rem; border-top: 1px solid var(--line); }.source-document-item { padding-bottom: .7rem; border-bottom: 1px solid var(--line); }.source-document-item:last-child { border-bottom: 0; }.source-document-link { display: grid; grid-template-columns: 46px 1fr auto; gap: .85rem; align-items: center; padding: 1rem 0; }.file-icon.pdf { height: 46px; background: #943d3d; }.source-document-link > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }.source-document-list strong { font-size: .76rem; }.source-document-list small { overflow: hidden; color: #7c776f; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }.source-document-list b { color: #315a4d; font-size: .64rem; white-space: nowrap; }
.digital-score-intro { max-width: 570px; color: #96aaa2; font-size: .78rem; }.musicxml-list { display: flex; flex-direction: column; gap: .85rem; margin-top: 1.25rem; }.musicxml-card { padding: 1.2rem; background: #11271f; border: 1px solid rgba(255,255,255,.11); border-radius: var(--radius); }.musicxml-card-top { display: flex; justify-content: space-between; align-items: center; }.xml-mark { display: grid; place-items: center; width: 46px; height: 46px; color: var(--ink); background: var(--lime); border-radius: 12px; font-size: .62rem; font-weight: 900; }.musicxml-card .status-chip { color: #c4d4ce; background: rgba(255,255,255,.08); }.musicxml-card .status-chip i { background: var(--lime); }.musicxml-card h4 { margin: 1rem 0 .2rem; font: 1.35rem Georgia,serif; }.musicxml-card > p { color: #7f958c; font-size: .66rem; }.musicxml-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.09); }.musicxml-actions .primary-button { min-height: 42px; color: var(--ink); background: var(--lime); }.musicxml-actions > a:not(.primary-button) { color: #b8c8c2; font-size: .68rem; font-weight: 750; }.xml-empty { margin-top: 1rem; padding: 1.2rem; color: #a4b5af; background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.18); border-radius: var(--radius-sm); }.xml-empty p { margin: .35rem 0 0; font-size: .72rem; }.recording-bridge { display: grid; grid-template-columns: 42px 1fr auto; gap: .8rem; align-items: center; margin-top: 1.2rem; padding: 1rem; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: var(--radius-sm); }.recording-bridge > span { display: grid; place-items: center; width: 42px; height: 42px; padding-left: 2px; color: var(--ink); background: white; border-radius: 50%; font-size: .6rem; }.recording-bridge > div { display: flex; flex-direction: column; }.recording-bridge strong { font-size: .75rem; }.recording-bridge small { color: #81978e; font-size: .6rem; }.recording-bridge b { color: var(--lime); }

.notation-hero { position: relative; padding: 5.5rem 0 4rem; overflow: hidden; color: white; background: radial-gradient(circle at 82% 25%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 34%),var(--ink); }.notation-hero:after { content: "𝄞"; position: absolute; right: 5vw; bottom: -5rem; color: rgba(255,255,255,.04); font: 17rem Georgia,serif; }.notation-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr minmax(300px,.48fr); gap: 5rem; align-items: end; }.notation-back { display: block; width: fit-content; margin-bottom: 2.5rem; color: #a7b9b2; font-size: .72rem; font-weight: 700; }.notation-hero .eyebrow { display: block; margin-bottom: .55rem; }.notation-hero h1 { margin: 0; font-size: clamp(3.5rem,7vw,6.5rem); }.notation-hero p { margin: .9rem 0 0; color: #b6c6c0; }.notation-facts { margin: 0; background: rgba(7,19,16,.42); border: 1px solid rgba(255,255,255,.14); border-radius: var(--radius); backdrop-filter: blur(14px); }.notation-facts div { display: grid; grid-template-columns: 72px 1fr; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid rgba(255,255,255,.1); }.notation-facts div:last-child { border-bottom: 0; }.notation-facts dt { color: #71877e; font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.notation-facts dd { margin: 0; color: #e2e9e5; font-size: .7rem; }
.notation-workspace { padding: 2rem 0 7rem; background: #d8d2c7; }.notation-toolbar { display: flex; justify-content: space-between; gap: 2rem; align-items: center; padding: 1rem 1.2rem; color: white; background: var(--ink); border-radius: var(--radius) var(--radius) 0 0; }.notation-toolbar > div:first-child { display: flex; flex-direction: column; }.notation-toolbar strong { font-size: .78rem; }.notation-toolbar span { color: #83978f; font-size: .61rem; }.notation-actions { display: flex; align-items: center; gap: .7rem; }.notation-actions > a { padding: .58rem .75rem; color: #d2ded9; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; font-size: .65rem; font-weight: 750; }.notation-actions .download-action { color: var(--ink); background: var(--lime); border-color: var(--lime); }.zoom-control { display: flex; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; }.zoom-control button { width: 34px; height: 34px; padding: 0; color: white; background: transparent; border: 0; }.zoom-control span { display: grid; place-items: center; min-width: 48px; border-inline: 1px solid rgba(255,255,255,.12); }
.notation-paper { position: relative; min-height: 650px; padding: 2.5rem; overflow: auto; background: white; border: 1px solid #c8c0b4; border-top: 0; box-shadow: 0 25px 70px rgba(46,42,34,.13); }.notation-loading { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #706b62; background: white; }.notation-loading[hidden] { display: none; }.notation-loading small { margin-top: .3rem; }.notation-spinner { width: 34px; height: 34px; margin-bottom: 1rem; border: 3px solid #ddd6ca; border-top-color: var(--forest); border-radius: 50%; animation: notation-spin .8s linear infinite; }.notation-loading.is-error .notation-spinner { display: none; }.notation-loading.is-error strong { color: #8b3e3e; }#osmd-viewer { min-width: 720px; }.notation-provenance { display: grid; grid-template-columns: 36px 1fr auto; gap: 1rem; align-items: start; margin-top: 1rem; padding: 1.2rem 1.35rem; background: #eee9df; border: 1px solid #c8c0b4; border-radius: var(--radius-sm); }.notation-provenance > span { color: #8d877c; font: .76rem Georgia,serif; }.notation-provenance div { display: flex; flex-direction: column; }.notation-provenance strong { font-size: .76rem; }.notation-provenance p { max-width: 760px; margin: .3rem 0 0; color: #6d6860; font-size: .68rem; }.notation-provenance > a { color: #315a4d; font-size: .68rem; font-weight: 800; white-space: nowrap; }
@keyframes notation-spin { to { transform: rotate(360deg); } }

.listen-section { background: #071310; }.arrangement-list { overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius); }.arrangement-head, .arrangement-row { display: grid; grid-template-columns: 38px minmax(330px,1fr) 140px 70px 260px; gap: 1rem; align-items: center; }.arrangement-head { padding: .8rem 1.2rem; color: #71877e; background: rgba(255,255,255,.035); border-bottom: 1px solid var(--line-dark); font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.arrangement-row { padding: 1.15rem 1.2rem; border-bottom: 1px solid var(--line-dark); transition: background .2s ease; }.arrangement-row:last-child { border-bottom: 0; }.arrangement-row:hover { background: rgba(255,255,255,.035); }.arrange-number { color: #64776f; font-family: Georgia, serif; font-size: .78rem; }.arrange-main { min-width: 0; display: flex; align-items: center; gap: .9rem; }.arrange-main > div { min-width: 0; }.arrange-main h3, .arrange-main p { margin: 0; }.arrange-main h3 { font-size: .9rem; }.arrange-main p { overflow: hidden; margin-top: .2rem; color: #8ca097; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }.track-status { display: block; margin-top: .28rem; color: #60736b; font-size: .57rem; }.track-assets { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .55rem; }.track-assets a { padding: .25rem .45rem; color: #cbd9d3; background: rgba(255,255,255,.055); border: 1px solid #2b4139; border-radius: 6px; font-size: .56rem; font-weight: 750; }.track-assets a:first-child { color: var(--ink); background: var(--lime); border-color: var(--lime); }.track-assets a:hover { color: white; border-color: #637a70; }.track-assets a:first-child:hover { color: var(--ink); background: white; border-color: white; }.arrange-rating { display: flex; flex-direction: column; }.arrange-rating strong { color: var(--lime); font-family: Georgia, serif; font-size: 1.15rem; }.arrange-rating span { color: #74877f; font-size: .58rem; }.arrangement-row > time { color: #8ca097; font-size: .68rem; }.rate-form { display: flex; }.rate-form select, .rate-form button { min-height: 38px; padding: .5rem; color: #c7d3ce; background: #10211b; border: 1px solid #2b4139; font-size: .64rem; }.rate-form select { min-width: 170px; border-radius: 8px 0 0 8px; }.rate-form button { color: var(--ink); background: var(--lime); border-color: var(--lime); border-radius: 0 8px 8px 0; font-weight: 800; }
.track-assets .track-signin { color: var(--lime); border-color: rgba(200,255,92,.35); }.track-assets .track-premium,.notation-actions .premium-download { color: #ffe0a8; background: rgba(216,148,69,.12); border-color: rgba(216,148,69,.48); }

.video-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem; }.video-grid article { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.video-grid iframe { width: 100%; aspect-ratio: 16/9; border: 0; }.video-grid h3, .video-grid p { margin-inline: 1.2rem; }.video-grid h3 { margin-top: 1rem; }.video-grid p { color: var(--paper-muted); font-size: .75rem; }
.empty-state { display: flex; flex-direction: column; align-items: center; padding: 4rem 2rem; text-align: center; color: #77736a; background: rgba(255,255,255,.35); border: 1px dashed #aaa294; border-radius: var(--radius); }.empty-state.dark { color: #8fa29a; background: rgba(255,255,255,.025); border-color: #2d423a; }.empty-state strong { color: var(--ink); font-family: Georgia, serif; font-size: 1.35rem; }.empty-state.dark strong { color: white; }.empty-state p { max-width: 560px; margin: .5rem 0 1rem; }.empty-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 1rem; color: var(--ink); background: var(--lime); border-radius: 50%; }
.comments-section { background: #0a1814; }.comments-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6rem; }.comments-layout > div:first-child > p { color: var(--muted); }.comment-form { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }.comment-form label { color: #a3b4ad; }.comment-form input, .comment-form textarea { color: white; background: #10211b; border-color: #2d423a; }.comment-form textarea::placeholder { color: #64776f; }.comment-form .primary-button { align-self: start; }.comment-list { border-top: 1px solid var(--line-dark); }.comment { padding: 1.35rem 0; border-bottom: 1px solid var(--line-dark); }.comment > div { display: flex; justify-content: space-between; gap: 1rem; }.comment time { color: #71847c; font-size: .64rem; }.comment p { margin: .6rem 0 0; color: #adbbb6; white-space: pre-wrap; }
.asset-comments { margin-top: 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; }.asset-comments.dark { border-color: #294038; background: rgba(255,255,255,.025); }.asset-comments.light { background: rgba(255,255,255,.55); }.asset-comments.expanded { margin-top: 3rem; }.asset-comments summary { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: .85rem 1rem; cursor: pointer; list-style: none; font-size: .69rem; font-weight: 800; }.asset-comments summary::-webkit-details-marker { display: none; }.asset-comments summary > span { display: flex; gap: .55rem; align-items: center; }.asset-comments summary i { color: #60776e; font-style: normal; }.asset-comments summary b { color: #777168; font-size: .58rem; font-weight: 750; }.asset-comments.dark summary { color: #dfe8e4; }.asset-comments.dark summary b { color: #789087; }.asset-comments[open] summary { border-bottom: 1px solid var(--line); }.asset-comments.dark[open] summary { border-color: #294038; }.asset-comments-body { padding: 1rem; }.asset-comments.expanded .asset-comments-body { display: grid; grid-template-columns: minmax(220px,.6fr) minmax(280px,1fr); gap: .8rem 2.5rem; }.asset-comment-prompt { margin: 0 0 1rem; color: #6f6a62; font-size: .7rem; }.asset-comments.dark .asset-comment-prompt { color: #81968d; }.asset-comment-list { border-top: 1px solid var(--line); }.asset-comments.dark .asset-comment-list { border-color: #294038; }.asset-comments.expanded .asset-comment-prompt,.asset-comments.expanded .asset-comment-list { grid-column: 1; }.asset-comment { padding: .9rem 0; border-bottom: 1px solid var(--line); }.asset-comments.dark .asset-comment { border-color: #294038; }.asset-comment header { display: flex; justify-content: space-between; gap: 1rem; }.asset-comment strong { color: var(--ink); font-size: .68rem; }.asset-comments.dark .asset-comment strong { color: #ecf2ef; }.asset-comment time { color: #888177; font-size: .56rem; }.asset-comment p { margin: .45rem 0 0; color: #5e5a53; font-size: .7rem; white-space: pre-wrap; }.asset-comments.dark .asset-comment p { color: #a7b7b1; }.asset-comment-empty { padding: 1rem 0; color: #827c73; font-size: .66rem; }.asset-comments.dark .asset-comment-empty { color: #72877e; }.asset-comment-form { display: flex; flex-direction: column; gap: .75rem; margin-top: 1rem; }.asset-comments.expanded .asset-comment-form { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }.asset-comment-form label { display: flex; flex-direction: column; gap: .35rem; color: #625e57; font-size: .61rem; font-weight: 750; }.asset-comments.dark .asset-comment-form label { color: #9cafa7; }.asset-comment-form input,.asset-comment-form textarea { width: 100%; padding: .66rem .72rem; color: var(--ink); background: white; border: 1px solid #cbc4b8; border-radius: 8px; outline: 0; font-size: .7rem; }.asset-comments.dark .asset-comment-form input,.asset-comments.dark .asset-comment-form textarea { color: white; background: #10211b; border-color: #30483f; }.asset-comment-form input:focus,.asset-comment-form textarea:focus { border-color: #668f80; box-shadow: 0 0 0 3px rgba(37,125,103,.12); }.asset-comment-submit { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }.asset-comment-submit small,.comment-identity { color: #817b72; font-size: .58rem; }.asset-comments.dark .asset-comment-submit small,.asset-comments.dark .comment-identity { color: #7f948b; }.asset-comment-submit button { min-height: 36px; padding: .55rem .8rem; color: white; background: var(--forest); border: 0; border-radius: 8px; font-size: .62rem; font-weight: 800; }.asset-comments.dark .asset-comment-submit button { color: var(--ink); background: var(--lime); }.arrangement-discussions { display: grid; grid-template-columns: repeat(2,minmax(190px,1fr)); gap: .55rem; margin-top: .7rem; }.arrangement-discussions .asset-comments { margin-top: 0; }.arrangement-discussions .asset-comments:only-child { grid-column: 1/-1; }

.identity-shell { position: relative; min-height: calc(100vh - 74px); overflow: hidden; color: white; background: radial-gradient(circle at 15% 8%,rgba(200,255,92,.13),transparent 25%),radial-gradient(circle at 86% 72%,rgba(37,125,103,.2),transparent 30%),var(--ink); }
.identity-shell:before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(120deg,black,transparent 78%); }
.identity-notation { position: absolute; right: -5vw; bottom: 8%; width: min(620px,65vw); height: 180px; opacity: .055; transform: rotate(-7deg); }
.identity-notation i { display: block; height: 1px; margin-top: 25px; background: white; }.identity-notation span { position: absolute; top: -92px; left: 28%; font: 15rem Georgia,serif; }
.identity-frame { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(300px,.82fr) minmax(520px,1.18fr); gap: clamp(3rem,7vw,8rem); align-items: center; min-height: calc(100vh - 74px); padding-block: 5.5rem 6.5rem; }
.identity-context { max-width: 590px; }.identity-return { display: inline-block; margin-bottom: 4.5rem; color: #98aaa3; font-size: .7rem; font-weight: 720; }.identity-return:hover { color: white; }
.identity-kicker { display: inline-flex; align-items: center; gap: .6rem; color: #9fb1aa; font-size: .64rem; font-weight: 850; letter-spacing: .18em; }.identity-kicker i,.identity-secure i { width: 6px; height: 6px; background: var(--lime); border-radius: 50%; box-shadow: 0 0 0 5px rgba(200,255,92,.1); }
.identity-context h2 { max-width: 590px; margin: 1.15rem 0 1.4rem; color: white; font-size: clamp(3.3rem,5.3vw,5.9rem); line-height: .94; }.identity-context > p { max-width: 520px; color: #9eb0a9; font-size: .9rem; }
.identity-context-rule { width: 100%; max-width: 520px; height: 1px; margin: 2.1rem 0; background: linear-gradient(90deg,rgba(255,255,255,.17),transparent); }
.identity-trust-list { max-width: 520px; margin: 0; }.identity-trust-list > div { display: grid; grid-template-columns: 34px 1fr; gap: .75rem; padding: .65rem 0; }.identity-trust-list dt { color: #60756c; font: .69rem Georgia,serif; }.identity-trust-list dd { display: flex; flex-direction: column; margin: 0; }.identity-trust-list strong { color: #d9e3df; font-size: .72rem; }.identity-trust-list span { color: #70847c; font-size: .61rem; }
.identity-panel { width: 100%; max-width: 700px; justify-self: end; overflow: hidden; color: var(--ink); background: rgba(255,253,248,.98); border: 1px solid rgba(255,255,255,.28); border-radius: var(--radius-lg); box-shadow: 0 35px 100px rgba(0,0,0,.36); }
.identity-panel-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.05rem 1.25rem; background: #e9e4da; border-bottom: 1px solid var(--line); }.identity-panel-header > div { display: flex; align-items: center; gap: .7rem; }.identity-panel-header > div > span:last-child { display: flex; flex-direction: column; }.identity-panel-header strong { font: .88rem Georgia,serif; }.identity-panel-header small { color: #78736b; font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; }.identity-panel-mark { display: grid; place-items: center; width: 36px; height: 36px; color: var(--ink); background: var(--lime); border-radius: 50%; font-size: .57rem; font-weight: 900; }.identity-secure { display: flex; align-items: center; gap: .5rem; color: #5d6963; font-size: .59rem; font-weight: 780; }.identity-secure i { width: 5px; height: 5px; background: #4f8c62; box-shadow: 0 0 0 4px rgba(79,140,98,.1); }
.identity-panel-body { padding: clamp(2rem,4vw,3.7rem); }.identity-panel-body > h1,.identity-panel-body > div > h1 { margin: 0 0 .55rem; font-size: clamp(2.6rem,4.4vw,4rem); line-height: .98; }.identity-panel-body h2 { margin-bottom: 1rem; color: #515b55; font: 1rem/1.45 Inter,sans-serif; letter-spacing: 0; }.identity-panel-body h3 { font: 1.5rem Georgia,serif; }
.identity-panel-body hr { margin: 1.2rem 0 1.6rem; border-color: var(--line); opacity: 1; }.identity-panel-body .row { margin-inline: 0; }.identity-shell:not(.identity-shell-manage) .identity-panel-body > .row { display: block; }.identity-shell:not(.identity-shell-manage) .identity-panel-body > .row > [class*="col-"] { width: 100%; padding-inline: 0; }.identity-route-login .identity-panel-body > .row > div:nth-child(2):not(:has(button)),.identity-route-register .identity-panel-body > .row > div:nth-child(n+2) { display: none; }.identity-route-login .identity-panel-body > .row > div:nth-child(2):has(button) { display: block; margin-top: 1.5rem; padding-top: 1.4rem; border-top: 1px solid var(--line); }.identity-route-login .identity-panel-body > .row > div:nth-child(2) h3 { margin-bottom: .75rem; color: #55605a; font: .72rem Inter,sans-serif; }.identity-route-login .identity-panel-body > .row > div:nth-child(2) hr { display: none; }.identity-route-login #external-account button[name="provider"] { display: flex; align-items: center; justify-content: center; gap: .65rem; width: 100%; color: #37403c; background: white; border: 1px solid #c9c4bb; }.identity-route-login #external-account button[name="provider"]:hover { color: var(--ink); background: #f5f2eb; border-color: #9e978c; }.identity-route-login #external-account button[value="Google"]:before { content: "G"; display: grid; place-items: center; width: 25px; height: 25px; color: #4285f4; background: white; border: 1px solid #d6d3cc; border-radius: 50%; font-weight: 900; }
.identity-panel-body form { max-width: none; }.identity-panel-body .form-floating,.identity-panel-body .form-group { margin-bottom: 1rem; }.identity-panel-body .form-control,.identity-panel-body .form-select { min-height: 56px; color: var(--ink); background-color: #f5f2eb; border: 1px solid #cfc8bc; border-radius: 11px; box-shadow: none; }.identity-panel-body textarea.form-control { min-height: 130px; }.identity-panel-body .form-control:focus,.identity-panel-body .form-select:focus { background: white; border-color: #668c47; box-shadow: 0 0 0 4px rgba(148,196,47,.14); }.identity-panel-body .form-floating > label { color: #716d65; }.identity-panel-body .form-check-input { border-color: #aaa296; }.identity-panel-body .form-check-input:checked { background-color: var(--forest); border-color: var(--forest); }.identity-panel-body .checkbox label { display: flex; align-items: center; gap: .5rem; color: #5f655f; font-size: .72rem; }
.identity-panel-body .btn { min-height: 48px; padding: .7rem 1rem; border-radius: 999px; font-size: .76rem; font-weight: 800; }.identity-panel-body .btn-primary { color: var(--ink); background: var(--lime); border-color: var(--lime); }.identity-panel-body .btn-primary:hover,.identity-panel-body .btn-primary:focus { color: var(--ink); background: #d7ff87; border-color: #d7ff87; }.identity-panel-body .btn-secondary { color: white; background: var(--ink-3); border-color: var(--ink-3); }.identity-panel-body .btn-danger { background: #934848; border-color: #934848; }.identity-panel-body a { color: #315f50; font-size: .72rem; font-weight: 760; text-decoration: underline; text-decoration-color: rgba(49,95,80,.28); text-underline-offset: 3px; }.identity-panel-body p { color: #62645f; font-size: .78rem; }.identity-panel-body form + div,.identity-panel-body form > div:last-child { margin-top: 1.2rem; }.identity-panel-body form > div:last-child p { margin-bottom: .45rem; }
.identity-panel-body .text-danger,.identity-panel-body .validation-summary-errors { color: #9a3e3e !important; font-size: .65rem; }.identity-panel-body .validation-summary-errors ul { margin-bottom: 1rem; padding: .75rem 1rem .75rem 2rem; background: #f5dfdc; border-radius: 10px; }.identity-panel-body .alert { border: 0; border-left: 3px solid #668c47; border-radius: 8px; font-size: .72rem; }
.identity-route-login #account p:has(a[href*="/Account/Register"]),.identity-route-login #account p:has(#resend-confirmation) { display: none; }.identity-admin-note { display: grid; grid-template-columns: 34px 1fr; gap: .8rem; align-items: center; margin-top: 1.5rem; padding: .9rem 1rem; color: #53615b; background: #e9eee4; border-left: 3px solid #668c47; border-radius: 0 10px 10px 0; }.identity-admin-note > span { display: grid; place-items: center; width: 32px; height: 32px; color: white; background: var(--forest); border-radius: 50%; font-size: .58rem; font-weight: 900; }.identity-admin-note div { display: flex; flex-direction: column; }.identity-admin-note strong { font-size: .68rem; }.identity-admin-note p { margin: .12rem 0 0; color: #728078; font-size: .61rem; }
.identity-shell-manage .identity-frame { grid-template-columns: minmax(270px,.55fr) minmax(650px,1.45fr); }.identity-shell-manage .identity-context h2 { font-size: clamp(3rem,4.2vw,4.8rem); }.identity-shell-manage .identity-panel { max-width: 880px; }.identity-shell-manage .identity-panel-body > div > h2 { margin-bottom: 1.2rem; }.identity-shell-manage .identity-panel-body > div > .row { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 2rem; }.identity-shell-manage .identity-panel-body .col-md-3,.identity-shell-manage .identity-panel-body .col-md-9,.identity-shell-manage .identity-panel-body .col-md-6 { width: 100%; padding: 0; }.identity-shell-manage .nav-pills { gap: .35rem; }.identity-shell-manage .nav-pills .nav-link { margin: 0; padding: .65rem .75rem !important; color: #667069 !important; background: #efebe3; border: 1px solid transparent; border-radius: 9px; font-size: .66rem; }.identity-shell-manage .nav-pills .nav-link:hover { color: var(--ink) !important; border-color: #cfc8bc; }.identity-shell-manage .nav-pills .nav-link.active { color: var(--ink) !important; background: var(--lime); border-color: var(--lime); }.identity-shell-manage .input-group .btn { border-radius: 0 999px 999px 0; }

.api-hero { overflow: hidden; padding: 8rem 0 7rem; color: white; background: radial-gradient(circle at 78% 24%, rgba(200,255,92,.15), transparent 27%), radial-gradient(circle at 12% 90%, rgba(37,125,103,.3), transparent 30%), var(--ink); }.api-hero-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); gap: clamp(3rem,8vw,8rem); align-items: end; }.api-hero h1 { max-width: 860px; margin: .4rem 0 1.4rem; font-size: clamp(4.2rem,8vw,7.7rem); }.api-hero-grid > div > p { max-width: 760px; color: #a9bbb4; font-size: 1.08rem; }.api-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2.2rem; }.api-manifest-card { padding: 2rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.13); border-radius: var(--radius); backdrop-filter: blur(12px); }.api-manifest-card > span,.form-heading > span { color: var(--lime); font-size: .58rem; font-weight: 850; letter-spacing: .12em; }.api-manifest-card strong { display: block; margin: .7rem 0 1rem; font: 1.6rem/1.14 Georgia,serif; }.api-manifest-card p { margin: 0; color: #9fb1aa; font-size: .78rem; }.report-receipt { padding: 1.4rem 0; color: var(--ink); background: var(--lime); }.report-receipt .container-xxl { display: grid; grid-template-columns: auto auto 1fr; gap: 1rem; align-items: center; }.report-receipt span { font-size: .58rem; font-weight: 850; letter-spacing: .1em; }.report-receipt strong { padding: .35rem .55rem; color: white; background: var(--ink); border-radius: 6px; font: .72rem monospace; }.report-receipt p { margin: 0 0 0 auto; font-size: .76rem; }.report-receipt a { text-decoration: underline; }.api-subnav { position: sticky; z-index: 60; top: 73px; overflow-x: auto; background: rgba(255,253,248,.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }.api-subnav .container-xxl { display: flex; gap: 2rem; }.api-subnav a { padding: 1rem 0; color: #575b57; border-bottom: 2px solid transparent; font-size: .72rem; font-weight: 760; white-space: nowrap; }.api-subnav a:hover { color: var(--ink); border-color: var(--ink); }
.api-doc-grid,.api-contract-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(430px,.85fr); gap: clamp(3rem,7vw,7rem); align-items: center; }.api-lede { max-width: 720px; color: var(--paper-muted); font: 1.08rem/1.7 Georgia,serif; }.api-fact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; margin-top: 2rem; border: 1px solid var(--line); border-radius: var(--radius); }.api-fact-grid div { min-width: 0; padding: 1rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.api-fact-grid div:nth-child(2n) { border-right: 0; }.api-fact-grid div:nth-last-child(-n+2) { border-bottom: 0; }.api-fact-grid span { display: block; margin-bottom: .35rem; color: #7c786f; font-size: .56rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.api-fact-grid code { display: block; overflow: hidden; color: #285a49; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }.code-window { overflow: hidden; color: #d9e4df; background: #071310; border: 1px solid #263b33; border-radius: var(--radius); box-shadow: 0 28px 70px rgba(10,25,20,.2); }.code-window > div { display: flex; align-items: center; gap: .35rem; padding: .75rem 1rem; background: #10221c; border-bottom: 1px solid #263b33; }.code-window > div > span { width: 8px; height: 8px; background: #4d665c; border-radius: 50%; }.code-window > div > span:first-child { background: #cf6258; }.code-window > div > span:nth-child(2) { background: #d6a657; }.code-window > div > span:nth-child(3) { background: var(--lime); }.code-window b { margin-left: .5rem; color: #8ea198; font-size: .6rem; }.code-window pre { min-height: 260px; margin: 0; padding: 1.5rem; overflow: auto; }.code-window code { color: inherit; font: .73rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; }.light-code { color: #d9e4df; }.api-resources-section { color: white; background: #071310; }.endpoint-list { border-top: 1px solid var(--line-dark); }.endpoint-list article { display: grid; grid-template-columns: 60px minmax(250px,.72fr) minmax(300px,1fr) auto; gap: 1.3rem; align-items: center; padding: 1.3rem 0; border-bottom: 1px solid var(--line-dark); }.endpoint-list article > span { width: fit-content; padding: .28rem .45rem; color: var(--ink); background: var(--lime); border-radius: 5px; font-size: .56rem; font-weight: 900; }.endpoint-list code { color: white; font-size: .75rem; }.endpoint-list p { margin: 0; color: #83978f; font-size: .75rem; }.endpoint-list a { color: var(--lime); font-size: .66rem; font-weight: 800; }.api-rule-list { display: flex; flex-direction: column; gap: .2rem; margin: 2rem 0 0; padding: 0; list-style: none; }.api-rule-list li { display: grid; grid-template-columns: 180px 1fr; gap: 1.2rem; padding: .9rem 0; border-top: 1px solid var(--line); }.api-rule-list strong { font-size: .75rem; }.api-rule-list span { color: var(--paper-muted); font-size: .76rem; }
.correction-section { color: white; background: #0a1814; }.correction-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(500px,1.15fr); gap: clamp(3rem,7vw,7rem); align-items: start; }.correction-grid > div > p { color: #91a59d; }.review-steps { margin: 2rem 0; padding: 0; list-style: none; border-top: 1px solid var(--line-dark); }.review-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line-dark); }.review-steps b { color: var(--lime); font: .75rem Georgia,serif; }.review-steps div { display: flex; flex-direction: column; gap: .15rem; }.review-steps strong { font-size: .78rem; }.review-steps span { color: #81958d; font-size: .7rem; }.api-json-example { color: #b9c9c3; background: rgba(255,255,255,.035); border: 1px solid var(--line-dark); border-radius: var(--radius-sm); }.api-json-example summary { cursor: pointer; padding: 1rem; font-size: .72rem; font-weight: 800; }.api-json-example pre { max-height: 390px; margin: 0; padding: 1rem; overflow: auto; border-top: 1px solid var(--line-dark); white-space: pre-wrap; }.api-json-example code { color: #cfe0da; font-size: .64rem; }.correction-form { display: flex; flex-direction: column; gap: 1rem; padding: clamp(1.4rem,3vw,2.4rem); color: var(--ink); background: var(--white); border-radius: var(--radius); box-shadow: 0 30px 90px rgba(0,0,0,.25); }.form-heading h3 { margin: .4rem 0; font-size: 2rem; }.form-heading p { margin: 0 0 .7rem; color: var(--paper-muted); font-size: .7rem; }.correction-form label { display: flex; flex-direction: column; gap: .35rem; color: #5f655f; font-size: .64rem; font-weight: 760; }.correction-form input,.correction-form select,.correction-form textarea { width: 100%; min-height: 48px; padding: .7rem .8rem; color: var(--ink); background: #f5f2eb; border: 1px solid #cfc8bc; border-radius: 9px; font: .75rem Inter,sans-serif; }.correction-form textarea { min-height: 82px; resize: vertical; }.correction-form input:focus,.correction-form select:focus,.correction-form textarea:focus { outline: 0; background: white; border-color: #668c47; box-shadow: 0 0 0 4px rgba(148,196,47,.14); }.form-two { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }.validation-summary:empty,.validation-summary-valid { display: none; }.validation-summary { padding: .8rem 1rem; color: #8b3737; background: #f4d8d8; border-radius: 8px; font-size: .7rem; }.validation-summary ul { margin: 0; }.principle-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); border-radius: var(--radius); }.principle-grid article { min-height: 260px; padding: 1.6rem; border-right: 1px solid var(--line); }.principle-grid article:last-child { border-right: 0; }.principle-grid span { color: #8e897f; font: .8rem Georgia,serif; }.principle-grid h3 { margin-top: 4rem; }.principle-grid p { color: var(--paper-muted); font-size: .76rem; }
.api-review-section { background: var(--paper-2); }.correction-review-list { display: flex; flex-direction: column; gap: 1rem; }.correction-review-card { padding: 1.35rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.correction-review-card h3 { margin: .8rem 0; }.correction-review-card h3 code { color: #315a4d; font-size: .72rem; }.correction-values { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-sm); }.correction-values div { padding: 1rem; }.correction-values div:first-child { background: #f3efe7; border-right: 1px solid var(--line); }.correction-values span { color: #777269; font-size: .54rem; font-weight: 850; letter-spacing: .1em; }.correction-values p { margin: .35rem 0 0; color: #484943; white-space: pre-wrap; font-size: .74rem; }.correction-rationale { padding: .8rem 0; color: var(--paper-muted); font-size: .76rem; }.correction-meta { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; color: #7a817c; font-size: .63rem; }.correction-meta a { color: #315a4d; font-weight: 800; }.resolution-note { margin-top: .9rem; padding: .8rem 1rem; color: #405448; background: #e4eadb; border-left: 3px solid #668c47; }.resolution-note p { margin: .25rem 0 0; font-size: .7rem; }.correction-review-actions { display: flex; gap: .7rem; align-items: end; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }.correction-review-actions form:first-child { flex: 1; display: grid; grid-template-columns: 190px 1fr auto; gap: .6rem; }.correction-review-actions select,.correction-review-actions input { min-height: 44px; padding: .55rem .7rem; border: 1px solid var(--line); border-radius: 8px; font-size: .68rem; }.correction-review-actions .outline-button,.correction-review-actions .primary-button { min-height: 44px; font-size: .68rem; }.status-needsinformation { color: #7e581e; background: #f4e2b9; }.status-accepted { color: #315a4d; background: #dcebd8; }.status-applied { color: #284f35; background: #cce5d0; }.status-declined { color: #7f3535; background: #f4d8d8; }

.editorial-hero { padding: 8rem 0; color: white; background: radial-gradient(circle at 80% 25%, rgba(200,255,92,.14), transparent 30%), var(--ink); }.editorial-hero h1 { max-width: 980px; }.editorial-hero p { max-width: 740px; color: #a7b9b2; font-size: 1.1rem; }.prose-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.3rem; }.prose-grid article { min-height: 330px; padding: 2rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.prose-grid article > span { color: #8a867d; font-family: Georgia, serif; }.prose-grid h2 { margin-top: 4rem; font-size: 2rem; }.prose-grid p { color: var(--paper-muted); }

.studio-hero { padding: 7rem 0 5rem; color: white; background: radial-gradient(circle at 85% 30%, rgba(37,125,103,.3), transparent 30%), var(--ink); }.studio-hero-inner { display: flex; justify-content: space-between; align-items: end; gap: 3rem; }.studio-hero h1 { font-size: clamp(4rem,8vw,7rem); }.studio-hero p { max-width: 700px; color: #a9bbb4; }.runtime-status { display: grid; grid-template-columns: 10px 1fr; gap: .15rem .7rem; min-width: 220px; padding: 1rem; background: rgba(255,255,255,.05); border: 1px solid var(--line-dark); border-radius: var(--radius-sm); }.runtime-status i { grid-row: 1/3; align-self: center; width: 9px; height: 9px; background: #cf6258; border-radius: 50%; }.runtime-status.online i { background: var(--lime); box-shadow: 0 0 0 5px rgba(200,255,92,.1); }.runtime-status span { color: #82958d; font-size: .62rem; }.runtime-status strong { font-size: .78rem; }.studio-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; }.studio-grid > div > p { color: var(--paper-muted); }.studio-form { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; padding: 1.35rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.studio-form button:disabled { cursor: not-allowed; opacity: .45; }.safety-note { margin-top: 1rem; padding: 1rem; color: #4d584f; background: #e6ebdf; border-left: 3px solid #658b67; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }.safety-note p { margin: .35rem 0 0; font-size: .78rem; }.compact-heading { margin-bottom: 1rem; }.compact-heading h2 { font-size: 2.4rem; }.job-list { display: flex; flex-direction: column; gap: .8rem; }.job-card { padding: 1.2rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-sm); }.job-card.dark { color: white; background: var(--surface); border-color: var(--line-dark); }.job-top { display: flex; justify-content: space-between; gap: 1rem; }.job-type, .job-status { font-size: .6rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.job-status { padding: .22rem .45rem; border-radius: 999px; }.status-running { color: #7e581e; background: #f4e2b9; }.status-completed { color: #356441; background: #dcebd8; }.status-failed { color: #7f3535; background: #f4d8d8; }.status-queued { color: #4b5e87; background: #dce2f0; }.job-card h3 { margin: .7rem 0 .25rem; }.job-card p { color: var(--paper-muted); font-size: .82rem; }.job-card.dark p { color: #9bada6; }.job-card small { color: #7a817c; }.job-card details { margin-top: 1rem; padding-top: .8rem; border-top: 1px solid var(--line); }.job-card summary { cursor: pointer; font-weight: 700; }.job-card pre { max-height: 420px; overflow: auto; margin: .8rem 0 0; padding: 1rem; color: #dfe9e4; background: var(--ink); border-radius: 8px; white-space: pre-wrap; font-size: .72rem; }.moderation-section { background: #091713; }.rating-actions { display: flex; gap: .6rem; margin-top: 1rem; }

.site-footer { padding-top: 5rem; color: #92a69e; background: #050d0b; border-top: 1px solid var(--line-dark); }.footer-grid { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 4rem; }.footer-grid > div { display: flex; flex-direction: column; align-items: start; gap: .5rem; }.footer-grid strong { margin-bottom: .35rem; color: white; font-size: .75rem; }.footer-grid a, .footer-grid span { font-size: .76rem; }.footer-grid a:hover { color: white; }.footer-intro p { max-width: 380px; margin: 1rem 0 0; }.footer-bottom { display: flex; justify-content: space-between; gap: 2rem; margin-top: 4rem; padding: 1.25rem 0; color: #52645d; border-top: 1px solid var(--line-dark); font-size: .68rem; }
.flash-wrap { position: fixed; z-index: 120; top: 88px; left: 0; right: 0; pointer-events: none; }.flash-message { display: flex; align-items: center; gap: .65rem; width: fit-content; margin-left: auto; padding: .8rem 1rem; color: var(--ink); background: var(--lime); border-radius: 999px; box-shadow: 0 15px 45px rgba(0,0,0,.2); font-size: .78rem; font-weight: 720; }.flash-message span { display: grid; place-items: center; width: 20px; height: 20px; color: var(--lime); background: var(--ink); border-radius: 50%; }

.global-player { position: fixed; z-index: 200; left: 1rem; right: 1rem; bottom: 1rem; display: grid; grid-template-columns: 56px minmax(180px,280px) 46px 1fr 140px 32px; gap: 1rem; align-items: center; min-height: 76px; padding: .65rem .8rem; color: white; background: rgba(8,22,18,.96); border: 1px solid rgba(200,255,92,.24); border-radius: 18px; box-shadow: 0 20px 70px rgba(0,0,0,.42); backdrop-filter: blur(20px); }
.global-player[hidden] { display: none; }.player-accent { display: grid; place-items: center; width: 56px; height: 56px; color: white; background: var(--accent, var(--forest)); border-radius: 12px; font-family: Georgia, serif; font-weight: 800; }.player-track-copy { min-width: 0; display: flex; flex-direction: column; }.player-track-copy strong, .player-track-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.player-track-copy strong { font-size: .82rem; }.player-track-copy span { color: #81958d; font-size: .65rem; }.player-toggle { display: grid; place-items: center; width: 44px; height: 44px; padding-left: 3px; color: var(--ink); background: var(--lime); border: 0; border-radius: 50%; }.player-timeline { display: grid; grid-template-columns: 38px 1fr 38px; gap: .65rem; align-items: center; color: #81958d; font-size: .62rem; }.global-player input[type="range"] { width: 100%; height: 4px; accent-color: var(--lime); }.player-volume { display: flex; align-items: center; gap: .5rem; color: #81958d; }.player-close { color: #8ca097; background: transparent; border: 0; font-size: 1.5rem; }

@media (max-width: 1100px) {
  .hero-grid, .work-hero-grid { grid-template-columns: 1fr 420px; gap: 2.5rem; }
  .showcase-card { width: 355px; }.showcase-vinyl { width: 320px; }.catalog-grid, .work-grid { grid-template-columns: repeat(2,1fr); }
  .arrangement-head, .arrangement-row { grid-template-columns: 32px 1fr 110px 60px; }.arrangement-head span:last-child { display: none; }.rate-form { grid-column: 2/5; }.rate-form select { flex: 1; }
  .global-player { grid-template-columns: 52px minmax(150px,220px) 44px 1fr 32px; }.player-volume { display: none; }
  .api-hero-grid { grid-template-columns: 1fr .7fr; gap: 3rem; }.correction-grid { grid-template-columns: .8fr 1.2fr; gap: 3rem; }.principle-grid { grid-template-columns: repeat(2,1fr); }.principle-grid article:nth-child(2) { border-right: 0; }.principle-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 991px) {
  .navbar-collapse { padding: 1rem 0; }.login-slot .nav-link { margin: .25rem 0 0; display: inline-flex; }
  .account-nav { align-items: flex-start; flex-direction: column; margin-left: 0; }.account-logout { padding-left: .85rem; }
  .hero-grid, .work-hero-grid, .catalog-hero-inner, .split-feature, .detail-two-column, .score-layout, .comments-layout, .studio-grid { grid-template-columns: 1fr; }
  .hero-grid { padding-block: 6rem; }.hero-showcase { min-height: 580px; max-width: 610px; }.catalog-hero-inner { gap: 2rem; }.catalog-hero p { font-size: 1rem; }
  .work-hero-grid { gap: 3rem; }.archive-artwork { max-width: 530px; }.detail-two-column, .comments-layout { gap: 3rem; }.score-preview-canvas { min-height: 480px; }.studio-hero-inner { align-items: start; flex-direction: column; }
  .editorial-feature-grid, .work-history-grid { grid-template-columns: 1fr; }.editorial-media-card { max-width: 650px; margin-left: 70px; }.history-rail { margin-left: 70px; }
  .source-workbench, .notation-hero-inner { grid-template-columns: 1fr; }.notation-hero-inner { gap: 2.5rem; }.notation-facts { max-width: 650px; }
  .asset-comments.expanded .asset-comments-body { grid-template-columns: 1fr; }.asset-comments.expanded .asset-comment-prompt,.asset-comments.expanded .asset-comment-list,.asset-comments.expanded .asset-comment-form { grid-column: 1; grid-row: auto; }.asset-comments.expanded .asset-comment-form { margin-top: .8rem; }
  .identity-frame,.identity-shell-manage .identity-frame { grid-template-columns: 1fr; gap: 3rem; align-items: start; }.identity-context { max-width: 760px; }.identity-return { margin-bottom: 3rem; }.identity-context h2,.identity-shell-manage .identity-context h2 { max-width: 760px; font-size: clamp(3.4rem,8vw,5.5rem); }.identity-context-rule,.identity-trust-list { max-width: 700px; }.identity-panel,.identity-shell-manage .identity-panel { max-width: none; justify-self: stretch; }
  .process-grid { grid-template-columns: 1fr; }.process-grid article { min-height: 230px; border-right: 0; border-bottom: 1px solid var(--line-dark); }.process-grid article:last-child { border-bottom: 0; }.process-icon { margin-top: 2rem; }
  .api-hero-grid,.api-doc-grid,.api-contract-grid,.correction-grid { grid-template-columns: 1fr; }.api-manifest-card { max-width: 720px; }.endpoint-list article { grid-template-columns: 54px 1fr; }.endpoint-list article p { grid-column: 2; }.endpoint-list article a { grid-column: 2; }.correction-form { max-width: 760px; }.correction-review-actions { align-items: stretch; flex-direction: column; }.correction-review-actions form { width: 100%; }
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }.footer-grid > div:last-child { display: none; }
}

@media (max-width: 720px) {
  .container-xxl { padding-inline: 1.15rem; }.section-block { padding: 5rem 0; }
  .home-hero h1, .catalog-hero h1, .editorial-hero h1 { font-size: 3.65rem; }.work-hero h1 { font-size: 3.7rem; }.hero-grid { padding-block: 4.8rem; }.hero-copy > p { font-size: 1rem; }.hero-search { border-radius: 15px; }.hero-search button { display: none; }.hero-stats { gap: 1.35rem; }.hero-stats strong { font-size: 1.7rem; }.hero-stats span { font-size: .62rem; }
  .hero-showcase { min-height: 500px; margin-top: 2rem; }.showcase-vinyl { top: 55px; right: -85px; width: 290px; }.showcase-card { width: min(340px, 88vw); }.showcase-score { height: 285px; }.showcase-orbit { width: 420px; right: -130px; }
  .work-grid, .catalog-grid, .prose-grid, .video-grid { grid-template-columns: 1fr; }.work-cover, .catalog-cover { min-height: 330px; }.section-heading, .cta-inner { align-items: start; flex-direction: column; }.section-heading { margin-bottom: 2rem; }.section-heading h2 { font-size: 3rem; }.split-feature { gap: 3rem; }
  .rank-row { grid-template-columns: 26px 34px 1fr 38px; padding-inline: .8rem; }.rank-row .rating { display: none; }.rank-row time { text-align: right; }.rank-copy small { max-width: 160px; }
  .filter-bar { grid-template-columns: 1fr; }.result-heading { margin-top: 2.4rem; }.catalog-section { padding-top: 2rem; }
  .work-hero { min-height: auto; padding: 4.5rem 0 5.5rem; }.breadcrumb-line { margin-bottom: 2rem; }.release-facts { flex-wrap: wrap; }.archive-artwork { min-height: 410px; }.artwork-disc { right: -85px; width: 310px; }.artwork-page { width: 255px; height: 355px; }.detail-nav { top: 67px; }.detail-nav .container-xxl { gap: 1.2rem; }.fact-row { grid-template-columns: 1fr; }
  .editorial-intro { margin-bottom: 3rem; }.editorial-intro h2 { font-size: 3.25rem; }.editorial-copy { grid-template-columns: 36px minmax(0,1fr); gap: .9rem; }.editorial-copy p { font-size: 1rem; }.editorial-media-card, .history-rail { margin-left: 0; }.editorial-image-wrap { aspect-ratio: 1/1; }.editorial-rule { margin: 4rem 0; }
  .score-preview-canvas { min-height: 380px; padding: 1rem; }.asset-row { grid-template-columns: 42px 1fr 20px; }.asset-row .status-chip { grid-column: 2; justify-self: start; }.asset-panel-head span:last-child { display: none; }
  .source-lineage { grid-template-columns: 1fr; }.source-lineage li { min-height: 72px; border-right: 0; border-bottom: 1px solid var(--line); }.source-lineage li:last-child { border-bottom: 0; }.source-lineage li:not(:last-child):after { content: "↓"; right: auto; bottom: -13px; left: 50%; }.source-originals, .digital-score-panel { padding: 1rem; }.scan-gallery { grid-template-columns: 1fr; }.scan-gallery figure > a { height: 420px; }.source-document-link { grid-template-columns: 42px 1fr; }.source-document-list b { grid-column: 2; }.musicxml-actions { align-items: stretch; flex-direction: column; }.musicxml-actions > a { justify-content: center; text-align: center; }.recording-bridge { grid-template-columns: 38px 1fr; }.recording-bridge b { display: none; }
  .notation-hero { padding: 4rem 0 3rem; }.notation-back { margin-bottom: 1.8rem; }.notation-toolbar { align-items: stretch; flex-direction: column; }.notation-actions { flex-wrap: wrap; }.notation-paper { min-height: 520px; padding: 1rem; }.notation-provenance { grid-template-columns: 28px 1fr; }.notation-provenance > a { grid-column: 2; }.notation-workspace { padding-bottom: 5rem; }
  .identity-frame { gap: 2.2rem; padding-block: 3.2rem 4rem; }.identity-return { margin-bottom: 2.2rem; }.identity-context h2,.identity-shell-manage .identity-context h2 { font-size: 3.45rem; }.identity-trust-list > div { padding-block: .5rem; }.identity-panel { border-radius: 20px; }.identity-panel-header { padding: .85rem 1rem; }.identity-panel-header small { display: none; }.identity-secure { font-size: 0; }.identity-secure:after { content: "Secure"; font-size: .58rem; }.identity-panel-body { padding: 1.5rem 1.15rem 2rem; }.identity-panel-body > h1,.identity-panel-body > div > h1 { font-size: 2.65rem; }.identity-shell-manage .identity-panel-body > div > .row { grid-template-columns: 1fr; gap: 1.5rem; }.identity-shell-manage .nav-pills { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }.identity-shell-manage .nav-pills .nav-link { height: 100%; }
  .arrangement-head { display: none; }.arrangement-row { grid-template-columns: 26px 1fr; gap: .8rem; padding: 1.1rem; }.arrange-main { grid-column: 2; }.arrange-rating { grid-column: 2; flex-direction: row; gap: .6rem; align-items: baseline; }.arrangement-row > time { grid-column: 2; }.rate-form { grid-column: 2; }.rate-form select { min-width: 0; }.arrangement-discussions { grid-template-columns: 1fr; }.asset-comments summary { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .comments-layout { gap: 4rem; }.footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }.footer-intro { grid-column: 1/-1; }.footer-bottom { align-items: start; flex-direction: column; }.global-player { left: .55rem; right: .55rem; bottom: .55rem; grid-template-columns: 46px 1fr 42px 28px; gap: .65rem; min-height: 70px; padding: .55rem; }.player-accent { width: 46px; height: 46px; }.player-timeline { grid-column: 1/-1; grid-row: 2; }.player-close { grid-column: 4; grid-row: 1; }.player-toggle { grid-column: 3; grid-row: 1; }.player-track-copy { grid-column: 2; grid-row: 1; }
  .api-hero { padding: 5rem 0 4rem; }.api-hero h1 { font-size: 3.7rem; }.api-subnav { top: 67px; }.api-subnav .container-xxl { gap: 1.2rem; }.api-fact-grid,.form-two,.correction-values { grid-template-columns: 1fr; }.api-fact-grid div { border-right: 0; border-bottom: 1px solid var(--line) !important; }.api-fact-grid div:last-child { border-bottom: 0 !important; }.endpoint-list article { grid-template-columns: 48px minmax(0,1fr); gap: .7rem; }.endpoint-list code { overflow-wrap: anywhere; }.api-rule-list li { grid-template-columns: 1fr; gap: .35rem; }.principle-grid { grid-template-columns: 1fr; }.principle-grid article,.principle-grid article:nth-child(2) { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }.principle-grid article:last-child { border-bottom: 0; }.principle-grid h3 { margin-top: 2rem; }.report-receipt .container-xxl { grid-template-columns: 1fr; }.report-receipt p { margin-left: 0; }.correction-values div:first-child { border-right: 0; border-bottom: 1px solid var(--line); }.correction-review-actions form:first-child { grid-template-columns: 1fr; }
}

/* Versioned wiki editions */
.wiki-hero { padding: 6.5rem 0 5rem; color: white; background: radial-gradient(circle at 82% 22%, rgba(200,255,92,.14), transparent 24%), var(--ink); }
.wiki-hero-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 5rem; align-items: end; }
.wiki-hero h1 { margin: .7rem 0 1rem; font-size: clamp(3.8rem,7vw,6.8rem); line-height: .92; letter-spacing: -.055em; }
.wiki-hero p { max-width: 720px; color: #a9bcb4; }
.wiki-hero-action { display: flex; flex-direction: column; gap: .8rem; padding: 1.4rem; background: rgba(255,255,255,.04); border: 1px solid var(--line-dark); border-radius: var(--radius); }
.wiki-hero-action span { color: #8da298; font-size: .72rem; line-height: 1.55; }.wiki-hero-action .primary-button { margin-top: .4rem; text-align: center; }
.wiki-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 5rem; align-items: start; }.wiki-canonical { max-width: 900px; }.wiki-canonical h2 { margin: .7rem 0 1rem; font-size: clamp(2.8rem,5vw,5rem); line-height: .98; }.wiki-canonical h3 { margin: 3rem 0 .8rem; }.wiki-canonical p { color: #4e554f; line-height: 1.85; }.wiki-canonical .wiki-summary { color: #6c716b; font-size: 1.1rem; }.wiki-history { display: grid; gap: .8rem; position: sticky; top: 110px; }.wiki-version-card,.score-version-card,.wiki-review-card { padding: 1.1rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-sm); }.wiki-version-card > div:first-child,.score-version-card > div:first-child { display: flex; justify-content: space-between; align-items: center; }.wiki-version-card h3 { margin: .8rem 0 .35rem; font-size: .9rem; }.wiki-version-card p,.wiki-version-card small { color: var(--paper-muted); font-size: .64rem; }.review-note { padding-top: .7rem; border-top: 1px solid var(--line); }
.revision-status { display: inline-flex; width: fit-content; padding: .28rem .55rem; border-radius: 999px; font-size: .55rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.status-pending,.status-queued,.status-running { color: #6b551e; background: #f1e5b8; }.status-published,.status-completed { color: #245b35; background: #dcecd9; }.status-rejected,.status-failed { color: #743a38; background: #f0d9d6; }
.wiki-editor-shell { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 3rem; align-items: start; max-width: 1100px; }.wiki-editor-shell.wide { max-width: 1450px; }.wiki-editor-form { display: grid; gap: 1rem; }.wiki-editor-form label,.wiki-upload label,.wiki-automation label,.automation-grid label { display: grid; gap: .4rem; font-size: .68rem; font-weight: 800; }.wiki-editor-form label > span:first-of-type,.wiki-upload label > span,.wiki-automation label > span { color: var(--paper-muted); font-size: .61rem; font-weight: 500; }.wiki-editor-form input,.wiki-editor-form textarea,.wiki-upload input,.wiki-upload textarea,.wiki-automation textarea,.automation-grid textarea,.automation-grid select,.wiki-review-card input { width: 100%; padding: .8rem; color: var(--ink); background: #fbfaf6; border: 1px solid #cec8bc; border-radius: 9px; font: inherit; }.wiki-editor-form textarea { line-height: 1.65; }.wiki-editor-form .xml-editor { color: #dce9e3; background: #071310; border-color: #24453a; font: .72rem/1.55 Consolas,monospace; tab-size: 2; }.wiki-editor-actions { display: flex; gap: 1rem; align-items: center; margin-top: .7rem; }.wiki-editor-actions a { color: #52655d; font-size: .68rem; font-weight: 750; }
.score-version-toolbar { display: flex; justify-content: space-between; gap: 2rem; align-items: end; padding-bottom: 2rem; border-bottom: 1px solid var(--line); }.score-version-toolbar > div:last-child { display: flex; flex-wrap: wrap; gap: .6rem; }.score-version-toolbar h2 { margin: .4rem 0; font-size: 2.5rem; }.score-version-toolbar p { margin: 0; color: var(--paper-muted); }.wiki-automation,.wiki-upload { margin: 2rem 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); background: #f3efe5; }.wiki-automation summary,.wiki-upload summary { cursor: pointer; font-weight: 850; }.wiki-automation form,.wiki-upload form { display: grid; gap: .8rem; margin-top: 1rem; }.wiki-automation p,.wiki-upload p { margin: .8rem 0 0; color: var(--paper-muted); font-size: .65rem; }.score-version-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }.score-version-card { display: flex; flex-direction: column; min-height: 330px; padding: 1.3rem; }.score-version-card h3 { margin: 1.4rem 0 .5rem; }.score-version-card > p { flex: 1; color: var(--paper-muted); font-size: .72rem; }.score-version-card dl { display: grid; gap: .35rem; margin: 1rem 0; }.score-version-card dl div { display: grid; grid-template-columns: 85px 1fr; gap: .5rem; }.score-version-card dt,.score-version-card dd { margin: 0; font-size: .6rem; }.score-version-card dt { color: #8a857c; }.score-version-card dd { font-weight: 750; }.score-version-card .primary-button { text-align: center; }
.wiki-performance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }.wiki-performance-card { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; padding: 1rem; color: white; background: rgba(255,255,255,.035); border: 1px solid var(--line-dark); border-radius: var(--radius-sm); }.wiki-performance-card h3 { margin: .55rem 0 .2rem; }.wiki-performance-card p { color: #94a89f; font-size: .68rem; }.wiki-performance-card small { color: #758b82; }.wiki-upload { color: #dce9e3; background: rgba(255,255,255,.035); border-color: var(--line-dark); }.wiki-upload input,.wiki-upload textarea { color: white; background: rgba(255,255,255,.05); border-color: var(--line-dark); }
.automation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }.automation-grid article { padding: 1.5rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.automation-grid h2 { margin: .5rem 0 1rem; }.automation-grid form { display: grid; gap: .8rem; }.automation-grid article > p { color: var(--paper-muted); font-size: .68rem; }.automation-status { display: grid; gap: .3rem; margin-top: .8rem; padding: .7rem; background: #f2eee4; border-radius: 8px; font-size: .63rem; }.automation-status pre,.wiki-review-card pre { max-height: 260px; overflow: auto; white-space: pre-wrap; font-size: .62rem; }.wiki-review-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }.wiki-review-columns > div > h3 { margin-bottom: 1rem; }.wiki-review-card { margin-bottom: .8rem; }.wiki-review-card h4 { margin: .8rem 0 .3rem; }.wiki-review-card p,.wiki-review-card small { color: var(--paper-muted); font-size: .66rem; }.wiki-review-card form { display: grid; grid-template-columns: 1fr auto auto; gap: .4rem; margin-top: .8rem; }.wiki-review-card audio { width: 100%; margin: .7rem 0; }.ghost-button.dark-text { color: #5f3b38; border-color: #cdb8b4; }
@media (max-width: 991px) { .wiki-hero-grid,.wiki-layout,.wiki-editor-shell,.automation-grid { grid-template-columns: 1fr; }.wiki-history { position: static; }.score-version-grid,.wiki-review-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }.wiki-performance-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .wiki-hero { padding: 4rem 0; }.wiki-hero h1 { font-size: 3.6rem; }.score-version-toolbar { align-items: stretch; flex-direction: column; }.score-version-grid,.wiki-review-columns { grid-template-columns: 1fr; }.wiki-review-card form { grid-template-columns: 1fr; }.wiki-editor-actions { align-items: stretch; flex-direction: column; }.wiki-editor-actions .primary-button { width: 100%; } }

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Rendering profile registry */
.profile-hero { position: relative; overflow: hidden; padding: 8rem 0 6rem; color: white; background: radial-gradient(circle at 78% 25%, rgba(200,255,92,.18), transparent 25%), radial-gradient(circle at 12% 90%, rgba(37,125,103,.3), transparent 34%), var(--ink); }
.profile-hero:after { content: ""; position: absolute; top: -20%; right: 8%; width: 420px; height: 420px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018); pointer-events: none; }
.profile-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 360px; gap: 7rem; align-items: end; }.profile-hero h1 { max-width: 920px; margin: .8rem 0 1.4rem; font-size: clamp(4.4rem,7vw,7.3rem); line-height: .91; letter-spacing: -.065em; }.profile-hero p { max-width: 750px; color: #adc0b8; font-size: 1.05rem; }.profile-hero-actions,.profile-detail-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }.profile-stat-stack { display: grid; overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius); background: rgba(255,255,255,.035); backdrop-filter: blur(14px); }.profile-stat-stack div { display: grid; grid-template-columns: 100px 1fr; align-items: baseline; gap: 1rem; padding: 1.25rem 1.4rem; border-bottom: 1px solid var(--line-dark); }.profile-stat-stack div:last-child { border-bottom: 0; }.profile-stat-stack strong { color: var(--lime); font: 2.2rem Georgia,serif; }.profile-stat-stack span { color: #9bafa7; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.profile-contract-band { color: #dce9e3; background: #10241d; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }.profile-contract-band .container-xxl { display: grid; grid-template-columns: 180px minmax(360px,1fr) 1.2fr; gap: 2rem; align-items: center; padding-block: 1.2rem; }.profile-contract-band span { color: var(--lime); font-size: .59rem; font-weight: 850; letter-spacing: .12em; }.profile-contract-band code { color: white; font-size: .76rem; }.profile-contract-band p { margin: 0; color: #81968e; font-size: .7rem; }
.profile-filter-bar { display: grid; grid-template-columns: 1.4fr .7fr .7fr auto; gap: .8rem; align-items: end; padding: 1rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.profile-filter-bar label { display: flex; flex-direction: column; gap: .3rem; }.profile-filter-bar label > span { color: #78746c; font-size: .56rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.profile-filter-bar input,.profile-filter-bar select { min-height: 48px; padding: .65rem .8rem; color: var(--ink); background: #f7f4ed; border: 1px solid #d7d0c3; border-radius: 9px; font-size: .73rem; }.profile-filter-bar .primary-button { min-height: 48px; }.profile-result-heading { margin-top: 4rem; }.profile-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }.profile-card { position: relative; display: flex; flex-direction: column; min-height: 470px; padding: 1.45rem; overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.profile-card:hover { transform: translateY(-4px); border-color: #a8aa8b; box-shadow: 0 18px 45px rgba(22,39,32,.1); }.profile-card-top { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }.profile-card-top > span:first-child { color: #837f76; font-size: .57rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.profile-status { display: inline-flex; align-items: center; width: fit-content; padding: .28rem .52rem; border-radius: 999px; font-size: .55rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }.status-approved { color: #275934; background: #dcebd8; }.status-testable { color: #5e531d; background: #eee4b9; }.status-documented { color: #3d5670; background: #dce5ec; }.status-retired { color: #6d5555; background: #ebdddd; }.profile-symbol { display: grid; place-items: center; width: 64px; height: 64px; margin: 2.8rem 0 1.2rem; color: var(--lime); background: var(--ink); border-radius: 18px; font: 2rem Georgia,serif; }.profile-card h3 { margin: 0 0 .7rem; font-size: 1.45rem; }.profile-card h3 a:after { content: ""; position: absolute; inset: 0; }.profile-card > p { flex: 1; color: var(--paper-muted); font-size: .77rem; }.profile-card dl { display: grid; gap: .35rem; margin: 1rem 0; padding-top: 1rem; border-top: 1px solid var(--line); }.profile-card dl div { display: grid; grid-template-columns: 80px 1fr; gap: .6rem; }.profile-card dt { color: #8a867d; font-size: .58rem; }.profile-card dd { margin: 0; overflow: hidden; color: #3f443f; font-size: .64rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }.profile-readiness { display: flex; gap: .5rem; align-items: center; min-height: 36px; color: #636b65; font-size: .6rem; }.profile-readiness i { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; }.profile-readiness i.ready { background: #4f9d5f; box-shadow: 0 0 0 4px rgba(79,157,95,.12); }.profile-readiness i.available { background: #c49b35; box-shadow: 0 0 0 4px rgba(196,155,53,.12); }.profile-readiness i.planned { background: #7891a5; box-shadow: 0 0 0 4px rgba(120,145,165,.12); }.profile-card-link { position: relative; z-index: 1; display: flex; justify-content: space-between; margin-top: .75rem; padding-top: .9rem; color: #2d5b4c; border-top: 1px solid var(--line); font-size: .68rem; font-weight: 800; }
.track-profiles { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin-top: .55rem; }.track-profiles > span { color: #7f928a; font-size: .53rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.track-profiles a { position: relative; z-index: 1; padding: .22rem .42rem; color: #cfe3db; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 999px; font-size: .54rem; }.track-profiles a:hover { color: var(--lime); border-color: rgba(200,255,92,.28); }
.profile-detail-hero { padding: 5rem 0 5.5rem; color: white; background: radial-gradient(circle at 80% 35%, rgba(37,125,103,.38), transparent 28%), var(--ink); }.profile-back { display: inline-flex; margin-bottom: 4.5rem; color: #91a69d; font-size: .68rem; font-weight: 750; }.profile-back:hover { color: white; }.profile-detail-grid { display: grid; grid-template-columns: 1fr 380px; gap: 7rem; align-items: end; }.profile-detail-kicker { display: flex; gap: .8rem; align-items: center; color: var(--lime); font-size: .61rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }.profile-detail-hero h1 { max-width: 950px; margin: 1rem 0; font-size: clamp(4rem,7vw,7rem); line-height: .92; letter-spacing: -.06em; }.profile-detail-hero p { max-width: 760px; color: #a7bbb3; font-size: 1.05rem; }.profile-id-card { padding: 1.4rem; background: rgba(255,255,255,.045); border: 1px solid var(--line-dark); border-radius: var(--radius); }.profile-id-card > span { color: #81968e; font-size: .56rem; font-weight: 850; letter-spacing: .1em; }.profile-id-card > code { display: block; margin: .45rem 0 1.4rem; color: var(--lime); font-size: .83rem; overflow-wrap: anywhere; }.profile-id-card dl { margin: 0; }.profile-id-card dl div { display: grid; grid-template-columns: 100px 1fr; gap: 1rem; padding: .65rem 0; border-top: 1px solid var(--line-dark); }.profile-id-card dt { color: #799087; font-size: .6rem; }.profile-id-card dd { margin: 0; color: #edf5f1; font-size: .65rem; text-align: right; }.profile-subnav { position: sticky; z-index: 90; top: 79px; color: #8fa59c; background: rgba(7,19,16,.97); border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); backdrop-filter: blur(16px); }.profile-subnav .container-xxl { display: flex; gap: 2rem; overflow-x: auto; }.profile-subnav a { padding: .85rem 0; white-space: nowrap; font-size: .64rem; font-weight: 720; }.profile-subnav a:hover { color: var(--lime); }
.profile-readiness-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 6rem; }.profile-readiness-grid h2 { margin-top: .8rem; font-size: clamp(2.8rem,4.3vw,4.5rem); line-height: 1; letter-spacing: -.045em; }.readiness-explainer { overflow: hidden; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.readiness-explainer article { display: grid; grid-template-columns: 40px 1fr auto; gap: 1rem; align-items: center; min-height: 115px; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }.readiness-explainer article:last-child { border-bottom: 0; }.readiness-explainer b { color: #918b80; font: .8rem Georgia,serif; }.readiness-explainer strong { display: block; margin-bottom: .2rem; }.readiness-explainer p { margin: 0; color: var(--paper-muted); font-size: .68rem; }.readiness-explainer article > span { padding: .3rem .5rem; color: #48594f; background: #e4eadf; border-radius: 999px; font-size: .55rem; font-weight: 800; white-space: nowrap; }
.profile-usage-section { color: white; background: var(--ink-2); }.profile-usage-list { display: grid; grid-template-columns: repeat(2,1fr); gap: .75rem; }.profile-usage-list a { display: grid; grid-template-columns: 80px 1fr auto; gap: 1rem; align-items: center; min-height: 90px; padding: 1rem 1.2rem; background: rgba(255,255,255,.035); border: 1px solid var(--line-dark); border-radius: var(--radius-sm); }.profile-usage-list a:hover { background: rgba(255,255,255,.06); border-color: rgba(200,255,92,.25); }.profile-usage-list a > span { color: var(--lime); font-size: .55rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.profile-usage-list strong,.profile-usage-list small { display: block; }.profile-usage-list small { margin-top: .15rem; color: #82988f; }.profile-usage-list b { color: #82988f; font-size: .63rem; }.profile-no-usage { padding: 2rem; color: #91a59d; border: 1px dashed var(--line-dark); border-radius: var(--radius); }
.profile-json-section { background: #e6e0d4; }.profile-json-grid { display: grid; grid-template-columns: .68fr 1.32fr; gap: 5rem; align-items: start; }.profile-json-grid h2 { margin: .8rem 0 1rem; font-size: 3.5rem; line-height: 1; }.profile-json-grid > div:first-child > p { color: var(--paper-muted); }.profile-hash { margin: 2rem 0 1rem; padding: 1rem; background: #f5f1e9; border: 1px solid var(--line); border-radius: var(--radius-sm); }.profile-hash span { display: block; margin-bottom: .45rem; color: #7c776e; font-size: .55rem; font-weight: 850; letter-spacing: .1em; }.profile-hash code { display: block; overflow-wrap: anywhere; color: #315a4d; font-size: .63rem; }.profile-json-window { overflow: hidden; color: #dcebe4; background: #071310; border: 1px solid #1c392f; border-radius: var(--radius); box-shadow: var(--shadow); }.profile-json-window > div { display: flex; gap: .4rem; align-items: center; min-height: 44px; padding: 0 1rem; border-bottom: 1px solid var(--line-dark); }.profile-json-window > div span { width: 8px; height: 8px; background: #476056; border-radius: 50%; }.profile-json-window > div span:first-child { background: #c86757; }.profile-json-window > div span:nth-child(2) { background: #d4a64c; }.profile-json-window > div span:nth-child(3) { background: #5b9d69; }.profile-json-window > div b { margin-left: .5rem; color: #81978e; font-size: .6rem; }.profile-json-window pre { max-height: 690px; margin: 0; padding: 1.4rem; overflow: auto; font-size: .68rem; line-height: 1.65; }.profile-json-window code { color: inherit; }.profile-provenance { max-width: 920px; }.profile-provenance h2 { margin: .6rem 0 2rem; font-size: 3.5rem; }.profile-provenance > div { display: grid; grid-template-columns: 170px 1fr; gap: 1rem; padding: 1rem 0; border-top: 1px solid var(--line); }.profile-provenance > div span { color: #7f7a71; font-size: .63rem; font-weight: 780; }.profile-provenance code,.profile-provenance time { color: #36473f; font-size: .72rem; overflow-wrap: anywhere; }.profile-provenance > p { max-width: 700px; color: var(--paper-muted); }

@media (max-width: 1100px) {
  .profile-hero-grid,.profile-detail-grid { grid-template-columns: 1fr 320px; gap: 3.5rem; }.profile-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.profile-contract-band .container-xxl { grid-template-columns: 160px 1fr; }.profile-contract-band p { grid-column: 2; }.profile-json-grid { gap: 3rem; }
}
@media (max-width: 991px) {
  .profile-hero-grid,.profile-detail-grid,.profile-readiness-grid,.profile-json-grid { grid-template-columns: 1fr; }.profile-stat-stack,.profile-id-card { max-width: 620px; }.profile-filter-bar { grid-template-columns: 1fr 1fr; }.profile-filter-bar label:first-child { grid-column: 1/-1; }.profile-filter-bar .primary-button { width: 100%; }.profile-usage-list { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .profile-hero { padding: 5rem 0 4rem; }.profile-hero h1,.profile-detail-hero h1 { font-size: 3.7rem; }.profile-contract-band .container-xxl { grid-template-columns: 1fr; gap: .55rem; }.profile-contract-band p { grid-column: 1; }.profile-grid,.profile-filter-bar { grid-template-columns: 1fr; }.profile-filter-bar label:first-child { grid-column: 1; }.profile-card { min-height: 430px; }.profile-detail-hero { padding: 3.5rem 0 4rem; }.profile-back { margin-bottom: 2.5rem; }.profile-subnav { top: 67px; }.profile-readiness-grid,.profile-json-grid { gap: 2.5rem; }.readiness-explainer article { grid-template-columns: 30px 1fr; }.readiness-explainer article > span { grid-column: 2; justify-self: start; }.profile-usage-list a { grid-template-columns: 1fr; gap: .35rem; }.profile-usage-list b { margin-top: .5rem; }.profile-json-grid h2,.profile-provenance h2 { font-size: 2.7rem; }.profile-provenance > div { grid-template-columns: 1fr; gap: .4rem; }
}

/* Instrument catalog and community profile registration */
.profile-instrument-label { width: fit-content; margin: -.3rem 0 .8rem; padding: .26rem .48rem; color: #426052; background: #e8eee5; border-radius: 999px; font-size: .56rem; font-weight: 780; }
.profile-register-hero { padding: 6.5rem 0 4.5rem; color: white; background: radial-gradient(circle at 78% 20%,rgba(200,255,92,.14),transparent 28%),var(--ink); }
.profile-register-heading { display: flex; justify-content: space-between; gap: 4rem; align-items: end; }.profile-register-heading h1 { max-width: 850px; margin: .75rem 0 1rem; font-size: clamp(3.7rem,6vw,6.4rem); line-height: .94; letter-spacing: -.055em; }.profile-register-heading p { max-width: 760px; margin: 0; color: #a8bbb3; }.profile-register-heading .ghost-button { flex: 0 0 auto; }
.profile-register-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 4rem; align-items: start; }.profile-register-form { display: flex; flex-direction: column; gap: 1.2rem; }.profile-register-form fieldset { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 1.5rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); }.profile-register-form legend { display: flex; gap: .7rem; align-items: center; float: none; width: auto; margin: 0; font: 1.6rem Georgia,serif; }.profile-register-form legend span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--lime); background: var(--ink); border-radius: 50%; font: .62rem Inter,sans-serif; }.profile-register-form fieldset > p { margin: -.35rem 0 .5rem 2.8rem; color: var(--paper-muted); font-size: .72rem; }
.profile-register-form label { display: flex; flex-direction: column; gap: .35rem; color: #5d625e; font-size: .64rem; font-weight: 800; letter-spacing: .04em; }.profile-register-form label > span:first-child { text-transform: uppercase; }.profile-register-form label small { color: #8e8a81; font-size: .55rem; }.profile-register-form input,.profile-register-form select,.profile-register-form textarea { width: 100%; padding: .8rem .9rem; color: var(--ink); background: #f8f6f0; border: 1px solid #cfc8bb; border-radius: var(--radius-sm); outline: 0; }.profile-register-form input:focus,.profile-register-form select:focus,.profile-register-form textarea:focus { border-color: #6f8d82; box-shadow: 0 0 0 3px rgba(37,125,103,.1); }.profile-register-form .field-validation-error,.profile-register-form .validation-summary-errors { color: #9b3d36; font-size: .65rem; }.profile-register-form .input-validation-error { border-color: #b54f47; }
.profile-form-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.form-divider { position: relative; display: grid; place-items: center; margin: .5rem 0; }.form-divider:before { content: ""; position: absolute; inset-inline: 0; height: 1px; background: var(--line); }.form-divider span { position: relative; padding: 0 .7rem; color: #8b867d; background: var(--white); font-size: .54rem; font-weight: 850; letter-spacing: .1em; }.json-editor { color: #dcebe4 !important; background: #071310 !important; border-color: #1c392f !important; font: .72rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size: 2; }
.profile-submit-row { display: flex; justify-content: space-between; gap: 2rem; align-items: center; padding: 1.2rem 1.4rem; color: white; background: var(--ink); border-radius: var(--radius); }.profile-submit-row div { display: flex; flex-direction: column; gap: .25rem; }.profile-submit-row strong { font-size: .76rem; }.profile-submit-row span { max-width: 620px; color: #8fa39a; font-size: .64rem; }.profile-submit-row .primary-button { flex: 0 0 auto; background: var(--lime); }
.profile-register-guide { position: sticky; top: 110px; padding: 1.5rem; background: #e4eadb; border: 1px solid #bac7ac; border-radius: var(--radius); }.profile-register-guide h2 { margin: .65rem 0 1.4rem; font-size: 2.45rem; line-height: 1; }.profile-register-guide ol { display: flex; flex-direction: column; gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: profile-guide; }.profile-register-guide li { display: flex; flex-direction: column; gap: .18rem; position: relative; padding-left: 2.4rem; counter-increment: profile-guide; }.profile-register-guide li:before { content: counter(profile-guide); position: absolute; left: 0; display: grid; place-items: center; width: 28px; height: 28px; color: white; background: #3f7453; border-radius: 50%; font-size: .58rem; font-weight: 800; }.profile-register-guide li strong { font-size: .75rem; }.profile-register-guide li span { color: #546156; font-size: .67rem; }.profile-register-guide > p { margin: 1.5rem 0 0; padding-top: 1rem; color: #506050; border-top: 1px solid #bac7ac; font-size: .65rem; }

@media (max-width: 1200px) {
  .filter-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }.filter-bar .search-field { grid-column: span 2; }.filter-actions { justify-content: flex-end; }
}
@media (max-width: 991px) {
  .profile-register-grid { grid-template-columns: 1fr; gap: 2.5rem; }.profile-register-guide { position: static; }
}
@media (max-width: 720px) {
  .filter-bar,.profile-form-columns { grid-template-columns: 1fr; }.filter-bar .search-field { grid-column: auto; }.filter-actions { align-items: stretch; flex-direction: column; }.filter-actions .primary-button { width: 100%; }.profile-register-hero { padding: 4.5rem 0 3.5rem; }.profile-register-heading { align-items: flex-start; flex-direction: column; gap: 2rem; }.profile-register-heading h1 { font-size: 3.55rem; }.profile-register-form fieldset { padding: 1.1rem; }.profile-register-form fieldset > p { margin-left: 0; }.profile-submit-row { align-items: stretch; flex-direction: column; }.profile-submit-row .primary-button { width: 100%; }
}