:root{--bg:#090c12;--panel:#111721;--text:#f2f5fa;--muted:#8e9aaa;--green:#a9e8d2;--purple:#b7a4f8;--border:#252d39;--font:"Helvetica Neue",Helvetica,"PingFang SC",Tahoma,"Hiragino Sans GB",Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button{color:inherit}::selection{background:#a9e8d2;color:#0a1515}:focus-visible{outline:2px solid var(--green);outline-offset:6px}.folia-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.folia-section{padding-top:125px;padding-bottom:15px}.folia-eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--green);font-weight:600}.folia-status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 12px #a9e8d250;vertical-align:middle;margin-right:9px}.folia-site-header{height:86px;border-bottom:1px solid #ffffff08;position:sticky;top:0;z-index:30;background:#090c12ed;backdrop-filter:blur(18px)}.folia-nav-wrap{max-width:1360px;margin:auto;height:100%;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:35px}.folia-brand{display:inline-flex;align-items:center;gap:11px;font-size:27px;font-weight:700;letter-spacing:-.9px;line-height:1}.folia-brand img{width:36px;height:36px;border-radius:10px}.folia-brand-dot{color:var(--green)}.folia-site-header nav{display:flex;gap:35px;align-self:stretch;align-items:center}.folia-site-header nav a{font-size:13px;color:#a4aeba;position:relative;white-space:nowrap}.folia-site-header nav a:hover,.folia-site-header nav a[aria-current]{color:var(--green)}.folia-site-header nav a[aria-current]:after{position:absolute;bottom:-29px;left:35%;width:30%;height:2px;background:var(--green);content:""}.folia-header-github{font-size:12px;display:flex;gap:9px;align-items:center;color:#bec7d3}.folia-header-github i:first-child{font-size:20px}.folia-menu-toggle{display:none}.folia-skip-link{position:fixed;top:-80px;left:20px;background:var(--green);color:var(--bg);padding:12px;z-index:100}.folia-skip-link:focus{top:10px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;font-weight:650}h2{font-size:38px;letter-spacing:-1px}h3{font-size:22px}p{color:var(--muted)}.folia-hero{padding-top:57px;text-align:center;position:relative}.folia-hero:before{content:"";position:absolute;top:0;left:15%;width:70%;height:600px;background:radial-gradient(ellipse,#273f4938,transparent 68%);pointer-events:none;z-index:-1}.folia-hero-eyebrow{color:#a9b7bb;display:flex;align-items:center;justify-content:center;gap:5px;letter-spacing:2px}.folia-eyebrow-divider{color:#3b4951;margin-inline:12px}.folia-hero h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-3px;margin-top:21px}.folia-hero h1 span{color:var(--green)}.folia-hero-subtitle{font-size:20px;color:#d2d9e0;letter-spacing:2px;margin-top:16px}.folia-hero-description{font-size:13px;line-height:1.9;margin-top:15px;color:#8795a7}.folia-hero-stage{margin:38px auto 0;max-width:1060px;border:1px solid #38494b;border-radius:12px;overflow:hidden;box-shadow:0 24px 100px #0008;position:relative;background:#101621}.folia-stage-heading{height:36px;background:#141c24;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-size:9px;letter-spacing:1.5px;color:#9aaeb6}.folia-stage-heading span:first-child{display:flex;align-items:center;gap:8px}.folia-tiny-dot{width:5px;height:5px;background:var(--green);border-radius:50%}.folia-hero-image{width:100%;height:auto}.folia-stage-label{position:absolute;bottom:19px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8595a8;letter-spacing:1px;pointer-events:none}.folia-stage-label span:last-child{font-size:8px}.folia-hero-actions{display:flex;gap:14px;justify-content:center;margin-top:30px}.folia-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 25px;border-radius:6px;font-size:13px;line-height:1.6;font-weight:600;border:1px solid var(--border);transition:background .2s,transform .2s,border-color .2s}.folia-button:hover{transform:translateY(-2px);border-color:#9ec8bb}.folia-button i{font-size:17px}.folia-button.folia-primary{background:var(--green);border-color:var(--green);color:#152c27}.folia-button.folia-primary:hover{background:#c1f3e2}.folia-button.folia-secondary{background:#ffffff03;color:#c5cdd7}.folia-hero-capabilities{display:flex;justify-content:center;gap:35px;margin-top:29px;padding-bottom:29px;font-size:11px;color:#7e8b9b}.folia-hero-capabilities span{display:flex;align-items:center;gap:8px}.folia-hero-capabilities i{font-size:15px;color:#99b3b3}.folia-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:37px}.folia-section-heading h2{margin-top:17px}.folia-section-heading>p{font-size:13px;line-height:1.9;padding-bottom:5px}.folia-mobile-break{display:none}.folia-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:24px}.folia-mode-tabs button{border:0;border-right:1px solid var(--border);background:transparent;padding:21px 23px;text-align:left;display:flex;gap:10px;align-items:center;position:relative;color:#8e9baa;white-space:nowrap}.folia-mode-tabs button:last-child{border-right:0}.folia-mode-tabs button[aria-selected=true]{background:#a9e8d209;color:var(--green)}.folia-mode-tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--green)}.folia-mode-tabs strong{font-size:17px;font-weight:500}.folia-mode-tabs span:not(.folia-tab-no){font-size:10px;letter-spacing:.4px}.folia-mode-tabs .folia-tab-no{font-size:10px;opacity:.5}.folia-mode-tabs i{margin-left:auto}.folia-gallery-image-wrap{border-radius:8px;overflow:hidden;background:#0c1321;aspect-ratio:1.856}.folia-gallery-image{width:100%;height:100%;object-fit:contain;transition:opacity .15s}.folia-gallery-caption{display:flex;justify-content:space-between;gap:25px;padding:23px 0}.folia-gallery-caption h3{font-size:21px;font-weight:500}.folia-gallery-caption p{font-size:13px;margin-top:6px}.folia-gallery-caption>span{color:var(--green);font-size:11px;padding-top:8px;white-space:nowrap}.folia-mode-index{border-top:1px solid var(--border);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.folia-mode-index>span{color:#667586}.folia-mode-index p{letter-spacing:2px}.folia-mode-index a{color:#c8d5d5;white-space:nowrap}.folia-sources{padding-top:120px}.folia-source-layout{display:grid;grid-template-columns: .9fr 1.25fr;gap:60px;align-items:center}.folia-source-list>a{display:flex;gap:21px;align-items:center;padding:26px 0;border-bottom:1px solid var(--border);color:#5b716f}.folia-source-list>a:last-child{border-bottom:0}.folia-source-list>a>div{flex:1}.folia-source-list h3{color:#dfe6eb;font-size:19px;margin-bottom:6px}.folia-source-list p{font-size:12px}.folia-source-icon{border:1px solid #a9e8d228;color:var(--green);width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:20px}.folia-source-visual{border:1px solid var(--border);border-radius:8px;overflow:hidden;transform:perspective(1300px) rotateY(-5deg)}.folia-source-visual img{width:100%}.folia-source-visual figcaption{padding:14px 17px;background:#141b23;font-size:11px;color:#a6b7bd}.folia-fine-print{font-size:11px;color:#657282;line-height:1.9;margin-top:17px}.folia-theme-section{margin-top:110px;background:linear-gradient(180deg,#131721b0,#10131a70);border-block:1px solid #ffffff06;padding-block:74px 55px}.folia-theme-heading{display:flex;justify-content:space-between;gap:50px;margin:20px 0 40px}.folia-theme-heading p{font-size:13px;line-height:2}.folia-text-link{font-size:12px;color:var(--green);display:inline-flex;gap:10px;align-items:center;margin-top:18px}.folia-theme-display{display:grid;grid-template-columns:1fr 105px 1fr;align-items:center}.folia-theme-art{height:305px;border-radius:7px;position:relative;overflow:hidden;padding:23px 27px;background:#261d20;border:1px solid #ffffff12}.folia-theme-cool{background:#141e30}.folia-theme-name{position:relative;z-index:1;font-size:13px;color:#eadbd3}.folia-theme-name small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px;color:#a08782}.folia-theme-cool .folia-theme-name{color:#c8d5f0}.folia-theme-cool .folia-theme-name small{color:#8f9bbb}.folia-color-orbit{height:140px;width:240px;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);filter:blur(14px);opacity:.85}.folia-color-orbit span{position:absolute;border-radius:50%;height:110px;width:145px;background:#b88874;transform:rotate(-28deg);mix-blend-mode:screen}.folia-color-orbit span:nth-child(2){left:85px;top:25px;width:130px;height:110px;background:#8a5065}.folia-color-orbit span:nth-child(3){left:70px;top:-30px;width:80px;height:100px;background:#cfa687}.folia-theme-cool .folia-color-orbit span{background:#4e719d}.folia-theme-cool .folia-color-orbit span:nth-child(2){background:#664d98}.folia-theme-cool .folia-color-orbit span:nth-child(3){background:#6395a2}.folia-swatches{position:absolute;left:27px;bottom:42px;display:flex;gap:5px}.folia-swatches b{display:block;width:25px;height:5px;background:var(--swatch);border-radius:2px}.folia-theme-art p{position:absolute;left:27px;bottom:18px;font-size:10px;letter-spacing:1px;color:#baaaa9}.folia-theme-cool p{color:#929fba}.folia-theme-connector{text-align:center;font-size:9px;color:#7d8796;position:relative}.folia-theme-connector:before,.folia-theme-connector:after{position:absolute;top:50%;height:1px;background:var(--border);width:17px;content:""}.folia-theme-connector:before{left:0}.folia-theme-connector:after{right:0}.folia-editorial-row{display:grid;grid-template-columns:1.35fr .8fr;gap:80px;align-items:center;margin:45px 0 80px}.folia-editorial-image{border:1px solid var(--border);border-radius:8px;overflow:hidden}.folia-editorial-image img{width:100%}.folia-small-label{font-size:10px;letter-spacing:2px;color:#92b7b2}.folia-editorial-copy h3{font-size:31px;margin-top:15px}.folia-editorial-copy p{font-size:13px;margin-top:20px;line-height:2}.folia-editorial-copy a{font-size:12px;color:var(--green);display:inline-block;margin-top:24px}.folia-editorial-copy small{display:block;font-size:9px;color:#657282;margin-top:12px}.folia-editorial-row.folia-reverse{grid-template-columns:.8fr 1.35fr}.folia-editorial-row.folia-reverse .folia-editorial-image{order:2}.folia-custom-note{border-block:1px solid var(--border);padding:28px 0;display:flex;align-items:center;gap:26px}.folia-custom-note>span{color:var(--green);font-size:30px}.folia-custom-note h3{font-size:18px}.folia-custom-note p{font-size:12px;margin-top:5px}.folia-custom-note a{margin-left:auto;color:var(--green);font-size:12px}.folia-download-callout{margin-top:115px;padding:60px 70px;border:1px solid #a9e8d22a;background:radial-gradient(ellipse at 100% 90%,#215d4c38,transparent 65%),#111a1d;border-radius:10px;position:relative;overflow:hidden}.folia-download-callout h2{font-size:42px;margin-top:22px;position:relative;z-index:1}.folia-download-callout p{font-size:12px;margin-top:21px;color:#9daead}.folia-download-callout .folia-hero-actions{justify-content:flex-start;margin-top:26px;position:relative;z-index:1}.folia-desktop-separator{padding-inline:9px;color:#425e56}.folia-callout-decoration{font-size:430px;font-weight:bold;font-family:Georgia,serif;font-style:italic;position:absolute;right:90px;bottom:-220px;line-height:1.5;color:#8bd9bc09;transform:rotate(15deg);pointer-events:none}.folia-faq-section{display:grid;grid-template-columns:.85fr 1.2fr;gap:70px;padding-bottom:110px}.folia-faq-section h2{font-size:31px;margin-top:20px}.folia-faq-section .folia-text-link{margin-top:27px}.folia-faq-list details{border-bottom:1px solid var(--border)}.folia-faq-list details:first-child{border-top:1px solid var(--border)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:14px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;font-weight:300;color:#79918f;line-height:1;transition:transform .2s}details[open] summary{color:var(--green)}details[open] summary>span{transform:rotate(45deg)}details>p{font-size:12px;line-height:2;padding-bottom:23px;padding-right:25px}.folia-site-footer{border-top:1px solid var(--border);padding-top:38px;padding-bottom:28px}.folia-footer-main{display:flex;justify-content:space-between;gap:35px;align-items:center}.folia-footer-main .folia-brand{font-size:24px;gap:8px}.folia-footer-main .folia-brand img{width:31px;height:31px;border-radius:8px}.folia-footer-main p{font-size:11px;margin-top:14px;letter-spacing:1px}.folia-footer-links{display:flex;gap:24px;font-size:11px;color:#96a2ae}.folia-footer-links a:hover{color:var(--green)}.folia-footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#677482;border-top:1px solid #ffffff06;padding-top:22px;margin-top:35px}.folia-copyright{font-size:9px;line-height:1.9;color:#4f5b69;margin-top:15px;max-width:1050px}.folia-copyright a{color:#87998e}.folia-back-top{position:fixed;bottom:25px;right:25px;background:#18232a;border:1px solid #34423f;color:var(--green);width:40px;height:40px;border-radius:50%;z-index:15;opacity:0;visibility:hidden;transition:opacity .2s}.folia-back-top.folia-visible{opacity:1;visibility:visible}dialog{border:1px solid #43505c;background:#10141c;padding:40px 18px 18px;max-width:min(1400px,96vw);max-height:94vh;border-radius:8px;color:var(--text)}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}dialog img{max-height:78vh;object-fit:contain;margin:auto}dialog p{text-align:center;margin-top:12px;font-size:12px}.folia-dialog-close{position:absolute;right:12px;top:0;background:none;border:0;font-size:30px;color:#fff}
/* Download */
.folia-page-intro{padding:74px 0 65px;text-align:center}.folia-page-intro h1{font-size:55px;letter-spacing:-2px;margin-top:22px}.folia-page-intro h1 span{color:var(--green)}.folia-page-intro>p{font-size:14px;line-height:2;margin-top:22px}.folia-section-line{display:flex;align-items:center;gap:20px;margin-bottom:25px}.folia-section-line h2{font-size:23px;letter-spacing:0}.folia-section-line>span{font-size:11px;color:#718192}.folia-section-line:after{content:"";height:1px;background:var(--border);flex:1}.folia-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.folia-platform-card{padding:34px 30px 27px;background:linear-gradient(145deg,#151d28,#111620);border:1px solid var(--border);border-radius:9px}.folia-platform-card:first-child{border-color:#4c6c62;background:linear-gradient(145deg,#182727,#111b20)}.folia-platform-symbol{font-size:36px;line-height:1.2;color:#afc4c3}.folia-platform-card:first-child .folia-platform-symbol{color:var(--green)}.folia-platform-card h3{font-size:28px;letter-spacing:-.5px;margin-top:23px}.folia-platform-tagline{font-size:12px;margin-top:7px}.folia-platform-meta{margin:28px 0 22px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#9cabb9}.folia-platform-meta span:last-child{color:#68788b}.folia-platform-card .folia-button{width:100%;padding-inline:10px}.folia-install-hint{font-size:11px;line-height:1.9;margin-top:20px;min-height:44px}.folia-platform-card .folia-text-link{font-size:11px;margin-top:11px}.folia-download-source{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:20px 0;font-size:11px;color:#728190}.folia-download-source a{color:#a9bcb9}.folia-download-source>span{margin-left:auto;color:#5e6c7d}.folia-mobile-download{padding-top:60px}.folia-mobile-platforms{display:grid;grid-template-columns:1fr 1fr;gap:25px}.folia-mobile-platforms article{display:flex;gap:23px;padding:30px 27px;border:1px solid var(--border);border-radius:8px}.folia-mobile-platforms .folia-platform-symbol{font-size:30px;padding-top:5px}.folia-mobile-platforms h3{font-size:23px}.folia-mobile-platforms p{font-size:12px;line-height:2;margin-top:11px}.folia-mobile-links{display:flex;gap:16px;flex-direction:column;align-items:flex-start;margin-top:23px}.folia-mobile-links>a:last-child{font-size:11px;color:#90aba5}.folia-info-note{display:flex;gap:15px;align-items:flex-start;background:#a9e8d207;border:1px solid #a9e8d21c;border-left:2px solid #7da797;padding:18px 22px;border-radius:4px;margin-top:24px}.folia-info-note>i{font-size:19px;color:#a4c7bd}.folia-info-note p{font-size:12px;line-height:1.95;color:#9eafb9}.folia-download-help{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:65px 0 85px;margin-top:42px;border-top:1px solid var(--border)}.folia-download-help h2{font-size:30px;margin-top:15px}.folia-download-help p{font-size:12px;margin-top:12px}
/* Guide */
.folia-docs-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:65px;padding-top:50px;padding-bottom:95px}.folia-docs-sidebar{align-self:start;position:sticky;top:122px;border-right:1px solid var(--border);padding-right:25px}.folia-docs-label{font-size:14px;font-weight:600;display:flex;gap:9px;align-items:center}.folia-docs-label i{color:var(--green);font-size:18px}.folia-docs-nav{display:flex;flex-direction:column;margin-top:30px;gap:5px}.folia-docs-nav a{font-size:12px;color:#8392a4;border-radius:4px;display:flex;gap:12px;padding:9px 10px}.folia-docs-nav a span{font-size:10px;color:#4d5f6c}.folia-docs-nav a.folia-active{background:#a9e8d20b;color:var(--green)}.folia-docs-nav a.folia-active span{color:#91c6b4}.folia-sidebar-download{display:block;margin-top:27px;border-top:1px solid var(--border);padding:22px 10px;font-size:12px;color:var(--green)}.folia-docs-sidebar>p{font-size:11px;line-height:2.2;padding:30px 10px;color:#4c606c}.folia-chapter-select-label,#chapter-select{display:none}.folia-docs-content{min-width:0;max-width:840px}.folia-docs-breadcrumb{font-size:11px;color:#778797;margin-bottom:28px}.folia-docs-breadcrumb span{padding:0 15px;color:#435463}.folia-docs-content h1{font-size:52px;letter-spacing:-1.8px;margin-top:17px}.folia-docs-content h1 span{color:var(--green)}.folia-docs-lead{margin-top:23px!important;font-size:15px!important}.folia-docs-content section{scroll-margin-top:118px;border-bottom:1px solid var(--border);padding-bottom:48px;margin-bottom:45px}.folia-docs-content section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.folia-docs-content section>.folia-eyebrow{font-size:10px}.folia-docs-content h2{font-size:28px;letter-spacing:-.5px;margin-top:13px;margin-bottom:22px}.folia-docs-content #quick-start h2{margin-top:42px}.folia-docs-content h3{font-size:18px;line-height:1.6;margin-top:30px;margin-bottom:12px;scroll-margin-top:120px}.folia-docs-content p{font-size:13px;line-height:2.1;margin-top:14px;color:#96a4b4}.folia-docs-content p a,.folia-steps a{color:var(--green);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a9e8d240}.folia-docs-content .folia-info-note p{margin-top:0;font-size:12px}.folia-steps{list-style:none;counter-reset:step;padding:0;margin:25px 0}.folia-steps li{position:relative;padding-left:40px;margin:20px 0;color:#aab6c3;font-size:13px;line-height:2;counter-increment:step}.folia-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10px;color:var(--green);width:25px;height:25px;border:1px solid #a9e8d230;border-radius:50%;display:grid;place-items:center;line-height:1}.folia-doc-figure{margin:28px 0}.folia-zoom-image{padding:0;border:1px solid #33424c;background:#121821;border-radius:7px;overflow:hidden;display:block;width:100%;cursor:zoom-in}.folia-zoom-image img{width:100%;transition:filter .2s}.folia-zoom-image:hover img{filter:brightness(1.12)}.folia-doc-figure figcaption{color:#667c8c;font-size:10px;display:flex;justify-content:space-between;gap:15px;padding-top:10px;line-height:1.8}.folia-doc-figure figcaption>span{white-space:nowrap;color:#86a59d}.folia-quick-links{display:flex;gap:15px;margin-top:30px}.folia-quick-links a{padding:14px 19px;font-size:12px;color:var(--green);background:#131c24;flex:1;border:1px solid var(--border);border-radius:5px}code,kbd{font-size:11px;background:#1b252f;color:#b5c9ca;padding:3px 6px;border-radius:3px;font-family:Consolas,monospace;overflow-wrap:anywhere}kbd{white-space:nowrap;border-bottom:1px solid #465459}.folia-mode-guide{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-top:20px}.folia-mode-guide>div{border-bottom:1px solid var(--border);padding:17px 0;display:flex;align-items:center;gap:15px}.folia-mode-guide strong{color:#c5dcd5;font-size:13px;white-space:nowrap}.folia-mode-guide span{font-size:11px;color:#788d9c}.folia-config-example{border:1px solid var(--border);border-radius:6px;background:#111923;padding:23px 25px;margin-block:25px}.folia-config-example>span{font-size:10px;color:#667f8a;letter-spacing:1px}.folia-config-example>div{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #25333c}.folia-config-example>div:last-child{border:0}.folia-config-example b{width:90px;font-size:12px;color:#acbfc4;font-weight:400}.folia-config-example code{background:none;color:var(--green);padding:0}.folia-connection-diagram{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--border);padding:23px 15px;border-radius:6px;margin-top:30px;background:#121b23}.folia-connection-diagram span{text-align:center;font-size:12px;color:#c1d4d0}.folia-connection-diagram small{display:block;color:#66808e;font-size:9px;margin-top:4px}.folia-connection-diagram b{color:#5a7e77;font-weight:400}.folia-docs-content .folia-faq-list{margin-top:28px}.folia-docs-end{padding:25px;background:#111b20;margin-top:40px;border-radius:6px}.folia-docs-end h3{margin-top:0}.folia-docs-end>a{color:var(--green);font-size:12px}.folia-docs-end>p{font-size:10px;color:#627581}
@media(min-width:1600px){.folia-hero h1{font-size:76px}.folia-hero-stage{max-width:1100px}}
@media(max-width:1100px){.folia-wrap{width:calc(100% - 64px)}.folia-nav-wrap{padding-inline:32px}.folia-mode-tabs button{padding-inline:15px;gap:7px}.folia-mode-tabs span:not(.folia-tab-no){font-size:8px}.folia-mode-index{flex-wrap:wrap}.folia-source-layout{gap:35px}.folia-editorial-row{gap:45px}.folia-footer-links{gap:15px}.folia-docs-layout{gap:35px;grid-template-columns:215px minmax(0,1fr)}.folia-docs-sidebar{padding-right:15px}.folia-platform-card{padding:27px 22px}.folia-download-source>span{margin-left:0;width:100%}.folia-theme-heading{gap:30px}.folia-theme-heading h2{font-size:34px}.folia-theme-heading p{font-size:12px}.folia-faq-section{gap:35px}.folia-doc-figure figcaption{display:block}.folia-doc-figure figcaption>span{display:block;margin-top:3px}}
@media(max-width:760px){html{scroll-padding-top:90px}.folia-wrap{width:calc(100% - 40px)}body{font-size:14px}.folia-site-header{height:68px}.folia-nav-wrap{padding-inline:20px;gap:16px}.folia-brand{font-size:25px}.folia-brand img{width:31px;height:31px;border-radius:8px}.folia-menu-toggle{display:block;background:none;border:0;font-size:23px;margin-left:auto;padding:4px;line-height:1}.folia-header-github{font-size:20px}.folia-header-github span,.folia-header-github i:last-child{display:none}.folia-site-header nav{display:none;position:absolute;top:67px;left:0;right:0;flex-direction:column;background:#101620;border-bottom:1px solid var(--border);gap:0;padding:12px 20px}.folia-site-header nav.folia-open{display:flex}.folia-site-header nav a{width:100%;padding:13px 10px;font-size:14px}.folia-site-header nav a[aria-current]:after{display:none}.folia-hero{padding-top:38px}.folia-hero-eyebrow{font-size:9px;letter-spacing:1.5px}.folia-hero h1{font-size:40px;letter-spacing:-2px;margin-top:23px;white-space:nowrap}.folia-hero-subtitle{font-size:14px;letter-spacing:1px;margin-top:14px}.folia-hero-description{font-size:11px;margin-top:16px;line-height:2}.folia-hero-stage{margin-top:29px;border-radius:7px;width:100%}.folia-stage-heading{height:29px;font-size:7px;padding-inline:10px;letter-spacing:.5px}.folia-stage-label{display:none}.folia-hero-actions{gap:10px;margin-top:24px}.folia-button{font-size:12px;min-height:45px;padding:10px 20px}.folia-hero-capabilities{gap:11px;flex-wrap:wrap;margin-top:24px;padding-bottom:0}.folia-hero-capabilities span{font-size:9px;gap:4px}.folia-hero-capabilities i{font-size:11px}.folia-section{padding-top:75px}h2{font-size:29px;letter-spacing:-.8px}.folia-eyebrow{font-size:9px;letter-spacing:2px}.folia-section-heading{display:block;margin-bottom:26px}.folia-section-heading h2{margin-top:15px}.folia-section-heading>p{font-size:12px;margin-top:17px}.folia-mobile-break{display:block}.folia-mode-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#34443f transparent;margin-bottom:16px}.folia-mode-tabs button{flex:0 0 43%;padding:16px 12px;gap:8px}.folia-mode-tabs strong{font-size:15px}.folia-mode-tabs span:not(.folia-tab-no){font-size:8px}.folia-mode-tabs .folia-tab-no{font-size:8px}.folia-mode-tabs i{font-size:12px}.folia-gallery-caption{display:block;padding:17px 0}.folia-gallery-caption h3{font-size:18px}.folia-gallery-caption p{font-size:11px;line-height:1.9;margin-top:8px}.folia-gallery-caption>span{display:block;padding-top:10px;font-size:9px}.folia-mode-index{gap:9px;padding:17px 0;display:block;font-size:10px}.folia-mode-index p{font-size:10px;letter-spacing:1px;margin-top:7px}.folia-mode-index a{display:block;margin-top:10px}.folia-source-layout{grid-template-columns:1fr;gap:25px}.folia-source-list>a{padding:19px 0;gap:16px}.folia-source-list h3{font-size:18px}.folia-source-list p{font-size:11px}.folia-source-visual{transform:none}.folia-fine-print{font-size:9px}.folia-theme-section{margin-top:65px;padding:45px 0 35px}.folia-theme-heading{display:block;margin:17px 0 25px}.folia-theme-heading h2{font-size:29px}.folia-theme-heading>div{margin-top:20px}.folia-theme-heading p{font-size:11px}.folia-theme-display{grid-template-columns:1fr 1fr;gap:12px}.folia-theme-connector{display:none}.folia-theme-art{height:220px;padding:16px}.folia-theme-name{font-size:12px}.folia-theme-name small{font-size:6px;letter-spacing:1px}.folia-color-orbit{transform:translate(-50%,-50%) scale(.65);top:54%}.folia-swatches{left:16px;bottom:37px}.folia-swatches b{width:19px;height:4px}.folia-theme-art p{font-size:8px;left:16px;bottom:14px;letter-spacing:0}.folia-editorial-row,.folia-editorial-row.folia-reverse{grid-template-columns:1fr;gap:23px;margin:30px 0 45px}.folia-editorial-row.folia-reverse .folia-editorial-image{order:0}.folia-editorial-copy h3{font-size:27px}.folia-editorial-copy p{font-size:12px;margin-top:14px}.folia-editorial-copy a{margin-top:16px}.folia-small-label{font-size:9px}.folia-custom-note{gap:15px;padding:22px 0;flex-wrap:wrap}.folia-custom-note>span{font-size:25px}.folia-custom-note>div{flex:1}.folia-custom-note h3{font-size:16px}.folia-custom-note p{font-size:10px}.folia-custom-note>a{font-size:11px}.folia-download-callout{margin-top:65px;padding:33px 25px}.folia-download-callout h2{font-size:31px;margin-top:18px}.folia-download-callout p{font-size:11px;line-height:2}.folia-desktop-separator{display:none}.folia-download-callout .folia-hero-actions{flex-wrap:wrap;justify-content:flex-start}.folia-callout-decoration{right:15px;font-size:300px;bottom:-130px}.folia-faq-section{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.folia-faq-section h2{font-size:28px}.folia-faq-section .folia-text-link{margin-top:17px}summary{font-size:12px;padding:19px 0}details>p{font-size:11px;padding-right:10px}.folia-footer-main{display:block}.folia-footer-main p{font-size:10px}.folia-footer-links{margin-top:25px;flex-wrap:wrap;gap:12px 22px;font-size:10px}.folia-footer-bottom{font-size:8px;gap:10px;flex-wrap:wrap;margin-top:25px;padding-top:18px}.folia-copyright{font-size:8px;line-height:2}.folia-site-footer{padding-top:30px}.folia-back-top{right:13px;bottom:16px;width:35px;height:35px}.folia-page-intro{padding:45px 0}.folia-page-intro h1{font-size:36px;letter-spacing:-1.3px}.folia-page-intro>p{font-size:12px;margin-top:18px}.folia-section-line h2{font-size:20px}.folia-section-line>span{font-size:9px}.folia-section-line{gap:12px}.folia-platform-grid{grid-template-columns:1fr;gap:16px}.folia-platform-card{padding:25px;position:relative}.folia-platform-symbol{font-size:31px}.folia-platform-card h3{font-size:26px;margin-top:15px}.folia-platform-tagline{font-size:11px}.folia-platform-meta{margin:19px 0;gap:3px}.folia-platform-card .folia-install-hint{min-height:0;margin-top:15px}.folia-mobile-download{padding-top:42px}.folia-mobile-platforms{grid-template-columns:1fr;gap:15px}.folia-mobile-platforms article{padding:23px 20px;gap:18px}.folia-mobile-platforms p{font-size:11px}.folia-mobile-platforms h3{font-size:21px}.folia-mobile-platforms p br{display:none}.folia-download-source{font-size:10px;gap:6px}.folia-info-note{padding:15px;gap:11px}.folia-info-note p{font-size:11px}.folia-download-help{padding:40px 0 55px;display:block;margin-top:30px}.folia-download-help h2{font-size:26px}.folia-download-help p{font-size:11px}.folia-download-help>.folia-button{margin-top:23px}.folia-docs-layout{grid-template-columns:1fr;gap:28px;padding-top:25px;padding-bottom:55px}.folia-docs-sidebar{position:sticky;top:68px;z-index:15;background:var(--bg);border:0;padding:12px 0 15px;margin-top:-10px;border-bottom:1px solid var(--border)}.folia-docs-label,.folia-docs-nav,.folia-docs-sidebar>p,.folia-sidebar-download{display:none}.folia-chapter-select-label{display:block;font-size:10px;color:#6d8393;margin-bottom:7px}#chapter-select{display:block;width:100%;padding:10px 12px;background:#151e28;color:#c2d5d3;border:1px solid #2b4144;border-radius:4px;font-size:12px}.folia-docs-breadcrumb{font-size:10px;margin-bottom:20px}.folia-docs-content h1{font-size:39px}.folia-docs-lead{font-size:13px!important}.folia-docs-content h2{font-size:25px}.folia-docs-content h3{font-size:17px}.folia-docs-content p,.folia-steps li{font-size:12px;line-height:2.1}.folia-docs-content section{padding-bottom:32px;margin-bottom:32px;scroll-margin-top:185px}.folia-docs-content h3{scroll-margin-top:185px}.folia-docs-content .folia-info-note p{font-size:11px}.folia-steps li{padding-left:34px}.folia-doc-figure figcaption{font-size:9px}.folia-quick-links{flex-direction:column;gap:10px}.folia-mode-guide{grid-template-columns:1fr}.folia-config-example{padding:18px}.folia-config-example>div{gap:8px}.folia-config-example b{width:75px;flex-shrink:0;font-size:11px}.folia-config-example code{font-size:10px}.folia-connection-diagram{flex-direction:column;padding:23px;gap:13px}.folia-connection-diagram b{transform:rotate(90deg)}.folia-connection-diagram span{font-size:13px}.folia-docs-content .folia-docs-end>p{font-size:9px}.folia-docs-content .folia-faq-list summary{font-size:12px}dialog{padding-top:35px}.folia-dialog-close{font-size:27px}.folia-page-docs .folia-back-top{bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.folia-source-visual{transform:none}}

/* Folia navigation and download QR */
.folia-site-header nav a{font-size:16px}
.folia-header-github{font-size:14px}
.folia-download-dialog{width:390px;text-align:center;padding:38px 30px 28px;border:1px solid #385149;border-radius:14px;background:#111b20;box-shadow:0 25px 100px #0009}
.folia-download-dialog h2{font-size:27px;margin:15px 0 10px}
.folia-download-dialog p{font-size:12px;line-height:1.9}
.folia-download-dialog #download-qr{display:block;background:white;width:240px;height:240px;padding:8px;border-radius:8px;margin:24px auto 17px}
.folia-qr-close{position:absolute;right:13px;top:5px;background:none;border:0;color:#c1d5cf;font-size:28px}
.folia-download-dialog .folia-qr-platform{color:#a9e8d2;font-size:13px}
@media(max-width:760px){.folia-site-header nav a{font-size:17px}}

.folia-platform-badge{display:inline-block;vertical-align:middle;font-size:10px;font-weight:400;color:var(--green);border:1px solid #a9e8d230;border-radius:4px;padding:3px 7px;margin-left:6px;letter-spacing:0}.folia-community-sources{font-size:10px;color:var(--muted)}.folia-community-sources a{color:var(--green)}

.folia-heading-brand{display:block;font-size:12px;line-height:1.6;font-weight:500;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.folia-faq-list details>p a{color:var(--green);text-decoration:underline;text-underline-offset:3px}

.folia-footer-notice{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.9}@media(max-width:760px){.folia-footer-notice{font-size:11px}}