:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark;--bg:#0b1214;--surface:#111b1e;--surface2:#172225;--raised:#1a2729;--edge:#2b383b;--muted:#8da09e;--text:#ebf2eb;--accent:#b5e1b9;--gold:#eec898;--sidebar:264px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#9ee1b15a;color:white}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#10191b;border-right:1px solid var(--edge);padding:27px 16px 23px;display:flex;flex-direction:column;z-index:30;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;gap:12px;align-items:center;padding:0 11px 20px;border-bottom:1px solid #293538;margin-bottom:22px}.brand-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(150deg,#b8ebc0,#6db9a4);color:#08231c;font-weight:900;font-size:26px;box-shadow:0 0 33px #84cfa825}.brand-title{font-weight:790;font-size:14px;line-height:1.1;letter-spacing:-.3px}.brand-sub{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;margin-top:5px}.nav-section{margin-bottom:18px}.nav-label{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#708785;text-transform:uppercase;padding:4px 14px 10px}.nav-link{display:flex;align-items:center;gap:11px;min-height:37px;padding:7px 12px;border-radius:9px;color:#a8b9b4;font-size:13px;transition:background .15s,color .15s}.nav-link:hover{background:#1c2b2b;color:#effff1}.nav-link.active{background:#b5e1b916;color:#c9f2ce;font-weight:700}.nav-icon{width:23px;text-align:center;font-size:15px;filter:saturate(.8)}.nav-count{margin-left:auto;color:#718b83;font-size:11px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--edge);padding:17px 9px 0;color:#829491;font-size:11px;line-height:1.55}.tiny-status{display:flex;align-items:center;gap:8px;margin-bottom:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#96d4ae;box-shadow:0 0 10px #7bc5a6}
.layout{margin-left:var(--sidebar);min-width:0}.topbar{height:76px;border-bottom:1px solid var(--edge);display:flex;align-items:center;gap:17px;padding:0 40px;position:sticky;top:0;z-index:20;background:#0b1214ee;backdrop-filter:blur(18px)}.mobile-menu{display:none;background:none;border:0;color:#daeae2;font-size:24px;padding:5px}.breadcrumb{font-size:12px;color:#8ca29a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb strong{color:#eaf2ee;font-weight:650}.topbar-spacer{flex:1}.search-wrap{position:relative;display:flex;align-items:center;gap:11px;width:min(350px,42vw);height:38px;background:#192528;border:1px solid #354245;border-radius:9px;padding:0 12px;color:#a0b5ae}.search-wrap:focus-within{border-color:#91c5a9}.search-wrap input{border:0;outline:0;background:none;color:#f2faf6;width:100%;min-width:0;font-size:12px}.search-wrap input::placeholder{color:#80948e}.keycap{font-size:10px;padding:1px 6px;border:1px solid #485653;border-radius:4px;white-space:nowrap;color:#95a5a1}.top-link{border:1px solid #34433f;border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap;color:#c8dad0}.top-link:hover{border-color:var(--accent)}main{max-width:1500px;margin:0 auto;padding:36px 40px 100px}.eyebrow{font-size:11px;font-weight:800;color:#afd9b3;letter-spacing:2px;text-transform:uppercase}.page-title{font-size:clamp(29px,3.6vw,44px);line-height:1.08;letter-spacing:-1.6px;margin:9px 0 11px;font-weight:770}.lead{font-size:14px;color:#a6b7af;max-width:690px;line-height:1.85;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:700;border:1px solid #3b4943;background:#1a2827;color:#edf7ef}.btn:hover{border-color:#9fcbad}.btn.primary{background:var(--accent);border-color:var(--accent);color:#12241c}.btn.primary:hover{background:#cff0cf}.btn.ghost{background:transparent}
.hero{border:1px solid #354d45;min-height:335px;border-radius:17px;background:radial-gradient(circle at 82% 35%,#294a40 0%,transparent 40%),linear-gradient(130deg,#19312d 0%,#162827 55%,#12201f 100%);position:relative;overflow:hidden;padding:47px 44px;margin-bottom:29px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a4c8a108 1px,transparent 1px),linear-gradient(90deg,#a4c8a108 1px,transparent 1px);background-size:33px 33px;mask-image:linear-gradient(90deg,transparent 30%,black 100%)}.hero-copy{max-width:570px;z-index:2;position:relative}.hero h1{font-size:clamp(37px,4.7vw,62px);line-height:1.02;letter-spacing:-2.3px;margin:14px 0 18px;font-weight:830}.hero h1 em{font-style:normal;color:#bfe5bd}.hero p{max-width:510px;color:#b5c9bc;font-size:14px;line-height:1.8;margin-bottom:25px}.actions{display:flex;flex-wrap:wrap;gap:9px}.hero-art{position:absolute;right:-2%;top:0;width:43%;height:100%;pointer-events:none;opacity:.95}.orb{position:absolute;width:250px;height:250px;top:10%;left:22%;border:1px solid #a8dcb754;border-radius:50%;box-shadow:0 0 0 20px #b2dcad08,0 0 0 60px #b2dcad06,0 0 95px #9ccab21c inset}.orb:before{content:"";position:absolute;inset:19px;border:1px dashed #bee7bf70;border-radius:50%;animation:orbit 80s linear infinite}.orb:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#bbdfb8;left:24px;top:25px;box-shadow:0 0 35px #a9e2a1}.ridge{position:absolute;right:-18%;bottom:-37%;width:110%;height:90%;transform:rotate(-29deg) skew(6deg);border:1px solid #b5e6c455;background:repeating-linear-gradient(0deg,transparent 0 17px,#c8efc50b 18px 19px),linear-gradient(110deg,#79be8e43,transparent 60%);border-radius:24px}.ridge.two{bottom:-53%;right:20%;transform:rotate(-45deg);opacity:.5}@keyframes orbit{to{transform:rotate(360deg)}}.hero-note{position:absolute;bottom:20px;right:25px;color:#a9d3bf;text-transform:uppercase;font-size:9px;letter-spacing:2px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 42px}.stat{border:1px solid #293a3b;background:#121e20;border-radius:12px;padding:18px 20px}.stat .value{font-size:25px;font-weight:790;letter-spacing:-1px}.stat .label{color:#8da6a0;font-size:11px;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:39px 0 17px}.section-heading h2{font-size:20px;letter-spacing:-.5px;margin:4px 0}.section-heading p{color:#8fa39c;margin:0;font-size:12px}.text-link{color:#b6dcb9;font-size:12px;font-weight:650}.text-link:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-tile{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #2d3d3b;border-radius:12px;background:#162124;min-height:76px;transition:transform .15s,border-color .15s}.category-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.category-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--tile) 15%,transparent);font-size:21px;flex:none}.category-tile strong{font-size:13px;display:block}.category-tile small{color:#879d95;font-size:11px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.entry-card{min-width:0;border:1px solid #2c3c3d;border-radius:13px;background:#131e21;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.entry-card:hover{border-color:#769c8d;transform:translateY(-2px)}.cover{height:146px;background:radial-gradient(circle at 45% 43%,color-mix(in srgb,var(--item) 19%,#172324),#152124 75%);border-bottom:1px solid #2d3b3b;display:grid;place-items:center;position:relative;overflow:hidden}.cover:before{content:"";width:102px;height:102px;border:1px solid color-mix(in srgb,var(--item) 42%,transparent);transform:rotate(45deg);position:absolute;border-radius:20px}.cover:after{content:"";width:68px;height:68px;border:1px dashed color-mix(in srgb,var(--item) 50%,transparent);position:absolute;border-radius:16px;transform:rotate(45deg)}.cover-symbol{position:relative;z-index:1;font-size:38px;filter:drop-shadow(0 8px 13px #0004)}.cover-kind{position:absolute;top:12px;left:12px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1px;background:#102022cc;border:1px solid #3d5150;color:#bfd6cb;padding:3px 7px;border-radius:5px}.cover-image{max-height:100%;max-width:100%;object-fit:contain}.entry-body{padding:15px 15px 17px;flex:1;display:flex;flex-direction:column}.entry-category{font-size:10px;color:#a0b8a9;margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}.entry-body h3{font-size:14px;line-height:1.35;min-height:37px;margin:0 0 8px;font-weight:740}.entry-desc{font-size:11px;color:#8fa49c;line-height:1.6;min-height:36px;margin:0 0 13px}.entry-footer{margin-top:auto;font-size:11px;color:#add7b5;display:flex;justify-content:space-between;gap:4px}.entry-footer .origin{font-size:10px;color:#7a908a}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-tile{padding:22px 21px;border:1px solid #2b403b;background:linear-gradient(155deg,#1b302b,#142022);border-radius:13px;min-height:178px;display:flex;flex-direction:column}.guide-tile:hover{border-color:#8ab79d}.guide-tile .marker{font-size:10px;color:#b1d6b2;letter-spacing:1.5px;text-transform:uppercase}.guide-tile h3{font-size:17px;line-height:1.32;letter-spacing:-.35px;margin:21px 0 7px}.guide-tile p{font-size:11px;color:#a5b8ad;margin:0}.guide-tile .arrow{margin-top:auto;text-align:right;font-size:20px;color:#add2b4}
.catalog-header{margin-bottom:25px}.catalog-tools{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0 18px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#192528;color:#a6b6b0;border:1px solid #33423f;padding:7px 11px;border-radius:8px;font-size:11px}.chip:hover,.chip.active{background:#284237;color:#d8f3dc;border-color:#639078}.result-counter{color:#89a399;font-size:12px}.load-more{margin:27px auto 0;display:block;width:min(300px,100%)}.empty{padding:60px 25px;text-align:center;border:1px dashed #38514a;border-radius:13px;color:#9ab3aa}.empty strong{display:block;font-size:18px;margin-bottom:10px;color:#d8e8dc}
.detail-head{max-width:900px;margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:23px;align-items:start}.detail-illustration{height:370px;border-radius:15px;border:1px solid #354944;background:radial-gradient(circle at center,color-mix(in srgb,var(--item) 18%,#182927),#101c1e);display:grid;place-items:center;position:relative;overflow:hidden}.detail-illustration:after{content:"";width:240px;height:240px;border:1px dashed #e0ffe248;transform:rotate(30deg);position:absolute;border-radius:29px}.detail-illustration span{font-size:89px;z-index:2}.detail-note{font-size:11px;color:#86a398;margin-top:11px}.detail-info{border:1px solid #31413e;background:#131f21;border-radius:13px;padding:27px}.detail-info h2{font-size:17px;margin:0 0 14px}.detail-info p{color:#abc0b5;font-size:13px;line-height:1.82}.meta-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #293c37;padding:12px 0;font-size:12px}.meta-row span:first-child{color:#859f93}.meta-row span:last-child{color:#d5e7d8;text-align:right;overflow-wrap:anywhere}.notice{border:1px solid #665741;background:#352c203d;border-radius:11px;padding:17px 20px;color:#dbcca9;font-size:12px;line-height:1.75;margin:21px 0}.info-banner{padding:18px 20px;background:#1b3029;border-left:3px solid #b4dab7;color:#c6dace;font-size:12px;line-height:1.7;margin:22px 0}
.article-shell{display:grid;grid-template-columns:minmax(0,850px) minmax(180px,1fr);gap:32px;align-items:start}.article-pane{background:#131e21;border:1px solid #30403f;border-radius:13px;padding:30px 38px}.article-nav{position:sticky;top:107px;border:1px solid #30403b;border-radius:13px;padding:18px;background:#132020}.article-nav strong{display:block;margin-bottom:15px;font-size:12px;color:#adc8b6}.article-nav a{display:block;color:#95aaa0;font-size:12px;padding:7px 0}.article-nav a:hover{color:#dff4e2}.markdown{font-size:13px;color:#b6c8be;line-height:1.85;overflow-wrap:anywhere}.markdown h1{color:#eaf3eb;font-size:27px;letter-spacing:-.8px;margin:0 0 21px}.markdown h2{color:#d9eadc;font-size:19px;letter-spacing:-.3px;margin:29px 0 13px}.markdown h3{color:#daecdd;font-size:15px;margin:22px 0 10px}.markdown p,.markdown li{line-height:1.9}.markdown a{color:#b2e5b6;text-decoration:underline;text-underline-offset:3px}.markdown code:not([class]){color:#d7f0dd;background:#263a32;padding:2px 5px;border-radius:4px;font-size:12px}.markdown pre{border-radius:9px;padding:15px;overflow-x:auto;background:#0c1518!important}.markdown table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:20px 0;font-size:12px}.markdown th,.markdown td{border:1px solid #364843;padding:11px 12px;text-align:left}.markdown th{background:#26372f;color:#e3f3e4}.markdown blockquote{border-left:2px solid #b4d4b7;padding-left:16px;color:#a2bcab}.source-footer{margin-top:70px;border-top:1px solid #2e3d3b;padding-top:17px;color:#7f988d;font-size:11px}.source-footer a{color:#b7d8b9}.footer-line{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.light-link{color:#b4d9b6}.mini-pill{display:inline-block;font-size:10px;color:#b6d3c1;border:1px solid #426051;border-radius:30px;padding:4px 9px}.mobile-shade{display:none}.toc-short a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1270px){.cards,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-shell{grid-template-columns:minmax(0,1fr)}.article-nav{display:none}.hero-art{opacity:.55}}
@media(max-width:920px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);transition:transform .2s;width:270px}.sidebar.open{transform:translateX(0)}.mobile-shade.open{display:block;position:fixed;inset:0;background:#0009;z-index:25}.layout{margin-left:0}.mobile-menu{display:inline-block}.topbar{padding:0 22px}.hero-art{opacity:.35}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){main{padding:22px 17px 72px}.topbar{padding:0 16px;height:66px;gap:10px}.breadcrumb{display:none}.top-link{display:none}.search-wrap{width:100%}.hero{padding:31px 24px;min-height:350px}.hero h1{font-size:39px}.hero-art{right:-38%;width:80%;opacity:.18}.hero-note{display:none}.stats{gap:8px;margin-bottom:25px}.stat{padding:12px 14px}.stat .value{font-size:22px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-tile{padding:11px;gap:8px;min-height:65px}.category-mark{width:32px;height:34px;font-size:17px}.category-tile strong{font-size:11px}.category-tile small{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cover{height:125px}.entry-body{padding:11px}.entry-body h3{font-size:12px;min-height:32px}.entry-desc{font-size:10px}.guide-grid{grid-template-columns:1fr}.guide-tile{min-height:138px}.detail-grid{grid-template-columns:1fr}.detail-illustration{height:260px}.detail-info{padding:21px}.article-pane{padding:21px 17px}.markdown h1{font-size:24px}.page-title{font-size:30px}.section-heading{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}