/* Editorial layout shared by the regulations and the getting-started guide. */
.rules-top,.join-top {
  background:linear-gradient(110deg,#e4e9dc,#eeecdf 80%);
  color:#263e31;
  border-bottom:1px solid #cdd2bf;
  padding:34px max(5%,calc((100vw - 1330px)/2)) 42px;
}
.rules-top .breadcrumb,.join-top .breadcrumb {color:#71806a;margin-bottom:25px}
.rules-top .eyebrow,.join-top .eyebrow {color:#8a713c;letter-spacing:2px}
.rules-top h1,.join-top h1 {color:#263e31;font-size:clamp(36px,4vw,55px);line-height:1.1;max-width:850px;margin:15px 0 18px}
.rules-top p,.join-top p {color:#66735d;max-width:720px;font-size:14px;line-height:1.8;margin:0}
.rules-top {padding-top:26px;padding-bottom:29px}
.rules-top .breadcrumb {margin-bottom:15px}
.rules-top h1 {font-size:44px;margin-top:12px;margin-bottom:15px}
.rules-top p {max-width:980px;font-size:13px}

/* A quiet navigation rail, a paper reading surface and a discreet outline. */
.rules-layout {max-width:1420px;grid-template-columns:260px minmax(0,780px) 190px;gap:28px;padding:32px 28px 72px;background:transparent}
.rules-sidebar {border:0;padding:12px 0 24px;top:112px;max-height:calc(100vh - 130px);scrollbar-width:thin;scrollbar-color:#c6ceb9 transparent}
.rules-sidebar>strong {display:none}
.rules-search-label {font-size:11px;color:#6d785e;margin-top:0}
.rules-search-wrap {background:#fbfaf4;border-color:#d0d5c3;border-radius:6px;padding:0 12px}
.rules-search-wrap input {font-size:12px;padding:13px 0}
.rules-search-wrap>span {font-size:20px}
.rules-browser {margin-top:24px}
.rules-browser>summary {display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:1.4px;color:#55684b;padding:13px 0;list-style:none}
.rules-browser>summary::-webkit-details-marker {display:none}
.rules-browser>summary:after {content:'+';font-size:18px;font-weight:400;letter-spacing:0}
.rules-browser[open]>summary:after {content:'−'}
.rules-index {margin-top:1px}
.rules-index details {padding:5px 0;border-color:#d9ddce}
.rules-index summary {padding:12px 3px;font-size:11px;line-height:1.6}
.rules-index details a {font-size:11px;line-height:1.6;padding:10px 10px;border-radius:4px}
.rules-index details a:hover {background:#e6eadd}
.rules-index details a.selected {background:#dce5d4;border-left:3px solid #738b61;color:#2f513c}
.rules-original {padding-left:0!important;color:#8a7646}
#rules-reader {min-width:0}
.rules-article,.rules-results {padding:38px clamp(26px,4vw,58px) 32px;background:#fcfaf3;border:1px solid #d9dccb;border-radius:8px;box-shadow:0 5px 18px #263c3105}
.rule-source {gap:12px;padding-bottom:22px;border-bottom:1px solid #e0e2d4}
.rule-source .status {background:#e8eddf;color:#536b48;padding:6px 9px;font-size:9px;letter-spacing:.8px;border-radius:3px}
.rule-source>a {color:#877347;text-underline-offset:4px;font-size:10px}
.rules-article>h1 {font-size:clamp(29px,3vw,40px);line-height:1.18;margin:28px 0 13px;text-wrap:balance;letter-spacing:-.5px}
.rules-article>h1>span {color:#ac935d;margin-right:5px}
.rules-edition {font-size:10px!important;line-height:1.7!important;padding-bottom:22px;margin:0 0 26px!important;border-bottom:1px solid #e7e8dc;color:#8b927d!important}
.rule-body {max-width:66ch}
.rule-body p,.rule-body li {font-size:14px;line-height:1.95;color:#53614e;overflow-wrap:break-word}
.rule-body p {margin:0 0 18px}
.rule-body p+p {margin-top:0}
.rule-body strong {font-weight:600;color:#354c38}
.rule-body h2 {font:400 26px/1.35 'Libre Caslon Display',serif;color:#304b39;padding:0 0 14px;margin:38px 0 21px;border-bottom:1px solid #dce1cf;scroll-margin-top:125px}
.rule-body .rule-leadin {font-size:12px;font-weight:600;letter-spacing:.15px;color:#3c553c;margin:26px 0 12px}
.rule-body ul,.rule-body ol {margin:12px 0 24px;padding:0 0 0 22px}
.rule-body li {padding-left:7px;margin:7px 0}
.rule-body li::marker {color:#a18b52;font-weight:500}
.rule-body ol {padding-left:26px}
.rule-body ol>li {padding:7px 0 7px 8px;border-bottom:1px solid #e8eadf}
.rule-body ol>li:last-child {border-bottom:0}
.rule-body .rule-definition {padding:15px 0;border-bottom:1px solid #e7e9dc;line-height:1.85}
.rule-definition>strong {display:block;font-size:12px;margin-bottom:4px}
.rule-body code {font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;background:#e8eddf;color:#416144;border-radius:3px;padding:2px 5px;white-space:normal}
.rule-example {margin:16px 0 26px;padding:17px 22px;background:#edf0e5;border-left:3px solid #90a17c;border-radius:0 5px 5px 0}
.rule-example p {margin:0;color:#536747}
.rule-example code {background:none;padding:0}
.chapter-pagination {gap:14px;padding-top:25px;margin-top:38px}
.chapter-pagination a {padding:16px 14px;border:1px solid #d9decc;border-radius:5px;background:#f5f6ed;transition:background .15s}
.chapter-pagination a:hover {background:#e9efdf}
.chapter-pagination a small {font-size:9px;margin-bottom:7px;line-height:1.6}
.chapter-pagination a strong {font-size:11px;line-height:1.6}
.rules-toc {padding:16px 0 20px;top:112px;max-height:calc(100vh - 130px)}
.rules-toc strong {font-size:9px;color:#6b795d;letter-spacing:1.5px}
.rules-toc a {font-size:11px;line-height:1.7;padding:9px 0 9px 13px;border-left:1px solid #d3dac5;color:#7c856d}
.rules-toc a:hover {border-color:#8c9c70;color:#3f603e}
.rules-toc strong+a {margin-top:18px;color:#435f40}
.rules-toc small {font-size:9px;color:#8e967e}
.rule-result {gap:16px;padding:22px 0}
.rule-result h2 {font-size:23px;line-height:1.3}
.rule-result p {line-height:1.8;margin-top:8px;color:#748068}
.rules-results>h1 {font-size:35px;overflow-wrap:anywhere}

/* Five distinct steps with aligned headings, images and supporting notes. */
.guide-progress {position:sticky;top:92px;z-index:10;padding:0 max(4%,calc((100vw - 1080px)/2));justify-content:flex-start;background:#e6eadd;gap:0;box-shadow:0 4px 12px #263c3108}
.guide-progress a {flex:1;padding:19px 16px;border:0!important;font-size:11px;line-height:1.5;gap:10px;white-space:nowrap}
.guide-progress a:hover {background:#dce4d2;color:#2e5239}
.guide-progress a>span {font-size:20px;color:#9a824c}
.illustrated-guide {max-width:1160px;margin-inline:auto;padding:34px 36px 65px}
.guide-step {background:#fcfaf3;border:1px solid #d9dccb;border-radius:8px;margin:0 0 26px;padding:35px 40px;scroll-margin-top:170px;box-shadow:0 5px 18px #263c3105}
.guide-step-heading {gap:18px;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid #e2e5d6;align-items:center}
.guide-step-heading>span {font-size:36px;min-width:56px;line-height:1;padding-right:18px;color:#a58d52;border-color:#d9decb}
.guide-step-heading h2 {font-size:32px;line-height:1.2;letter-spacing:-.3px;text-wrap:balance}
.guide-lead {font-size:14px;line-height:1.9;max-width:70ch;color:#607055;margin:0 0 24px}
.guide-step>.eyebrow {font-size:9px;letter-spacing:1.4px;margin-top:28px;display:block}
.guide-step>.button {padding:14px 21px;font-size:11px}
.guide-small {font-size:11px;line-height:1.8;color:#858f77}
.game-stores {gap:14px;margin:17px 0 24px}
.game-stores>a {border-radius:6px;padding:22px;background:#f5f6ee;border-color:#d8deca;box-shadow:none}
.game-stores strong {font-size:14px}
.store-icon {border-radius:5px;background:#e2e9d8;color:#3b5e3c;font-size:17px;width:36px;height:36px;margin-bottom:17px}
.game-stores>a>span:last-child {margin-top:23px}
.guide-checklist {padding:20px 24px;border-radius:0 5px 5px 0;background:#eaf0e2}
.guide-checklist h3 {font-size:20px;margin-bottom:14px}
.guide-checklist li {font-size:12px;line-height:1.7}
.guide-figure {margin:27px 0 8px}
.guide-shot {border:1px solid #c6cbb9;border-radius:6px}
.guide-shot img {aspect-ratio:auto}
.guide-shot>span {border-radius:4px;bottom:14px;right:14px;padding:9px 13px}
.guide-figure figcaption {padding:12px 0 0;font-size:11px;line-height:1.8}
.guide-figure figcaption small {font-size:9px;letter-spacing:.1px;margin-top:4px}
.guide-note {background:#f0ecd9;border-radius:0 5px 5px 0;padding:22px 24px;margin-top:25px;gap:17px}
.guide-note h3 {font-size:23px;margin-bottom:8px}
.guide-note p {font-size:13px;line-height:1.85}
.platform-instructions {gap:13px;margin:25px 0}
.platform-instructions article {background:#f4f6ec;border-color:#dbe0cf;padding:20px;border-radius:5px}
.platform-instructions p {font-size:12px;line-height:1.85}
.folder-instructions {gap:28px;margin:27px 0}
.folder-instructions h3 {font-size:23px;margin:0 0 13px}
.folder-instructions p {font-size:13px;line-height:1.85}
.folder-instructions pre {padding:22px;font-size:12px;border-radius:0 5px 5px 0;margin:0 0 11px}
.folder-instructions figcaption {font-size:10px;line-height:1.7}
.guide-version {border-radius:0 5px 5px 0;padding:20px 24px}
.guide-version p {margin:10px 0;font-size:12px}
.guide-whitelist-grid {grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}
.guide-whitelist-grid .guide-lead {font-size:14px}
.guide-whitelist-grid>div>p:not(.guide-lead) {font-size:13px;line-height:1.85}
.guide-whitelist-grid .actions {gap:10px;flex-wrap:wrap}
.guide-whitelist-grid .button {padding:12px 14px;font-size:10px}
.guide-connect-box {border-radius:6px;padding:27px 29px;margin:25px 0}
.guide-connect-box strong {font-size:27px}
.guide-connect-box .server-address {gap:18px;align-items:center}
.guide-connect-box code {font-size:17px}
.guide-step>p:not(.guide-lead):not(.guide-small) {font-size:13px;line-height:1.85;color:#69775d}
.guide-keyboard {gap:25px;font-size:12px}
.guide-faq {background:#e9eddf;border:1px solid #d3dbc4;border-radius:8px;padding:32px 40px}
.guide-faq h2 {font-size:32px;margin:15px 0 12px}
.guide-faq details {padding:17px 0;border-color:#d1d9c3}
.guide-faq summary {font-size:13px;line-height:1.7}
.guide-faq details p {font-size:13px;line-height:1.9;padding-left:17px;margin-bottom:0}
.guide-source {font-size:10px;line-height:1.9}

@media(max-width:1280px) {
 .rules-layout {grid-template-columns:235px minmax(0,780px);gap:24px;max-width:1120px;padding:28px 30px 60px}
 .rules-sidebar {top:100px;max-height:calc(100vh - 118px)}
 .rules-toc {display:none}
 .rules-article,.rules-results {padding:30px 34px}
 .guide-progress {padding-inline:3%;top:80px}
 .guide-progress a {font-size:10px;padding:17px 14px}
}
@media(max-width:760px) {
 .rules-top,.join-top {padding:25px 6% 30px}
 .rules-top .breadcrumb,.join-top .breadcrumb {margin-bottom:22px;font-size:10px}
 .rules-top h1,.join-top h1 {font-size:37px;margin:13px 0 15px}
 .rules-top p,.join-top p {font-size:12px;line-height:1.85}
 .rules-layout {display:block;padding:18px 5% 38px}
 .rules-sidebar {position:static;padding:0 0 20px;max-height:none;overflow:visible}
 .rules-sidebar>strong {display:none}
 .rules-search-label {margin:0 0 9px;font-size:11px}
 .rules-browser {margin-top:12px;border:1px solid #d4dbc5;border-radius:5px;padding:0 14px;background:#ecf0e4}
 .rules-browser>summary {font-size:10px;padding:13px 0}
 .rules-index {display:block;max-height:310px;overflow:auto;padding-bottom:10px}
 .rules-index summary {font-size:11px;padding:11px 3px}
 .rules-index details a {font-size:11px;padding:10px 9px}
 .rules-sidebar .rules-original {display:none}
 .rules-article,.rules-results {padding:25px 23px 23px;border-radius:6px}
 .rule-source {padding-bottom:18px;align-items:center}
 .rule-source .status {font-size:8px;letter-spacing:.4px}
 .rule-source>a {font-size:9px}
 .rules-article>h1 {font-size:31px;margin:23px 0 13px;line-height:1.2}
 .rules-edition {font-size:9px!important;padding-bottom:20px;margin-bottom:22px!important}
 .rule-body p,.rule-body li {font-size:13px;line-height:1.95}
 .rule-body h2 {font-size:24px;margin-top:30px;scroll-margin-top:100px}
 .chapter-pagination {gap:10px;margin-top:30px}
 .chapter-pagination a {padding:12px 10px}
 .chapter-pagination a strong {font-size:10px}
 .chapter-pagination a small {font-size:8px}
 .guide-progress {padding:0 4%;overflow-x:auto;scrollbar-width:thin}
 .guide-progress a {flex:none;font-size:10px;padding:15px 13px}
 .guide-progress a>span {font-size:18px}
 .illustrated-guide {padding:20px 5% 40px}
 .guide-step {padding:25px 23px;margin-bottom:20px;border-radius:6px;scroll-margin-top:148px}
 .guide-step-heading {gap:13px;padding-bottom:20px;margin-bottom:21px;align-items:flex-start}
 .guide-step-heading>span {font-size:29px;min-width:43px;padding-right:12px;line-height:1.2}
 .guide-step-heading h2 {font-size:27px;line-height:1.25}
 .guide-lead {font-size:13px;line-height:1.9}
 .game-stores {gap:10px}
 .game-stores>a {padding:17px 13px}
 .guide-checklist {padding:19px 20px}
 .guide-checklist li {font-size:11px}
 .guide-whitelist-grid {grid-template-columns:1fr;gap:24px}
 .guide-whitelist-grid .guide-figure {max-width:460px;margin:auto}
 .guide-whitelist-grid .guide-lead {font-size:13px}
 .platform-instructions {grid-template-columns:1fr;gap:10px}
 .platform-instructions article {padding:18px 20px}
 .folder-instructions {grid-template-columns:1fr;gap:13px}
 .folder-instructions pre {font-size:11px;padding:19px 16px}
 .guide-note,.guide-version {padding:19px 20px}
 .guide-note p {font-size:12px}
 .guide-note-icon {font-size:23px}
 .guide-connect-box {padding:23px 20px}
 .guide-connect-box strong {font-size:23px}
 .guide-connect-box code {font-size:14px}
 .guide-keyboard {gap:18px;font-size:11px}
 .guide-faq {padding:25px 23px;border-radius:6px}
 .guide-faq h2 {font-size:28px}
 .guide-faq details p {font-size:12px;padding-left:0}
}
@media(prefers-reduced-motion:reduce) {
 .game-stores>a,.chapter-pagination a {transition:none;transform:none}
}
