@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--page-bg:#2d1d18;--page-bg-soft:#3a251f;--wood-1:#4a2c20;--wood-2:#5c3928;--wood-3:#6a432e;--card-bg:#f3eadb;--card-bg-soft:#efe2cf;--card-edge:#c49b6e;--text-main:#2d221c;--text-muted:#66503f;--text-soft:#8b7159;--accent:#3d7a4f;--accent-strong:#235b39;--accent-gold:#bb8a42;--focus-ring:#9cd6a5;--shadow-soft:0 10px 30px #11080447;--shadow-deep:0 18px 44px #0f080659}*,:before,:after{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:.33rem}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);background:radial-gradient(1200px 400px at 20% -20%, #81533459 0%, transparent 65%), radial-gradient(900px 400px at 100% 0%, #4d865f33 0%, transparent 70%), repeating-linear-gradient(0deg, var(--wood-1) 0, var(--wood-1) 38px, var(--wood-2) 38px, var(--wood-2) 76px, var(--wood-3) 76px, var(--wood-3) 114px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-family:Manrope,Segoe UI,sans-serif;font-size:18px;line-height:1.65;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:-1;position:fixed}body:before{filter:blur(20px);background:radial-gradient(circle,#35834c42 0%,#0000 72%);width:340px;height:340px;top:-80px;left:-60px}body:after{filter:blur(18px);background:radial-gradient(circle,#c6843d33 0%,#0000 72%);width:420px;height:420px;bottom:-140px;right:-120px}.container{box-shadow:var(--shadow-deep);padding-inline:clamp(18px,2.8vw,44px);margin-block-end:56px;margin-inline:max(20px,50% - 580px);backdrop-filter:blur(2px);background:linear-gradient(#fffcf5f0,#f6ebd7f2);border:1px solid #d0a16861;border-radius:24px;margin-top:20px;padding-bottom:46px;position:relative;overflow:hidden}.container:before{content:"";pointer-events:none;background:radial-gradient(circle at 16% 18%,#5496601f 0,#0000 38%),radial-gradient(circle at 88% 76%,#a86a391a 0,#0000 36%);position:absolute;inset:0}main>*{z-index:1;position:relative}img{object-fit:contain;border-radius:10px;max-width:100%;height:auto}h1,h2,h3,h4{letter-spacing:-.015em;color:#2f241c;text-wrap:balance;font-family:Manrope,Segoe UI,sans-serif;line-height:1.2}h1{margin-block:.4em .34em;font-size:clamp(2rem,4.2vw,3.5rem)}h2{margin-block:1.7em .6em;font-size:clamp(1.5rem,3vw,2.3rem)}h3{margin-block:1.4em .45em;font-size:clamp(1.2rem,2.1vw,1.58rem)}p,li{color:var(--text-main)}a{color:var(--accent-strong);text-underline-offset:.15em;text-decoration-thickness:.08em;transition:color .18s}a:hover{color:#17452c}pre{background:#60422921;border:1px solid #ffffff1f;border-radius:14px;margin:0;padding:18px;position:relative;overflow-x:auto;box-shadow:inset 0 1px #ffffff14}.code-block{margin-block:1em;position:relative}.code-copy-btn{z-index:2;color:#fff4dc;cursor:pointer;background:#2d231cc7;border:1px solid #ffffff59;border-radius:8px;place-items:center;width:34px;height:34px;font-size:16px;line-height:1;transition:transform .12s,background-color .16s;display:grid;position:absolute;top:10px;right:10px}.code-copy-btn:hover{background:#2d231ceb}.code-copy-btn:active{transform:scale(.96)}.code-copy-btn svg{pointer-events:none;width:17px;height:17px;display:block}pre>code{color:#f7f0df;background:0 0;border:0;min-width:max-content;padding:0;display:inline-block}code{font-size:.92em}code:not(pre code){background:#60422921;border:1px solid #815e3f40;border-radius:6px;padding:.06em .38em}blockquote{background:#70976224;border-left:4px solid #2e704294;border-radius:8px;margin:1rem 0;padding:.7rem 1rem}figure{margin:0;margin-block:30px}figcaption{color:var(--text-muted);text-align:center;font-size:.9rem;line-height:1.5}figcaption p{margin-block:10px}.hero{text-align:center;color:#f6f4eb;background:linear-gradient(160deg,#315136f2 0%,#2a3926f2 48%,#754c30f0 100%),repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 24px);border-bottom:2px solid #e8c1895c;border-radius:0 0 38px 38px;margin:-1px -26px 64px;padding:clamp(56px,7vw,90px) 18px clamp(54px,6vw,78px);position:relative;overflow:hidden;box-shadow:inset 0 -20px 24px #0003}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 14%,#65bc7847,#0000 26%),radial-gradient(circle at 90% 9%,#7bc56c40,#0000 29%),radial-gradient(circle at 84% 76%,#ebb65e33,#0000 28%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-badge{letter-spacing:.08em;text-transform:uppercase;background:#faf6ec24;border:1px solid #f7e2bc75;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.hero h1{color:#fffdf7;margin-bottom:.42em}.subtitle{color:#fff8e7e6;max-width:620px;margin:0 auto;font-size:clamp(1.02rem,2.1vw,1.25rem)}.description{margin-bottom:42px}.home-intro{box-shadow:var(--shadow-soft);background:linear-gradient(165deg,#ecf7e1e0,#f4e9d3eb);border:1px solid #789a5659;border-radius:18px;margin:26px 0 30px;padding:clamp(18px,2.8vw,30px)}.home-intro h1{margin:0 0 .35em;font-size:clamp(1.7rem,3.2vw,2.4rem)}.home-intro p{color:#473729;max-width:76ch;margin:0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:.3em}.section-subtitle{max-width:620px;color:var(--text-soft);margin:0 auto;font-size:1.02rem}.section-lead{color:#3f3025;max-width:920px;margin:0 auto 26px;font-size:1.05rem}.callout{background:linear-gradient(145deg,#74a16229,#fff2d48c);border:1px solid #59824a59;border-left:5px solid #3e743ed1;border-radius:14px;grid-template-columns:44px 1fr;gap:14px;max-width:920px;margin:6px auto 42px;padding:18px;display:grid}.callout-icon{margin-top:2px;font-size:1.4rem;line-height:1}.callout-title{margin:0 0 10px;font-weight:700}.benefits-list{color:#49382c;margin:0;padding-left:1.2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-bottom:74px;display:grid}.feature{text-align:center;box-shadow:var(--shadow-soft);background:linear-gradient(#f8f0e2,#efdfc7);border:1px solid #bd935d6b;border-radius:18px;padding:30px 22px;transition:transform .24s,box-shadow .24s,border-color .24s}.feature:hover{border-color:#7f995d94;transform:translateY(-6px);box-shadow:0 16px 30px #23180f40}.feature-icon{margin-bottom:12px;font-size:2.4rem}.feature h3{margin:0 0 9px;font-size:1.32rem}.feature p{color:var(--text-muted);margin:0}.patterns{margin-bottom:80px}.patterns-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:26px;display:grid}.pattern-card{background:linear-gradient(160deg, var(--card-bg) 0%, var(--card-bg-soft) 100%);box-shadow:var(--shadow-soft);border:1px solid #bc915d80;border-radius:20px;padding:26px;transition:transform .26s,box-shadow .26s,border-color .26s;position:relative;overflow:hidden}.pattern-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 92% 12%,#78b27433,#0000 38%);position:absolute;inset:0}.pattern-card:hover{border-color:#7a9d549e;transform:translateY(-7px);box-shadow:0 20px 40px #190f0847}.pattern-card>*{z-index:1;position:relative}.card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pattern-icon{aspect-ratio:1;color:#f9f2dd;background:linear-gradient(145deg,#2f6a42,#3f8b5a);border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.36rem;display:grid;box-shadow:inset 0 1px #ffffff4d}.pattern-card h3{margin:0;font-size:1.34rem}.pattern-card p{color:#5f4b3c;margin:0 0 18px}.pattern-demo{background:linear-gradient(#fff9edf2,#ecdec6eb);border:1px solid #c79e6a73;border-radius:13px;justify-content:center;align-items:center;min-height:104px;margin-bottom:16px;padding:16px;display:flex}.demo-image{border:1px solid #553c2b33;border-radius:9px;box-shadow:0 6px 14px #2a1a0f24}.pattern-link{color:var(--accent-strong);align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:gap .22s,color .18s;display:inline-flex}.pattern-link:hover{color:#1f4f31;gap:12px}.pattern-link svg{transition:transform .22s}.pattern-link:hover svg{transform:translate(4px)}.back-link{color:#2d5a3a;background:#e7f4d68c;border:1px solid #76985b73;border-radius:10px;align-items:center;gap:8px;margin-block:18px;padding:7px 12px;text-decoration:none;display:inline-flex}.back-link:before{content:"←";line-height:1}.back-link:hover{background:#cfe4b7ad}.pattern-description{box-shadow:var(--shadow-soft);background:linear-gradient(#f9f2e5,#f0e1ca);border:1px solid #c2955e73;border-radius:14px;margin-bottom:24px;padding:2rem}.pattern-description__title{margin-top:0;margin-bottom:1rem}.pattern-description__text{color:#3f3025;margin:0;font-size:1.05rem}.gh-discuss{background:linear-gradient(#edf8e4d4,#f2e8d2e6);border:1px solid #5f8a4d73;border-radius:12px;margin:2rem 0;padding:1rem 1.25rem;box-shadow:0 8px 22px #140e0929}.gh-discuss h2{margin-top:.1rem}.gh-discuss p{color:#3c2f24;margin:0}.gh-discuss p+p{margin-top:.8rem}.pagination{flex-direction:column;align-items:center;gap:14px;display:flex}.pagination-list{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination-item{margin:0}.pagination-link{color:#3f3025;background:#faf2e2f2;border:1px solid #aa805085;border-radius:9px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.pagination-link:hover:not(.disabled){color:#285339;border-color:#548244cc;transform:translateY(-1px)}.pagination-link.active{color:#f8f3e9;background:linear-gradient(145deg,#2f6f43,#3e8f5b);border-color:#2f6f43}.pagination-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-prev,.pagination-next{background:#f0e5d1f2}.pagination-ellipsis{color:#725946;place-items:center;min-width:40px;height:40px;font-weight:600;display:grid}.pagination-info{color:#7a624f;font-size:.9rem;font-weight:600}.breadcrumbs{align-items:center;display:flex}.breadcrumbs-list{flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-item{align-items:center;margin:0;display:flex}.breadcrumbs-link{color:#2f6a42;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.breadcrumbs-link:hover{color:#215033;background:#548c5721}.breadcrumbs-current{color:#3b2d23;cursor:default;background:#cab0893d;border:1px solid #ad895752;font-weight:700}.breadcrumbs-current:hover{color:#3b2d23;background:#cab0893d}.breadcrumbs-icon{font-size:1rem;line-height:1}.breadcrumbs-separator{color:#a48667;user-select:none;margin:0 3px;font-size:.9rem}.breadcrumbs-minimal .breadcrumbs-link{border-radius:5px;padding:4px 8px;font-size:.9rem}.breadcrumbs-with-icons .breadcrumbs-link{background:#ece0c98a;border:1px solid #b58f5c5c;border-radius:10px;padding:10px 14px}.breadcrumbs-with-icons .breadcrumbs-current{background:#d3b58459}@media (width<=860px){.container{border-radius:18px;margin-inline:12px;padding-inline:14px}.hero{border-radius:0 0 24px 24px;margin-inline:-14px}.features-grid,.patterns-grid{grid-template-columns:1fr}.pattern-card,.feature,.pattern-description{padding:20px}.callout{grid-template-columns:28px 1fr}.section-header{margin-bottom:34px}.breadcrumbs-text{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}}@media (width<=520px){body{font-size:16px}.hero-badge{letter-spacing:.06em;font-size:.76rem}.pagination-link,.pagination-ellipsis{min-width:34px;height:34px;padding:0 8px;font-size:.88rem}.breadcrumbs-link{padding:5px 7px;font-size:.86rem}.breadcrumbs-text{max-width:72px}}