:root{--bg: #f6f6f7;--card: #ffffff;--muted: #7a7a86;--accent: #ff5a3c;--max-width: 1340px;--radius: 12px;--shadow: 0 6px 20px rgba(18,18,20,.06)}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:#0f1724}.wrap{max-width:var(--max-width);margin:40px auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.logo{font-weight:800;font-size:28px;text-decoration:none;color:#0f1724}.logo:hover{transition:.1s ease;color:#7a7a86}nav{display:flex;gap:18px;align-items:center}nav a{color:#0f1724;text-decoration:none;font-weight:600}nav a:hover{transition:.1s ease;color:#7a7a86}.hero{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;margin-bottom:40px}.hero-card{max-width:100%;display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;background:#fefefe;padding:36px;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-left{background:transparent;padding:0;border-radius:0;box-shadow:none}.eyebrow{color:var(--accent);font-weight:800;font-size:36px}.hero-left h1{font-size:34px;margin:12px 0 8px;color:#0f1724}.hero-left h1:hover{transition:.1s ease;text-decoration:underline}.meta{color:var(--muted);font-size:14px}.cta-row{margin-top:18px;display:flex;gap:12px;align-items:center}.cta{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}.cta:hover{opacity:.85}.hero-right img{width:100%;height:auto;border-radius:12px;display:block;box-shadow:var(--shadow);object-fit:cover}.hero-right img:hover{opacity:.85}.section-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card img{width:100%;object-fit:cover;aspect-ratio:16 / 9}.card img:hover{opacity:.85}.card-body{padding:16px;flex:1;display:flex;flex-direction:column}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0 0 12px;color:var(--muted);font-size:14px}.card .meta-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.small{font-size:13px;color:var(--muted)}footer{margin:40px 0;text-align:center;color:var(--muted)}.card-link{display:block}.card-cta{padding:8px 10px;font-size:13px;border-radius:10px}.meta-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.meta-author{font-size:12px;color:var(--muted);font-weight:700}.meta-date{font-size:12px;color:var(--muted)}.title-link{color:inherit;text-decoration:none}.title-link:hover{text-decoration:underline}.search-wrapper{position:relative;flex:1;max-width:460px}.search-box{display:flex;align-items:center;background:#fff;border:1.5px solid #e0e0e5;border-radius:10px;padding:0 6px 0 14px;transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff5a3c1a}.search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:#0f1724;padding:10px 0;min-width:0}.search-input::placeholder{color:var(--muted)}.search-btn{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:7px;padding:6px 8px;cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.search-btn:hover{opacity:.85}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e8e8ec;border-radius:12px;box-shadow:0 12px 36px #12121421;list-style:none;margin:0;padding:6px;z-index:999;max-height:380px;overflow-y:auto}.search-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .1s ease}.search-item:hover,.search-item.active{background:#fff4f2}.search-item-thumb{width:52px;height:38px;object-fit:cover;border-radius:6px;flex-shrink:0}.search-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-item-title{font-size:13px;font-weight:600;color:#0f1724;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-title mark{background:none;color:var(--accent);font-weight:700}.search-item-tags{font-size:11px;color:var(--muted)}.search-footer{border-top:1px solid #f0f0f3;margin-top:4px;padding:8px 10px 4px;font-size:12px;color:var(--muted);list-style:none}.search-footer kbd{background:#f0f0f3;border:1px solid #ddd;border-radius:4px;padding:1px 5px;font-size:11px;font-family:inherit}.search-footer strong{color:#0f1724}.no-results{text-align:center;padding:60px 20px;color:var(--muted)}.no-results h2{font-size:22px;color:#0f1724;margin-bottom:8px}.logo{flex-shrink:0}nav{flex-shrink:0}.page-body{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.page-sidebar{position:sticky;top:24px}.sidebar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:#f6f6f7;border-radius:var(--radius);padding:14px;font-size:14px}.sidebar-heading{display:block;width:100%;background-color:var(--accent);color:#fff;padding:10px 14px;font-weight:700;border-radius:4px;text-decoration:none}.sidebar-heading:hover{opacity:.85}.sidebar-links{display:flex;align-items:center;justify-content:end;gap:8px;text-decoration:none}.sidebar-img{width:50%;border-radius:4px}.sidebar-img:hover{opacity:.85}.sidebar-p{margin:0;font-weight:600;color:#0f1724}.sidebar-p:hover{text-decoration:underline}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:40px 0 20px;flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;padding:8px 16px;background:var(--card);border:1.5px solid #e0e0e5;border-radius:10px;font-size:14px;font-weight:600;color:#0f1724;text-decoration:none;transition:border-color .15s,background .15s}.pagination-btn:hover{border-color:var(--accent);color:var(--accent)}.pagination-btn.disabled{opacity:.35;cursor:default;pointer-events:none}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:14px;font-weight:600;color:#0f1724;text-decoration:none;border:1.5px solid transparent;transition:border-color .15s,background .15s,color .15s}.pagination-page:hover{border-color:var(--accent);color:var(--accent)}.pagination-page.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-dots{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:14px;color:var(--muted)}@media(max-width:1100px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:830px){header{flex-direction:column;align-items:center;gap:12px}.search-wrapper{order:3;width:100%;flex-basis:100%}.hero-card{grid-template-columns:1fr 1fr;gap:5px}.page-body{grid-template-columns:1fr 260px;gap:10px}}@media(max-width:720px){.wrap{padding:0 14px;margin-top:30px}header{flex-direction:column;align-items:center;gap:12px}.logo{order:1}.search-wrapper{order:3;width:100%;flex-basis:100%}nav{order:2}.hero{grid-template-columns:1fr;margin-bottom:30px}.hero-card{grid-template-columns:1fr;gap:10px;padding:20px}.eyebrow{font-size:1.9rem}.hero-left h1{font-size:1.8rem}.hero-right{order:-1}.grid{grid-template-columns:1fr}}@media(max-width:550px){nav{gap:9px}.hero{margin-bottom:10px}.hero-card{padding:10px}.eyebrow{font-size:1.6rem}.hero-left h1{font-size:1.5rem;margin:5px 0}h2{font-size:1.38rem;margin:15px 0}.sidebar-wrapper,.sidebar-heading{padding:5px;width:auto}.page-body{grid-template-columns:1fr 90px}.sidebar-img,.sidebar-p{display:none}}@media(max-width:480px){.pagination-btn{padding:8px 12px;font-size:13px}.pagination-page{width:34px;height:34px;font-size:13px}}