@font-face {font-family:REM;src:url('/static/fonts/rem-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face {font-family:REM;src:url('/static/fonts/rem-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face {font-family:REM;src:url('/static/fonts/rem-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root {--ground:#fefefe;--ink:#08153c;--blue:#0870e8;--pale:#edf6fe;--line:#a4d1f7;--muted:#394f70;--ease:cubic-bezier(.16,1,.3,1);font-family:REM,sans-serif;color:var(--ink);background:var(--ground)}
* {box-sizing:border-box}
body {margin:0;line-height:1.6}
h1,h2,h3,p {margin:0}
a {color:inherit;text-underline-offset:.22em}
svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
::selection {background:#bce2ff;color:var(--ink)}
:focus-visible {outline:3px solid #074aa3;outline-offset:5px}
.skip-link {position:fixed;z-index:10;top:8px;left:8px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-160%)}
.skip-link:focus {transform:none}
.visually-hidden {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.button {display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 28px;min-height:44px;background:var(--blue);color:white;border:0;border-radius:12px;font:500 20px/1.3 REM,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.button:hover {background:#0064de}
.button:active {background:#0754ad}
.button:disabled {background:#e0eaf2;color:#435770;cursor:not-allowed}
.site-header {position:absolute;inset:0 0 auto;height:calc(100vw * .039733);background:#fff;z-index:2}
.brand {position:absolute;inset:0 auto 0 6.38%;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:28px;font-weight:700;letter-spacing:-.035em}
.brand span {line-height:1}
.site-header nav {position:absolute;inset:0 6.4% 0 auto;display:flex;align-items:center;gap:clamp(16px,2vw,28px);font-size:clamp(16px,1.32vw,19px);line-height:1.2}
.site-header nav a:not(.button) {display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
.site-header nav a:not(.button):hover {text-decoration:underline}
.sign-in {min-height:43px;padding:8px 24px;border-radius:9px;font-size:19px}
.home-frame {position:relative;min-height:calc(100vw * 2 / 3)}
.brand-art,.workshop-art,.empty-art,.support-art {position:absolute;object-fit:cover}
.brand-art {position:static;width:46px;height:34px}
.workshop-art {left:32.1%;top:calc(100vw * .039733);width:67.9%;height:calc(100vw * .2858)}
.empty-art {left:44.66%;top:calc(100vw * .4108);width:10.68%;height:calc(100vw * .0794)}
.support-art {left:20.12%;top:calc(100vw * .557933);width:14.39%;height:calc(100vw * .1022)}
.hero::before {content:'';position:absolute;left:0;top:calc(100vw * .039733);width:100%;height:calc(100vw * .2858);background:#f5f9fd}
.hero h1 {position:absolute;left:6.38%;top:calc(100vw * .087);font-weight:700;font-size:min(5.75vw,6rem);line-height:.95;letter-spacing:-.04em}
.hero h1 span {display:block}
.hero-intro {position:absolute;left:6.51%;top:calc(100vw * .2096);font-size:26.5px;color:var(--muted);line-height:1.15;letter-spacing:-.04em}
.shelf-action {position:absolute;left:6.51%;top:calc(100vw * .24414);width:15.36%;height:calc(100vw * .041);font-size:22px}
.shelf h2 {position:absolute;left:6.45%;top:calc(100vw * .356);font-size:46px;line-height:1.2;letter-spacing:-.035em}
.shelf-rule {position:absolute;left:6.51%;top:calc(100vw * .39844);width:87.11%;height:1px;background:var(--line)}
.shelf-empty h3 {position:absolute;left:50%;top:calc(100vw * .4935);transform:translateX(-50%);font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}
.shelf-empty p {position:absolute;left:50%;top:calc(100vw * .519);transform:translateX(-50%);font-size:19px;line-height:1.2;color:var(--muted);letter-spacing:-.025em;white-space:nowrap}
.support-passage::before {content:'';position:absolute;left:0;top:calc(100vw * .553385);width:100%;height:calc(100vw * .113281);background:var(--pale)}
.support-passage h2 {position:absolute;left:38.02%;top:calc(100vw * .5807);font-size:44px;line-height:1.2;letter-spacing:-.04em}
.support-passage p {position:absolute;left:37.96%;top:calc(100vw * .615);font-size:20px;line-height:1.3;color:var(--muted);letter-spacing:-.035em}
.support-action {position:absolute;left:66.15%;top:calc(100vw * .59049);width:13.48%;height:calc(100vw * .03906);padding:12px 16px;gap:10px;font-size:19px;white-space:nowrap}
.workspace {background:#fff}
.workspace .site-header {position:relative;height:82px;border-bottom:1px solid #dce9f2}
.page {max-width:1200px;padding:70px 36px 100px;margin:auto;min-height:calc(100vh - 190px)}
.page-heading {max-width:760px;margin-bottom:48px}
.page h1 {font-size:3rem;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.page-heading p {font-size:1.125rem;color:var(--muted);margin-top:18px;max-width:65ch}
.page h2 {font-size:1.375rem;line-height:1.35;letter-spacing:-.025em}
.task-layout {display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:72px}
.task-main {min-width:0}
.task-aside {color:var(--muted);font-size:1rem}
.task-aside>img {width:185px;height:140px;object-fit:contain;display:block;margin:0 0 24px}
.task-aside h2 {color:var(--ink);margin-bottom:12px}
.task-aside p+p {margin-top:20px}
.task-aside>a {display:block;margin-top:24px;font-size:.938rem}
.signin-gate {padding:32px;background:var(--pale);border-radius:14px}
.signin-gate p {margin:12px 0 24px;max-width:65ch}
.signin-gate .field-help {margin-bottom:0}
.entry-form label,.reply label,.status-form label {display:block;font-size:1rem;font-weight:500;margin-bottom:9px}
input,textarea,select {display:block;width:100%;padding:13px 15px;border:1px solid #91abc1;border-radius:10px;background:#fff;color:var(--ink);font:400 1rem/1.5 REM,sans-serif;caret-color:var(--blue)}
textarea {resize:vertical;min-height:140px}
input::placeholder,textarea::placeholder {color:#506582;opacity:1}
input:focus,textarea:focus,select:focus {border-color:#074aa3}
label:not(:first-child) {margin-top:26px}
.optional,.field-help {font-size:.875rem;color:var(--muted);font-weight:400}
.field-help {margin-top:8px}
.form-actions {display:flex;align-items:center;gap:22px;margin-top:32px}
.form-actions .field-help {margin:0}
.form-error {padding:20px 24px;border:1px solid #a83642;background:#fff2f2;border-radius:12px;color:#7e2233;margin-bottom:28px}
.form-error h2 {color:#7e2233;font-size:1.125rem}
.form-error ul {padding-left:22px;margin:12px 0}
.form-error p {font-size:.938rem;margin-top:8px}
.notice {padding:16px 20px;background:#e6f3ec;color:#1d503b;border-radius:12px;margin-bottom:28px}
.page .button {font-size:1rem;min-height:48px;padding:13px 23px;border-radius:10px}
.secondary {background:var(--pale);color:#0754ad}
.secondary:hover {background:#d2e9fb}
.secondary:active {background:#b7daef}
.page-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 56px}
.quiet-link {display:inline-flex;align-items:center;gap:8px}
.site-footer {padding:28px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-top:1px solid #dce9f2;color:var(--muted);font-size:.875rem}
.site-footer>a {font-weight:500;color:var(--ink);text-decoration:none}
.site-footer>div {display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap}
.site-footer>div>a {display:inline-flex;align-items:center;min-height:44px}
.text-button {border:0;padding:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:.22em;font:inherit;cursor:pointer}
.section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.section-heading p {font-size:.875rem;color:var(--muted)}
.entry-list {list-style:none;padding:0;margin:0}
.entry-list li {border-bottom:1px solid #dce9f2}
.entry-list a {display:flex;align-items:center;gap:24px;padding:25px 8px;text-decoration:none}
.entry-list a:hover {background:#f4f9fc}
.entry-list a>div {flex:1;min-width:0}
.entry-list h2 {font-size:1.125rem;margin:4px 0;overflow-wrap:anywhere}
.entry-kind,.date {font-size:.875rem;color:var(--muted)}
.date,time {font-variant-numeric:tabular-nums}
.status {display:inline-block;font-size:.813rem;padding:4px 10px;border-radius:6px;white-space:nowrap;line-height:1.4;background:#e6eef7;color:#29496b;font-weight:500}
.status-open,.status-building {background:#dbeaff;color:#114ea3}
.status-waiting,.status-reviewing {background:#fff1d5;color:#765200}
.status-planned,.status-released {background:#e2f1e7;color:#24533b}
.status-closed,.status-declined {background:#edf0f5;color:#43546c}
.list-empty {padding:56px 0;color:var(--muted)}
.list-empty h2 {color:var(--ink);margin-bottom:10px}
.queue-tabs {display:flex;gap:28px;border-bottom:1px solid #dce9f2;margin-bottom:40px}
.queue-tabs a {padding:14px 0;text-decoration:none;font-weight:500}
.queue-tabs a[aria-current] {border-bottom:2px solid #0978f8;color:#0754ad}
[aria-current="page"] {color:#0754ad}
.back-link {display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:.938rem;margin-bottom:26px;text-decoration:none}
.back-link:hover {text-decoration:underline}
.conversation-heading {margin-bottom:36px}
.conversation-heading h1 {font-size:2.25rem;max-width:28ch}
.conversation-heading p {margin-top:16px;font-size:.938rem;color:var(--muted)}
.message {padding:24px 0;border-bottom:1px solid #dce9f2}
.message:first-child {padding-top:0}
.message header {display:flex;justify-content:space-between;gap:24px;margin-bottom:15px;font-size:.938rem}
.message time {color:var(--muted);font-size:.813rem}
.message-body {white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}
.message-context {font-size:.875rem;color:var(--muted);margin-bottom:14px}
.reply {margin-top:44px}
.reply h2 {margin-bottom:22px}
.reply .button {margin-top:24px}
.status-form {margin-top:28px}
.status-form .button {width:100%;margin-top:16px}
.login-page {max-width:560px;margin:auto;text-align:center}
.login-page>img {width:215px;height:160px;object-fit:contain;display:block;margin:0 auto 26px}
.login-page h1 {font-size:2.5rem}
.login-page>p {margin:20px 0 28px;color:var(--muted)}
.login-page .field-help {margin-top:26px}
.login-page .form-error {text-align:left}
.reading {max-width:72ch;margin:auto}
.reading>p {margin-top:18px;color:var(--muted)}
.reading h2 {margin-top:40px}
.error-page {max-width:660px;margin:60px auto}
.error-page>p {margin-top:24px;color:var(--muted)}
.support-art {transition:transform 260ms var(--ease),filter 260ms var(--ease)}
@media (hover:hover) and (pointer:fine) {
  .support-passage:hover .support-art {transform:translateY(-4px);filter:drop-shadow(2px 12px 12px rgba(8,21,60,.1))}
}
@media (prefers-reduced-motion:reduce) {.support-art {transition:none}.support-passage:hover .support-art {transform:none;filter:none}}
.home {scrollbar-color:#93b9d8 var(--pale);scrollbar-width:thin}
.home::-webkit-scrollbar {width:12px}
.home::-webkit-scrollbar-track {background:var(--pale)}
.home::-webkit-scrollbar-thumb {background:#93b9d8;border:3px solid var(--pale);border-radius:8px}
/* Measured desktop composition in real section flow, not a fixed-height canvas. */
.home-frame {min-height:0}
.home .site-header {position:relative;height:calc(100vw * .039733)}
.brand picture {display:flex;align-items:center}
.hero {position:relative;height:calc(100vw * .2858);background:#f5f9fd}
.hero::before {display:none}
.workshop-art {top:0;mask-image:linear-gradient(to right,transparent,#000 4%)}
.hero h1 {top:calc(100vw * .047267)}
.hero-intro {top:calc(100vw * .169867);font-size:clamp(18px,1.725vw,29px)}
.shelf-action {top:calc(100vw * .204407);font-size:clamp(18px,1.43vw,22px);width:max-content;min-width:224px;height:clamp(52px,4.1vw,63px);padding:12px 32px;gap:12px}
.shelf {position:relative;width:87.11%;margin:auto;height:calc(100vw * .227214);padding-top:calc(100vw * .0306);scroll-margin-top:24px}
.shelf h2 {position:static;font-size:clamp(34px,2.995vw,50px)}
.shelf-rule {position:static;width:100%;margin-top:10px}
.shelf-empty {display:flex;flex-direction:column;align-items:center;padding-top:16px}
.shelf-empty picture {display:block;height:calc(100vw * .0794)}
.empty-art {position:static;display:block;width:10.68vw;height:calc(100vw * .0794)}
.shelf-empty h3 {position:static;transform:none;font-size:clamp(22px,1.82vw,28px);margin-top:5px}
.shelf-empty p {position:static;transform:none;font-size:clamp(16px,1.237vw,19px);margin-top:8px}
.support-passage {position:relative;display:grid;grid-template-columns:minmax(140px,221px) minmax(0,375px) max-content;gap:clamp(24px,3.5vw,54px);justify-content:center;align-items:center;min-height:174px;height:auto;padding:8px 24px;background:var(--pale)}
.support-passage::before {display:none}
.support-passage picture {display:block}
.support-art {position:static;display:block;width:100%;height:auto;aspect-ratio:221/157}
.support-passage h2 {position:static;font-size:clamp(30px,2.86vw,44px)}
.support-passage p {position:static;font-size:clamp(16px,1.302vw,20px);margin-top:8px;line-height:1.4}
.support-action {position:static;width:auto;min-width:204px;height:60px;font-size:clamp(17px,1.237vw,19px);padding:12px 24px}
@media (min-width:1001px) and (max-width:1250px) {
  .site-header nav {gap:16px;font-size:16px}
  .site-header .sign-in {font-size:16px;min-height:40px;padding:9px 18px}
  .brand {font-size:24px}
  .brand-art {width:42px;height:32px}
  .home .site-header {min-height:54px}
}
.review-tabs {flex-wrap:wrap;gap:12px 28px;margin-bottom:20px}
.review-tabs span {font-size:.813rem;margin-left:6px;font-variant-numeric:tabular-nums;color:var(--muted)}
.review-help {font-size:.938rem;color:var(--muted);max-width:75ch;margin-bottom:36px}
.idea-board {padding:30px 32px 40px;border:18px solid transparent;border-image:url('/assets/plates/idea-board-surface.webp') 47 / 1 / 0 round;background:#c8a079 url('/assets/plates/idea-cork-center.webp') repeat;background-size:512px 512px;min-height:340px;box-shadow:0 14px 24px -17px #573e2d65;scroll-margin-top:24px}
.board-heading {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:36px;color:#332519}
.board-heading h2 {font-size:1.375rem;line-height:1.4}
.board-heading p {font-size:.813rem}
.pinned-ideas {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:38px 30px}
.feature-review {position:relative;display:flex;flex-direction:column;gap:18px;min-width:0;padding:34px 26px 24px;background:#fff7d4;border-radius:2px;box-shadow:2px 6px 10px #593e2b25;transform:rotate(-.5deg);transform-origin:50% 8px;transition:transform 200ms cubic-bezier(.16,1,.3,1),box-shadow 200ms cubic-bezier(.16,1,.3,1)}
.feature-review:nth-child(4n+2) {background:#e2effc;transform:rotate(.65deg)}
.feature-review:nth-child(4n+3) {background:#fbe4e7;transform:rotate(.4deg)}
.feature-review:nth-child(4n+4) {background:#eaf3dd;transform:rotate(-.65deg)}
.idea-pin {position:absolute;top:-10px;left:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#91c5ff 0 15%,#0870e8 42%,#0754ad 75%);box-shadow:1px 3px 4px #35251f50;z-index:1;pointer-events:none}
.idea-pin::after {content:'';position:absolute;left:10px;top:15px;width:2px;height:9px;background:#776d64;transform:rotate(-25deg);z-index:-1}
.board-empty {position:relative;background:#fff7d4;padding:32px 28px;max-width:430px;box-shadow:2px 6px 10px #593e2b25;transform:rotate(-.5deg)}
.board-empty h3 {font-size:1.125rem;margin-bottom:14px}
.board-empty p {margin-top:12px;font-size:.938rem}
.board-empty a {display:inline-block;margin-top:20px;min-height:44px;color:#0754ad}
@media(hover:hover) and (pointer:fine) {.feature-review:hover,.feature-review:focus-within {transform:rotate(0deg);box-shadow:2px 9px 14px #593e2b30}}
@media(prefers-reduced-motion:reduce) {.feature-review:nth-child(n),.feature-review:hover,.feature-review:focus-within,.board-empty {transition:none;transform:none}}
.feature-summary {min-width:0;max-width:72ch}
.feature-meta {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}
.feature-review h3 {font-size:1.125rem;line-height:1.4;overflow-wrap:anywhere;margin-bottom:12px}
.feature-summary p+p {margin-top:8px}
.source-link {display:inline-block;margin-top:16px;font-size:.938rem}
.review-actions {display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;padding-top:6px}
.review-actions form {flex:1;min-width:135px}
.review-actions .button {width:100%;padding:12px 16px}
.public-copy {max-width:760px}
.public-copy summary {cursor:pointer;min-height:44px;padding:10px 0;color:#0754ad;text-decoration:underline;text-underline-offset:.22em}
.public-copy[open] {padding:0;background:none;margin-top:4px}
.public-copy .field-help {margin-top:10px}
.public-copy form {margin-top:20px}
.public-copy .unpublish-form {margin-top:24px}
.board-intro {display:flex;align-items:center;justify-content:space-between;gap:32px}
.board-intro>div {max-width:720px}
.board-intro h1 {font-size:2.75rem;line-height:1.12;max-width:22ch}
.board-intro .idea-mascot {width:200px;height:200px;object-fit:contain;flex-shrink:0}
.board-wayfinding {display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;font-size:.938rem;color:#0754ad}
.board-wayfinding a {min-height:44px;padding-block:8px}
.board-privacy {max-width:72ch;margin:24px 0 64px;font-size:.875rem;color:var(--muted)}
.board-heading a {font-size:.875rem;min-height:44px;padding:10px 14px;background:#fff7d4;color:#0754ad;border-radius:6px}
.public-idea {gap:12px;min-height:180px}
.public-idea .feature-meta {margin-bottom:4px}
.public-idea h3 {margin-bottom:0}
.public-idea p {overflow-wrap:anywhere}
.version-notes {max-width:800px;scroll-margin-top:28px}
.version-notes .section-heading {align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.release-entry {padding:30px 0;border-bottom:1px solid #dce9f2;scroll-margin-top:24px}
.release-entry header {margin-bottom:22px}
.release-entry h3 {font-size:1.375rem;line-height:1.4;overflow-wrap:anywhere}
.release-entry h3 span {font-weight:500}
.release-entry time {display:block;margin-top:10px;font-size:.813rem;color:var(--muted);font-variant-numeric:tabular-nums}
.release-entry p {white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}
.release-entry section {margin-top:24px}
.release-entry h4 {font-size:1rem;font-weight:500;margin:0 0 8px}
.release-entry ul {padding-left:24px;margin:0;max-width:72ch}
.release-entry li {padding-left:4px;margin-top:6px;overflow-wrap:anywhere}
.release-empty {padding:28px 0}
.release-empty h3 {font-size:1.125rem;margin-bottom:12px}
.release-empty p {color:var(--muted);max-width:65ch}
.release-previews {margin-top:64px;max-width:800px}
.release-preview {margin-top:32px}
.release-preview>form {margin-top:24px}
.release-composer h2 {margin-bottom:24px}
.release-group {border:0;padding:0;margin:40px 0 0;min-width:0}
.release-group legend {font-size:1.375rem;font-weight:700;padding:0;margin-bottom:18px}
.release-composer textarea {min-height:72px}
.release-other-changes {margin-top:18px}
.release-other-changes summary {padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.release-entry .release-project {margin-top:36px}
.release-project>h4 {font-size:1.25rem;font-weight:700;margin-bottom:16px}
.release-project>section {margin-top:18px}
.release-project h5 {font-size:1rem;font-weight:500;margin:0 0 8px}
.release-identity {display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,150px);gap:24px}
.release-draft-row {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid #dce9f2}
.release-draft-row>div {min-width:0;overflow-wrap:anywhere}
.release-draft-row>div>a {font-weight:500}
.release-draft-row>div>p {margin-top:8px}
.release-draft-row>a {flex-shrink:0;font-size:.938rem}
#saved-preview {scroll-margin-top:24px}
@media (max-width:600px) {.release-identity {grid-template-columns:1fr;gap:0}.release-draft-row {align-items:flex-start;flex-direction:column;gap:12px}}
.devlog-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 48px}
.devlog-groups section {min-width:0}
.devlog-list {list-style:none;padding:0;margin:0}
.devlog-list li {padding:24px 0;border-bottom:1px solid #dce9f2;scroll-margin-top:24px}
.devlog-list h3 {font-size:1.125rem;line-height:1.4;overflow-wrap:anywhere;margin-bottom:10px}
.devlog-list p {max-width:65ch;overflow-wrap:anywhere}
.devlog-list .field-help {margin-top:12px}
.devlog-empty {padding:28px 0;color:var(--muted);font-size:.938rem}
.devlog-note {max-width:72ch;margin-top:56px;padding-top:28px;border-top:1px solid #dce9f2;color:var(--muted);font-size:.938rem}
@media(max-width:700px) {
  .board-intro {align-items:flex-start;gap:12px}
  .board-intro h1 {font-size:2rem}
  .board-intro .idea-mascot {width:110px;height:110px}
  .board-intro>div {min-width:0}
  .idea-board {padding:28px 18px 30px;border-width:12px}
  .board-heading {flex-direction:column;gap:8px}
  .pinned-ideas {grid-template-columns:minmax(0,1fr);gap:32px}
  .feature-review {padding:32px 20px 24px;gap:18px;transform:none!important}
  .review-actions {flex-direction:row;flex-wrap:wrap;padding-top:0}
  .review-actions form {flex:1;min-width:135px}
  .public-copy[open] {padding:0}
  .devlog-groups {grid-template-columns:minmax(0,1fr);gap:36px}
}
@media(max-width:480px) {.board-intro {position:relative;display:block;padding-right:0}.board-intro .idea-mascot {display:block;margin-top:16px;margin-left:auto;width:128px;height:128px}.board-intro h1 {max-width:20ch}}
@media (max-width:1000px) {
  .site-header,.home .site-header,.workspace .site-header {position:relative;height:auto;display:flex;flex-direction:column;align-items:flex-start;padding:18px 24px;gap:20px}
  .brand {position:static;font-size:22px;gap:7px}
  .brand-art {width:36px;height:28px}
  .site-header nav {position:static;gap:18px;font-size:14px;flex-wrap:wrap;line-height:1.4;width:100%}
  .site-header .sign-in {position:absolute;top:16px;right:24px;min-height:40px;font-size:14px;padding:10px 17px}
}
@media (max-width:900px) {
  .hero {height:auto;display:flex;flex-direction:column;padding-top:42px}
  .hero>picture {order:4;display:block;margin-top:32px;height:240px}
  .workshop-art {position:static;display:block;width:100%;height:240px;object-position:right center;mask-image:none}
  .hero h1 {position:static;margin:0 24px;font-size:clamp(40px,7.5vw,64px);line-height:1.02;letter-spacing:-.04em}
  .hero-intro {position:static;margin:20px 24px 0;font-size:17px;line-height:1.6;letter-spacing:-.02em;max-width:32ch}
  .shelf-action {position:static;width:auto;align-self:flex-start;height:54px;padding:12px 25px;margin:24px 24px 0;font-size:18px}
  .shelf {height:auto;width:100%;padding:36px 24px 34px}
  .shelf h2 {font-size:30px}
  .shelf-rule {margin-top:18px}
  .shelf-empty {padding-top:26px;text-align:center}
  .shelf-empty picture {height:104px}
  .empty-art {width:140px;height:104px}
  .shelf-empty h3 {font-size:18px;white-space:normal;margin-top:12px;line-height:1.4;text-wrap:balance}
  .shelf-empty p {font-size:15px;white-space:normal;max-width:32ch;line-height:1.6;margin-top:10px}
  .support-passage {height:auto;display:flex;flex-direction:column;align-items:center;padding:30px 24px 38px;text-align:center;gap:0}
  .support-passage picture {height:106px}
  .support-art {position:static;display:block;width:150px;height:106px}
  .support-passage h2 {position:static;font-size:30px;margin-top:18px}
  .support-passage p {position:static;font-size:16px;margin-top:12px;max-width:32ch;line-height:1.6}
  .support-action {position:static;width:auto;height:52px;padding:12px 24px;font-size:17px;margin-top:24px}
  .page {padding:40px 24px 60px}
  .page h1 {font-size:2rem}
  .page-heading {margin-bottom:32px}
  .page-heading p {font-size:1rem}
  .task-layout {grid-template-columns:minmax(0,1fr);gap:40px}
  .task-aside>img {display:none}
  .task-aside {padding-top:28px;border-top:1px solid #dce9f2}
  .signin-gate {padding:26px 22px}
  .form-actions {flex-direction:column;align-items:flex-start;gap:14px}
  .form-actions .button {width:100%}
  .page-actions {align-items:flex-start;margin-bottom:36px}
  .section-heading {align-items:flex-start;flex-direction:column;gap:7px}
  .entry-list a {gap:12px;flex-wrap:wrap;padding:24px 0}
  .entry-list a>div {flex-basis:70%;min-width:160px}
  .entry-list h2 {font-size:1.063rem}
  .message header {flex-direction:column;gap:4px}
  .login-page h1 {font-size:2rem}
  .queue-tabs {gap:24px;font-size:.938rem}
  .site-footer {padding:26px 24px;flex-wrap:wrap;font-size:.813rem}
  .site-footer>div {gap:22px}
}
@media (max-width:400px) {.brand {font-size:19px}}
/* Only verified releases belong in the catalog. Artwork supports each listing; it never fills empty space. */
.shelf {width:min(87.11%,1200px);height:auto;padding:clamp(44px,5vw,72px) 0 clamp(56px,6vw,88px)}
.catalog-heading {display:flex;align-items:baseline;justify-content:space-between;gap:28px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.catalog-heading h2 {font-size:clamp(34px,2.995vw,50px);line-height:1.2;letter-spacing:-.035em}
.catalog-heading p {max-width:28ch;color:var(--muted);font-size:1rem;text-align:right}
.launcher-passage {display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:26px 30px;border:1px solid #c9dfed;border-radius:14px;background:#f3f9fd}
.launcher-passage>div {max-width:62ch}
.launcher-eyebrow {color:#0754ad;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.launcher-passage h3 {margin-top:6px;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.2;letter-spacing:-.025em}
.launcher-passage h3+p {margin-top:8px;color:var(--muted)}
.launcher-action {flex:none;min-height:48px;padding:13px 22px;white-space:nowrap}
.catalog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:30px 0 0}
.catalog-entry {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;min-width:0;overflow:hidden;background:#fff;border:1px solid #dce9f2;border-radius:14px;transition:border-color 180ms var(--ease)}
.catalog-art {display:grid;place-items:center;aspect-ratio:4/3;margin:0;padding:clamp(18px,2vw,30px);background:var(--pale);border-bottom:1px solid #dce9f2}
.collectible-art {display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.catalog-copy {display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;padding:24px}
.catalog-copy h3 {font-size:1.375rem;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}
.catalog-meta {margin-top:8px;color:#0754ad;font-size:.938rem;font-weight:500;overflow-wrap:anywhere}
.catalog-description {margin-top:12px;color:var(--muted);overflow-wrap:anywhere}
.download-action {align-self:flex-start;min-height:48px;padding:13px 23px;font-size:1rem}
.catalog-empty {padding:34px 0 4px;max-width:42ch}
.catalog-empty h3 {font-size:1.375rem;line-height:1.35;letter-spacing:-.025em}
.catalog-empty p {margin-top:10px;color:var(--muted)}
@media (hover:hover) and (pointer:fine) {.catalog-entry:hover {border-color:#91abc1}}
@media(max-width:1000px) {
  .shelf {width:calc(100% - 48px);padding-top:48px}
  .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:620px) {
  .catalog-heading {display:block}
  .catalog-heading p {margin-top:10px;text-align:left}
  .launcher-passage {flex-direction:column;align-items:stretch;gap:20px;padding:22px}
  .launcher-action {width:100%}
  .catalog-grid {grid-template-columns:minmax(0,1fr);margin-top:24px}
  .catalog-copy {padding:22px}
  .download-action {width:100%}
}