/* プレスリリース（/posts/）とプレスキット（/presskit/）のページ用。site.css の上に重ねる。
   CSP が style-src 'self' のため、HTML にインライン style は書かない。 */

.page-head h1.press-title{font-size:clamp(24px,3.6vw,36px);line-height:1.5;margin-bottom:14px}
.press-sub{font-size:clamp(15px,1.6vw,17px);color:var(--body);font-weight:500}
.page-head .lang-switch a + a{margin-left:1.2em}

.press-body code{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:.88em;padding:.1em .4em;border-radius:6px;background:var(--surface-strong);color:var(--text);overflow-wrap:anywhere}
.press-body blockquote.quote{margin:1.4em 0;padding:18px 22px;border-left:3px solid var(--amber);background:var(--surface);border-radius:0 14px 14px 0;color:var(--text)}
.press-body blockquote.quote p{margin:0}
.press-body h2 span[lang="en"]{color:var(--muted);font-weight:500;font-size:.75em;letter-spacing:.04em}
.press-body .spec{margin-top:.6em}
.press-body .data-table code{white-space:nowrap}

.press-actions{margin:22px 0 0}
.press-actions .btn{min-height:48px;padding:0 24px;font-size:14px}

/* 素材のサムネ（プレスリリース本文の「掲載用素材」） */
.press-media{margin:1.2em 0 2em}
.press-body .thumbs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}
.thumbs li{margin:0}
.thumbs img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.thumbs li.icon img{border-radius:22%}

/* プレスキット */
.kit-head{display:flex;align-items:center;gap:20px;margin:0 0 16px}
.kit-head h1{margin:0;line-height:1.3}
.kit-head h1 span{font-family:var(--font-en);font-size:.62em;color:var(--muted);letter-spacing:.04em}
.kit-icon{flex:none;width:88px;height:88px;border-radius:22%;border:1px solid var(--line)}
.press-body .kit-shots{list-style:none;margin:0 0 1.6em;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kit-shots li{margin:0}
.kit-shots img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.kit-shots span{display:block;margin-top:6px;font-size:11px;line-height:1.5;color:var(--muted);font-family:"SF Mono",Menlo,monospace;overflow-wrap:anywhere}
.kit-feature,.kit-video{margin:0 0 1.6em}
.kit-feature img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
.kit-video video{display:block;width:min(100%,320px);height:auto;border-radius:16px;border:1px solid var(--line);background:#000}
.kit-feature figcaption,.kit-video figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
.kit-files{columns:1;font-size:14px}
@media (min-width:720px){.kit-files{columns:2;column-gap:32px}}

@media (max-width:719px){
  .press-body .thumbs{grid-template-columns:repeat(2,1fr)}
  .press-body .kit-shots{grid-template-columns:repeat(2,1fr)}
  .kit-icon{width:64px;height:64px}
  .page-head .lang-switch a + a{margin-left:0}
  .page-head .lang-switch{display:flex;flex-direction:column}
}