:root{--ink:#102019;--panel:#173326;--cyan:#a8d400;--amber:#f4e900;--paper:#f7faf3;--muted:#60717b;--line:#d9e4d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Alexandria",sans-serif;color:#0b1a25;background:var(--paper);line-height:1.85}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:var(--ink);color:#fff}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.mark{width:40px;height:40px;background:linear-gradient(145deg,var(--cyan),#148a3b);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);display:grid;place-items:center;color:var(--ink);font-size:.8rem}.links{display:flex;gap:25px;color:#bdd0d8;font-size:.88rem}.links a:hover,.links .active{color:var(--cyan)}.home{padding:10px 17px;border:1px solid rgba(255,255,255,.14);border-radius:8px;font-size:.82rem}.hero{background:var(--ink);color:#fff;padding:72px 0 92px;position:relative;overflow:hidden}.hero:after{content:"20";position:absolute;left:5%;top:-80px;font-size:24rem;line-height:1;color:rgba(168,212,0,.035);font-weight:800}.eyebrow{color:var(--cyan);font-weight:700;font-size:.78rem;letter-spacing:.1em}.hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.2;letter-spacing:-.045em;margin:12px 0 18px;max-width:800px}.hero p{max-width:680px;color:#9eb2bd;font-size:1.02rem}.searchbox{display:flex;align-items:center;gap:12px;background:#fff;padding:7px;border-radius:12px;max-width:650px;margin-top:32px;position:relative;z-index:2}.searchbox span{color:#78909b;margin-right:12px}.searchbox input{width:100%;border:0;outline:0;padding:11px;color:#142530;background:transparent}.filters{display:flex;flex-wrap:wrap;gap:9px;padding:28px 0}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 15px;cursor:pointer;color:#53666f;font-size:.8rem}.filter:hover,.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.count{color:#6e8089;font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:100px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-height:350px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(12,40,55,.09);border-color:#9ddbe0}.card-top{height:8px;background:var(--cyan)}.card:nth-child(4n+2) .card-top{background:var(--amber)}.card:nth-child(4n+3) .card-top{background:#317aa0}.card-body{padding:26px;display:flex;flex-direction:column;flex:1}.tag{font-size:.72rem;color:#398a28;font-weight:700}.card h2{font-size:1.17rem;line-height:1.55;margin:10px 0}.card p{font-size:.86rem;color:#63747c;margin:0 0 20px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;border-top:1px solid #edf1f2;font-size:.72rem;color:#819099}.read{color:#398a28;font-weight:700}.empty{display:none;text-align:center;padding:70px 0 120px;color:#6b7c85}.article-view{display:none;background:#fff;min-height:calc(100vh - 82px)}.article-view.show{display:block}.listing.hide{display:none}.article-head{background:var(--ink);color:#fff;padding:60px 0}.article-head h1{font-size:clamp(2rem,4vw,4rem);line-height:1.35;max-width:900px;margin:14px 0}.article-head p{color:#9eb2bd;max-width:780px}.back{display:inline-block;color:var(--cyan);font-size:.85rem;margin-bottom:17px;cursor:pointer}.article-layout{display:grid;grid-template-columns:1fr 270px;gap:70px;padding:65px 0 100px}.prose{font-size:1.02rem;color:#283c47}.prose h2{font-size:1.55rem;color:#0a1d29;margin:38px 0 10px}.prose p{margin:0 0 20px}.prose ul{padding-right:24px}.prose li{margin-bottom:9px}.note{background:#f0f8d8;border-right:4px solid var(--cyan);padding:19px 21px;border-radius:8px;margin:30px 0}.sidebar{position:sticky;top:25px;align-self:start;border:1px solid var(--line);border-radius:14px;padding:21px}.sidebar small{display:block;color:#7b8d96;margin-bottom:10px}.source{display:block;background:var(--ink);color:#fff;padding:11px 14px;border-radius:8px;font-size:.8rem;text-align:center;margin-top:18px}.source:hover{background:#0b3449}.disclaimer{font-size:.74rem;color:#7b8c94;margin-top:14px}.more{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:.85rem}.more a{display:block;color:#087d89;margin-top:10px}footer{background:var(--ink);color:#8fa4af;padding:32px 0}.foot{display:flex;justify-content:space-between;font-size:.78rem}.hidden{display:none!important}
    @media(max-width:900px){.links{display:none}.grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.hero:after{display:none}}@media(max-width:580px){.wrap{width:min(100% - 26px,1180px)}.grid{grid-template-columns:1fr}.hero{padding:50px 0 65px}.nav{height:70px}.home{padding:8px 12px}.foot{flex-direction:column;gap:8px}.article-layout{padding-top:40px}}
    .mark{width:48px;height:48px;background:#fff;border-radius:10px;padding:4px;display:grid;place-items:center;overflow:hidden}.mark img{display:block;width:100%;height:100%;object-fit:contain}

.card-media{height:168px;overflow:hidden;background:var(--panel);position:relative}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.card:hover .card-media img{transform:scale(1.045)}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(16,32,25,.34));pointer-events:none}.detail-media{margin:0 0 32px;border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 18px 45px rgba(16,32,25,.11)}.detail-media img{width:100%;max-height:430px;object-fit:cover;display:block}.article-diagram{background:#f0f8d8;border:1px solid #d9e4d7;border-radius:16px;padding:22px;margin:0 0 34px}.diagram-title{display:flex;align-items:center;gap:9px;color:#173326;font-weight:800;font-size:.9rem;margin-bottom:18px}.diagram-title i{width:10px;height:10px;background:var(--cyan);border-radius:50%;display:inline-block}.visual-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:stretch}.visual-step{background:#fff;border:1px solid #d9e4d7;border-radius:11px;padding:15px 12px;min-height:84px}.visual-step b{display:block;color:#398a28;font-size:.72rem;margin-bottom:6px}.visual-step span{font-size:.76rem;color:#3e5355;line-height:1.55}.visual-arrow{display:grid;place-items:center;color:#398a28;font-size:1.2rem}.visual-bars{display:grid;gap:13px}.visual-bar{display:grid;grid-template-columns:95px 1fr 48px;gap:10px;align-items:center;font-size:.76rem;color:#3e5355}.visual-bar em{font-style:normal;text-align:left;color:#398a28;font-weight:800}.visual-track{height:10px;border-radius:10px;background:#fff;overflow:hidden;border:1px solid #d9e4d7}.visual-fill{height:100%;background:linear-gradient(90deg,var(--cyan),#398a28);border-radius:10px}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.visual-card{background:#fff;border:1px solid #d9e4d7;border-radius:11px;padding:15px}.visual-card strong{display:block;color:#173326;font-size:.82rem;margin-bottom:6px}.visual-card span{font-size:.74rem;color:#52656c;line-height:1.6}.visual-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.visual-loop .visual-card{position:relative}.visual-loop .visual-card:not(:last-child):after{content:"←";position:absolute;left:-14px;top:50%;color:#398a28;font-size:1.15rem}.visual-loop .visual-card:last-child{grid-column:2}.detail-media + .article-diagram{margin-top:0}@media(max-width:700px){.visual-flow{grid-template-columns:1fr 1fr}.visual-arrow{display:none}.visual-bars .visual-bar{grid-template-columns:78px 1fr 40px}.visual-cards,.visual-loop{grid-template-columns:1fr}.visual-loop .visual-card:not(:last-child):after{content:"↓";left:50%;top:auto;bottom:-24px}.visual-loop .visual-card:last-child{grid-column:auto}}