*{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth;font-size:16px}
        body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#f8f6f2;color:#1e1e1e;line-height:1.7;padding:0}
        img{max-width:100%;height:auto;display:block}
        a{color:#b45309;text-decoration:none;transition:color .2s}
        a:hover{color:#d97706;text-decoration:underline}
        ul,ol{padding-left:1.5rem}
        .wrapper{max-width:1200px;margin:0 auto;padding:0 1.25rem}
        .site-header{background:linear-gradient(145deg,#2d1b0e 0%,#4a2f1a 100%);color:#fef3c7;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.3)}
        .header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}
        .my-logo{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#fbbf24;text-shadow:0 2px 8px rgba(0,0,0,.4);transition:.2s;display:flex;align-items:center;gap:.5rem}
        .my-logo:hover{color:#fcd34d;text-decoration:none;transform:scale(1.02)}
        .my-logo i{font-size:1.8rem;color:#f59e0b}
        .nav-toggle{display:none;background:0;border:2px solid #fbbf24;color:#fbbf24;font-size:1.4rem;padding:.3rem .7rem;border-radius:8px;cursor:pointer;transition:.2s}
        .nav-toggle:hover{background:#fbbf24;color:#2d1b0e}
        .primary-nav{display:flex;gap:.25rem;flex-wrap:wrap}
        .primary-nav a{color:#fef3c7;padding:.4rem .85rem;border-radius:6px;font-size:.92rem;font-weight:500;transition:.2s;white-space:nowrap}
        .primary-nav a:hover{background:#fbbf24;color:#2d1b0e;text-decoration:none}
        .primary-nav a i{margin-right:.35rem;font-size:.85rem}
        .breadcrumb{background:#f0ebe0;padding:.55rem 1.25rem;font-size:.85rem;border-bottom:1px solid #e0d5c5;max-width:1200px;margin:0 auto;width:100%}
        .breadcrumb a{color:#7a5a3a}
        .breadcrumb a:hover{color:#b45309}
        .breadcrumb span{color:#5a4030}
        .search-wrap{background:#fff8f0;padding:1rem 1.25rem;border-bottom:1px solid #e8ddd0;max-width:1200px;margin:0 auto;width:100%}
        .search-form{display:flex;gap:.5rem;max-width:600px;margin:0 auto}
        .search-form input{flex:1;padding:.65rem 1rem;border:2px solid #d4c5b0;border-radius:40px;font-size:.95rem;outline:0;transition:.2s;background:#fff}
        .search-form input:focus{border-color:#b45309;box-shadow:0 0 0 3px rgba(180,83,9,.15)}
        .search-form button{background:#b45309;color:#fff;border:0;border-radius:40px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.4rem}
        .search-form button:hover{background:#d97706;transform:translateY(-1px)}
        main{padding:2rem 0 3rem}
        .content-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}
        @media(min-width:992px){.content-grid{grid-template-columns:2.5fr 1fr}}
        h1{font-size:2.4rem;font-weight:800;color:#2d1b0e;line-height:1.2;margin-bottom:.5rem;letter-spacing:-.02em}
        h2{font-size:1.8rem;font-weight:700;color:#3d2616;margin:2.5rem 0 1rem;padding-bottom:.4rem;border-bottom:3px solid #fbbf24;display:inline-block}
        h3{font-size:1.35rem;font-weight:600;color:#4a2f1a;margin:1.8rem 0 .7rem}
        h4{font-size:1.1rem;font-weight:600;color:#5a4030;margin:1.2rem 0 .4rem}
        p{margin-bottom:1.1rem}
        .last-updated{display:block;font-size:.88rem;color:#7a5a3a;margin-bottom:1.8rem;background:#f0ebe0;padding:.4rem 1rem;border-radius:30px;width:fit-content}
        .article-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 24px rgba(0,0,0,.05);margin-bottom:2rem}
        .article-card img{border-radius:16px;margin:1.5rem 0;width:100%}
        .link-inline{color:#b45309;font-weight:600}
        .feature-box{background:#fdf6ed;border-left:6px solid #fbbf24;padding:1.2rem 1.6rem;border-radius:12px;margin:1.6rem 0}
        .feature-box p{margin-bottom:.4rem}
        .feedback-forms{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem 0 1rem}
        @media(min-width:600px){.feedback-forms{grid-template-columns:1fr 1fr}}
        .feedback-card{background:#fff;border-radius:18px;padding:1.6rem;box-shadow:0 4px 20px rgba(0,0,0,.04);border:1px solid #ede5d8}
        .feedback-card h3{font-size:1.2rem;margin-top:0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
        .feedback-card form{display:flex;flex-direction:column;gap:.8rem}
        .feedback-card input,.feedback-card textarea{padding:.6rem .9rem;border:2px solid #d4c5b0;border-radius:10px;font-size:.92rem;outline:0;transition:.2s;background:#faf8f5}
        .feedback-card input:focus,.feedback-card textarea:focus{border-color:#b45309}
        .feedback-card textarea{min-height:80px;resize:vertical}
        .feedback-card .btn-submit{background:#b45309;color:#fff;border:0;padding:.55rem 1.2rem;border-radius:40px;font-weight:600;cursor:pointer;transition:.2s;align-self:flex-start}
        .feedback-card .btn-submit:hover{background:#d97706;transform:translateY(-1px)}
        .star-rating{display:flex;gap:.25rem;font-size:1.6rem;color:#d4c5b0;cursor:pointer}
        .star-rating i{transition:.15s}
        .star-rating i.active,.star-rating i:hover{color:#f59e0b}
        .sidebar{background:#fff;border-radius:20px;padding:1.8rem;box-shadow:0 4px 24px rgba(0,0,0,.05);height:fit-content;position:sticky;top:100px}
        .sidebar h3{font-size:1.2rem;margin-top:0;color:#2d1b0e;border-bottom:2px solid #fbbf24;padding-bottom:.4rem}
        .sidebar ul{list-style:none;padding:0}
        .sidebar li{margin:.5rem 0}
        .sidebar a{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:8px;transition:.2s;color:#4a2f1a}
        .sidebar a:hover{background:#fdf6ed;text-decoration:none;color:#b45309}
        friend-link{display:block;background:#2d1b0e;color:#fef3c7;padding:1.8rem 1.25rem;border-radius:18px;margin-top:2.5rem;text-align:center}
        friend-link a{color:#fbbf24;font-weight:500;margin:0 .4rem}
        friend-link a:hover{color:#fcd34d}
        .site-footer{background:#1a1008;color:#c4b5a0;padding:2rem 1.25rem;text-align:center;font-size:.88rem;border-top:3px solid #fbbf24;margin-top:2rem}
        .site-footer p{margin:.3rem 0}
        .schema-hidden{display:none}
        @media(max-width:768px){
            .nav-toggle{display:block}
            .primary-nav{display:none;width:100%;flex-direction:column;background:#3d2616;margin-top:.75rem;border-radius:12px;padding:.5rem;gap:0}
            .primary-nav.show{display:flex}
            .primary-nav a{padding:.6rem .8rem;border-radius:6px}
            h1{font-size:1.8rem}
            h2{font-size:1.4rem}
            .article-card{padding:1.2rem}
            .sidebar{position:static;margin-top:2rem}
            .feedback-forms{grid-template-columns:1fr}
            .header-inner{padding:.6rem 1rem}
            .my-logo{font-size:1.3rem}
        }
        @media(max-width:480px){
            .search-form{flex-direction:column}
            .search-form button{width:100%;justify-content:center}
            .star-rating{font-size:1.3rem}
        }
        .eaat-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.5rem;font-size:.85rem;color:#6b5a4a}
        .eaat-meta span{background:#f0ebe0;padding:.2rem .8rem;border-radius:30px}
        :target{scroll-margin-top:90px}