*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial;color:#192638;background:#f4f6fa}a{color:#124d83;text-decoration:none}a:hover{text-decoration:underline}.top{background:#101e31;color:white;padding:10px 5%;font-size:13px}.top span{float:right}.head{background:white;border-bottom:1px solid #dbe1e8}.wrap{max-width:1200px;margin:auto;padding:0 18px}.brand{font-size:30px;font-weight:900;color:#0c3154;letter-spacing:-1px}.head .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px}.nav{background:#0c3154;color:white}.nav .wrap{display:flex;gap:23px;overflow:auto;white-space:nowrap}.nav a{color:white;padding:12px 0;font-size:14px}main{min-height:65vh;padding-top:25px;padding-bottom:40px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card,.panel{background:white;border:1px solid #e0e5ed;border-radius:12px;overflow:hidden}.card img{width:100%;height:180px;object-fit:cover}.card .inside,.panel{padding:20px}.muted{color:#687789;font-size:13px}.tag{color:#bb193a;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1px}.title{font-size:22px;line-height:1.25;margin:8px 0}.article{background:white;padding:36px;border-radius:12px;max-width:850px;margin:auto}.article h1{font-size:clamp(30px,4vw,48px);line-height:1.13}.article p{line-height:1.95;font-size:18px}.article img{max-width:100%;height:auto}.btn,button{background:#0d5eaa;color:white;padding:11px 17px;border:0;border-radius:7px;cursor:pointer;font-weight:700}.btn:hover{color:white}input,textarea,select{display:block;width:100%;padding:11px;margin:5px 0 14px;border:1px solid #cbd3dc;border-radius:7px;font:inherit}textarea{min-height:160px}.form{max-width:650px;margin:20px auto;background:white;padding:26px;border-radius:12px}.notice{background:#fff4d8;padding:12px;border-radius:8px;margin:12px 0}.stats{display:flex;gap:12px;flex-wrap:wrap}.stats>div{padding:18px;background:white;border-radius:8px;flex:1;min-width:140px}table{border-collapse:collapse;width:100%;background:white}td,th{border-bottom:1px solid #ddd;padding:9px;text-align:left;font-size:14px}footer{background:#101e31;color:#fff;padding:35px 0}.pagination{margin:20px 0;display:flex;gap:12px}@media(max-width:760px){.grid,.cards{grid-template-columns:1fr}.head .wrap{display:block}.head .btn{display:inline-block;margin-top:10px}.article{padding:20px}.top span{float:none;display:block}}
/* v2 accessibility and responsive enhancements */
:focus-visible{outline:3px solid #d3a645;outline-offset:3px}#word-meter{padding:10px 12px;border-radius:8px;background:#e9f6ef;color:#14532d;font-weight:700}#word-meter.over{background:#fff0e5;color:#9a3412}#image-preview img{border-radius:12px;margin:10px 0;object-fit:cover}input[type=file]{padding:12px;background:white} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:650px){.wrap{padding-left:14px;padding-right:14px}.article{overflow-wrap:anywhere}table{font-size:13px}.nav .wrap{overflow-x:auto;white-space:nowrap}}