/* The approved noir language, with a usable creation workbench. */
.creation-flow{padding:55px var(--gutter) 65px;max-width:1700px;margin:auto}.creation-heading{max-width:850px}.creation-heading .eyebrow{margin:32px 0 18px;color:var(--red)}.creation-heading h1{font:400 clamp(48px,5.8vw,82px)/1.02 var(--serif);margin:0 0 25px}.creation-heading>p:last-child{font-size:16px;line-height:1.85;color:#afb7b2;max-width:62ch}.creation-progress{display:flex;gap:45px;margin:42px 0 45px;border-block:1px solid #aeb8b11e;padding:19px 0}.creation-progress a{display:flex;gap:13px;font-size:14px;color:#b8c0ba}.creation-progress span{color:#ce6861;font-size:12px}.creation-workbench{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:11%;align-items:start}.creation-choices h2{font-size:38px;margin:0 0 27px}.creation-choices label{display:block;color:#c4cbc6;font-size:14px;margin:0 0 24px}.creation-choices select{display:block;width:100%;min-height:49px;margin-top:10px;background:#111514;color:var(--paper);border:1px solid #63716870;border-radius:0;padding:11px 12px;font:400 16px var(--sans);cursor:pointer}.creation-choices select:focus-visible{outline:2px solid #b9a3f0;outline-offset:3px}.creation-choices small,.field-help{display:block;color:#98a39b;font-size:13px;line-height:1.8;margin-top:12px}.creation-choices .field-help{margin:-8px 0 22px}.creation-choices .elder-request{font:400 14px/1.7 var(--sans);text-align:left;margin:0 0 23px;color:#b9a3f0}.creation-principle{font-size:14px;line-height:1.9;color:#b2bcb5;margin:30px 0 22px}.creation-choices>.quiet-link{font-size:13px}.creation-package{border-top:1px solid #af5c5675;padding:22px 0 0}.package-top{display:flex;gap:18px;align-items:center;justify-content:space-between}.package-top .eyebrow{font-size:11px;color:#97a69b}.creation-package h2{font:400 clamp(39px,4.5vw,62px)/1.08 var(--serif);margin:28px 0 19px}.creation-package>p{font-size:15px;line-height:1.85;color:#aeb8b1}.package-budget{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin-top:29px}.package-budget>div{border-top:1px solid #a8b9b121;padding:18px 0}.package-budget dt{font-size:12px;color:#9caaa0;margin-bottom:10px}.package-budget dd{font:400 25px/1.25 var(--sans);letter-spacing:-.025em;color:#e0e6df;margin:0}.package-budget div:last-child dd{color:#b9a3f0}.creation-package .package-note{font-size:13px}.creation-next{margin:28px 0;padding:20px 0 4px;border-top:1px solid #a8b9b125}.creation-next .eyebrow{font-size:11px;color:#cf7670}.creation-next p{font-size:15px;line-height:1.85;color:#bdc5bf}.creation-package .button{font-size:13px}.creation-review{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:90px;scroll-margin-top:40px}.creation-review h2{font-size:clamp(43px,5vw,68px);line-height:1.1;margin:20px 0 28px}.creation-loop{list-style:none;counter-reset:creation;display:grid;gap:24px;padding:0}.creation-loop li{counter-increment:creation;position:relative;padding-left:35px}.creation-loop li:before{content:counter(creation,decimal-leading-zero);position:absolute;left:0;top:2px;font-size:12px;color:#b65d57}.creation-loop strong{display:block;font:500 16px/1.5 var(--sans);color:#dbe2dc;margin-bottom:6px}.creation-loop li span{font-size:14px;line-height:1.9;color:#a8b4ac}.creation-receipt{padding:26px 0;border-top:1px solid #b9a3f055;align-self:start}.creation-receipt>.eyebrow{font-size:11px;color:#b9a3f0}.creation-receipt #creation-summary{margin-top:20px}.creation-receipt #creation-summary p{font-size:15px;display:flex;justify-content:space-between;gap:22px;padding-bottom:12px;border-bottom:1px solid #ffffff0f;line-height:1.6}.creation-receipt #creation-summary p>span{font-size:13px;color:#98a79e}.signature-note{font-size:14px;line-height:1.85;color:#b7c2ba;margin:25px 0}.signature-note>strong:first-child{display:inline-block;margin-bottom:7px;font-weight:500;color:#e0e3dc}.creation-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center}.creation-actions .button,.creation-actions .quiet-link,.creation-receipt>.button{font-size:13px;min-height:44px}.creation-feedback{font-size:13px;line-height:1.7;color:#b9a3f0;min-height:24px}.creation-handoff-note{font-size:12px;color:#98a69d;line-height:1.8;margin-top:18px;max-width:55ch}.creation-noscript{font-size:16px;line-height:1.8;padding:25px;border:1px solid #ad655d}.creation-reference,.creation-later{padding:35px var(--gutter) 70px;max-width:1700px;margin:auto}.reference-heading{max-width:780px;margin-bottom:40px}.reference-heading .eyebrow{color:#a7b3aa;font-size:12px}.reference-heading h2{font-size:clamp(42px,5vw,67px);line-height:1.07;margin:18px 0 25px}.reference-heading p{font-size:16px;line-height:1.8;color:#afb9b1}.creation-step-list{max-width:1060px;margin-left:auto}.creation-step-list details{border-block-start:1px solid #85998b30;padding:6px 0;scroll-margin-top:45px}.creation-step-list summary{font:500 19px/1.5 var(--sans);min-height:64px;cursor:pointer;list-style:none;padding:17px 28px 17px 0;position:relative}.creation-step-list summary::-webkit-details-marker{display:none}.creation-step-list summary:after{content:'+';position:absolute;right:0;color:#c96d66}.creation-step-list details[open] summary:after{content:'−'}.creation-step-list summary span{font-size:12px;color:#a9b7ad;margin-right:22px}.creation-step-list details>div{padding:0 0 22px 38px}.creation-step-list p{font-size:16px;line-height:1.9;color:#b7c0b9;max-width:78ch}.creation-step-list h3{font:500 18px/1.5 var(--sans);margin:28px 0 10px}.framework-table{margin:40px 0}.framework-table summary{font-size:16px;cursor:pointer;min-height:44px;padding:15px 0}.table-scroll{overflow:auto;max-width:100%;margin-top:16px}.framework-table table{min-width:880px;width:100%;border-collapse:collapse;font-size:13px}.framework-table th,.framework-table td{padding:15px 13px;border-bottom:1px solid #bcc3bb24;text-align:left;line-height:1.6}.framework-table th{font-weight:500;color:#d9e1d9}.framework-table td{color:#a7b5a9}.framework-table>p,.framework-source{font-size:13px;line-height:1.9;color:#a9b8ad}.framework-source{margin-top:35px}.framework-source a{color:#c3aaf5;text-decoration:underline;text-underline-offset:4px}.ruling-key{padding:40px var(--gutter) 80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;max-width:1700px;margin:auto}.ruling-key h2{font-size:clamp(37px,4vw,54px);line-height:1.13;margin:20px 0}.ruling-key p{font-size:15px;color:#a4b2a8;line-height:1.9;max-width:38ch}.ruling-key dl{margin:0}.ruling-key dl>div{padding:17px 0;border-bottom:1px solid #91a19320}.ruling-key dd{font-size:14px;line-height:1.8;color:#adb9b0;margin:9px 0 0 29px}.ruling-status{display:inline-flex;align-items:center;gap:9px;font:500 13px/1.4 var(--sans);letter-spacing:0;text-transform:none}.ruling-status svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.status-banned{color:#e48b84}.status-allowlist{color:#c3acf0}.status-changed{color:#cdb987}.status-homebrew{color:#9fc2c8}.status-allowed{color:#adc8b2}.ruling-status~p{margin-top:12px}.creation-flow [hidden]{display:none!important}
@media(max-width:900px){.creation-workbench,.creation-review{gap:6%}.creation-progress{gap:24px}.package-budget{gap:0 15px}.package-top{align-items:start;flex-direction:column;gap:12px}.creation-step-list{max-width:none}.ruling-key{gap:6%}}
@media(max-width:650px){.creation-flow{padding-top:35px}.creation-heading .eyebrow{font-size:11px;line-height:1.6}.creation-heading h1{font-size:48px}.creation-heading>p:last-child{font-size:15px}.creation-progress{gap:14px;margin:30px 0;align-items:start}.creation-progress a{display:block;flex:1;font-size:12px;line-height:1.5}.creation-progress span{display:block;margin-bottom:8px}.creation-workbench,.creation-review,.ruling-key{grid-template-columns:1fr;gap:40px}.creation-package h2{font-size:43px}.package-top{flex-direction:row}.package-top .eyebrow{font-size:10px}.package-status .ruling-status{font-size:12px}.package-budget dd{font-size:22px}.creation-review{padding-top:55px}.creation-review h2{font-size:45px}.creation-reference,.creation-later{padding-top:15px;padding-bottom:40px}.reference-heading h2{font-size:44px}.creation-step-list details>div{padding-left:0}.creation-step-list summary{font-size:17px}.creation-step-list p{font-size:15px}.creation-receipt #creation-summary p{font-size:14px}.creation-receipt #creation-summary p>span{font-size:12px}.ruling-key{padding-top:20px;gap:18px}.ruling-key h2{font-size:40px}.ruling-key dd{font-size:14px}}
.creation-flow{padding-top:30px}.creation-heading .back-link{margin:0}.creation-heading .eyebrow{margin:16px 0 12px}.creation-heading h1{font-size:clamp(44px,4.5vw,62px);margin-bottom:18px}.creation-progress{margin:24px 0 30px;padding:16px 0}.ruling-inline-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Optional rules context stays outside the character-planning flow. */
.framework-introduction{padding-bottom:28px}
.framework-document .reading-layout{padding-top:15px}
.framework-document .rich-copy{font-size:16px}
.framework-document .chapter-nav nav a{font-size:14px}
.framework-document .reader-find input{font-size:14px}
.framework-document .rich-copy h3{font:500 20px/1.5 var(--sans);margin-top:32px}
.framework-document .rich-copy h4{font:500 17px/1.5 var(--sans)}
.framework-chapter>p{margin:0 0 18px}
.framework-table-wrap{overflow-x:auto;max-width:100%;margin:26px 0;scrollbar-width:thin;scrollbar-color:#65726b #101413}
.framework-table-wrap:focus-visible{outline:2px solid #b9a3f0;outline-offset:4px}
.framework-document .framework-data{margin:0;font-size:14px}
.framework-data.columns-3{min-width:450px}
.framework-data.columns-4,.framework-data.columns-5{min-width:620px}
.framework-document .framework-grant{color:#b9a3f0;margin-top:8px}
.framework-document .framework-grant strong{color:inherit}
@media(max-width:700px){.framework-document .chapter-nav nav{grid-template-columns:1fr;max-height:220px}.framework-document .rich-copy h2{font-size:31px;line-height:1.25}.framework-document .reading-body{min-width:0}}
.creation-heading .creation-intro{font-size:16px;line-height:1.85;color:#afb7b2;max-width:62ch;margin-bottom:10px}
.creation-heading .creation-origin{font-size:14px;line-height:1.8;color:#98a69e;max-width:none;margin:0}
[data-framework-open]{font:500 14px/1.8 var(--sans);color:#b9a3f0;padding:3px 0;text-decoration:underline;text-decoration-color:#b9a3f060;text-underline-offset:4px;text-align:left}
.creation-origin [data-framework-open]{margin-left:6px}
[data-framework-open]:hover{color:#dfd1fb;text-decoration-color:currentColor}
[data-framework-open]:focus-visible,[data-framework-close]:focus-visible,.framework-modal a:focus-visible{outline:2px solid #b9a3f0;outline-offset:5px}
.framework-source [data-framework-open]{display:block;margin-bottom:8px}
body.framework-modal-open{overflow:hidden}
dialog.framework-modal{width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #b9a3f03b;border-radius:2px;background:#101413;color:#dde3dd;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#65726b #101413;scrollbar-width:thin;box-shadow:0 30px 100px #000b}
.framework-modal::backdrop{background:#050707c9;backdrop-filter:blur(9px)}
.framework-modal-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 32px;background:#101413fa;border-bottom:1px solid #b9a3f029}
.framework-modal-bar .eyebrow{font:400 12px/1.5 var(--sans);letter-spacing:.12em;color:#a6b3aa}
.framework-modal-bar button{min-height:44px;display:flex;align-items:center;gap:15px;font:400 14px/1.5 var(--sans);color:#cfbbf5;padding:8px 0;flex-shrink:0}
.framework-modal-bar button span{font-size:24px;font-weight:400}
.framework-modal-body{padding:28px 40px 36px}
.framework-modal h2{font:400 clamp(36px,4.5vw,55px)/1.12 var(--serif);letter-spacing:0;margin:0 0 20px;outline:none}
.framework-modal h2 em{font:inherit;color:#b9a3f0}
.framework-modal p{font:400 16px/1.85 var(--sans);color:#b5c0b8;margin:12px 0 0}
.framework-modal .framework-lead{color:#d1d9d2;margin:0 0 27px;max-width:56ch}
.framework-modal section{margin-top:25px}
.framework-modal h3{font:500 17px/1.5 var(--sans);color:#e0e5df;margin:0}
.framework-modal strong{font-weight:500;color:#dfe5dd}
.framework-modal p em{font-style:normal;color:#d3dad3}
.framework-modal .framework-modal-source{font-size:14px;border-top:1px solid #b9a3f02e;margin-top:28px;padding-top:22px;color:#95a399}
.framework-modal a{color:#c7aff2;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){dialog.framework-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.framework-modal-bar{padding:8px 20px}.framework-modal-body{padding:25px 22px 30px}.framework-modal h2{font-size:39px}.framework-modal p{font-size:16px}.creation-origin [data-framework-open]{margin-left:0;margin-right:8px}}

/* RC46: the monthly XP chart, beside the Inheritance Bank. The site's hairlines and type; each table's band
   carries the crimson of the announcement's chart. */
.creation-xp{padding:35px var(--gutter) 30px;max-width:1700px;margin:auto;scroll-margin-top:45px}
.xp-body{max-width:1060px;margin-left:auto}
.xp-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.xp-panel{min-width:0;background:linear-gradient(180deg,#ffffff05,transparent 55%);border:1px solid #85998b30}
.xp-panel>header{padding:20px 22px 16px;background:linear-gradient(120deg,#c1544e33,#c1544e0d 58%,transparent);border-bottom:1px solid #c1544e8c}
.xp-panel>header h3{font:400 30px/1.08 var(--display,'Pirata One',Georgia,serif);color:#e6e3dc;margin:0 0 8px;letter-spacing:0}
.xp-panel>header p{font:500 10px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#d79a94;margin:0}
.xp-panel table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.xp-panel thead th{font:500 10px/1.45 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#a7b3aa;padding:16px 6px 12px;text-align:center;vertical-align:bottom;hyphens:auto;overflow-wrap:break-word}
.xp-panel thead th:first-child{width:36%;text-align:left;padding-left:22px}
.xp-panel tbody th{font:500 14px/1.4 var(--sans);color:#d9e1d9;text-align:left;padding:15px 6px 15px 22px}
.xp-panel tbody td{font:500 23px/1 var(--sans);color:#ece9e2;text-align:center;padding:15px 6px}
.xp-panel tbody tr>*{border-top:1px solid #bcc3bb1f}
.xp-bonus{margin:0;padding:4px 22px 10px}
.xp-bonus>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:6px 20px;padding:15px 0}
.xp-bonus>div+div{border-top:1px solid #bcc3bb1f}
.xp-bonus dt{font:500 14px/1.5 var(--sans);color:#d9e1d9}
.xp-bonus dd{margin:0;font:400 14px/1.6 var(--sans);color:#b7c0b9}
.xp-bonus dd strong{display:block;font:500 21px/1.2 var(--sans);color:#ece9e2;margin-bottom:3px;font-variant-numeric:tabular-nums}
.xp-note{font-size:13px;line-height:1.8;color:#a9b8ad;margin:18px 0 0;max-width:78ch}
.xp-note a,.creation-step-list details p a[href="#monthly-xp"]{color:#d4dad2;text-underline-offset:5px;text-decoration-color:#b9a3f050}
@media(max-width:1000px){.xp-chart{grid-template-columns:minmax(0,1fr)}.xp-body{max-width:none}}
@media(max-width:700px){.creation-xp{padding-top:15px;padding-bottom:20px}.xp-panel>header{padding:18px 16px 14px}.xp-panel thead th:first-child,.xp-panel tbody th{padding-left:16px}.xp-panel thead th{letter-spacing:.05em;padding-inline:3px}.xp-panel thead th:first-child{width:34%}.xp-panel tbody td{font-size:20px}.xp-bonus{padding:2px 16px 8px}.xp-bonus>div{grid-template-columns:minmax(0,1fr)}}