* { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Segoe UI',system-ui,-apple-system,sans-serif; background:#faf7f2; color:#333; line-height:1.75; }
        .site-header { background:linear-gradient(135deg,#df1c2e,#b70f24); color:#fff; padding:0 20px; position:sticky; top:0; z-index:1000; box-shadow:0 4px 20px rgba(0,0,0,.15); }
        .header-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:15px 0; }
        .my-logo { font-size:2rem; font-weight:900; color:#fff; text-decoration:none; letter-spacing:2px; display:flex; align-items:center; gap:8px; text-transform:uppercase; }
        .my-logo i { color:#ffd700; }
        .nav-links { display:flex; gap:18px; list-style:none; align-items:center; }
        .nav-links a { color:#fff; text-decoration:none; font-weight:600; font-size:.95rem; padding:8px 12px; border-radius:20px; transition:all .3s; }
        .nav-links a:hover { background:#ffd700; color:#b70f24; transform:translateY(-2px); }
        .hamburger { display:none; background:transparent; border:2px solid #fff; color:#fff; font-size:1.4rem; padding:5px 12px; border-radius:8px; cursor:pointer; }
        .breadcrumb { max-width:1280px; margin:0 auto; padding:12px 20px; font-size:.9rem; color:#b70f24; background:#fff; border-bottom:1px solid #eee; }
        .breadcrumb a { color:#b70f24; text-decoration:none; }
        .breadcrumb a:hover { text-decoration:underline; }
        .breadcrumb .sep { margin:0 8px; color:#bbb; }
        .container { max-width:1280px; margin:0 auto; padding:30px 20px; display:grid; grid-template-columns:1fr 300px; gap:40px; }
        .main-content { min-width:0; }
        .sidebar { position:sticky; top:100px; align-self:start; background:#fff; border-radius:16px; padding:24px; box-shadow:0 2px 15px rgba(0,0,0,.06); }
        .sidebar h3 { font-size:1.1rem; margin-bottom:15px; color:#b70f24; border-left:4px solid #ffd700; padding-left:12px; }
        .sidebar ul { list-style:none; }
        .sidebar li { margin-bottom:8px; }
        .sidebar a { color:#555; text-decoration:none; font-size:.9rem; transition:color .3s; }
        .sidebar a:hover { color:#b70f24; padding-left:5px; }
        .hero { background:linear-gradient(135deg,#ffd700,#ffad00); border-radius:20px; padding:40px; margin-bottom:30px; position:relative; overflow:hidden; }
        .hero h1 { font-size:2.6rem; color:#b70f24; line-height:1.2; margin-bottom:15px; font-weight:900; text-shadow:2px 2px 0 rgba(255,255,255,.3); }
        .hero p { font-size:1.2rem; color:#5a3e00; max-width:700px; }
        .hero .badge { display:inline-block; background:#b70f24; color:#fff; padding:5px 18px; border-radius:20px; font-size:.85rem; font-weight:700; margin-bottom:15px; text-transform:uppercase; letter-spacing:1px; }
        article h2 { font-size:2rem; color:#b70f24; margin:45px 0 20px; padding-bottom:10px; border-bottom:3px solid #ffd700; display:inline-block; }
        article h3 { font-size:1.4rem; color:#333; margin:30px 0 12px; }
        article h4 { font-size:1.1rem; color:#555; margin:20px 0 10px; }
        article p { margin-bottom:16px; font-size:1.05rem; }
        article ul, article ol { margin:0 0 20px 30px; }
        article li { margin-bottom:8px; }
        .highlight-box { background:#fffbea; border-left:5px solid #ffd700; padding:20px 25px; border-radius:0 12px 12px 0; margin:25px 0; }
        .warning-box { background:#f8d7da; border-left:5px solid #df1c2e; padding:20px 25px; border-radius:0 12px 12px 0; margin:25px 0; }
        .tip-box { background:#d4edda; border-left:5px solid #28a745; padding:20px 25px; border-radius:0 12px 12px 0; margin:25px 0; }
        .two-col { display:grid; grid-template-columns:1fr 1fr; gap:25px; margin:20px 0; }
        .card { background:#fff; border-radius:14px; padding:22px; box-shadow:0 3px 10px rgba(0,0,0,.05); transition:transform .3s,box-shadow .3s; }
        .card:hover { transform:translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,.1); }
        .card h4 { color:#b70f24; margin-bottom:10px; }
        .img-container { margin:30px 0; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.08); }
        .img-container img { width:100%; height:auto; display:block; }
        .img-container figcaption { background:#fff; padding:12px 18px; font-size:.9rem; color:#666; font-style:italic; text-align:center; border-top:1px solid #eee; }
        .search-section { background:#fff; border-radius:16px; padding:30px; margin:30px 0; box-shadow:0 2px 10px rgba(0,0,0,.04); }
        .search-section form { display:flex; gap:10px; flex-wrap:wrap; }
        .search-section input[type="search"] { flex:1; min-width:180px; padding:14px 18px; border:2px solid #e0e0e0; border-radius:30px; font-size:1rem; outline:none; transition:border .3s; }
        .search-section input[type="search"]:focus { border-color:#b70f24; }
        .search-section button { background:#b70f24; color:#fff; border:none; padding:14px 28px; border-radius:30px; font-size:1rem; cursor:pointer; font-weight:600; transition:background .3s; }
        .search-section button:hover { background:#df1c2e; }
        .form-section { background:#fff; border-radius:16px; padding:30px; margin:30px 0; box-shadow:0 2px 10px rgba(0,0,0,.04); }
        .form-section h3 { margin-bottom:20px; color:#b70f24; }
        .form-section form { display:flex; flex-direction:column; gap:15px; }
        .form-section input,.form-section textarea,.form-section select { padding:12px 16px; border:2px solid #e0e0e0; border-radius:10px; font-size:1rem; outline:none; transition:border .3s; font-family:inherit; }
        .form-section input:focus,.form-section textarea:focus,.form-section select:focus { border-color:#b70f24; }
        .form-section textarea { min-height:120px; resize:vertical; }
        .form-section button { background:linear-gradient(135deg,#ffd700,#ffad00); color:#b70f24; border:none; padding:14px 24px; border-radius:10px; font-size:1rem; font-weight:700; cursor:pointer; transition:transform .3s,box-shadow .3s; }
        .form-section button:hover { transform:translateY(-2px); box-shadow:0 5px 20px rgba(255,173,0,.4); }
        .comparison-table { width:100%; border-collapse:collapse; margin:25px 0; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.05); }
        .comparison-table th { background:#b70f24; color:#fff; padding:14px 16px; text-align:left; font-weight:700; }
        .comparison-table td { padding:12px 16px; border-bottom:1px solid #f0f0f0; }
        .comparison-table tr:hover td { background:#fffbea; }
        .faq-item { margin-bottom:20px; padding:20px; background:#fff; border-radius:12px; border-left:4px solid #ffd700; }
        .faq-item h4 { color:#b70f24; margin-bottom:8px; }
        .star-rating { display:flex; gap:5px; flex-direction:row-reverse; justify-content:flex-end; }
        .star-rating input { display:none; }
        .star-rating label { font-size:2rem; color:#ddd; cursor:pointer; transition:color .2s; }
        .star-rating input:checked~label, .star-rating label:hover, .star-rating label:hover~label { color:#ffd700; }
        .site-footer { background:#2d2d2d; color:#ccc; padding:40px 20px 20px; margin-top:60px; }
        .footer-inner { max-width:1280px; margin:0 auto; }
        .footer-top { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:30px; margin-bottom:30px; }
        .footer-top h4 { color:#ffd700; margin-bottom:15px; font-size:1.1rem; }
        .footer-top a { color:#ccc; text-decoration:none; display:block; margin-bottom:8px; font-size:.95rem; }
        .footer-top a:hover { color:#ffd700; }
        .footer-bottom { border-top:1px solid #555; padding-top:20px; text-align:center; font-size:.9rem; color:#aaa; }
        .last-updated { font-size:.85rem; color:#888; margin:20px 0; font-style:italic; }
        .table-of-contents { background:#fff; border-radius:14px; padding:24px; margin:30px 0; box-shadow:0 2px 10px rgba(0,0,0,.04); }
        .table-of-contents h3 { color:#b70f24; margin-bottom:15px; }
        .table-of-contents ol { margin-left:20px; }
        .table-of-contents a { color:#555; text-decoration:none; }
        .table-of-contents a:hover { color:#b70f24; text-decoration:underline; }
        .star { color: #ffd700; }
        @media(max-width:991px) {
            .container { grid-template-columns:1fr; }
            .sidebar { position:static; }
        }
        @media(max-width:768px) {
            .nav-links { display:none; flex-direction:column; width:100%; background:#b70f24; padding:15px; border-radius:0 0 12px 12px; gap:10px; }
            .nav-links.show { display:flex; }
            .hamburger { display:block; }
            .hero h1 { font-size:1.8rem; }
            .two-col { grid-template-columns:1fr; }
            .header-inner { flex-wrap:nowrap; }
    }
        @media(min-width:769px) { .nav-links { display:flex !important; } }