/* Image format converter landing page (tools/image-format-converter only) */
.tp-ifc-free{display:grid;gap:2px;margin:16px 0;padding:12px 14px;border:1px solid #bfe3cf;border-radius:12px;background:#f1faf5;color:#17213c}
.tp-ifc-free strong{font-size:1rem;line-height:1.4}
.tp-ifc-free span{font-size:.86rem;line-height:1.5;color:#33405c}
.tp-ifc-body{display:grid;gap:18px;padding:20px 22px}
.tp-ifc-label{margin:0 0 8px;font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#4a5670}
.tp-ifc-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.tp-ifc-settings li{display:grid;gap:3px;min-width:0;padding:10px 12px;border:1px solid #d7e1ee;border-radius:10px;background:#f7f9fd}
.tp-ifc-settings small{font-size:.76rem;color:#4a5670}
.tp-ifc-settings b{font-size:.9rem;line-height:1.35;color:#071b35;overflow-wrap:anywhere}
.tp-ifc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid #d7e1ee;border-radius:10px;background:#d7e1ee;overflow:hidden}
.tp-ifc-cols div{display:grid;gap:2px;min-width:0;padding:9px 12px;background:#fff}
.tp-ifc-cols dt{font-size:.84rem;font-weight:800;color:#071b35}
.tp-ifc-cols dd{margin:0;font-size:.82rem;line-height:1.45;color:#4a5670}
.tp-ifc-notes{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:12px 0 0;border-top:1px solid #dbe2f3;list-style:none;font-size:.84rem;color:#33405c}
.tp-ifc-notes li{position:relative;padding-left:18px}
.tp-ifc-notes li::before{content:"";position:absolute;left:2px;top:.4em;width:8px;height:5px;border-left:2px solid #087a4d;border-bottom:2px solid #087a4d;transform:rotate(-45deg)}
.tp-ifc-heic{display:grid;gap:10px;max-width:880px;padding:20px 22px;border:1px solid #d7e1ee;border-left:4px solid #1f5cf0;border-radius:12px;background:#fff}
.tp-ifc-heic h2{margin:0}
.tp-ifc-heic p{margin:0;line-height:1.6;color:#33405c}
.tp-ifc-heic ul{display:grid;gap:6px;margin:0;padding-left:20px;line-height:1.55;color:#33405c}
.mt-public .mt-promise>.tp-ifc-free{order:5}
@media (max-width:640px){
  .tp-ifc-body{padding:16px}
  .tp-ifc-settings{grid-template-columns:1fr}
  .tp-ifc-cols{grid-template-columns:1fr}
  .tp-ifc-heic{padding:16px}
}
/* tp2: HEIC notice in hero + HEIC section */
.mt-public .mt-promise>.tp-ifc-noheic{order:4;display:grid;gap:2px;margin:4px 0 0;padding:11px 14px;border:1px solid #f0c9a8;border-left:4px solid #b54708;border-radius:12px;background:#fff7ef;color:#3b2410;font-size:.9rem;line-height:1.5}
.tp-ifc-noheic strong{font-size:1rem;color:#7a2e04}
.tp-ifc-noheic a{color:#7a2e04;font-weight:700;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding:4px 0}
.tp-ifc-noheic a:focus-visible{outline:3px solid #1f5cf0;outline-offset:2px;border-radius:4px}
.tp-ifc-heic{border-left-color:#b54708}
.tp-ifc-heic ul{gap:8px}
.tp-ifc-heic li b{display:block;color:#071b35}
#heic{scroll-margin-top:84px}
.tp-ifc-cols>div:last-child:nth-child(odd){grid-column:1/-1}
.mt-public .mt-promise>p.tp-ifc-noheic{order:4;margin:4px 0 0}