/* info.css - หน้าสารสนเทศ (shared chrome in site.css) */
.info-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.4rem; }
.info-card { background:#fff; border-radius:16px; box-shadow:0 8px 22px rgba(0,0,0,.08); border-top:4px solid var(--accent); padding:1.3rem 1.3rem 1.4rem; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; }
.info-card:hover { transform:translateY(-4px); box-shadow:0 16px 32px rgba(0,0,0,.15); }
.info-head { display:flex; align-items:center; gap:.75rem; margin-bottom:.7rem; }
.info-ic { flex-shrink:0; width:50px; height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.6rem; background:linear-gradient(160deg,#fff3b0,#ffd95b); overflow:hidden; box-shadow:0 5px 14px rgba(255,206,27,.4); }
.info-ic img { width:100%; height:100%; object-fit:cover; }
.info-topic { font-size:1.06rem; color:var(--primary); font-weight:700; line-height:1.35; margin:0; }
.info-detail { font-size:.88rem; color:#555; line-height:1.65; margin-bottom:1rem; }
.info-owner { display:flex; align-items:center; gap:.7rem; margin-top:auto; padding-top:.9rem; border-top:1px dashed #e3e3da; }
.io-photo { width:48px; height:48px; border-radius:50%; object-fit:cover; object-position:center 15%; border:2px solid var(--accent); flex-shrink:0; }
.io-ph { display:flex; align-items:center; justify-content:center; font-size:1.4rem; background:var(--light); }
.io-text { display:flex; flex-direction:column; line-height:1.35; }
.io-label { font-size:.7rem; color:#999; }
.io-name { font-size:.95rem; font-weight:600; color:var(--primary); }
.io-role { font-size:.8rem; color:#777; }
.info-link { display:inline-flex; align-items:center; gap:.35rem; margin-top:1rem; align-self:flex-start; background:var(--accent); color:#111; font-weight:700; text-decoration:none; padding:.5rem 1rem; border-radius:9px; font-size:.85rem; }
.info-link:hover { opacity:.88; }