:root{--surface:#f9f9f9;--surface-dim:#dadada;--surface-bright:#f9f9f9;--surface-container-lowest:#fff;--surface-container-low:#f3f3f3;--surface-container:#eee;--surface-container-high:#e8e8e8;--surface-container-highest:#e2e2e2;--on-surface:#1a1c1c;--on-surface-variant:#414844;--inverse-surface:#2f3131;--inverse-on-surface:#f0f1f1;--outline:#717973;--outline-variant:#c1c8c2;--surface-tint:#3f6653;--primary:#012d1d;--on-primary:#fff;--primary-container:#1b4332;--on-primary-container:#86af99;--inverse-primary:#a5d0b9;--secondary:#4e6073;--on-secondary:#fff;--secondary-container:#cfe2f9;--on-secondary-container:#526478;--tertiary:#520700;--on-tertiary:#fff;--tertiary-container:#7a0f00;--on-tertiary-container:#ff8269;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#f9f9f9;--on-background:#1a1c1c;--font-heading:"Newsreader", serif;--font-body:"Work Sans", sans-serif;--unit:8px;--gutter:24px;--margin-mobile:16px;--max-width:1280px;--radius-sm:.125rem;--radius-md:.25rem;--radius-lg:.375rem;--radius-xl:.5rem;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface-container-lowest);color:var(--on-surface);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--on-surface);margin-bottom:calc(var(--unit) * 2);font-weight:600}h1{font-size:32px;line-height:1.2}h2{font-size:24px;line-height:1.3}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);padding:0 var(--gutter);margin:0 auto}.grid{gap:var(--gutter);grid-template-columns:repeat(12,1fr);display:grid}.breaking-news{background-color:var(--error);color:var(--on-error);font-size:12px;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;align-items:center;height:36px;padding:0;font-weight:700;display:flex;overflow:hidden}.breaking-news .container{flex-wrap:nowrap;align-items:center;width:100%;height:100%;padding:0;display:flex}.breaking-news-label{background-color:var(--error);padding:0 var(--gutter);white-space:nowrap;z-index:10;flex-shrink:0;align-items:center;height:100%;display:flex;position:relative;box-shadow:10px 0 15px -5px #0000004d}.breaking-news-ticker{flex:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.breaking-news-content{white-space:nowrap;padding-left:100%;line-height:36px;animation:25s linear infinite ticker;display:inline-block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}.site-header{z-index:1000;position:sticky;top:0;box-shadow:0 2px 16px #00000014}.header-top{background-color:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);padding:14px 0}.header-top-inner{justify-content:space-between;align-items:center;display:flex}.brand-logo{align-items:center;gap:14px;text-decoration:none;display:flex}.header-logo-img{object-fit:cover;border:2px solid var(--outline-variant);border-radius:50%;width:64px;height:64px;transition:transform .3s}.brand-logo:hover .header-logo-img{transform:rotate(5deg)scale(1.05)}.brand-text{flex-direction:column;display:flex}.brand-name{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.03em;font-size:26px;font-weight:800;line-height:1.1}.brand-tagline{color:var(--outline);font-size:12px;font-family:var(--font-body);margin-top:2px}.header-top-right{align-items:center;gap:20px;display:flex}.header-date{color:var(--outline);font-size:12px;font-family:var(--font-body);align-items:center;gap:6px;display:flex}.header-social{align-items:center;gap:8px;display:flex}.header-social-icon{background:var(--surface-container);width:32px;height:32px;color:var(--on-surface-variant);border:1px solid var(--outline-variant);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.header-social-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary);text-decoration:none;transform:translateY(-2px)}.header-nav-bar{background:var(--primary)}.header-nav-inner{justify-content:space-between;align-items:center;display:flex}.main-nav ul{gap:0;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:#ffffffc7;text-transform:uppercase;letter-spacing:.06em;padding:14px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:block;position:relative}.main-nav a:after{content:"";background:#86af99;border-radius:3px 3px 0 0;height:3px;transition:transform .25s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:#fff;text-decoration:none}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.header-search{align-items:center;display:flex;position:relative}.search-toggle{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.search-toggle:hover{background:#ffffff40}.search-dropdown{border-radius:var(--radius-md);background:#fff;width:320px;animation:.2s slideDown;display:none;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.search-dropdown.open{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dropdown form{display:flex}.search-input{font-size:15px;font-family:var(--font-body);background:#fff;border:none;outline:none;flex:1;padding:12px 16px}.search-submit{background:var(--primary);color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-body);border:none;padding:12px 20px;transition:background .2s}.search-submit:hover{background:var(--primary-container)}.btn{padding:calc(var(--unit) * 1.5) calc(var(--unit) * 3);border-radius:var(--radius-md);font-family:var(--font-body);text-align:center;cursor:pointer;border:1px solid #0000;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-container);text-decoration:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-secondary{color:var(--secondary);border-color:var(--secondary);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-container);text-decoration:none}.form-group{margin-bottom:calc(var(--unit) * 3)}.form-label{margin-bottom:var(--unit);color:var(--on-surface-variant);font-weight:600;display:block}.form-control{width:100%;padding:calc(var(--unit) * 1.5);border:none;border-bottom:1px solid var(--secondary);background-color:var(--surface-container-lowest);font-family:var(--font-body);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:16px;transition:border-color .2s}.form-control:focus{border-bottom-color:var(--primary);border-bottom-width:2px;outline:none}.card{background-color:var(--surface-container-lowest);border-radius:var(--radius-md);border:1px solid #4e60731a;transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.card-img{object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;height:200px}.card-body{padding:calc(var(--unit) * 3)}.chip{background-color:var(--secondary-container);color:var(--on-secondary-container);padding:calc(var(--unit) * .5) calc(var(--unit) * 1.5);border-radius:var(--radius-xl);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--unit);font-size:12px;font-weight:700;display:inline-block}.content-area{padding:calc(var(--unit) * 6) 0}.main-column{grid-column:span 8}.sidebar{grid-column:span 4}@media (width<=768px){.main-column,.sidebar{grid-column:span 12}.grid{flex-direction:column;display:flex}.main-nav{display:none}}.pagination{justify-content:center;gap:8px;margin-top:32px;padding:0;list-style:none;display:flex}.pagination li{display:inline-block}.pagination li a,.pagination li span{border:1px solid var(--outline-variant);border-radius:var(--radius-sm);color:var(--secondary);padding:8px 16px;font-weight:600;text-decoration:none;transition:all .2s}.pagination li.active span{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.pagination li a:hover{background-color:var(--surface-container);text-decoration:none}.pagination li.disabled span{color:var(--outline);opacity:.5}.site-footer-main{background:linear-gradient(135deg,#012d1d 0%,#0a3d2e 60%,#1b4332 100%);margin-top:64px;padding:64px 0 0}.footer-grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:48px;display:grid}.footer-heading{color:#fff;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid #ffffff26;margin-bottom:20px;padding-bottom:12px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#ffffffa6;font-size:14px;text-decoration:none;transition:color .2s,padding-left .2s;display:inline-block}.footer-links li a:hover{color:#86af99;padding-left:6px}.footer-social{gap:12px;display:flex}.social-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:transform .25s,background .25s;display:flex}.social-btn:hover{background:#1877f2;transform:translateY(-3px)scale(1.1)}.social-btn.social-insta:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-btn.social-yt:hover{background:red}.footer-bottom{color:#ffffff73;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;display:flex}.footer-bottom p{margin:0}.footer-bottom-social{align-items:center;gap:12px;display:flex}.footer-bottom-social a{color:#ffffff80;text-decoration:none;transition:color .2s}.footer-bottom-social a:hover{color:#86af99}.footer-bottom-social span{opacity:.3}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media (width<=640px){.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{text-align:center;flex-direction:column;gap:12px}}