*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#F7F3EE;color:#1A1410;padding-top:68px}
:root{--red:#C8352A;--gold:#D4A843;--ink:#1A1410;--paper:#F7F3EE;--cream:#EDE8E0;--mist:#8B7D6B;--white:#FFFFFF}
.article-hero{position:relative;height:480px;overflow:hidden}
.article-hero-img{width:100%;height:100%;background-size:cover;background-position:center}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,20,16,0.85) 0%,rgba(26,20,16,0.3) 60%,transparent 100%)}
.article-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3rem 6rem}
.breadcrumb{font-size:0.75rem;color:rgba(255,255,255,0.5);margin-bottom:1.2rem;display:flex;gap:0.4rem;flex-wrap:wrap}
.breadcrumb a{color:rgba(255,255,255,0.6);text-decoration:none}
.breadcrumb a:hover{color:var(--gold)}
.article-cat{display:inline-block;background:var(--red);color:#fff;font-size:0.65rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:0.25rem 0.7rem;border-radius:1px;margin-bottom:0.8rem}
.article-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;line-height:1.15;margin-bottom:1rem;max-width:800px}
.article-meta{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}
.article-meta span{font-size:0.78rem;color:rgba(255,255,255,0.6)}
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 6rem}
.article-content h2{font-family:'Playfair Display',serif;font-size:1.7rem;line-height:1.2;margin:2.5rem 0 1rem;color:var(--ink)}
.article-content h2:first-child{margin-top:0}
.article-content h3{font-family:'Playfair Display',serif;font-size:1.2rem;margin:2rem 0 0.7rem;color:var(--ink)}
.article-content p{font-size:0.95rem;color:#3a3028;line-height:1.85;margin-bottom:1.2rem;font-weight:300}
.article-content p strong{color:var(--ink);font-weight:500}
.article-content ul,.article-content ol{margin:0.8rem 0 1.2rem 1.5rem}
.article-content li{font-size:0.93rem;color:#3a3028;line-height:1.8;margin-bottom:0.4rem;font-weight:300}
.article-content li strong{color:var(--ink);font-weight:500}
.article-content a{color:var(--red);text-decoration:none;border-bottom:1px solid rgba(200,53,42,0.3)}
.article-content a:hover{border-bottom-color:var(--red)}
.info-box{border-left:4px solid var(--gold);background:rgba(212,168,67,0.08);padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0}
.info-box-title{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--gold);margin-bottom:0.5rem}
.info-box p{font-size:0.88rem;color:var(--ink);margin:0;font-weight:400;line-height:1.7}
.warning-box{border-left:4px solid var(--red);background:rgba(200,53,42,0.06);padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0}
.warning-box-title{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:var(--red);margin-bottom:0.5rem}
.warning-box p{font-size:0.88rem;color:var(--ink);margin:0;font-weight:400;line-height:1.7}
.tip-box{border-left:4px solid #2d7a3d;background:rgba(45,122,61,0.06);padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0}
.tip-box-title{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.12em;color:#2d7a3d;margin-bottom:0.5rem}
.tip-box p{font-size:0.88rem;color:var(--ink);margin:0;font-weight:400;line-height:1.7}
.article-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:0.87rem}
.article-table th{background:var(--ink);color:#fff;padding:0.7rem 1rem;text-align:left;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:500}
.article-table td{padding:0.7rem 1rem;border-bottom:1px solid var(--cream);color:#3a3028;line-height:1.6;font-weight:300}
.article-table tr:last-child td{border-bottom:none}
.article-table tr:nth-child(even) td{background:rgba(237,232,224,0.4)}
.step-list{margin:1.2rem 0}
.step-item{display:grid;grid-template-columns:44px 1fr;gap:1rem;margin-bottom:1.5rem;align-items:start}
.step-num{width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step-content h4{font-family:'Playfair Display',serif;font-size:1rem;margin-bottom:0.4rem;padding-top:0.6rem}
.step-content p{font-size:0.88rem;color:var(--mist);line-height:1.7;font-weight:300;margin:0}
.sidebar{}
.sidebar-card{background:var(--white);padding:1.8rem;margin-bottom:1.5rem}
.sidebar-card h3{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:1rem;padding-bottom:0.7rem;border-bottom:1px solid var(--cream)}
.sidebar-card p{font-size:0.85rem;color:var(--mist);line-height:1.7;margin-bottom:1rem;font-weight:300}
.sidebar-cta{display:block;background:var(--red);color:#fff;text-align:center;padding:0.8rem;border-radius:2px;font-size:0.82rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:background 0.2s}
.sidebar-cta:hover{background:#a82820}
.sidebar-nav h3{font-family:'Playfair Display',serif;font-size:1.05rem;margin-bottom:1rem}
.sidebar-nav ul{list-style:none}
.sidebar-nav li{border-bottom:1px solid var(--cream)}
.sidebar-nav li:last-child{border-bottom:none}
.sidebar-nav a{display:block;padding:0.6rem 0;font-size:0.84rem;color:var(--mist);text-decoration:none;transition:color 0.2s}
.sidebar-nav a:hover{color:var(--red)}
.sidebar-nav a.current{color:var(--red);font-weight:500}
.related{background:var(--cream);padding:4rem 6rem}
.sec-tag{font-size:0.7rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:0.5rem;margin-bottom:0.8rem}
.sec-tag::before{content:'';width:20px;height:1px;background:var(--red);display:block}
.related h2{font-family:'Playfair Display',serif;font-size:1.8rem;margin-bottom:2.5rem}
.related h2 em{color:var(--red);font-style:italic}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.related-card{background:var(--white);overflow:hidden;text-decoration:none;display:block;transition:transform 0.2s}
.related-card:hover{transform:translateY(-4px)}
.related-img{height:160px;overflow:hidden}
.related-img-bg{width:100%;height:100%;background-size:cover;background-position:center;transition:transform 0.5s}
.related-card:hover .related-img-bg{transform:scale(1.06)}
.related-body{padding:1.2rem}
.related-cat{font-size:0.65rem;color:var(--red);text-transform:uppercase;letter-spacing:0.1em;font-weight:500;margin-bottom:0.4rem}
.related-title{font-family:'Playfair Display',serif;font-size:1rem;color:var(--ink);line-height:1.3}
footer{background:var(--ink);color:rgba(255,255,255,0.55);padding:3.5rem 6rem 2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3.5rem;margin-bottom:3rem}
.footer-logo{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:0.4rem;margin-bottom:0.9rem}
.footer-logo span{color:rgba(255,255,255,0.7)}
.footer-brand p{font-size:0.82rem;line-height:1.7;font-weight:300;max-width:240px}
.footer-col h4{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.14em;color:rgba(255,255,255,0.8);margin-bottom:1rem;font-weight:500}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:0.5rem}
.footer-col a{text-decoration:none;color:rgba(255,255,255,0.4);font-size:0.82rem;transition:color 0.2s}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.3rem;display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:rgba(255,255,255,0.22)}
@media(max-width:1024px){.article-hero-content,.related,footer{padding-left:2.5rem;padding-right:2.5rem}.article-layout{grid-template-columns:1fr;padding:3rem 2.5rem;gap:3rem}.sidebar{order:-1}.related-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}
@media(max-width:600px){.article-hero{height:360px}.article-hero-content,.related,footer{padding-left:1.4rem;padding-right:1.4rem}.article-layout{padding:2rem 1.4rem}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:1.8rem}.footer-bottom{flex-direction:column;gap:0.4rem;text-align:center}}