/*
 * 2026-10-22 localhack-top.zip JOURNAL採用。
 * ZIPに入っている人物スプライトとカードのルールは元サイトの実素材を使う。
 * 他のページやお問い合わせは変更しない。
 */
#journal .lhc-journal-featured{display:block}
#journal .lhc-journal-featured .lhc-note-grid{
 margin-top:180px;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:44px;
}
#journal .lhc-journal-featured .lhc-note{
 min-width:0;
 padding:0;
 margin:0;
 border:0;
}
#journal .lhc-journal-featured .lhc-note>a{
 display:block;position:relative;color:inherit;text-decoration:none;
}
#journal .lhc-journal-featured .lhc-note-image{
 position:relative;
 display:block;
 width:100%;
 aspect-ratio:3 / 2;
 border-radius:18px 18px 4px 4px;
 overflow:hidden;
 margin-bottom:18px;
 background:#eef2f5;
 box-shadow:0 8px 24px rgba(10,20,32,.08);
}
#journal .lhc-journal-featured .lhc-note-image img{
 display:block;position:absolute;inset:0;
 width:100%;height:100%;object-fit:cover;z-index:2;
}
#journal .lhc-journal-featured .lhc-note-meta{
 display:flex;justify-content:space-between;gap:12px;
 margin-top:4px;font-size:12px;color:#506b7b;
}
#journal .lhc-journal-featured .lhc-note time{font-size:11px;white-space:nowrap}
#journal .lhc-journal-featured .lhc-note h3{
 font-family:var(--lhc-serif,"Yu Mincho",serif);
 font-weight:500;font-size:19px;line-height:1.75;
 margin:12px 0 16px;overflow-wrap:anywhere;
}
#journal .lhc-journal-featured .lhc-note .lhc-text-link{
 display:inline-flex;font-size:12px;border:0;padding:0;align-items:center;gap:14px;
}
#journal .lhc-journal-featured .lhc-peek{
 --w:170px;--over:9px;
 z-index:6;position:absolute;right:16px;bottom:calc(100% - var(--over));
 pointer-events:none;
}
#journal .lhc-journal-featured .lhc-peek-point{
 --sheet:url("/assets/lh/corp/anim/peek_point_strip.webp");
 height:var(--w);
}
#journal .lhc-journal-featured .lhc-peek-peek{
 --sheet:url("/assets/lh/corp/anim/peek_peek_strip.webp");
 height:calc(var(--w) * .9375);
}
#journal .lhc-journal-featured .lhc-peek.is-loaded .lhc-peek-fig,
#journal .lhc-journal-featured .lhc-peek.is-loaded .lhc-grip{
 background-image:var(--sheet);
}
#journal .lhc-journal-featured + #news{margin-top:76px}
#journal .lhc-journal-featured .lhc-note a:focus-visible{
 outline:3px solid #277b9e;outline-offset:5px;
}
@media (hover:hover) and (pointer:fine){
 #journal .lhc-journal-featured .lhc-note:hover .lhc-text-link{
  text-decoration:underline;text-underline-offset:5px;
 }
}
@media(max-width:760px){
 #journal .lhc-journal-featured .lhc-note-grid{
  grid-template-columns:minmax(0,1fr);
  gap:145px;margin-top:140px;
 }
 #journal .lhc-journal-featured .lhc-note h3{font-size:19px}
 #journal .lhc-journal-featured .lhc-peek{
  --w:132px;--over:7px;right:10px;
 }
 #journal .lhc-journal-featured + #news{margin-top:50px}
}