/* ---------- Common ---------- */
.armb{margin:26px 0;clear:both;font-family:inherit;box-sizing:border-box;text-align:left}
.armb *{box-sizing:border-box}
.armb ul.armb-list{list-style:none;margin:0;padding:0}
.armb ul.armb-list li{margin:0;padding:0;list-style:none}
.armb a{text-decoration:none}
.armb-ico{flex:0 0 auto;display:inline-flex}
.armb-ico img{display:block;object-fit:cover}

/* ---------- Style 1 : Classic blue (reference) ---------- */
.armb-style1{border:1px solid #c7dbf5;background:#f6f9ff}
.armb-style1 .armb-head{background:#dbe7f8;color:#0b2a55;font-weight:700;font-size:18px;padding:11px 20px;line-height:1.4}
.armb-style1 li a{display:flex;align-items:center;gap:16px;padding:16px 20px;color:#0a2455;font-weight:700;font-size:20px;line-height:1.55;transition:background .2s}
.armb-style1 li+li a{border-top:1px solid #e3ecf9}
.armb-style1 li a:hover{background:#eaf2ff;color:#c62828}
.armb-style1 .armb-ico img{width:40px;height:40px;border-radius:50%;border:3px solid #cfe1f8;background:#fff}

/* ---------- Style 2 : Red bar + thumbnail ---------- */
.armb-style2{border-left:5px solid #d32f2f;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:14px 18px;border-radius:0 6px 6px 0}
.armb-style2 .armb-head{color:#d32f2f;font-weight:800;font-size:19px;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.armb-style2 .armb-head:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#d32f2f,transparent)}
.armb-style2 li a{display:flex;align-items:center;gap:14px;padding:10px 0;color:#111;font-weight:700;font-size:18px;line-height:1.5}
.armb-style2 li+li a{border-top:1px dashed #e5e5e5}
.armb-style2 li a:hover{color:#d32f2f}
.armb-style2 .armb-ico img{width:76px;height:56px;border-radius:6px}

/* ---------- Style 3 : Card grid ---------- */
.armb-style3{background:#fafafa;border:1px dashed #bdbdbd;border-radius:10px;padding:34px 16px 16px;position:relative}
.armb-style3 .armb-head{position:absolute;top:-15px;left:18px;background:#0d47a1;color:#fff;font-weight:700;font-size:16px;padding:6px 18px;border-radius:30px;line-height:1.4}
.armb-style3 ul.armb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.armb-style3 li a{display:block;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.09);color:#1a1a1a;height:100%;transition:transform .2s}
.armb-style3 li a:hover{transform:translateY(-3px);color:#0d47a1}
.armb-style3 .armb-ico{display:block}
.armb-style3 .armb-ico img{width:100%;height:120px;object-fit:cover}
.armb-style3 .armb-t{display:block;padding:10px 12px 12px;font-weight:700;font-size:16px;line-height:1.5}

/* ---------- Style 4 : Numbered list ---------- */
.armb-style4{background:linear-gradient(135deg,#fff8e7,#fff);border:1px solid #f1dfae;border-radius:10px;padding:16px 20px}
.armb-style4 .armb-head{display:inline-block;background:linear-gradient(90deg,#ff6f00,#e53935);color:#fff;font-weight:700;font-size:16px;padding:6px 20px;border-radius:30px;margin-bottom:10px;line-height:1.4}
.armb-style4 ul.armb-list{counter-reset:armb}
.armb-style4 li a{display:flex;align-items:center;gap:14px;padding:9px 0;color:#222;font-weight:700;font-size:18px;line-height:1.55}
.armb-style4 li a:before{counter-increment:armb;content:counter(armb);flex:0 0 32px;height:32px;border-radius:50%;background:#ff6f00;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.armb-style4 li a:hover{color:#e53935}
.armb-style4 .armb-ico{display:none}

/* ---------- Ad 350x350 ---------- */
.armb-ad{width:350px;max-width:100%;margin:28px auto;text-align:center;clear:both}
.armb-ad-label{font-size:12px;color:#888;margin-bottom:4px;line-height:1.3}
.armb-ad-box{width:350px;height:350px;max-width:100%;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center}
.armb-ad-box img{max-width:100%;height:auto;display:block}

/* ---------- Mobile ---------- */
@media(max-width:600px){
	.armb-style1 li a{font-size:17px;padding:13px 14px;gap:12px}
	.armb-style1 .armb-head{padding:9px 14px}
	.armb-style2 li a,.armb-style4 li a{font-size:16px}
	.armb-style2 .armb-ico img{width:64px;height:48px}
}

/* ---------- Admin ---------- */
.armb-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;max-width:1000px}
.armb-pick{display:block;border:2px solid #ddd;border-radius:8px;padding:12px;background:#fff;cursor:pointer}
.armb-pick:has(input:checked){border-color:#2271b1;box-shadow:0 0 0 2px #2271b155}
.armb-pick .armb{margin:10px 0 0;pointer-events:none}
.armb-pick .armb-style1 li a{font-size:15px;padding:10px 14px}
.armb-pick .armb-style2 li a,.armb-pick .armb-style4 li a{font-size:15px}
.armb-mb-list{margin:0 0 8px;padding:0}
.armb-mb-list li{margin:0 0 4px;padding:5px 8px;background:#f0f0f1;border-radius:3px;font-size:12px;display:flex;justify-content:space-between;gap:8px}
.armb-mb-list a{text-decoration:none}
#armb-selected li{background:#e7f3ff}