@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#0b1216;--dark:#0b1718;--sage:#c9edb9;--paper:#f5f6ef;--line:#dce5df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #557c60;outline-offset:4px}.wrap{width:min(calc(100% - 56px),1200px);margin:auto}.top{background:#101f1d;color:#d4e6df;font-size:11px;letter-spacing:.16em;text-align:center;padding:12px}.head{background:#0b1718;color:#fff;border-bottom:1px solid #2c4741}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:94px}.brand{display:flex;align-items:center;gap:13px;min-width:210px}.brand strong{font-size:13px;letter-spacing:.12em}.links{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700}.links a:hover,.links .current{color:var(--sage)}.hero{background:var(--dark);color:#fff;padding:86px 0 92px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:800;color:var(--sage)}h1{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.08;font-size:clamp(42px,6vw,78px);margin:17px 0 24px;font-weight:700}.hero p{font-size:15px;max-width:610px;color:#c4d2cc;line-height:1.8}.content{padding:78px 0 110px}.count{color:#5e7668;font-size:13px;font-weight:700;letter-spacing:.07em}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.post{display:flex;flex-direction:column;align-items:flex-start;min-height:265px;padding:28px;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s}.post:hover{border-color:#8fae96;transform:translateY(-3px)}.post time,.date{font-size:12px;color:#557361;font-weight:700}.post h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.025em;line-height:1.35;margin:22px 0 15px}.post p{font-size:13px;color:#657873;line-height:1.65;margin:0 0 25px}.post span{margin-top:auto;font-weight:800;font-size:12px;color:#304d3a}.back{font-size:13px;font-weight:700;color:#456d52}.article{max-width:860px;background:#fff;border:1px solid var(--line);padding:clamp(25px,5vw,65px);margin:0 auto}.article h1{font-size:clamp(33px,5vw,60px);margin-top:16px}.article .note{background:#f4f8f0;border-left:3px solid #7fac86;padding:18px 20px;color:#51685c;font-size:13px;line-height:1.8;margin-top:34px}.article .desc{font-size:18px;line-height:1.8;color:#435751}.article .meta{color:#70877a;font-size:13px;margin-bottom:30px}.foot{background:#0b1718;color:#a6bcb3;padding:34px 0;font-size:12px}.foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.links{gap:14px}}@media(max-width:600px){.wrap{width:calc(100% - 34px)}.head-inner{min-height:84px;flex-wrap:wrap;padding:16px 0;gap:12px}.links{width:100%;flex-wrap:wrap;justify-content:flex-start}.hero{padding:63px 0}.content{padding:45px 0 75px}.grid{grid-template-columns:1fr}.post{min-height:220px}}
/* Match the existing home logo component and its responsive dimensions. */
.head .brand-official{display:inline-flex;align-items:center;min-width:190px;flex-shrink:0;gap:0;line-height:0}
.head .brand-logo{display:block;width:119px;height:auto;max-height:83px;overflow:hidden}
@media(max-width:1120px){.head .brand-official{min-width:140px}}
@media(max-width:890px){.head .brand-official{min-width:0}}
@media(max-width:600px){.head .brand-official{height:42px}.head .brand-logo{width:92px;max-height:64px;flex-shrink:0}}

/* Enlarge only the original circular emblem; retain wordmark width. */
.brand-logo{max-height:94px}
.head .brand-logo{max-height:94px}
@media(max-width:600px){.brand-logo,.head .brand-logo{max-height:73px}.head .brand-official{height:52px}}

/* Shared horizontal brand composition, using the original artwork. */
.brand-official{min-width:0;flex-shrink:0;align-items:center}
.brand .brand-logo{display:inline-flex;align-items:center;gap:15px;width:auto;height:auto;max-height:none;overflow:visible}
.brand-logo .brand-emblem{display:block;flex:none;width:80px;height:80px;overflow:hidden;filter:drop-shadow(0 6px 9px rgba(0,0,0,.38))}
.brand-logo .brand-wordmark{display:block;flex:none;width:119px;height:auto;overflow:hidden}
.head .brand-official{height:auto}
.footer .brand-logo{gap:18px}
.footer .brand-emblem{width:88px;height:88px}
.footer .brand-wordmark{width:161px}
@media(max-width:600px){
 .brand .brand-logo{gap:10px}
 .brand-logo .brand-emblem{width:58px;height:58px}
 .brand-logo .brand-wordmark{width:92px}
 .footer .brand-logo{gap:14px}
 .footer .brand-emblem{width:64px;height:64px}
 .footer .brand-wordmark{width:145px}
}
@media(max-width:380px){header .brand .brand-logo{gap:8px}header .brand-logo .brand-emblem{width:52px;height:52px}}