/* MAO点科技 · standalone website | no external CSS dependencies */
:root{--bg:#080b11;--bg2:#0c111b;--panel:#101621;--panel2:#141b27;--line:#29303e;--line2:#202838;--text:#f4f6fa;--muted:#a0aabb;--subtle:#78859b;--accent:#ff5559;--accent2:#df343d;--accentsoft:rgba(255,85,89,.12);--max:1100px;--radius:19px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:690px;background:radial-gradient(ellipse 650px 460px at 83% 8%,rgba(145,36,48,.22),transparent 75%),radial-gradient(ellipse 800px 560px at 16% 0,rgba(46,61,106,.17),transparent 73%);pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}img{max-width:100%;height:auto}::selection{background:rgba(255,85,89,.4);color:white}:focus-visible{outline:2px solid #ff7478;outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.site-header{border-bottom:1px solid rgba(255,255,255,.065);background:rgba(8,11,17,.90);backdrop-filter:blur(18px);position:sticky;top:0;z-index:60}.header-inner{height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,#ff6464,#b82033);box-shadow:0 6px 27px rgba(228,55,65,.24);font-size:22px;font-weight:950;letter-spacing:-2px;line-height:1}.brand-name{font-weight:820;font-size:19px;white-space:nowrap;letter-spacing:.4px}.brand-small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:650;color:#97a4b6;line-height:1.3}.header-controls{display:flex;align-items:center;gap:16px}.nav-list{display:flex;align-items:center;gap:5px}.nav-link{font-size:13px;font-weight:630;color:var(--muted);padding:10px 16px;border-radius:9px;white-space:nowrap;transition:background .2s,color .2s}.nav-link:hover{color:var(--text);background:#18202c}.nav-link.active{color:#fff;background:rgba(255,85,89,.13)}.lang-toggle{height:36px;min-width:48px;padding:0 10px;color:#e7ecf5;background:#1a2230;border:1px solid #344053;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.3px}.lang-toggle:hover{border-color:#69788d}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ff8587;font-size:12px;font-weight:790;letter-spacing:2.5px;text-transform:uppercase}.mini-dot{height:7px;width:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(255,85,89,.13)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.6px}h1{font-size:clamp(34px,5vw,58px);font-weight:860}h2{font-size:clamp(23px,3vw,34px)}.accent{color:#ff6a6e}.muted{color:var(--muted)}.main-home{padding:64px 0 84px}.download-intro{text-align:center;max-width:810px;margin:0 auto 32px}.download-intro h1{margin:20px 0 15px}.download-intro p{margin:0 auto;color:#a7b2c4;font-size:15px;line-height:1.85}.download-card{max-width:730px;margin:auto;padding:30px;border:1px solid #343341;background:linear-gradient(150deg,#161c28 0%,#10151f 70%);border-radius:25px;box-shadow:0 22px 76px rgba(0,0,0,.35),0 0 90px rgba(255,85,89,.045);position:relative;overflow:hidden}.download-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#f95b61,transparent)}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:27px}.card-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;color:#ff797c;background:var(--accentsoft);border:1px solid rgba(255,103,108,.25)}.icon{height:22px;width:22px;display:inline-block;flex-shrink:0;vertical-align:middle}.card-icon .icon{width:26px;height:26px}.card-header h2{margin:0 0 4px;font-size:22px;font-weight:790}.card-header p{font-size:13px;color:#97a4b6;margin:0}.form-label{font-size:13px;font-weight:720;color:#e2e7ef;display:block;margin-bottom:10px}.key-field{width:100%;border:1px solid #3b4558;background:#0b1018;border-radius:12px;min-height:58px;color:white;padding:0 18px;letter-spacing:.45px;font-size:16px;transition:.15s}.key-field::placeholder{color:#718095;letter-spacing:0}.key-field:focus{border-color:#ff696b;box-shadow:0 0 0 3px rgba(255,85,89,.12);outline:none}.key-field[aria-invalid=true]{border-color:#ff6868}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-weight:790;line-height:1.25;text-align:center;border-radius:12px;min-height:52px;padding:0 22px;font-size:14px;transition:.18s ease}.btn .icon{width:18px;height:18px}.btn-main{background:linear-gradient(115deg,#ff6465,#e73e48);color:white;box-shadow:0 8px 24px rgba(233,57,66,.21)}.btn-main:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 30px rgba(233,57,66,.30)}.btn-secondary{background:#212a3a;border-color:#3b485b;color:#e8edf7}.btn-secondary:hover{background:#2b3648}.btn-full{width:100%;margin-top:14px;min-height:54px;font-size:15px}.download-status{display:none;margin-top:15px;border:1px solid transparent;border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.6}.download-status[data-state]{display:block}.download-status[data-state=success]{background:rgba(50,199,129,.10);border-color:rgba(50,199,129,.28);color:#8decbd}.download-status[data-state=error]{background:rgba(255,85,89,.1);border-color:rgba(255,85,89,.28);color:#ffabb0}.download-status[data-state=loading]{background:rgba(91,142,243,.1);border-color:rgba(91,142,243,.28);color:#b2cbff}.spinner{display:inline-block;width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}.direct-download{width:100%;margin-top:10px}.form-notes{border-top:1px solid var(--line2);padding-top:19px;margin-top:23px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#96a3b6}.form-notes .icon{width:17px;height:17px;color:#8ca2c1;margin-top:2px}.form-notes p{margin:0}
.resources{margin-top:82px}.section-head{margin-bottom:23px}.section-head h2{margin:12px 0 10px}.section-head p{color:var(--muted);margin:0;font-size:14px}.resource-stack{display:grid;gap:15px}.resource-card{display:flex;align-items:center;gap:23px;padding:25px 27px;background:linear-gradient(120deg,#141b27,#101621);border:1px solid #293346;border-radius:19px;transition:.2s ease;position:relative;overflow:hidden}.resource-card:hover{transform:translateY(-3px);border-color:#74424b;box-shadow:0 15px 39px rgba(0,0,0,.22)}.resource-art{width:72px;height:72px;flex-shrink:0;border-radius:17px;background:linear-gradient(150deg,#323044,#251f30);border:1px solid #4c4050;display:grid;place-items:center;color:#ff777c}.resource-art .icon{width:31px;height:31px}.resource-number{display:block;color:#ff878e;font-size:11px;letter-spacing:2px;font-weight:850;margin-bottom:5px}.resource-title{margin:0 0 6px;font-size:21px;font-weight:790}.resource-description{margin:0;color:#9da9bc;font-size:13px;line-height:1.85}.resource-action{color:#ff858b;font-weight:800;font-size:13px;white-space:nowrap;margin-left:auto}.resource-action .icon{width:16px;height:16px}.resource-card:hover .resource-action{color:white}.small-benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 27px;margin-top:27px;color:#8d9bb0;font-size:12px}.small-benefits span{display:flex;gap:8px;align-items:center}.small-benefits .icon{width:15px;height:15px;color:#ff7177}
.inner-main{padding:46px 0 100px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#8c9aaf;font-size:12px;margin-bottom:28px}.breadcrumb a:hover{color:#fff}.breadcrumb span:last-child{color:#d3daea}.doc-hero{border-bottom:1px solid var(--line2);padding-bottom:27px;margin-bottom:29px}.doc-hero h1{margin:14px 0 11px;font-size:clamp(31px,4vw,45px)}.doc-hero p{margin:0;color:#a6b2c4;max-width:800px;font-size:14px;line-height:1.9}.pill-bar{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.pill{border:1px solid #343c4c;border-radius:999px;padding:5px 11px;background:#151d29;color:#a9b5c7;font-size:11px;font-weight:700}.doc-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.sidebar{position:sticky;top:102px;border:1px solid var(--line);background:#0f1520;border-radius:15px;padding:17px}.sidebar-title{color:#9caabe;font-size:11px;font-weight:850;letter-spacing:1.7px;margin:4px 7px 11px}.sidebar-nav{display:grid;gap:3px}.sidebar-link{display:flex;align-items:center;gap:10px;border-radius:9px;padding:10px 11px;font-size:12px;color:#a9b4c7;font-weight:620;transition:.2s}.sidebar-link:hover,.sidebar-link:focus{color:#fff;background:#1d2634}.sidebar-link span{color:#ff777d;font-size:10px;min-width:23px;font-weight:780}.sidebar-link.active{color:#fff;background:#27202a}.sidebar-bottom{margin-top:16px;padding-top:14px;border-top:1px solid #29303f}.sidebar-bottom a{color:#ff8286;font-size:12px;font-weight:760}.doc-main{min-width:0}.doc-section{border:1px solid var(--line);border-radius:18px;background:linear-gradient(170deg,#101723,#0e141e);padding:26px;margin-bottom:22px;scroll-margin-top:105px}.section-number{font-size:11px;font-weight:840;color:#ff737b;letter-spacing:2px}.doc-section h2{font-size:24px;margin:10px 0 15px;font-weight:820}.doc-section p{font-size:14px;color:#aeb8c8;line-height:1.98;margin:0 0 11px}.doc-section p:last-child{margin-bottom:0}.doc-section strong{color:#eef2fa}.doc-section .highlight{color:#ff8c90}.callout{background:#201d26;border:1px solid #503641;border-left:3px solid var(--accent);border-radius:9px;padding:14px 15px;margin:17px 0;color:#e8ccd1;font-size:13px;line-height:1.85}.callout.soft{background:#15202b;border-color:#38465c;border-left-color:#7597c1;color:#b3c4da}.inline-link{color:#ff8b90;text-decoration:underline;text-decoration-color:#af626b;text-underline-offset:3px;overflow-wrap:anywhere}.inline-link:hover{color:#fff}.doc-image{display:block;margin:19px 0 5px;padding:9px;border-radius:13px;background:#090e17;border:1px solid #313949;overflow:hidden}.doc-image img{display:block;width:100%;height:auto;border-radius:7px;cursor:zoom-in;background:#10151d}.doc-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#8c9aaf;padding:10px 3px 3px}.doc-image figcaption .zoom-label{font-size:11px;color:#ff8185;font-weight:700}.image-stack{display:grid;gap:6px}.doc-crosslink{margin-top:30px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-radius:16px;padding:22px 24px;border:1px solid #4c3946;background:linear-gradient(100deg,#231a23,#151720)}.doc-crosslink p{margin:4px 0 0;color:#ac9eab;font-size:12px}.doc-crosslink .btn{flex-shrink:0}.count-inline{font-size:11px;color:#7d8ba1;font-weight:650;margin-left:7px}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(2,5,10,.96);display:none;align-items:center;justify-content:center;padding:70px 60px 64px;flex-direction:column}.lightbox.open{display:flex}.lightbox img{object-fit:contain;max-height:calc(100vh - 140px);max-width:100%;width:auto;height:auto;border-radius:5px}.lightbox-top{position:absolute;top:20px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#dce6f2;font-size:12px}.lightbox-button{border:1px solid #465067;border-radius:11px;background:#171e2a;color:white;padding:10px 13px;min-height:42px;display:grid;place-items:center}.lightbox-button:hover{background:#30394b}.lightbox-button .icon{width:19px;height:19px}.lightbox-bottom{position:absolute;bottom:19px;display:flex;align-items:center;gap:15px;color:#b7c3d6;font-size:12px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}body.no-scroll{overflow:hidden}
.footer{border-top:1px solid #242c3a;background:#090d14;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#8190a5}.footer-inner b{color:#a6b5c8}.footer-inner a:hover{color:#fff}
[hidden]{display:none!important}
@media(max-width:900px){.doc-grid{grid-template-columns:185px minmax(0,1fr);gap:17px}.sidebar{padding:12px}.doc-section{padding:20px}.resource-card{padding:21px}}
@media(max-width:700px){.wrap{width:min(calc(100% - 28px),var(--max))}.header-inner{height:auto;min-height:69px;flex-wrap:wrap;gap:0;padding:11px 0}.brand-mark{height:38px;width:38px;font-size:20px}.brand-name{font-size:17px}.brand-small{font-size:8px}.header-controls{width:100%;justify-content:space-between;margin-top:9px;gap:7px}.nav-list{gap:3px;flex:1;justify-content:space-between}.nav-link{font-size:11px;padding:7px 9px}.lang-toggle{height:31px;min-width:44px}.main-home{padding:38px 0 66px}.download-intro{margin-bottom:23px}.download-intro h1{font-size:34px;max-width:265px;margin:12px auto}html[lang="en"] .download-intro h1{font-size:31px;max-width:360px}.download-intro p{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.7px}.download-card{padding:21px 17px;border-radius:18px}.card-header{gap:12px;margin-bottom:21px}.card-icon{height:45px;width:45px}.card-header h2{font-size:18px}.card-header p{font-size:12px}.resources{margin-top:54px}.resource-card{gap:14px;padding:18px 15px}.resource-art{height:54px;width:54px;border-radius:13px}.resource-art .icon{width:24px;height:24px}.resource-title{font-size:18px}.resource-description{font-size:12px}.resource-action{margin-left:0;align-self:end}.resource-card{flex-wrap:wrap}.resource-info{flex:1;min-width:calc(100% - 70px)}.resource-action{margin-left:68px;display:block}.section-head h2{font-size:25px}.inner-main{padding:30px 0 65px}.doc-hero h1{font-size:33px}.doc-grid{display:block}.sidebar{position:relative;top:auto;margin-bottom:20px}.sidebar-nav{display:flex;flex-wrap:wrap;gap:6px}.sidebar-link{font-size:11px;padding:8px 10px;border:1px solid #2a3547}.sidebar-bottom{margin-top:10px;padding-top:10px}.doc-section{padding:18px 14px;border-radius:15px}.doc-section h2{font-size:21px}.doc-section p{font-size:13px}.doc-image{padding:4px;margin:15px 0 3px}.doc-image figcaption{font-size:10px;padding:8px 5px 4px}.doc-crosslink{padding:19px;flex-wrap:wrap}.footer-inner{flex-direction:column;align-items:flex-start}.lightbox{padding:84px 7px 76px}.lightbox-nav{top:auto;bottom:16px;transform:none}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.lightbox-bottom{bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* MAO点科技 v2 — readability & customer-facing guide design */
:root{--max:1180px}
.nav-link{font-size:15px}
.lang-toggle{font-size:13px}
.download-intro p{font-size:16px}
.card-header p,.form-label{font-size:15px}
.resource-description{font-size:15px}
.resource-action{font-size:15px}
.section-head p,.form-notes{font-size:15px}
.breadcrumb{font-size:14px}
.doc-hero p{font-size:17px;line-height:1.9;max-width:920px}
.pill{font-size:13px;padding:6px 13px}
.doc-grid{grid-template-columns:276px minmax(0,1fr);gap:28px}
.sidebar{padding:19px;top:98px}
.sidebar-title{font-size:14px;letter-spacing:.6px;margin:5px 7px 15px}
.sidebar-nav{gap:5px}
.sidebar-link{font-size:15px;line-height:1.4;padding:12px 11px;gap:10px;min-height:47px}
/* Only the number is small/red; labels should inherit readable text size. */
.sidebar-link > span:first-child{color:#ff7b81;font-size:12px;min-width:24px;font-weight:800;flex-shrink:0}
.sidebar-link > span:last-child{color:inherit;font-size:inherit;min-width:0;font-weight:650}
.sidebar-link.active > span:last-child{color:#fff}
.sidebar-bottom a{font-size:14px}
.doc-section{padding:30px;margin-bottom:23px}
.section-number{font-size:12px;letter-spacing:1.3px}
.doc-section h2{font-size:27px;margin:12px 0 17px}
.doc-section p{font-size:16px;line-height:1.92;margin-bottom:14px}
.callout{font-size:15px;line-height:1.85;padding:15px 17px}
.doc-image figcaption,.doc-image figcaption .zoom-label{font-size:13px}
.doc-crosslink p{font-size:15px}
.guide-action{display:inline-flex;align-items:center;min-height:48px;padding:11px 17px;background:rgba(255,85,89,.13);border:1px solid rgba(255,110,116,.5);border-radius:11px;color:#ff979c;font-weight:780;font-size:16px;text-decoration:none;transition:.18s}
.guide-action:hover{color:#fff;background:rgba(255,85,89,.25);border-color:#ff7c80}
.feature-jump{margin-left:8px;white-space:nowrap}
@media(max-width:1000px) and (min-width:701px){
  .doc-grid{grid-template-columns:250px minmax(0,1fr);gap:18px}
  .sidebar{padding:13px}
  .sidebar-link{font-size:14px;padding:11px 8px}
  .doc-section{padding:24px}
}
@media(max-width:700px){
  .nav-link{font-size:12px;padding:8px 9px}
  .download-intro p{font-size:15px}
  .resource-description{font-size:14px}
  .section-head p{font-size:15px}
  .inner-main{padding-top:34px}
  .breadcrumb{font-size:13px}
  .doc-hero p{font-size:15px;line-height:1.8}
  .pill{font-size:12px;padding:5px 11px}
  .doc-grid{display:block}
  .sidebar{padding:16px;position:relative;top:auto;margin-bottom:20px}
  .sidebar-title{font-size:14px}
  .sidebar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sidebar-link{font-size:14px;min-height:48px;padding:10px 9px;line-height:1.4;border:1px solid #303747;align-items:flex-start}
  .sidebar-link > span:first-child{font-size:11px;min-width:18px;padding-top:1px}
  .sidebar-bottom a{font-size:14px}
  .doc-section{padding:21px 17px}
  .doc-section h2{font-size:23px}
  .doc-section p{font-size:15px;line-height:1.85}
  .callout{font-size:14px}
  .guide-action{font-size:15px;max-width:100%}
  .doc-image figcaption,.doc-image figcaption .zoom-label{font-size:12px}
  .doc-crosslink p{font-size:14px}
}
@media(max-width:365px){
  .sidebar-nav{grid-template-columns:1fr}
  .sidebar-link{font-size:15px}
}

/* Local Discord installer card */
.installer-card{margin:18px 0 22px;border:1px solid #3a4558;border-radius:14px;background:linear-gradient(125deg,#181f2d,#121824);padding:19px 20px;display:grid;gap:18px}
.installer-card-heading{display:flex;gap:13px;align-items:center}
.installer-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border:1px solid #593e47;border-radius:11px;background:#38232d;color:#ff7f86;font-size:12px;font-weight:800;letter-spacing:.8px}
.installer-card-heading strong{display:block;font-size:18px;color:#f1f4fb;margin-bottom:3px}
.installer-card-heading small{display:block;font-size:13px;color:#a9b8ce}
.installer-download{width:100%;font-size:16px;min-height:53px}
@media(max-width:700px){.installer-card{padding:16px 13px}.installer-download{font-size:14px;min-height:53px}}

/* CMS-generated pages use the same existing MAO dark-red guide style. */
/* Original site's configurable purchase link. */
.shop-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #bc4653;border-radius:9px;padding:10px 14px;background:#3a202a;color:#fff;font-size:14px;font-weight:750;text-decoration:none;min-height:40px}.shop-link:hover{background:#612a38;color:#fff}.shop-link:focus-visible{outline:2px solid #ff929b;outline-offset:3px}.shop-link[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.header-controls.has-shop{flex-wrap:wrap}.has-shop .nav-list{flex-wrap:wrap}@media(max-width:700px){.header-controls.has-shop{justify-content:flex-end;gap:8px}.has-shop .nav-list{flex-basis:100%;justify-content:flex-end}.shop-link{padding:8px 13px;font-size:13px}}

@media(max-width:700px){.standalone-page .header-inner{flex-wrap:nowrap;gap:12px}.standalone-page .header-controls{width:auto;margin-top:0;margin-left:auto}}

/* v2.4 · Porcelain / a quiet, readable light theme. Presentation only. */
:root{color-scheme:light;--bg:#f7f7f9;--bg2:#f2f2f4;--panel:#fff;--panel2:#f6f6f8;--line:#e5e5e7;--line2:#ececee;--text:#2b2b2d;--muted:#676769;--subtle:#747476;--accent:#636365;--accent2:#4d4d4f;--accentsoft:#f2f2f4;--shadow:0 4px 8px #32323403,0 18px 46px #32323408}
body{background:radial-gradient(ellipse 950px 620px at 90% 0,#ededef 0,transparent 78%),linear-gradient(145deg,#fcfcfe,#f5f5f7 65%,#f9f9fb);min-height:100vh;color:var(--text)}
body:before{display:none}::selection{background:#e5e5e7;color:#353537}:focus-visible{outline-color:#737375}
.site-header{background:#ffffffdd;border-bottom-color:#eaeaec;box-shadow:0 4px 24px #35353704;backdrop-filter:blur(20px)}
.brand-mark{color:#fff;background:linear-gradient(140deg,#7f7f81,#434345);box-shadow:0 5px 16px #56565822}.brand-small{color:#747476}
.nav-link:hover{background:#f3f3f5;color:#3d3d3f}.nav-link.active{color:#4d4d4f;background:#f0f0f2}.lang-toggle{background:#fff;color:#59595b;border-color:#e3e3e5}.lang-toggle:hover{background:#f5f5f7;border-color:#b4b4b6}
.eyebrow{color:#6c6c6e;letter-spacing:2px}.mini-dot{background:#828284;box-shadow:0 0 0 4px #ececee}.accent{color:#656567}
h1,h2,h3{font-weight:750;letter-spacing:-.5px}.download-intro p,.card-header p,.resource-description,.form-notes,.small-benefits,.doc-hero p{color:var(--muted)}
.download-card{background:linear-gradient(145deg,#fff,#fbfbfd);border-color:#e6e6e8;box-shadow:0 8px 18px #4a4a4c06,0 28px 70px #4a4a4c10}.download-card:before{background:linear-gradient(90deg,transparent,#c3c3c5,transparent)}
.card-icon{background:#f2f2f4;border-color:#e4e4e6;color:#6a6a6c}.form-label{color:#454547}.key-field{color:#353537;background:#f9f9fb;border-color:#dddddf}.key-field::placeholder{color:#808082}.key-field:focus{border-color:#979799;box-shadow:0 0 0 4px #6e6e7017}.key-field[aria-invalid=true]{border-color:#bd5260}
.btn-main{background:linear-gradient(120deg,#6c6c6e,#4d4d4f);color:#fff;box-shadow:0 6px 16px #50505222}.btn-main:hover:not(:disabled){filter:none;background:linear-gradient(120deg,#5d5d5f,#414143);box-shadow:0 10px 24px #5050522b;transform:translateY(-2px)}.btn-secondary{background:#f4f4f6;border-color:#e0e0e2;color:#535355}.btn-secondary:hover{background:#ececee}
.download-status[data-state=success]{background:#edf8f2;border-color:#c0e2ce;color:#236445}.download-status[data-state=error]{background:#fff2f3;border-color:#edc9cd;color:#a13947}.download-status[data-state=loading]{background:#f3f3f5;border-color:#dcdcde;color:#58585a}.form-notes .icon,.small-benefits .icon{color:#757577}
.resource-card{background:linear-gradient(120deg,#fff,#fbfbfd);border-color:#e6e6e8;box-shadow:var(--shadow)}.resource-card:hover{border-color:#d0d0d2;box-shadow:0 12px 35px #52525413}.resource-art{background:linear-gradient(140deg,#f5f5f7,#ebebed);border-color:#e2e2e4;color:#717173}.resource-number,.resource-action{color:#6c6c6e}.resource-card:hover .resource-action{color:#49494b}
.breadcrumb{color:#767678}.breadcrumb a:hover,.breadcrumb span:last-child{color:#474749}.doc-hero{padding-bottom:32px;margin-bottom:32px}.doc-hero h1{margin-bottom:18px}.doc-hero p{line-height:1.95}.pill{background:#ffffffb3;color:#6c6c6e;border-color:#e5e5e7;font-weight:550}
.sidebar{background:#ffffffcf;border-color:#e6e6e8;box-shadow:var(--shadow)}.sidebar-title{color:#69696b;font-weight:650}.sidebar-link{color:#5c5c5e;font-weight:550;border-color:#e6e6e8}.sidebar-link:hover,.sidebar-link:focus{color:#444446;background:#f4f4f6}.sidebar-link.active{color:#4e4e50;background:#f0f0f2}.sidebar-link.active>span:last-child{color:#4e4e50}.sidebar-link>span:first-child{color:#7f7f81}.sidebar-link>span:last-child{font-weight:550}.sidebar-bottom{border-top-color:#e9e9eb}.sidebar-bottom a{color:#636365}
.doc-section{background:linear-gradient(155deg,#fff,#fdfdff);border-color:#e6e6e8;box-shadow:var(--shadow);padding:28px;margin-bottom:23px;scroll-margin-top:110px}.section-number{color:#7c7c7e;font-weight:650;letter-spacing:1.8px}.doc-section h2{color:#353537;font-size:26px;line-height:1.5;margin:10px 0 17px;font-weight:720}.doc-section p{color:#4d4d4f;font-size:16px;line-height:1.8;margin-bottom:13px;overflow-wrap:anywhere}.doc-section strong{color:#343436}.doc-section .highlight{color:#5f5f61}.callout{background:#f5f5f7;border-color:#e5e5e7;border-left-color:#a3a3a5;color:#565658;line-height:1.9}.callout.soft{background:#f6f6f8;border-color:#e6e6e8;border-left-color:#aaaaac;color:#606062}
.inline-link{color:#5d5d5f;text-decoration-color:#c8c8ca}.inline-link:hover{color:#414143}.guide-action{background:linear-gradient(120deg,#f3f3f5,#ededef);border-color:#dadadc;color:#565658;box-shadow:0 3px 10px #4d4d4f08;font-weight:650;white-space:normal;overflow-wrap:anywhere}.guide-action:hover{color:#49494b;background:#e9e9eb;border-color:#bebec0;box-shadow:0 6px 18px #4d4d4f14;transform:translateY(-1px)}
.doc-image{background:#f9f9fb;border-color:#e6e6e8;padding:8px;box-shadow:0 5px 18px #38383a05}.doc-image img{background:#f2f2f4}.doc-image figcaption{color:#717173;line-height:1.65}.doc-image figcaption .zoom-label{color:#676769}.count-inline{color:#747476}.doc-crosslink{background:linear-gradient(120deg,#f2f2f4,#fdfdff);border-color:#e4e4e6;box-shadow:var(--shadow)}.doc-crosslink p{color:#6a6a6c}
.installer-card{background:linear-gradient(120deg,#f5f5f7,#fcfcfe);border-color:#e4e4e6;box-shadow:0 4px 18px #4b4b4d06}.installer-badge{background:#ebebed;border-color:#dbdbdd;color:#666668}.installer-card-heading strong{color:#404042;overflow-wrap:anywhere}.installer-card-heading small{color:#747476}
.shop-link{background:linear-gradient(120deg,#6c6c6e,#4d4d4f);border-color:#5c5c5e;color:#fff;box-shadow:0 3px 10px #50505219;transition:background .2s,box-shadow .2s,transform .2s}.shop-link:hover{background:#4b4b4d;color:white;box-shadow:0 6px 16px #50505226;transform:translateY(-1px)}.shop-link:focus-visible{outline-color:#737375}
.lightbox{background:#f2f2f4f5;backdrop-filter:blur(16px)}.lightbox-top,.lightbox-bottom{color:#525254}.lightbox-button{background:#fff;color:#4d4d4f;border-color:#dadadc;box-shadow:0 4px 18px #38383a12}.lightbox-button:hover{background:#ededef}.lightbox img{box-shadow:0 14px 55px #32323422}
.footer{background:#ffffff9c;border-color:#e7e7e9}.footer-inner{color:#747476}.footer-inner b{color:#515153}.footer-inner a:hover{color:#48484a}
@keyframes mao-arrive{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.download-intro,.download-card,.doc-hero,.doc-main{animation:mao-arrive .45s ease-out both}.download-card{animation-delay:.06s}.btn,.resource-card,.guide-action,.lang-toggle{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}}
@media(max-width:700px){.doc-section{padding:24px 19px;margin-bottom:22px;scroll-margin-top:195px}.doc-section h2{font-size:23px;margin-bottom:18px}.doc-section p{font-size:15px;line-height:1.8}.sidebar-link{border-color:#e6e6e8}.callout{font-size:15px}.doc-hero h1{font-size:31px;line-height:1.45}.doc-image{padding:5px}.feature-jump{white-space:normal;margin:6px 0}.doc-image figcaption{align-items:flex-start;flex-wrap:wrap}.standalone-page .doc-section{scroll-margin-top:95px}}
/* Keep the mobile header to two rows, or one on independent pages. */
@media(max-width:700px){.header-inner,.standalone-page .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:64px}.header-controls,.standalone-page .header-controls{display:contents}.brand{grid-column:1;grid-row:1}.header-controls .nav-list{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:4px}.header-controls .shop-link{grid-column:2;grid-row:1}.header-controls .lang-toggle{grid-column:3;grid-row:1}.doc-section{scroll-margin-top:145px}}
@media(max-width:380px){.brand{gap:8px}.brand-name{font-size:16px}.brand-small{font-size:7px;letter-spacing:1.6px}.brand-mark{width:34px;height:34px}.shop-link{padding:8px 10px}.header-inner,.standalone-page .header-inner{gap:6px}}

/* v2.4 accents: neutral reading surface, plum actions, jade details. */
:root{--text:#262428;--muted:#625f66;--accent:#7350b5;--accent2:#5e3c9b;--accentsoft:#f2ecfa;--line:#e6e3e9;--line2:#eeebf0}
body{background:radial-gradient(ellipse 700px 440px at 95% 0,#eee5f680,transparent 78%),radial-gradient(ellipse 580px 420px at 0 500px,#e6f3ee70,transparent 80%),#f8f8f7}
.brand-mark{background:linear-gradient(140deg,#8863be,#58358e);box-shadow:0 5px 16px #7045a323}.accent{color:#7850ab}.eyebrow{color:#417467}.mini-dot{background:#3f957e;box-shadow:0 0 0 4px #e6f3ed}.nav-link.active{color:#67469a;background:#f1eafa}.nav-link:hover{color:#5d3e88;background:#f6f1fb}
.btn-main,.shop-link{background:linear-gradient(120deg,#7c56b7,#634099);border-color:#6c47a4;color:#fff;box-shadow:0 5px 16px #6f429e24}.btn-main:hover:not(:disabled),.shop-link:hover{background:linear-gradient(120deg,#6e46a9,#573486);color:#fff;box-shadow:0 9px 23px #6f429e2e}
.guide-action{color:#653a98;background:linear-gradient(120deg,#f4edfc,#ede3f8);border-color:#dac8ee;box-shadow:0 3px 10px #6d419708}.guide-action:hover{color:#512780;background:#e9dcf7;border-color:#b99bd7;box-shadow:0 6px 18px #6d419716}.inline-link{color:#6e429f;text-decoration-color:#c9b4df}.inline-link:hover{color:#522879}
.card-icon,.resource-art{background:#f2ecf9;border-color:#e4d8f0;color:#7951a8}.download-card:before{background:linear-gradient(90deg,transparent,#c0a6dc,#acd3c5,transparent)}.resource-number,.resource-action{color:#725098}.resource-card:hover .resource-action{color:#5d3487}.small-benefits .icon{color:#3d806b}
.sidebar-link.active,.sidebar-link.active>span:last-child{color:#6c439e;background:#f2ebf9}.sidebar-link>span:first-child{color:#765393}.sidebar-bottom a{color:#6e469b}.section-number{color:#36806a}.doc-section h2{color:#28232f}.doc-section p{color:#37343b;font-weight:400;letter-spacing:.1px}.doc-section strong{color:#27212f}.doc-section .highlight{color:#77449f}.doc-hero p{color:#5d5762;font-size:16px;line-height:1.8}.callout{background:#f0f7f3;border-color:#d6e8de;border-left-color:#66a68b;color:#355f4e}.callout.soft{background:#fcf7ed;border-color:#ecdfc5;border-left-color:#c5a15c;color:#79613a}
.installer-badge{background:#e8f4ee;border-color:#cce4d7;color:#35765e}.doc-image figcaption .zoom-label{color:#70508f}.key-field:focus{border-color:#aa85c8;box-shadow:0 0 0 4px #875cb115}:focus-visible,.shop-link:focus-visible{outline-color:#8c64b6}
.doc-section,.installer-card,.download-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.doc-section:hover{transform:translateY(-3px);border-color:#d7c9e4;box-shadow:0 8px 16px #30233c05,0 20px 44px #48325510}.installer-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #30233c0d}.download-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #30233c13}}
@media(max-width:700px){.doc-hero p{font-size:15px;line-height:1.8}.doc-section{padding:22px 18px}.doc-section h2{font-size:22px}.callout{font-size:14px;line-height:1.8}}

/* v2.5 · Firmer typography and restrained carmine details. */
body{font-weight:500;color:#252329}
.brand-small{font-weight:750;color:#605963}.nav-link{font-weight:700}.lang-toggle{font-weight:750}
.download-intro p,.resource-description,.section-head p,.form-notes,.small-benefits,.breadcrumb,.doc-hero p{font-weight:500;color:#514c57}
.card-header p,.form-label{font-weight:600}.resource-action,.resource-number{font-weight:750}
.doc-section p{font-weight:500;color:#2f2b34;letter-spacing:0}.doc-section h2{font-weight:750}.doc-section strong{font-weight:750}
.sidebar-title{font-weight:750}.sidebar-link,.sidebar-link>span:last-child{font-weight:650}.sidebar-link>span:first-child{font-weight:750}.sidebar-bottom a{font-weight:700}
.pill{font-weight:600;color:#58515f}.callout,.callout.soft{font-weight:550}.doc-image figcaption,.doc-image figcaption .zoom-label{font-weight:600}.installer-card-heading small{font-weight:550}.footer-inner{font-weight:550}.footer-inner b{font-weight:750}.count-inline{font-weight:650}
.eyebrow{color:#b13d48;font-weight:800;letter-spacing:1.8px}.mini-dot{background:#c45159;box-shadow:0 0 0 4px #f7e9eb}.section-number{color:#ad424c;font-weight:750;letter-spacing:1.5px}.small-benefits .icon,.form-notes .icon{color:#b64a53}.card-icon{color:#ad4550;background:#fbf0f1;border-color:#efd8dd}.resource-number{color:#ac414d}
.btn-main,.shop-link{background:linear-gradient(120deg,#8050bf,#65389f);border-color:#7043aa}.guide-action{color:#65329b;font-weight:750;background:linear-gradient(120deg,#f4eafa,#eadcf6);border-color:#d7bde9}
/* Keep paragraph strokes firm even with fonts that lack a medium weight. */
body,.doc-section p,.download-intro p,.resource-description,.section-head p,.form-notes,.small-benefits,.breadcrumb,.doc-hero p,.callout,.callout.soft,.installer-card-heading small,.footer-inner{font-weight:600}

/* v2.6: clear chapter navigation and explicit notice colors */
.sidebar-title{font-size:16px;font-weight:800;letter-spacing:0;color:#302737;margin-bottom:14px}
.sidebar-nav{gap:9px}
.sidebar-link{border:1px solid #d8cde4;background:#fff;padding:12px 11px;box-shadow:0 2px 5px #33204408}
.sidebar-link,.sidebar-link>span:last-child{font-size:15px;font-weight:750;color:#33283e;line-height:1.55}
.sidebar-link>span:first-child{font-size:13px;font-weight:800;color:#b13d48;min-width:23px}
.sidebar-link:hover,.sidebar-link:focus-visible{background:#f7f2fc;border-color:#9d76bf;box-shadow:0 3px 10px #59357815}
.sidebar-link.active{border:2px solid #9566b9;padding:11px 10px;background:#f2eafa}
.section-number{display:inline-flex;font-size:18px;font-weight:800;line-height:1.5;letter-spacing:0;color:#a82e3f;background:#fff1f3;border:1px solid #f0d4d9;border-radius:8px;padding:5px 11px}
.callout.callout-red{background:#fff1f2;border-color:#f0c6cc;border-left:4px solid #c43e51;color:#8e2435}
.callout.callout-green{background:#edf8f1;border-color:#bfdfcc;border-left:4px solid #278253;color:#205b3c}
@media(max-width:700px){.sidebar-link{white-space:normal}.sidebar-link,.sidebar-link>span:last-child{font-size:15px}.section-number{font-size:17px}}

/* Keep custom large text inside mobile content bounds. */
.guide-action,.installer-download{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.callout{white-space:pre-line;overflow-wrap:anywhere}

/* v2.9 video guide cards */
.doc-video{margin:20px 0;border:1px solid #ded3e9;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 24px #35214b0a}
.video-heading{display:flex;align-items:center;gap:9px;padding:13px 16px;color:#59307d;font-size:14px;font-weight:750;background:linear-gradient(100deg,#f7f0fc,#fff)}
.video-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#7849b6;color:#fff;font-size:12px}
.guide-video{display:block;width:100%;max-height:65vh;min-height:150px;background:#15121b;object-fit:contain}
.doc-video figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;font-size:15px;line-height:1.7;color:#352b40;font-weight:650}
.doc-video figcaption>span{min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.video-download{font-size:13px;color:#66349b;border:1px solid #dbcbea;background:#f9f4ff;border-radius:8px;padding:6px 11px;font-weight:750}
.video-download:hover{background:#f0e5fb}.doc-video .video-error{margin:0;padding:12px 16px;color:#9e283e;background:#fff1f3;font-size:14px}.video-error[hidden]{display:none}
@media(max-width:700px){.doc-video{margin:16px 0}.doc-video figcaption{padding:12px}.video-heading{padding:11px 12px}}