:root { --red:#c0392b; --red-dark:#922b21; --red-light:#fadbd8; --dark:#1a1a1a; --gray-800:#2d2d2d; --gray-600:#555; --gray-400:#999; --gray-100:#f7f7f7; --white:#ffffff; --accent:#f39c12; --green:#27ae60; }
    *{box-sizing:border-box;margin:0;padding:0;}
    html{overflow-x:hidden;max-width:100%;}
    body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--white);color:var(--dark);line-height:1.7;overflow-x:hidden;width:100%; padding-top: var(--nav-h);}
    .topbar{background:var(--dark);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;}
    .topbar-logo{color:white;font-weight:800;font-size:1rem;text-decoration:none;letter-spacing:.02em;}
    .topbar-logo span{color:var(--red);}
    .topbar-cta{background:var(--red);color:white;padding:.45rem 1.1rem;border-radius:6px;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .2s;}
    .topbar-cta:hover{background:var(--red-dark);}
    .blog-hero{background:linear-gradient(135deg,var(--dark) 0%,#3d0b07 100%);padding:4rem 2rem 3.5rem;text-align:center;position:relative;overflow:hidden;}
    .blog-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(192,57,43,.25) 0%,transparent 65%);}
    .blog-hero-inner{position:relative;max-width:780px;margin:0 auto;}
    .blog-category{display:inline-block;background:var(--red);color:white;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .9rem;border-radius:4px;margin-bottom:1.2rem;}
    .blog-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.8rem);color:white;line-height:1.25;margin-bottom:1rem;}
    .blog-hero h1 span{color:#f5a89a;}
    .blog-hero-desc{color:rgba(255,255,255,.72);font-size:1rem;max-width:580px;margin:0 auto 1.8rem;}
    .blog-meta{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;}
    .blog-meta-item{color:rgba(255,255,255,.55);font-size:.82rem;display:flex;align-items:center;gap:.3rem;}
    .blog-layout{max-width:1100px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start;}
    @media(max-width:860px){.blog-layout{grid-template-columns:1fr;padding:2rem 1.2rem;}.blog-sidebar{position:static;}.price-table,.feat-table,.salary-table{margin:1rem auto;}}
    .blog-article{min-width:0;}
    .blog-article h2{font-family:'Playfair Display',serif;font-size:1.55rem;color:var(--dark);margin:2.5rem 0 .9rem;padding-bottom:.5rem;border-bottom:3px solid var(--red);display:inline-block;}
    .blog-article h3{font-size:1.1rem;font-weight:700;color:var(--gray-800);margin:1.8rem 0 .6rem;}
    .blog-article p{color:var(--gray-600);margin-bottom:1.1rem;font-size:.97rem;}
    .blog-article strong{color:var(--dark);}
    .blog-article ul{padding-left:1.4rem;margin-bottom:1.1rem;}
    .blog-article ul li{color:var(--gray-600);font-size:.97rem;margin-bottom:.4rem;}
    .intro-box{background:linear-gradient(135deg,#fff5f4 0%,#fdecea 100%);border-left:4px solid var(--red);border-radius:0 10px 10px 0;padding:1.4rem 1.6rem;margin-bottom:2rem;}
    .intro-box p{margin:0;font-size:1rem;color:var(--gray-800);}
    .price-table{width:100%;border-collapse:collapse;margin:1rem 0 .5rem;font-size:.88rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);}
    .price-table thead{background:var(--dark);color:white;}
    .price-table th{padding:.8rem 1rem;text-align:left;font-weight:700;white-space:nowrap;}
    .price-table td{padding:.75rem 1rem;border-bottom:1px solid #eee;vertical-align:middle;white-space:nowrap;}
    .price-table tbody tr:nth-child(even){background:#fafafa;}
    .price-table tbody tr:hover{background:var(--red-light);}
    .price-table .price-val{font-weight:800;color:var(--red);font-size:.95rem;}
    .price-table tr.highlighted{background:#fffbf0!important;}
    .badge-jimat{display:inline-block;background:var(--gray-600);color:white;font-size:.62rem;font-weight:700;padding:.12rem .45rem;border-radius:4px;margin-left:.4rem;letter-spacing:.04em;vertical-align:middle;}
    .badge-value{display:inline-block;background:var(--green);color:white;font-size:.62rem;font-weight:700;padding:.12rem .45rem;border-radius:4px;margin-left:.4rem;letter-spacing:.04em;vertical-align:middle;}
    .badge-top{display:inline-block;background:var(--accent);color:white;font-size:.62rem;font-weight:700;padding:.12rem .45rem;border-radius:4px;margin-left:.4rem;letter-spacing:.04em;vertical-align:middle;}
    .price-summary{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 2rem;}
    .price-summary-card{flex:1;min-width:120px;background:var(--gray-100);border-radius:10px;padding:1rem;text-align:center;border-top:3px solid var(--red);}
    .price-summary-card .ps-label{font-size:.72rem;color:var(--gray-400);font-weight:600;margin-bottom:.3rem;}
    .price-summary-card .ps-val{font-size:1.05rem;font-weight:800;color:var(--dark);}
    .price-summary-card .ps-sub{font-size:.72rem;color:var(--gray-600);margin-top:.2rem;}
    .feat-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.82rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);}
    .feat-table thead{background:var(--dark);color:white;}
    .feat-table th{white-space:nowrap;padding:.7rem .5rem;text-align:center;font-weight:700;font-size:.76rem;}
    .feat-table th:first-child{text-align:left;padding-left:1rem;}
    .feat-table td{padding:.6rem .5rem;border-bottom:1px solid #eee;text-align:center;white-space:nowrap;}
    .feat-table td:first-child{text-align:left;padding-left:1rem;font-weight:600;color:var(--gray-800);font-size:.84rem;white-space:normal;}
    .feat-table tbody tr:nth-child(even){background:#fafafa;}
    .feat-table .check{color:var(--green);font-size:1rem;font-weight:700;}
    .feat-table .cross{color:#ccc;font-size:1rem;}
    .salary-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.85rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);}
    .salary-table thead{background:var(--dark);color:white;}
    .salary-table th{padding:.8rem .8rem;text-align:left;font-weight:700;white-space:nowrap;}
    .salary-table td{padding:.7rem .8rem;border-bottom:1px solid #eee;white-space:nowrap;}
    .salary-table tbody tr:nth-child(even){background:#fafafa;}
    .salary-table tbody tr:hover{background:var(--red-light);}
    .info-box{background:#f0f9f4;border-left:4px solid var(--green);border-radius:0 10px 10px 0;padding:1.2rem 1.4rem;margin:1.5rem 0;}
    .info-box p{margin:0;font-size:.92rem;color:#1a5c35;}
    .warning-box{background:#fff9e6;border-left:4px solid var(--accent);border-radius:0 10px 10px 0;padding:1.2rem 1.4rem;margin:1.5rem 0;}
    .warning-box p{margin:0;font-size:.92rem;color:#7d5a00;}
    .warning-box strong{color:#5a3e00;}
    .cta-banner{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:14px;padding:2rem;text-align:center;margin:2.5rem 0;color:white;}
    .cta-banner h3{font-size:1.3rem;margin-bottom:.5rem;font-family:'Playfair Display',serif;color:white;}
    .cta-banner p{font-size:.9rem;color:rgba(255,255,255,.82);margin-bottom:1.2rem;}
    .cta-banner a{display:inline-block;background:var(--red);color:white;font-weight:800;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-size:.95rem;transition:background .2s,transform .15s;}
    .cta-banner a:hover{background:var(--red-dark);transform:translateY(-2px);}
    .blog-sidebar{position:sticky;top:1.5rem;}
    .sidebar-card{background:var(--gray-100);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;}
    .sidebar-card h4{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:1rem;}
    .toc-list{list-style:none;}
    .toc-list li{margin-bottom:.5rem;}
    .toc-list a{color:var(--gray-600);text-decoration:none;font-size:.87rem;display:flex;align-items:flex-start;gap:.5rem;transition:color .2s;}
    .toc-list a:hover{color:var(--red);}
    .toc-list a::before{content:'→';color:var(--red);flex-shrink:0;}
    .sidebar-author{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;}
    .sidebar-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center top;}
    .sidebar-author-name{font-weight:700;font-size:.95rem;}
    .sidebar-author-title{font-size:.78rem;color:var(--gray-400);}
    .sidebar-wa-btn{display:block;background:#25d366;color:white;text-align:center;padding:.75rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.88rem;transition:background .2s;}
    .sidebar-wa-btn:hover{background:#1da855;}
    .related-list{list-style:none;}
    .related-list li{border-bottom:1px solid #eee;padding:.6rem 0;}
    .related-list li:last-child{border-bottom:none;}
    .related-list a{color:var(--gray-800);text-decoration:none;font-size:.87rem;font-weight:600;display:flex;gap:.5rem;}
    .related-list a::before{content:'🚗';flex-shrink:0;}
    .related-list a:hover{color:var(--red);}
    .blog-footer{background:var(--dark);color:rgba(255,255,255,.5);text-align:center;padding:2rem;font-size:.82rem;}
    .blog-footer a{color:rgba(255,255,255,.5);}
    .blog-footer strong{color:white;}
    .alert-box{background:#fdf2f2;border-left:4px solid var(--red);border-radius:0 10px 10px 0;padding:1.2rem 1.4rem;margin:1.5rem 0;}
    .alert-box p{margin:0;font-size:.92rem;color:#7d0000;}
    .alert-box strong{color:#5a0000;}
    .new-badge{display:inline-block;background:var(--red);color:white;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .7rem;border-radius:4px;margin-bottom:1rem;}
    body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--dark);line-height:1.7;overflow-x:hidden;width:100%;padding-top:var(--nav-h);}
    .blog-hero h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:800;color:white;line-height:1.2;margin-bottom:1rem;}
    .blog-hero-desc{color:rgba(255,255,255,.72);font-size:1rem;max-width:600px;margin:0 auto 1.8rem;}
    @media(max-width:860px){.blog-layout{grid-template-columns:1fr;padding:2rem 1.2rem;}.blog-sidebar{position:static!important;}.price-table,.feat-table,.salary-table,.spec-table,.matrix-table{margin:1rem auto;}}
    .blog-article h2{font-family:'Barlow Condensed',sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:.01em;color:var(--dark);margin:2.5rem 0 .9rem;padding-bottom:.5rem;border-bottom:3px solid var(--red);display:inline-block;}
    .blog-article h3{font-size:1.05rem;font-weight:700;color:var(--gray-800);margin:1.8rem 0 .6rem;}
    .blog-article ul li{color:var(--gray-600);font-size:.97rem;margin-bottom:.45rem;}

    /* tables */
    .price-table,.feat-table,.salary-table,.spec-table,.matrix-table{width:100%;border-collapse:collapse;margin:1rem 0 .5rem;font-size:.88rem;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);}
    .price-table thead,.feat-table thead,.salary-table thead,.spec-table thead,.matrix-table thead{background:var(--dark);color:white;}
    .price-table th,.feat-table th,.salary-table th,.spec-table th,.matrix-table th{padding:.8rem 1rem;text-align:left;font-weight:700;white-space:nowrap;}
    .feat-table th,.spec-table th{text-align:center;}
    .feat-table th:first-child,.spec-table th:first-child{text-align:left;padding-left:1rem;}
    .price-table td,.feat-table td,.salary-table td,.spec-table td,.matrix-table td{padding:.75rem 1rem;border-bottom:1px solid #eee;vertical-align:middle;}
    .feat-table td,.spec-table td{text-align:center;white-space:nowrap;}
    .feat-table td:first-child,.spec-table td:first-child{text-align:left;padding-left:1rem;font-weight:600;color:var(--gray-800);font-size:.84rem;white-space:normal;}
    .price-table tbody tr:nth-child(even),.salary-table tbody tr:nth-child(even),.matrix-table tbody tr:nth-child(even){background:#fafafa;}
    .feat-table tbody tr:nth-child(even),.spec-table tbody tr:nth-child(even){background:#fafafa;}
    .price-table tbody tr:hover,.salary-table tbody tr:hover{background:var(--red-light);}
    .price-table tr.highlighted,.salary-table tr.highlighted{background:#fffbf0!important;border-left:3px solid var(--accent);}
    .check{color:var(--green);font-size:1rem;font-weight:700;}
    .cross{color:#ccc;font-size:1rem;}
    .price-summary-card.best{border-top-color:var(--accent);}
    .cta-banner h3{font-size:1.3rem;margin-bottom:.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.02em;color:white;}

    /* recommendation matrix */
    .matrix-table td:first-child{font-weight:700;color:var(--dark);}
    .matrix-table td.rec-var{font-weight:800;color:var(--red);}
    .matrix-table tr.rec-best td{background:#fffbf0;}
    .matrix-table td.rec-note{font-size:.82rem;color:var(--gray-600);}

    /* variant highlight strip */
    .variant-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 2rem;}
    .variant-tile{border-radius:10px;padding:1.2rem;text-align:center;border:2px solid #eee;transition:border-color .2s;}
    .variant-tile:hover{border-color:var(--red);}
    .variant-tile.featured{border-color:var(--accent);background:#fffbf0;}
    .vt-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.3rem;}
    .vt-name{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:800;color:var(--dark);margin-bottom:.3rem;}
    .vt-price{font-size:1.1rem;font-weight:800;color:var(--red);}
    .vt-tag{display:inline-block;margin-top:.5rem;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;}
    .vt-tag-gray{background:#eee;color:var(--gray-600);}
    .vt-tag-green{background:#e8f8ee;color:var(--green);}
    .vt-tag-gold{background:#fef3d0;color:#b8860b;}
    @media(max-width:580px){.variant-strip{grid-template-columns:1fr;}}

    /* sidebar */
    .note{font-size:.8rem;color:var(--gray-400);margin-bottom:1.2rem;}