.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{font-weight:700}
.nav{display:flex;gap:16px}
.hamburger{display:none}
.footer-wrap{padding:24px 16px;border-top:1px solid var(--border)}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.partner{margin-top:12px}
.quiz{display:grid;gap:12px}
.quiz .quiz-options{display:flex;gap:8px;flex-wrap:wrap}
.quiz .quiz-option{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;transition:all .3s ease}
.quiz .quiz-option:hover{transform:scale(1.03)}
.calculator-widget{display:grid;gap:8px;max-width:420px}
.calculator-widget input{padding:8px;border:1px solid var(--border);border-radius:8px}
.calculator-widget button{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--primary-color);color:#fff}
.compare{position:relative;max-width:600px}
.compare img{display:block;width:100%;border-radius:12px}
.compare .slider{position:absolute;top:0;left:0;width:50%;overflow:hidden;border-radius:12px}
.compare .handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--secondary-color);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.article{max-width:860px;margin:0 auto;padding:24px 16px}
.article header{margin-bottom:16px}
.article .meta{color:var(--text-secondary)}
.article section{margin:24px 0}
.article .practical-tips ul{padding-left:20px}
.infographic-container{margin:16px 0}
.link-list{display:flex;gap:8px;flex-wrap:wrap}