body{--bg:#f7f4ee;--surface:#fffcf7;--ink:#302d2a;--muted:#746d64;--line:#d7cfc4;--accent:#d14d1f;--on:#fff;--tint:#f7e1d4;--radius:14px}.site-header{padding-top:1.2rem;padding-bottom:1.2rem;border:0}.site-header nav{background:#e9e3d9;border-radius:10px;padding:.35rem;gap:0}.site-header nav a{padding:.6rem 1rem;border-radius:6px}.site-header nav a.active{background:#fffcf7;color:var(--ink);box-shadow:0 2px 3px #5b3e2212}.site-header .icon-button{border:0}.stack-hero{max-width:1440px;margin:auto;padding:4rem 4vw 5rem;display:grid;grid-template-columns:1fr 1.08fr;gap:5rem;align-items:center}.stack-intro>div{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.stack-intro .logo{width:52px;height:52px}.stack-intro .eyebrow{margin:0}.stack-intro h1{font-size:clamp(2.8rem,4.6vw,4.8rem);line-height:1.3;font-weight:730}.stack-intro p{font-size:1.08rem}.stack-tasks{padding:1rem 0}.stack-tasks details{background:#fffcf7;border:1px solid #cec1b0;border-radius:16px;box-shadow:5px 6px 0 #e5dacf;margin:0 0 1.25rem;overflow:hidden;transform:rotate(-1deg)}.stack-tasks details:nth-child(2){transform:rotate(1.2deg);margin-left:1rem}.stack-tasks details:nth-child(3){transform:rotate(-.6deg);margin-right:1rem}.stack-tasks details[open]{background:#ef6c35;color:#231b16;border-color:#cb572b;box-shadow:5px 6px 0 #d0b39c}.stack-tasks details>summary{display:flex;align-items:center;gap:1.4rem;list-style:none;padding:1.5rem 1.7rem;font-size:1.45rem;font-weight:650}.stack-tasks details>summary::-webkit-details-marker{display:none}.stack-tasks summary>span{font-size:.875rem;font-weight:500}.stack-tasks summary>.icon{margin-left:auto}.stack-tasks details>p,.stack-tasks details>.os-links,.stack-tasks details>.button{margin-left:1.7rem;margin-right:1.7rem}.stack-tasks details>p{color:#402719;font-size:.95rem}.stack-tasks details>.button{margin-top:1.4rem;margin-bottom:1.7rem;background:#fff8ed;border-color:#fff8ed;color:#33231b}.os-links{display:flex;gap:1.3rem;font-size:.875rem;font-weight:600}.os-links a{border-bottom:1px solid #492d1a;padding-bottom:.25rem}.os-links a:hover{color:#fff}.stack-belt{background:#34312c;color:#faf5ed;padding:1.8rem 4vw;display:flex;justify-content:space-between;align-items:center;gap:1rem}.stack-belt strong{font-size:1.3rem}.stack-belt>span{font-size:.875rem;color:#cac3b8}.stack-belt a{font-size:.94rem;color:#ffd1b7}.theme-4 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.theme-4 .feature{border:1px solid #d8cfc2;box-shadow:3px 4px 0 #e3dace;display:grid;grid-template-columns:40px 1fr;column-gap:1rem}.theme-4 .feature>.icon{grid-row:span 3;margin:0}.theme-4 .feature h3{margin-bottom:.7rem}.theme-4 .feature p{margin-bottom:1rem}.theme-4 .feature .more{grid-column:2}.theme-4 .feature:hover{transform:translateY(-4px)}.theme-4 .section-head h2{font-weight:680}.theme-4 .page-heading{padding:2.5rem;background:#eee5d8;border-radius:18px;margin-top:2rem;border:0}.theme-4 .page-heading h1{font-size:3.3rem}.theme-4 .guide-grid{display:block}.theme-4 .guide-card{display:grid;grid-template-columns:50px 240px 1fr 120px;align-items:center;gap:1.4rem;margin-bottom:1.3rem;box-shadow:4px 4px 0 #e4dbcf;padding:1.5rem}.theme-4 .guide-card h2,.theme-4 .guide-card p{margin:0}.theme-4 .guide-card h2{font-size:1.25rem}.theme-4 .guide-card p{font-size:.94rem}.theme-4 .download-head{background:#ec6c36;color:#261b14;box-shadow:5px 6px 0 #d3b8a3}.theme-4 .download-head p{color:#432919}.theme-4 .download-head .tag{background:#432c1c;color:#fff4e7}.theme-4 .download-head>.button{background:#fff9ec;color:#372a1f}.theme-4 .reading-layout{grid-template-columns:1fr 230px;gap:2.5rem}.theme-4 .article-toc{grid-column:2;grid-row:1}.theme-4 .reading-layout article{grid-column:1;grid-row:1}.theme-4 .article-step{background:#fffcf7;border:1px solid var(--line);box-shadow:4px 5px 0 #e5dccf;border-radius:14px;padding:1.8rem;margin-bottom:1.8rem}.theme-4 .article-step h2{font-size:1.5rem}.theme-4 .site-footer{background:#eee7dc}.theme-4 .faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 1.5rem;margin-bottom:1rem}.theme-4 .faq-list{border:0}.theme-4 .faq-list details p{padding-right:0}
@media(max-width:1000px){.stack-hero{gap:2.5rem}.theme-4 .guide-card{grid-template-columns:35px 1fr 1.3fr;gap:1rem}.theme-4 .guide-card .text-link{display:none}.theme-4 .reading-layout{grid-template-columns:1fr}.theme-4 .article-toc{grid-column:1;grid-row:1;position:static}.theme-4 .reading-layout article{grid-row:2}.stack-belt>span{display:none}}
@media(max-width:640px){.site-header nav{border-radius:0}.stack-hero{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 5vw 3rem}.stack-intro h1{font-size:2.8rem}.stack-intro>div{display:none}.stack-intro p{font-size:1rem;margin-bottom:.5rem}.stack-tasks{padding-right:8px}.stack-tasks details>summary{padding:1.2rem;font-size:1.25rem;gap:1rem}.stack-tasks details>p,.stack-tasks details>.os-links,.stack-tasks details>.button{margin-left:1.2rem;margin-right:1.2rem}.stack-belt{display:block;padding:1.5rem 5vw}.stack-belt a{display:block;margin-top:.5rem}.theme-4 .feature-grid{grid-template-columns:1fr}.theme-4 .feature{padding:1.5rem 1.25rem;grid-template-columns:32px 1fr;gap:.8rem}.theme-4 .page-heading{padding:1.5rem}.theme-4 .page-heading h1{font-size:2.4rem}.theme-4 .guide-card{grid-template-columns:30px 1fr}.theme-4 .guide-card p{grid-column:2}.theme-4 .article-step{padding:1.2rem;grid-template-columns:28px 1fr}.theme-4 .faq-list details{padding:0 1rem}}