@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 rgba(17, 8, 4, .28);--shadow-deep: 0 18px 44px rgba(15, 8, 6, .35)}*,*: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{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;font-size:18px;line-height:1.65;color:var(--text-main);background:radial-gradient(1200px 400px at 20% -20%,rgba(129,83,52,.35) 0%,transparent 65%),radial-gradient(900px 400px at 100% 0%,rgba(77,134,95,.2) 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);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1}body:before{top:-80px;left:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(53,131,76,.26) 0%,transparent 72%);filter:blur(20px)}body:after{right:-120px;bottom:-140px;width:420px;height:420px;background:radial-gradient(circle,rgba(198,132,61,.2) 0%,transparent 72%);filter:blur(18px)}.container{margin-inline:max(20px,(100% - 1160px) / 2);margin-block-end:56px;background:linear-gradient(180deg,#fffcf5f0,#f6ebd7f2);border:1px solid rgba(208,161,104,.38);border-radius:24px;box-shadow:var(--shadow-deep);padding-inline:clamp(18px,2.8vw,44px);padding-bottom:46px;margin-top:20px;backdrop-filter:blur(2px);position:relative;overflow:hidden}.container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(84,150,96,.12) 0,transparent 38%),radial-gradient(circle at 88% 76%,rgba(168,106,57,.1) 0,transparent 36%);pointer-events:none}main>*{position:relative;z-index:1}img{max-width:100%;height:auto;object-fit:contain;border-radius:10px}h1,h2,h3,h4{font-family:Manrope,Segoe UI,sans-serif;line-height:1.2;letter-spacing:-.015em;color:#2f241c;text-wrap:balance}h1{font-size:clamp(2rem,4.2vw,3.5rem);margin-block:.4em .34em}h2{font-size:clamp(1.5rem,3vw,2.3rem);margin-block:1.7em .6em}h3{font-size:clamp(1.2rem,2.1vw,1.58rem);margin-block:1.4em .45em}p,li{color:var(--text-main)}a{color:var(--accent-strong);text-decoration-thickness:.08em;text-underline-offset:.15em;transition:color .18s ease}a:hover{color:#17452c}pre{position:relative;border-radius:14px;padding:18px;background:#60422921;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff14;overflow-x:auto;margin:0}.code-block{position:relative;margin-block:1em}.code-copy-btn{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#2d231cc7;color:#fff4dc;cursor:pointer;display:grid;place-items:center;font-size:16px;line-height:1;transition:transform .12s ease,background-color .16s ease}.code-copy-btn:hover{background:#2d231ceb}.code-copy-btn:active{transform:scale(.96)}.code-copy-btn svg{width:17px;height:17px;display:block;pointer-events:none}pre>code{display:inline-block;min-width:max-content;color:#f7f0df;background:transparent;border:0;padding:0}code{font-size:.92em}code:not(pre code){background:#60422921;border:1px solid rgba(129,94,63,.25);border-radius:6px;padding:.06em .38em}blockquote{margin:1rem 0;padding:.7rem 1rem;background:#70976224;border-left:4px solid rgba(46,112,66,.58);border-radius:8px}figure{margin:0;margin-block:30px}figcaption{font-size:.9rem;line-height:1.5;color:var(--text-muted);text-align:center}figcaption p{margin-block:10px}.hero{text-align:center;padding:clamp(56px,7vw,90px) 18px clamp(54px,6vw,78px);margin:-1px -26px 64px;border-radius:0 0 38px 38px;color:#f6f4eb;background:linear-gradient(160deg,#315136f2,#2a3926f2 48%,#754c30f0),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 24px);border-bottom:2px solid rgba(232,193,137,.36);box-shadow:inset 0 -20px 24px #0003;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 14%,rgba(101,188,120,.28),transparent 26%),radial-gradient(circle at 90% 9%,rgba(123,197,108,.25),transparent 29%),radial-gradient(circle at 84% 76%,rgba(235,182,94,.2),transparent 28%);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#faf6ec24;border:1px solid rgba(247,226,188,.46);border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.hero h1{color:#fffdf7;margin-bottom:.42em}.subtitle{margin:0 auto;max-width:620px;color:#fff8e7e6;font-size:clamp(1.02rem,2.1vw,1.25rem)}.description{margin-bottom:42px}.home-intro{margin:26px 0 30px;padding:clamp(18px,2.8vw,30px);border-radius:18px;border:1px solid rgba(120,154,86,.35);background:linear-gradient(165deg,#ecf7e1e0,#f4e9d3eb);box-shadow:var(--shadow-soft)}.home-intro h1{margin:0 0 .35em;font-size:clamp(1.7rem,3.2vw,2.4rem)}.home-intro p{margin:0;max-width:76ch;color:#473729}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:.3em}.section-subtitle{margin:0 auto;max-width:620px;color:var(--text-soft);font-size:1.02rem}.section-lead{font-size:1.05rem;max-width:920px;margin:0 auto 26px;color:#3f3025}.callout{display:grid;grid-template-columns:44px 1fr;gap:14px;background:linear-gradient(145deg,#74a16229,#fff2d48c);border:1px solid rgba(89,130,74,.35);border-left:5px solid rgba(62,116,62,.82);border-radius:14px;padding:18px;margin:6px auto 42px;max-width:920px}.callout-icon{font-size:1.4rem;line-height:1;margin-top:2px}.callout-title{margin:0 0 10px;font-weight:700}.benefits-list{margin:0;padding-left:1.2rem;color:#49382c}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-bottom:74px}.feature{text-align:center;background:linear-gradient(180deg,#f8f0e2,#efdfc7);border:1px solid rgba(189,147,93,.42);border-radius:18px;padding:30px 22px;box-shadow:var(--shadow-soft);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.feature:hover{transform:translateY(-6px);box-shadow:0 16px 30px #23180f40;border-color:#7f995d94}.feature-icon{font-size:2.4rem;margin-bottom:12px}.feature h3{margin:0 0 9px;font-size:1.32rem}.feature p{margin:0;color:var(--text-muted)}.patterns{margin-bottom:80px}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:26px}.pattern-card{background:linear-gradient(160deg,var(--card-bg) 0%,var(--card-bg-soft) 100%);border-radius:20px;padding:26px;border:1px solid rgba(188,145,93,.5);box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.pattern-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 12%,rgba(120,178,116,.2),transparent 38%);pointer-events:none}.pattern-card:hover{transform:translateY(-7px);border-color:#7a9d549e;box-shadow:0 20px 40px #190f0847}.pattern-card>*{position:relative;z-index:1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pattern-icon{font-size:1.36rem;width:44px;height:44px;aspect-ratio:1 / 1;display:grid;place-items:center;border-radius:12px;color:#f9f2dd;background:linear-gradient(145deg,#2f6a42,#3f8b5a);box-shadow:inset 0 1px #ffffff4d}.pattern-card h3{margin:0;font-size:1.34rem}.pattern-card p{margin:0 0 18px;color:#5f4b3c}.pattern-demo{display:flex;justify-content:center;align-items:center;min-height:104px;padding:16px;border-radius:13px;margin-bottom:16px;background:linear-gradient(180deg,#fff9edf2,#ecdec6eb);border:1px solid rgba(199,158,106,.45)}.demo-image{border-radius:9px;border:1px solid rgba(85,60,43,.2);box-shadow:0 6px 14px #2a1a0f24}.pattern-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-strong);text-decoration:none;font-weight:700;transition:gap .22s ease,color .18s ease}.pattern-link:hover{color:#1f4f31;gap:12px}.pattern-link svg{transition:transform .22s ease}.pattern-link:hover svg{transform:translate(4px)}.back-link{display:inline-flex;align-items:center;gap:8px;margin-block:18px;padding:7px 12px;border-radius:10px;border:1px solid rgba(118,152,91,.45);text-decoration:none;color:#2d5a3a;background:#e7f4d68c}.back-link:before{content:"←";line-height:1}.back-link:hover{background:#cfe4b7ad}.pattern-description{padding:2rem;background:linear-gradient(180deg,#f9f2e5,#f0e1ca);border:1px solid rgba(194,149,94,.45);border-radius:14px;box-shadow:var(--shadow-soft);margin-bottom:24px}.pattern-description__title{margin-top:0;margin-bottom:1rem}.pattern-description__text{font-size:1.05rem;color:#3f3025;margin:0}.gh-discuss{margin:2rem 0;padding:1rem 1.25rem;border-radius:12px;border:1px solid rgba(95,138,77,.45);background:linear-gradient(180deg,#edf8e4d4,#f2e8d2e6);box-shadow:0 8px 22px #140e0929}.gh-discuss h2{margin-top:.1rem}.gh-discuss p{margin:0;color:#3c2f24}.gh-discuss p+p{margin-top:.8rem}.pagination{display:flex;flex-direction:column;align-items:center;gap:14px}.pagination-list{display:flex;list-style:none;margin:0;padding:0;gap:6px;align-items:center}.pagination-item{margin:0}.pagination-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 11px;border:1px solid rgba(170,128,80,.52);border-radius:9px;background:#faf2e2f2;color:#3f3025;text-decoration:none;font-weight:600;transition:all .2s ease}.pagination-link:hover:not(.disabled){border-color:#548244cc;color:#285339;transform:translateY(-1px)}.pagination-link.active{background:linear-gradient(145deg,#2f6f43,#3e8f5b);border-color:#2f6f43;color:#f8f3e9}.pagination-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-prev,.pagination-next{background:#f0e5d1f2}.pagination-ellipsis{display:grid;place-items:center;min-width:40px;height:40px;color:#725946;font-weight:600}.pagination-info{font-size:.9rem;color:#7a624f;font-weight:600}.breadcrumbs{display:flex;align-items:center}.breadcrumbs-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:4px}.breadcrumbs-item{display:flex;align-items:center;margin:0}.breadcrumbs-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;color:#2f6a42;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s ease}.breadcrumbs-link:hover{background:#548c5721;color:#215033}.breadcrumbs-current{color:#3b2d23;font-weight:700;cursor:default;background:#cab0893d;border:1px solid rgba(173,137,87,.32)}.breadcrumbs-current:hover{background:#cab0893d;color:#3b2d23}.breadcrumbs-icon{font-size:1rem;line-height:1}.breadcrumbs-separator{color:#a48667;margin:0 3px;font-size:.9rem;user-select:none}.breadcrumbs-minimal .breadcrumbs-link{padding:4px 8px;font-size:.9rem;border-radius:5px}.breadcrumbs-with-icons .breadcrumbs-link{padding:10px 14px;border-radius:10px;background:#ece0c98a;border:1px solid rgba(181,143,92,.36)}.breadcrumbs-with-icons .breadcrumbs-current{background:#d3b58459}@media(max-width:860px){.container{margin-inline:12px;border-radius:18px;padding-inline:14px}.hero{margin-inline:-14px;border-radius:0 0 24px 24px}.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{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:520px){body{font-size:16px}.hero-badge{font-size:.76rem;letter-spacing:.06em}.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}}