/* Shared workshop identity. The original logo is served without alteration. */
.logo img{width:270px;height:auto;max-width:100%;object-fit:contain}.logo{flex-shrink:0}.language>span{padding:4px 9px;font-size:11px}.nav [aria-current=page]{color:var(--coral)}.page-paper{max-width:1360px;margin:0 auto 24px;background:var(--paper);border-radius:24px 24px 9px 9px;overflow:hidden}.page-heading{position:relative;background:var(--lavender);padding:48px 64px 52px;border-bottom:1px solid #bfb7c9}.back-home{font-size:11px;letter-spacing:2px;font-weight:800}.page-heading h1{max-width:1050px;font-size:clamp(30px,4.2vw,58px);line-height:1.16;letter-spacing:-1.8px;margin:22px 0 0;text-wrap:balance}.chapter-tab{position:absolute;right:50px;bottom:-17px;padding:8px 18px;background:var(--yellow);border:1px solid #ad9e7c;transform:rotate(3deg);font:11px monospace;letter-spacing:2px}.page-content{padding:55px 64px 72px;min-width:0;overflow-wrap:anywhere}.page-content h2,.page-content h3,.page-content h4{line-height:1.3;letter-spacing:-.6px}.page-content h2{font-size:29px;margin-top:36px}.page-content h3{font-size:21px;margin-top:28px}.page-content p,.page-content li{line-height:1.85}.page-content a:not(.drawer):not(.qsc-journal-thumb){text-decoration:underline;text-underline-offset:4px}.page-content img{height:auto;max-width:100%;border-radius:8px}.page-content figure{margin:26px 0}.page-content figcaption{font-size:12px;color:var(--muted);margin-top:8px}.page-content pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto;padding:20px;background:#e9e2d5;border-radius:8px}.page-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.page-content th,.page-content td{padding:12px;text-align:left;border:1px solid #bfb7a6;min-width:100px}.page-content blockquote,.qubu-answer-box{margin:20px 0;padding:20px 24px;background:#e7e5d5;border-left:4px solid #8b9d7d}.page-gdd .page-content,.page-budget .page-content,.page-editorial .page-content,.page-privacy .page-content,.page-terms .page-content,.page-cookies .page-content{max-width:930px;margin:auto}.page-project .page-content,.page-about .page-content,.page-press .page-content{max-width:1080px;margin:auto}.directory-intro{max-width:650px;font-size:19px;margin-bottom:35px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.drawer{position:relative;display:flex;flex-direction:column;border:1px solid #a5af97;background:#e1e7d6;border-radius:8px;padding:26px;box-shadow:0 5px 0 #bdc4ae;min-height:270px;transition:transform .15s}.drawer:hover{transform:translateY(-4px)}.drawer small{font-size:10px;text-transform:uppercase;letter-spacing:1px;max-width:80%}.drawer h2{font-size:23px;margin:28px 0 6px}.drawer p{font-size:13px;line-height:1.7;color:#56604c}.drawer-number{position:absolute;right:20px;top:18px;color:#738267;font:16px monospace}.drawer-open{margin-top:auto;padding-top:18px;font-size:12px;font-weight:bold}.directory-grid .drawer:nth-child(3n+2){background:#ece4d4;border-color:#bdb096;box-shadow:0 5px 0 #d4c5aa}.directory-grid .drawer:nth-child(3n+3){background:#e8deec;border-color:#b5a4bd;box-shadow:0 5px 0 #ccbdd3}.qsc-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin:32px 0}.qsc-journal-card{min-width:0;padding-bottom:25px;border-bottom:1px solid #bfb7a6}.qsc-journal-thumb{display:block;margin-bottom:17px}.qsc-journal-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}.qsc-journal-card time{font-size:11px;color:var(--muted)}.qsc-journal-card h2{font-size:23px;margin:10px 0}.qsc-journal-card h2 a{text-decoration:none!important}.qsc-journal-card p{font-size:13px}.read-more{font-size:12px;font-weight:800}.page-numbers{display:flex;list-style:none;gap:18px;padding:0}.page-numbers a,.page-numbers.current{padding:8px 15px;border:1px solid #bfb7a6;border-radius:5px}.contact-letter{max-width:850px;background:#fffaf0;border:1px solid #ccc1af;padding:50px 55px;box-shadow:7px 9px 0 #e0d4bf;position:relative;margin:15px auto;transform:rotate(-.5deg)}.letter-stamp{display:block;border:2px dashed #c5b291;color:#877459;padding:12px;width:fit-content;margin:0 0 40px auto;font:11px/1.7 monospace;transform:rotate(8deg)}.contact-address{display:block;font-size:clamp(20px,3vw,35px);font-weight:800;margin:30px 0}.contact-letter>p{max-width:650px}.inside .footer{margin-top:15px}.inside .footer .mail{font-size:clamp(18px,3vw,30px)}
/* Retain each tool's layout and controls; integrate its surface into the workshop. */
.page-tool .page-content{padding:42px 40px 60px}.page-tool [class^=qpt-],.page-tool [class^=qpj-],.page-tool [class^=qps-],.page-tool [class^=qpi-],.page-tool [class^=qpc-],.page-tool [class^=qpp-]{--surface:#fffaf0;--line:#bcb5a5;--text:#292635;--muted:#655e70}.page-tool :is(.qpt-json,.qpt-converter,.qpt-sprite,.qpt-palette,.qpt-icons){color:#292635;background:#f3eddf;font-family:Manrope,Arial,sans-serif}.page-tool :is(.qpt-workspace,.qpt-drop,.qpj-result pre,.qpj-editors textarea){background:#fffaf0;color:#292635}.page-tool :is(input:not([type=color]):not([type=range]),textarea,select){max-width:100%;color:#292635!important;background:#fffaf0!important;border-color:#aaa18e!important}.page-tool :is(button,.qpt-button,.qpt-secondary,.qpj-download){font-family:inherit}.page-tool .qpt-private{color:#425b39}.page-tool .qpt-settings legend{float:none;width:auto;padding:0;margin:0 0 18px}.page-tool :is(.qpt-settings,.qps-grid,.qps-settings){min-width:0}.page-tool .qpt-resize{grid-template-columns:repeat(2,minmax(0,1fr))}.page-tool [hidden]{display:none!important}.page-tool :is(.qpt-article,.qpj-article){max-width:850px;margin:55px auto}.page-tool .qpj-kicker{color:#466240}.page-tool .qpj-result pre{border:1px solid #bcb5a5}
@media(max-width:1000px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:22px;gap:20px}.nav{flex-wrap:wrap;gap:18px}.directory-grid,.qsc-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{padding:38px}.page-content{padding:42px 38px}.logo img{width:240px}}
@media(max-width:600px){.header{padding:22px}.logo img{width:240px}.nav{width:100%;gap:12px;font-size:11px;justify-content:space-between}.nav .language{margin-left:0}.page-paper{border-radius:15px;margin:0 8px 20px}.page-heading{padding:30px 22px 40px}.page-heading h1{letter-spacing:-1px;font-size:32px}.chapter-tab{right:22px}.page-content,.page-tool .page-content{padding:36px 20px}.directory-grid,.qsc-journal-grid{grid-template-columns:1fr}.drawer{min-height:230px}.contact-letter{padding:25px 20px;transform:none}.contact-address{font-size:20px}.page-content h2{font-size:25px}.qsc-journal-card h2{font-size:24px}.inside .footer{padding-inline:24px}.page-content ul,.page-content ol{padding-left:22px}.page-tool .qpt-workspace{grid-template-columns:1fr!important}.page-tool .qpt-settings{min-width:0}}
.page-tool :is(button,.qpt-secondary,.qpj-download,.qpp-download,.qpi-download){background:#373245!important;color:#fffaf0!important;border-color:#74697e!important}.page-tool :is(.qps-workspace,.qps-drop,.qpp-card,.qpp-panel){background:#fffaf0;color:#292635}.page-tool :is(.qps-private,#qps-status,.qpp-note,.qpp-card small){color:#536149}.page-tool .qps-settings legend{float:none;width:auto;padding:0;margin:0 0 16px}.page-tool .qps-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.page-tool :is(.qpp-article,.qpp-article h2,.qpp-article h3,.qpp-article a){color:#292635}.page-tool :is(.qpt-json,.qpt-converter,.qpt-sprite,.qpt-palette,.qpt-icons) h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-1px}.page-tool button:disabled{opacity:.5}
.page-tool .qpp-app{--qpp-bg:#f3eddf;--qpp-panel:#fffaf0;--qpp-panel2:#e2e7d7;--qpp-text:#292635;--qpp-muted:#655e70;--qpp-line:#bcb5a5;--qpp-accent:#546b40;--qpp-danger:#aa3434;--qpp-warn:#875700;--qpp-ok:#37623d;box-shadow:0 5px 0 #d9d0bf}.page-tool .qpp-app :is(.qpp-hero,.qpp-presets,.qpp-steps,.qpp-system,.qpp-method){background:#eee8db}.page-tool .qpp-app .qpp-system.is-selected{background:#e1e7d6}.page-tool .qpp-app label{color:#292635}.page-tool .qpp-app .qpp-live-summary{background:#e1e7d6}.page-tool .qpp-app .qpp-steps button.is-active{background:#596d48!important}.page-tool .qpp-app .qpp-steps button.is-active span{color:white}.page-tool .qpp-app .qpp-steps button{margin:2px}.page-tool .qpp-app .qpp-presets button{background:#e4dccb!important;color:#292635!important}
.game-campaign{margin:0;position:relative;isolation:isolate;aspect-ratio:1.12;background:#152021;border:1px solid #80775f;border-radius:3px;overflow:hidden;box-shadow:9px 10px 0 #ddd3be}.game-campaign>img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;display:block}.game-campaign:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#111b2380 0%,transparent 34%,#11191820 48%,#111918ed 100%)}.campaign-top{position:absolute;top:24px;left:26px;right:26px;display:flex;justify-content:space-between;color:#fff5d7;z-index:1;font:9px/1.5 Manrope,sans-serif;letter-spacing:2px}.campaign-title{position:absolute;bottom:64px;left:20px;right:20px;text-align:center;color:#fff5d7;z-index:1}.campaign-title small{font-size:9px;letter-spacing:2px}.campaign-title strong{display:block;font:clamp(30px,4vw,52px)/1.3 Georgia,serif;letter-spacing:2px;margin:12px 0}.campaign-title i{font-size:.5em;font-style:normal}.campaign-title>span{font-size:8px;letter-spacing:4px}.game-campaign figcaption{position:absolute;bottom:18px;left:0;right:0;z-index:1;text-align:center;font-size:9px;letter-spacing:1px;color:#d4c9ae}.game-layout{grid-template-columns:1.15fr 1fr}.game-copy h2{font-size:40px}@media(max-width:760px){.game-layout{grid-template-columns:1fr}.game-campaign{aspect-ratio:1.15}.campaign-title strong{font-size:40px}}