:root{--orange:#fa7102;--green:#95b568;--ink:#3f3733;--muted:#6b6765;--cream:#f5f2ee;--line:#e9e2d9;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 'DM Sans',Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}.site-header{background:#242424;color:#fff;box-shadow:0 4px 18px #00000012}.head{max-width:1290px;margin:auto;min-height:86px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:23px;letter-spacing:-.5px}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),#ffb15e);color:white;font-size:21px}.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav a,.dropbtn{padding:12px 13px;color:#fff;font:600 15px Cabin,Arial;border:0;background:none;cursor:pointer;border-radius:3px}.nav a:hover,.dropdown:hover .dropbtn{background:var(--orange);color:#fff}.dropdown{position:relative}.dropmenu{display:none;position:absolute;top:100%;left:0;min-width:225px;background:#242424;z-index:20;box-shadow:0 12px 28px #0003;padding:7px}.dropmenu a{display:block;padding:10px 12px;border-bottom:1px solid #ffffff18;font-size:14px}.dropdown:hover .dropmenu,.dropdown:focus-within .dropmenu{display:block}.mobile{display:none;background:none;border:1px solid #777;color:white;padding:8px 12px;font-size:22px}
.container{max-width:1290px;margin:auto;padding:0 24px}.hero{margin:34px auto 32px;min-height:245px;border-radius:4px;overflow:hidden;background:linear-gradient(110deg,#3f3733eF,#3f3733a8),radial-gradient(circle at 85% 20%,#95b568 0,transparent 36%),linear-gradient(135deg,#fa7102,#f7c27d);display:flex;align-items:center;padding:48px 6%;color:#fff}.hero h1{font:700 clamp(34px,5vw,52px)/1.12 Cabin,Arial;margin:0 0 13px;max-width:730px}.hero p{max-width:620px;margin:0;color:#fff;font-size:18px}.eyebrow{color:#ffd6ad;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:12px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:34px;margin:30px auto 70px}.section-title{font:700 30px/1.2 Cabin,Arial;margin:0 0 22px;color:var(--ink)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 8px 22px #3f37330a;transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #3f373318}.thumb{display:block;background:#eee9e2;aspect-ratio:4/3;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-card h2{font:700 20px/1.35 Cabin,Arial;margin:0;padding:17px 18px 20px}.sidebar-box{background:#fff;padding:22px;margin-bottom:22px;border-top:3px solid var(--orange)}.sidebar h3{font:700 21px Cabin;margin:0 0 14px}.side-links{list-style:none;padding:0;margin:0}.side-links li{border-bottom:1px solid var(--line)}.side-links a{display:block;padding:8px 0;font-size:15px}.crumb{font-size:13px;color:var(--muted);margin:26px 0}.page-panel{background:#fff;padding:clamp(22px,4vw,48px);margin:26px auto 70px;max-width:920px}.page-panel h1{font:700 clamp(32px,4vw,46px)/1.2 Cabin;margin:0 0 15px}.article-image{max-width:100%;display:block;margin:24px auto;border-radius:3px}.download{display:inline-block;background:var(--orange);color:#fff;padding:13px 24px;font-weight:700;border-radius:3px;margin:12px 0}.download:hover{background:var(--green);color:#fff}.notice{background:#f5f2ee;border-left:4px solid var(--green);padding:14px 18px;font-size:14px}.site-footer{background:#3f3733;color:#fff;padding:38px 0 18px}.footer-inner{max-width:1290px;margin:auto;padding:0 24px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.footer-links a{color:#fff;font-size:14px}.copyright{text-align:center;border-top:1px solid #ffffff25;padding-top:15px;font-size:13px;color:#ddd}
@media(max-width:950px){.head{align-items:flex-start}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:#242424;padding:12px 20px;z-index:30;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a,.dropbtn{display:block;text-align:left;width:100%}.dropdown{width:100%}.dropmenu{position:static;box-shadow:none;padding-left:15px}.dropdown:hover .dropmenu{display:block}.mobile{display:block}.content{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body{font-size:16px}.container{padding:0 16px}.head{padding:12px 16px;min-height:72px}.brand{font-size:19px}.brand-mark{width:37px;height:37px}.nav{top:70px}.hero{margin:20px auto;padding:32px 24px;min-height:215px}.hero p{font-size:16px}.post-grid{grid-template-columns:1fr 1fr;gap:12px}.post-card h2{font-size:15px;padding:12px}.sidebar{grid-template-columns:1fr}.content{margin-top:22px}.page-panel{padding:22px 18px;margin:18px auto 45px}}