/* 메인 「오늘의 너구리 뉴스」 한 편 (2026-10-01, home-news.js) — 여백을 넉넉히, 사진 한 장 + 글 첫머리 */
main>.home-news{margin:-6px var(--g,5.4%) 40px}
.hn-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 14px}
.hn-head h2{font-size:20px;font-weight:900;letter-spacing:-.4px;margin:0;color:#1f1c18}
.hn-sub{font-size:13.5px;color:#8a8175;font-weight:600}.hn-sub b{color:#e8412c;font-weight:900}
.hn-all{margin-left:auto;font-size:14px;font-weight:700;color:#8a8175;text-decoration:none;white-space:nowrap}
.hn-all:hover{color:#b0671b;text-decoration:underline}
.hn-one{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#fff;border:1px solid #ece3d6;border-radius:22px;overflow:hidden;text-decoration:none;color:#1f1c18;box-shadow:0 6px 22px rgba(40,30,20,.08);transition:box-shadow .2s,transform .2s}
.hn-one:hover{box-shadow:0 12px 30px rgba(40,30,20,.14);transform:translateY(-2px)}
.hn-pic{position:relative;display:block;background:#f5f1ea;min-height:300px}
.hn-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hn-one:hover .hn-pic img{transform:scale(1.03)}
.hn-pic img.hn-neo{object-fit:contain;inset:18%;width:64%;height:64%}
.hn-body{display:flex;flex-direction:column;gap:14px;padding:44px 48px 36px}
.hn-kick{font-size:13px;font-weight:800;color:#b0671b;letter-spacing:.2px}
.hn-body strong{font-size:27px;line-height:1.38;font-weight:900;letter-spacing:-.6px;word-break:keep-all}
.hn-ex{font-size:16px;line-height:1.9;color:#5a5249;word-break:keep-all}
.hn-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f0e9df}
.hn-foot em{font-style:normal;font-size:13.5px;color:#8a8175}
.hn-foot b{font-size:15px;font-weight:800;color:#e0661a}
@media (max-width:900px){
  .hn-one{grid-template-columns:1fr}
  .hn-pic{min-height:0;aspect-ratio:16/10}
  .hn-body{padding:26px 22px 22px;gap:12px}
  .hn-body strong{font-size:21px}
  .hn-ex{font-size:15px;line-height:1.85}
}
@media (max-width:760px){main>.home-news{margin:-4px var(--g,16px) 30px}.hn-head h2{font-size:18px}.hn-all{font-size:13px}}
@media (prefers-reduced-motion:reduce){.hn-one,.hn-pic img{transition:none}}
:root[data-theme="dark"] .hn-head h2{color:#f2ece3}
:root[data-theme="dark"] .hn-one{background:#201d19;border-color:#3a342c;color:#f2ece3}
:root[data-theme="dark"] .hn-ex{color:#c9bfb2}
:root[data-theme="dark"] .hn-foot{border-color:#3a342c}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .hn-head h2{color:#f2ece3}
  :root:not([data-theme="light"]) .hn-one{background:#201d19;border-color:#3a342c;color:#f2ece3}
  :root:not([data-theme="light"]) .hn-ex{color:#c9bfb2}
  :root:not([data-theme="light"]) .hn-foot{border-color:#3a342c}
}
.hn-pic.studio{background:#fff}.hn-pic.studio img{object-fit:contain;padding:22px 26px}
/* 접기(2026-10-01) — 처음엔 보였다가 슥 접힘, 접힌 줄이 반짝 */
.hn-fbody{overflow:hidden;transition:height .7s cubic-bezier(.65,0,.35,1)}
.hn-tog{margin-left:6px;font:inherit;font-size:13px;font-weight:800;color:#2a2620;background:#fff;border:1.5px solid #e0d6c6;border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
.hn-tog:hover{border-color:#e0661a;color:#e0661a}
.hn-tog i{font-style:normal;font-size:11px;margin-left:3px}
.hn-peek{display:none;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid #ece3d6;border-radius:16px;background:#fff;text-decoration:none;color:#1f1c18;box-shadow:0 4px 14px rgba(40,30,20,.06)}
.hn-closed .hn-peek{display:flex;animation:hnIn .45s ease-out}
.hn-peek img{width:64px;height:44px;object-fit:cover;border-radius:9px;flex:0 0 auto;background:#fff}
.hn-peek span{flex:1;min-width:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-peek em{font-style:normal;font-size:13.5px;font-weight:800;color:#e0661a;white-space:nowrap;padding:6px 4px}
.hn-hint .hn-peek{animation:hnIn .45s ease-out,hnGlow 1.1s ease-in-out .5s 2}
.hn-hint .hn-tog{animation:hnGlow 1.1s ease-in-out .5s 2}
@keyframes hnIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes hnGlow{50%{box-shadow:0 0 0 4px rgba(224,102,26,.28);border-color:#e0661a}}
@media (max-width:760px){.hn-peek img{width:52px;height:38px}.hn-peek span{font-size:14px}.hn-tog{font-size:12.5px;padding:5px 12px}.hn-head .hn-all{margin-left:auto}}
@media (prefers-reduced-motion:reduce){.hn-fbody{transition:none}.hn-closed .hn-peek,.hn-hint .hn-peek,.hn-hint .hn-tog{animation:none}}
:root[data-theme="dark"] .hn-peek,:root[data-theme="dark"] .hn-tog{background:#201d19;border-color:#3a342c;color:#f2ece3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hn-peek,:root:not([data-theme="light"]) .hn-tog{background:#201d19;border-color:#3a342c;color:#f2ece3}}
.hn-closed .hn-tog{display:none}.hn-closed .hn-head{margin-bottom:10px}
@media (max-width:760px){.hn-head .hn-all{display:none}.hn-head{flex-wrap:nowrap}.hn-head .hn-tog{margin-left:auto}.hn-head h2{white-space:nowrap}.hn-sub{white-space:nowrap}}