/* FreeMcHosting handbook — purposeful editorial design, no template counters.
   Layered after the original documentation CSS to preserve interactive tools. */
:root {
  --handbook-ink:#1c3329;
  --handbook-green:#295c3c;
  --handbook-muted:#576a59;
  --handbook-line:#d3d9cd;
  --handbook-paper:#f6f4ec;
  --handbook-white:#fcfbf5;
  --handbook-soft:#e9eee3;
}
html {scroll-padding-top:108px}
body {background:var(--handbook-paper)!important;color:var(--handbook-ink);font-family:'Geist',system-ui,sans-serif}
.header {box-shadow:none!important}
.header .wrap {min-height:66px}
.header .brand {font-weight:800!important;letter-spacing:-.055em!important}
.header .docs-tag {font:700 9px/1 var(--font-mono);letter-spacing:.12em;border-radius:3px;padding:6px 7px}
.header .dashboard-btn {background:var(--handbook-ink);border-color:var(--handbook-ink);color:#fff;border-radius:4px}
.header .dashboard-btn:hover {background:var(--handbook-green);color:#fff}
.docs-main-layout {max-width:1320px;grid-template-columns:252px minmax(0,1fr);gap:clamp(32px,4vw,66px);padding-top:48px}
.docs-sidebar{border-right:1px solid var(--handbook-line);padding-right:18px;background:transparent!important}
.sidebar-sticky {padding:0 15px 24px 0;top:96px;gap:29px;scrollbar-width:thin}
.sidebar-search-box {background:transparent!important}
.sidebar-search-input {background:var(--handbook-white)!important;border:1px solid #bdc9b8!important;color:var(--handbook-ink)!important;border-radius:5px;padding:12px 35px 12px 38px;font-size:13px;min-height:45px}
.sidebar-search-input:focus {outline:2px solid #739a75;outline-offset:1px;box-shadow:none!important}
.search-shortcut-hint {padding:2px 3px;color:#607466}
.search-shortcut-hint kbd {background:#fff!important;color:#3f5d46!important;border:1px solid var(--handbook-line)}
.sidebar-heading {color:#46634e;font:700 10px/1.3 var(--font-mono);letter-spacing:.08em}
.sidebar-nav-list {gap:4px}
.category-nav-btn {color:#3a5946!important;font-size:13px;font-weight:560;border:0!important;border-radius:4px;min-height:40px;padding:9px 11px!important}
.category-nav-btn:hover {background:#e9ede1!important;color:#173c25!important}
.category-nav-btn.active {background:#e0eadc!important;color:#204e31!important;font-weight:700}
.count-pill,.category-nav-btn.active .count-pill{background:#f4f5ef!important;color:#45634d!important;border-radius:3px;font:600 10px var(--font-mono);min-width:23px;text-align:center}
.sidebar-tag-cloud{gap:7px}
.sidebar-tag-chip {border-radius:4px!important;background:#f4f5ed!important;border-color:#cbd5c6!important;color:#46604b!important;min-height:30px;padding:5px 9px}
.sidebar-tag-chip.active {background:#244d35!important;color:#fff!important;border-color:#244d35!important}
.sidebar-help-card {background:#e4eadf!important;border:1px solid #bbcdb5!important;border-radius:6px!important;padding:19px 17px}
.sidebar-help-card h4 {font-size:14px;color:var(--handbook-ink)}
.sidebar-help-card p {font-size:12px;line-height:1.65;color:var(--handbook-muted)}
.discord-button {background:#244a33!important;color:#fff;border-radius:4px!important;min-height:36px}
.docs-content-container {min-width:0;padding-bottom:30px}
.category-view-header {margin-bottom:29px;border:0;padding:0}
.docs-editorial-hero{padding:47px 44px 38px;background:#e7eee4;border:1px solid #bdcdb9;position:relative;overflow:hidden;min-height:266px}
.docs-editorial-hero::after{content:"";width:196px;height:196px;position:absolute;right:-41px;bottom:-111px;border:32px solid rgba(47,99,62,.12);transform:rotate(20deg);pointer-events:none}
.category-eyebrow {font:700 10px/1.4 var(--font-mono);letter-spacing:.095em;color:var(--handbook-green);margin-bottom:15px}
.category-view-title {font-size:clamp(35px,4.6vw,60px);line-height:1.05;letter-spacing:-.065em;color:#1f3e2b;margin:0 0 17px;max-width:680px}
.category-view-desc {font-size:15px;line-height:1.7;max-width:620px;color:#526c58}
.docs-hero-note {display:flex;align-items:center;gap:9px;margin-top:23px;color:#466b4e;font-size:11px;font-family:var(--font-mono);line-height:1.6}
.docs-signal {width:8px;height:8px;flex-shrink:0;background:#508f5d;border-radius:50%}
.filter-status-row {margin-top:20px;position:relative;z-index:1;color:#395642}
.reset-filter-btn {background:#fff!important;color:#31553b;border:1px solid #c5d3c0;border-radius:3px}
.docs-start-here {margin:0 0 35px}
.docs-start-here[hidden]{display:none!important}
.docs-starter-heading {display:flex;gap:25px;align-items:end;justify-content:space-between;margin:0 0 17px}
.docs-small-label {font:700 10px/1.4 var(--font-mono);color:#386342;letter-spacing:.08em}
.docs-starter-heading h2,.docs-library-title h2{font-size:clamp(23px,2.6vw,29px);line-height:1.2;letter-spacing:-.05em;font-weight:740;margin:7px 0 0;color:var(--handbook-ink)}
.docs-starter-heading p{max-width:235px;font-size:12px;line-height:1.55;color:#607464;margin:0}
.docs-quick-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #c4cdbf;border-left:1px solid #c4cdbf;gap:0}
.docs-quick-link {display:flex;flex-direction:column;align-items:start;gap:8px;background:#f9f9f3;border-right:1px solid #c4cdbf;border-bottom:1px solid #c4cdbf;padding:24px 25px 21px;min-height:174px;color:var(--handbook-ink);position:relative;transition:background .16s ease}
.docs-quick-link:hover,.docs-quick-link:focus-visible {background:#eaf0e6;color:var(--handbook-ink);outline-offset:-3px}
.docs-quick-symbol {font:600 20px var(--font-mono);color:#356c49;margin:0 0 2px}
.docs-quick-link strong {font-size:17px;line-height:1.3;letter-spacing:-.025em}
.docs-quick-link>span:nth-of-type(2){font-size:12px;line-height:1.6;color:#667768;max-width:28ch}
.docs-quick-link i {position:absolute;right:23px;top:27px;font:500 18px var(--font-mono);color:#557f5d;font-style:normal}
.docs-library-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:36px 0 18px;padding-bottom:17px;border-bottom:1px solid var(--handbook-line)}
.docs-library-title a{font-size:12px;font-weight:650;color:#28603a;text-decoration:none;white-space:nowrap}
.docs-library-title a:hover{text-decoration:underline}
.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.article-card {background:#fbfaf5!important;border:1px solid #d2d9cb!important;border-radius:4px!important;min-height:236px;padding:23px 25px;box-shadow:none!important;transition:background .16s,border-color .16s,transform .16s}
.article-card:hover,.article-card:focus-visible {background:#eff3e9!important;border-color:#7aa582!important;transform:translateY(-2px)!important;outline-offset:2px}
.article-card-top{margin-bottom:18px}
.article-card-title{font-size:18px;font-weight:730;letter-spacing:-.035em;line-height:1.3;color:#20362a}
.article-card-summary{font-size:12.5px;line-height:1.65;color:#607264}
.article-card-footer{margin-top:auto;border-color:#d5ddd0}
.category-badge{background:#e9efdf!important;border:0!important;color:#386344!important;font:700 9px/1.2 var(--font-mono);letter-spacing:.025em;border-radius:2px!important;padding:5px 7px}
.card-tag{background:#f0f2eb;color:#5a6e60}
.card-tag.manual{background:#f3e9d6;color:#8c692b}
.card-tag.auto{background:#e6eaf0;color:#52667e}
.read-arrow{font-size:12px;color:#2b6640}
.read-time-pill{color:#78877a;font-size:11px}
.article-reader-view {background:#fbfaf5!important;border:1px solid #d4dacd!important;border-radius:3px!important;box-shadow:none!important;padding:36px clamp(26px,4vw,58px) 45px}
.reader-top-bar {padding-bottom:22px;border-bottom:1px solid #d6ddce}
.back-to-list-btn {color:#2c6140!important;background:transparent!important;border:0!important;padding:0!important;font-weight:650}
.reader-breadcrumbs{font-size:11px;max-width:100%;line-height:1.45}
.reader-breadcrumbs .current{color:#4f6755}
.reader-meta{gap:9px}
.reader-header{margin-bottom:24px}
.reader-title {font-size:clamp(32px,3.7vw,47px);font-weight:770;line-height:1.13;letter-spacing:-.05em;color:var(--handbook-ink)}
.reader-divider {border-color:#d3daca;margin:25px 0 34px}
.markdown-body {color:#435748;font-size:15px;line-height:1.78;overflow-wrap:anywhere}
.markdown-body p{margin-bottom:20px}
.markdown-body h2{font-size:23px;letter-spacing:-.045em;line-height:1.25;margin:42px 0 15px;color:#24462e;scroll-margin-top:100px}
.markdown-body h3{font-size:18px;letter-spacing:-.028em;line-height:1.35;color:#24462e;scroll-margin-top:100px}
.markdown-body h4{color:#24462e}
.markdown-body a {color:#205f39;text-decoration-thickness:1px;text-underline-offset:3px}
.markdown-body a:hover {color:#123b25}
.markdown-body strong {color:#253b2b}
.markdown-body blockquote {background:#eaf0e6!important;color:#375340;border-left:3px solid #547e5a!important;border-radius:0!important;padding:18px 21px}
.markdown-body ul,.markdown-body ol{padding-left:26px}
.markdown-body li{padding-left:2px;margin:0 0 9px}
.markdown-body table{display:block;overflow:auto;max-width:100%;background:#fdfdf9!important;border:1px solid #cbd4c7!important;border-radius:3px}
.markdown-body th{background:#e7ede2!important;color:#2d4b36!important;border-color:#cbd4c7!important;white-space:normal}
.markdown-body td,.markdown-body th{padding:13px 14px!important;border-color:#d6decf!important}
.markdown-body tr:hover td{background:#edf3e9!important}
.markdown-body :not(pre)>code {background:#e8efe3!important;border:1px solid #d0dfce;color:#2c5539!important;white-space:normal}
.markdown-body pre,.markdown-body .code-block-container{background:#192b20!important;color:#edf7e9!important}
.markdown-body pre{max-width:100%;overflow:auto}
.markdown-body pre code {white-space:pre;overflow-wrap:normal}
.markdown-body img {max-width:100%;height:auto;border:1px solid #cdd6c8}
.old-node-caveat {font-size:13px;line-height:1.7;background:#f1eada;border-color:#b88d53;margin:20px 0}
.legacy-plan-notice {background:#e9eee2;border-color:#69876c}
.reader-footer-nav {border-top:1px solid #d2ddcf;padding-top:25px}
.docs-help-footer{margin:45px 0 0;border-top:1px solid #d5ddce;border-bottom:1px solid #d5ddce;padding:21px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}
.docs-help-footer strong{font-size:16px;letter-spacing:-.025em;color:#274d33}
.docs-help-footer p{font-size:12px;margin:4px 0 0;color:#687a6a;line-height:1.6}
.docs-help-footer>div:last-child{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.docs-help-footer a{display:inline-block;border:1px solid #bfcdbd;color:#285a39!important;padding:9px 12px;border-radius:3px;font-size:11px;font-weight:700;text-decoration:none}
.docs-help-footer a:hover{background:#e9efe2}
.docs-sidebar.open {background:#f6f4ec!important;box-shadow:14px 0 40px #132a241c}
.docs-sidebar.open .sidebar-sticky {max-height:100%;overflow:auto}
/* tool UI: preserve functional controls, visually align main sections */
.tools-view .category-view-header{padding:30px 32px;background:#e6ede3;border:1px solid #c2cfbf}
.tools-view .category-view-title{font-size:clamp(29px,3.5vw,44px)}
:where(a,button,input,select,textarea):focus-visible {outline:2px solid #287449;outline-offset:2px}
@media (max-width:1100px){.docs-main-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}.articles-grid{grid-template-columns:1fr 1fr}.article-card{padding:20px}}
@media(max-width:950px){.docs-main-layout{display:block;padding-top:25px}.docs-sidebar{border:0;padding:20px!important;background:#f6f4ec!important}.sidebar-sticky{padding:0;max-height:100%;overflow:auto}.docs-editorial-hero{padding:35px 30px}.docs-content-container{max-width:900px;margin:auto}}
@media(max-width:620px){.docs-main-layout{padding-top:18px}.docs-editorial-hero{padding:31px 23px;min-height:0}.category-view-title{font-size:36px}.category-view-desc{font-size:13.5px}.docs-hero-note{font-size:10px}.docs-starter-heading{display:block}.docs-starter-heading p{max-width:none;margin-top:8px}.docs-quick-grid{grid-template-columns:1fr}.docs-quick-link{min-height:135px;padding:21px}.articles-grid{grid-template-columns:1fr}.docs-library-title{align-items:start;flex-direction:column;gap:10px}.article-card{min-height:0;padding:22px}.article-reader-view{padding:24px 18px}.reader-title{font-size:30px}.reader-top-bar{align-items:start}.reader-breadcrumbs{font-size:10px}.docs-help-footer{display:block}.docs-help-footer>div:last-child{justify-content:flex-start;margin-top:14px}.reader-tags{flex-wrap:wrap}.header .nav{gap:8px}.header .nav-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){.article-card,.docs-quick-link,.docs-sidebar{transition:none!important}html{scroll-behavior:auto}}
