:root{--enf-navy:#090557;--enf-gold:#D4B068;--enf-bg:#f7f7fb;--enf-text:#222}
body{font-family:Roboto,system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;color:var(--enf-text)}
.enfour-apps,.enfour-app{max-width:1140px;margin:0 auto;padding:32px 20px 64px}
.enfour-apps__head h1,.enfour-app__title{color:var(--enf-navy);font-weight:700;margin:0 0 8px}
.enfour-apps__intro{color:#555;margin:0 0 20px}
.enfour-filter ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 28px}
.enfour-filter a{display:inline-block;padding:6px 14px;border:1px solid var(--enf-navy);border-radius:999px;color:var(--enf-navy);text-decoration:none;font-size:.9rem}
.enfour-filter a span{opacity:.6}
.enfour-filter a:hover,.enfour-filter a.is-active{background:var(--enf-navy);color:#fff}
.enfour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.enfour-card{background:#fff;border:1px solid #e5e5ef;border-radius:14px;padding:18px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.enfour-card:hover{box-shadow:0 8px 24px rgba(9,5,87,.12);transform:translateY(-2px)}
.enfour-card__link{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--enf-navy)}
.enfour-card .enfour-app-icon{width:64px;height:64px;border-radius:14px;flex:none;object-fit:cover}
.enfour-card__title{font-size:1.05rem;line-height:1.3;margin:0;color:var(--enf-navy)}
.enfour-card__excerpt{font-size:.9rem;color:#555;margin:12px 0;flex:1}
.enfour-card__meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;font-size:.85rem}
.enfour-price{font-weight:700;color:var(--enf-navy)}
.enfour-tag{background:#faf5ea;color:#7a5f22;border-radius:999px;padding:2px 10px;text-decoration:none}
.enfour-crumbs{font-size:.9rem;margin-bottom:16px}.enfour-crumbs a{color:var(--enf-navy)}
.enfour-app__head{display:flex;gap:24px;align-items:flex-start;margin-bottom:24px}
.enfour-app__head .enfour-app-icon{width:128px;height:128px;border-radius:28px;box-shadow:0 4px 16px rgba(0,0,0,.12);flex:none}
.enfour-app__name{margin:0 0 4px;color:#444}.enfour-app__name>span:first-child{display:inline-block;font-size:.7rem;font-weight:700;background:var(--enf-navy);color:#fff;border-radius:4px;padding:1px 5px;margin-right:6px}
.enfour-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:var(--enf-navy);color:#fff!important;padding:12px 24px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid var(--enf-gold);font-size:1.05rem}
.enfour-cta:hover{background:var(--enf-gold);color:var(--enf-navy)!important}
.enfour-cta-wrap{text-align:center;margin:28px 0}
.enfour-app__body{font-size:1.05rem;line-height:1.7;max-width:760px}
.enfour-details{width:100%;max-width:760px;border-collapse:collapse;margin-top:24px}
.enfour-details caption{text-align:left;font-weight:700;color:var(--enf-navy);padding-bottom:8px}
.enfour-details th,.enfour-details td{padding:10px 12px;border-bottom:1px solid #e5e5ef;text-align:left;vertical-align:top}
.enfour-details th{width:35%;color:#555;font-weight:500;background:var(--enf-bg)}
.enfour-related{margin-top:48px;border-top:3px solid var(--enf-gold);padding-top:24px}.enfour-related h2{color:var(--enf-navy)}
@media(max-width:600px){.enfour-app__head{flex-direction:column}.enfour-app__head .enfour-app-icon{width:96px;height:96px}}