*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--color-bg:#F5F0E6;--color-text:#4A2A2A;--color-accent:#2C4E3D;--color-accent-2:#BF5700;--color-white:#FFFFFF;--color-light:#FEFEFE;--color-border:#E5DDD1;--font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;--max-width:1200px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-radius:8px;--shadow:0 2px 10px rgba(74,42,42,0.1)}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.6}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}.header{background-color:var(--color-white);border-bottom:2px solid var(--color-accent);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header-content{display:flex;align-items:center;gap:var(--spacing-md)}.logo{border-radius:50%;flex-shrink:0}.header-text{flex:1}.site-title{font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-bottom:0.25rem}@media (min-width:768px){.site-title{font-size:2rem}}.site-subtitle{font-size:0.9rem;color:var(--color-text);opacity:0.8}@media (min-width:768px){.site-subtitle{font-size:1rem}}.nav{background-color:var(--color-accent);position:sticky;top:76px;z-index:99}@media (min-width:768px){.nav{top:88px}}.nav-toggle{display:block;background:none;border:none;color:var(--color-white);padding:var(--spacing-sm);cursor:pointer;position:relative;width:40px;height:40px}@media (min-width:768px){.nav-toggle{display:none}}.nav-toggle span{display:block;width:20px;height:2px;background-color:var(--color-white);margin:4px 0;transition:0.3s;position:relative}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-list{list-style:none;padding:0;margin:0;display:none;flex-direction:column;background-color:var(--color-accent)}@media (min-width:768px){.nav-list{display:flex;flex-direction:row;gap:var(--spacing-md)}}.nav-list.active{display:flex}.nav-list a{display:block;color:var(--color-white);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);transition:background-color 0.3s;font-weight:500}@media (min-width:768px){.nav-list a{padding:var(--spacing-sm) var(--spacing-md)}}.nav-list a:hover,.nav-list a:focus{background-color:rgba(255,255,255,0.1);outline:none}.main{padding:var(--spacing-lg) 0}.article{background-color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow);margin-bottom:var(--spacing-lg)}@media (min-width:768px){.article{padding:var(--spacing-xl)}}.article-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.article-title{font-size:1.75rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-md);line-height:1.2}@media (min-width:768px){.article-title{font-size:2.5rem}}@media (min-width:1024px){.article-title{font-size:3rem}}.article-meta{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:0.9rem;color:var(--color-text);opacity:0.8;flex-wrap:wrap}.separator{color:var(--color-accent)}.article-intro{font-size:1.1rem;line-height:1.7;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-accent)}.section{margin-bottom:var(--spacing-xl)}.section h2{font-size:1.5rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent-2)}@media (min-width:768px){.section h2{font-size:2rem}}.section h3{font-size:1.25rem;font-weight:600;color:var(--color-accent);margin:var(--spacing-lg) 0 var(--spacing-md) 0}@media (min-width:768px){.section h3{font-size:1.5rem}}.section h4{font-size:1.1rem;font-weight:600;color:var(--color-accent);margin:var(--spacing-md) 0 var(--spacing-sm) 0}@media (min-width:768px){.section h4{font-size:1.25rem}}.section p{margin-bottom:var(--spacing-md)}.section ul,.section ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.section li{margin-bottom:var(--spacing-xs)}.info-box{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-md) 0;border-left:4px solid var(--color-accent-2)}.info-box h4{color:var(--color-accent-2);margin-top:0}.case-study{background-color:var(--color-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;box-shadow:0 2px 5px rgba(74,42,42,0.05)}.case-study h3{color:var(--color-accent-2);margin-top:0;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.author-section{background-color:var(--color-light);border-radius:var(--border-radius);padding:var(--spacing-xl);border:2px solid var(--color-accent)}.author-info{display:flex;gap:var(--spacing-lg);align-items:flex-start;flex-direction:column}@media (min-width:768px){.author-info{flex-direction:row}}.author-photo{border-radius:50%;flex-shrink:0;border:3px solid var(--color-accent);width:120px;height:120px;object-fit:cover}@media (min-width:768px){.author-photo{width:150px;height:150px}}.author-text{flex:1}.author-text h3{color:var(--color-accent);font-size:1.5rem;margin-bottom:var(--spacing-md)}@media (min-width:768px){.author-text h3{font-size:1.75rem}}.footer{background-color:var(--color-accent);color:var(--color-white);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{display:flex;align-items:center;gap:var(--spacing-md);flex-direction:column;text-align:center}@media (min-width:768px){.footer-content{flex-direction:row;text-align:left}}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:1.1rem}.footer-logo img{border-radius:50%}.footer-text{flex:1;opacity:0.9}.footer-text p{margin-bottom:var(--spacing-xs);font-size:0.9rem}strong{color:var(--color-accent-2);font-weight:600}a{color:var(--color-accent);text-decoration:underline}a:hover{color:var(--color-accent-2)}@media (max-width:767px){.article{padding:var(--spacing-md)}.article-title{font-size:1.5rem}.section h2{font-size:1.25rem}.section h3{font-size:1.1rem}.info-box,.case-study{padding:var(--spacing-md)}.author-info{text-align:center}.author-photo{width:100px;height:100px}}@media print{.header,.nav,.footer{display:none}.main{padding:0}.article{box-shadow:none;border:1px solid #ccc}}
