body.hana-news-archive-page{margin:0;padding:0;background:#f2f5ef;color:#123943}
#hn-archive{font-family:"Noto Sans JP",sans-serif;line-height:1.9;font-size:16px;background:#f2f5ef;min-height:100vh;color:#123943;text-align:left}
#hn-archive *,#hn-archive *::before,#hn-archive *::after{box-sizing:border-box}
#hn-archive :is(h1,p,ul,li){margin:0;padding:0;border:0;background:none;box-shadow:none}
#hn-archive h1::before,#hn-archive h1::after{content:none}
#hn-archive a{color:inherit;text-decoration:none}
#hn-archive a:focus-visible{outline:3px solid #287e78;outline-offset:5px}
#hn-archive .hn-skip{position:absolute;left:12px;top:-100px;z-index:100000;background:white;padding:12px}
#hn-archive .hn-skip:focus{top:40px}
#hn-archive .hn-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(22px,5vw,80px);background:#f8f5ee;border-bottom:1px solid #d4e0d6}
#hn-archive .hn-logo{position:relative;display:block;width:300px;max-width:100%;aspect-ratio:1536/420;overflow:hidden;flex-shrink:1}
#hn-archive .hn-logo img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;max-width:none;height:auto;margin:0;border:0;box-shadow:none}
#hn-archive .hn-home{white-space:nowrap;font-size:13px;flex-shrink:0}
#hn-archive .hn-home span{margin-left:12px;color:#287e78}
#hn-archive .hn-container{max-width:1120px;width:100%;margin:0 auto;padding-left:32px;padding-right:32px}
#hn-archive .hn-hero{padding:80px 0 86px;background:radial-gradient(ellipse at 90% 110%,#21676a,transparent 68%),linear-gradient(110deg,#061b27,#103b40);color:#f8f5ee}
#hn-archive .hn-eyebrow{color:#dec17d;letter-spacing:.2em;font-size:12px;font-weight:600;margin-bottom:22px}
#hn-archive h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(36px,5vw,58px);font-weight:600;letter-spacing:.09em;line-height:1.5;color:#f8f5ee;margin-bottom:22px}
#hn-archive .hn-intro{font-size:15px;color:#d4e3df}
#hn-archive .hn-content{padding-top:26px;padding-bottom:80px}
#hn-archive .hn-breadcrumb{font-size:12px;color:#526c64;margin-bottom:44px}
#hn-archive .hn-breadcrumb span{margin-left:12px}
#hn-archive .hn-list{list-style:none;border-top:1px solid #cbd9d0}
#hn-archive .hn-list li{list-style:none;border-bottom:1px solid #cbd9d0}
#hn-archive .hn-row{display:grid;grid-template-columns:120px minmax(0,1fr) 24px;gap:28px;align-items:baseline;padding:27px 8px;transition:background .2s}
#hn-archive .hn-row time{font-size:14px;color:#526c64;font-variant-numeric:tabular-nums}
#hn-archive .hn-post-title{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
#hn-archive .hn-arrow{color:#287e78}
#hn-archive .hn-row:hover{background:#e6eee6}
#hn-archive .hn-row:hover .hn-post-title{text-decoration:underline;text-underline-offset:5px}
#hn-archive .hn-pagination{margin-top:42px}
#hn-archive .hn-pagination ul{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;list-style:none}
#hn-archive .hn-pagination li{list-style:none}
#hn-archive .hn-pagination :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 13px;border:1px solid #cbd9d0;border-radius:4px}
#hn-archive .hn-pagination .current{background:#123943;color:white;border-color:#123943}
#hn-archive .hn-return{text-align:center;margin-top:54px}
#hn-archive .hn-return a{display:inline-flex;gap:32px;align-items:center;background:#dec17d;color:#092330;border-radius:40px;padding:14px 28px;font-size:14px}
#hn-archive .hn-empty{padding:30px 0}
#hn-archive .hn-footer{text-align:center;padding:46px 24px 30px;background:#f8f5ee;border-top:1px solid #d4e0d6}
#hn-archive .hn-footer .hn-logo{margin:0 auto 18px}
#hn-archive .hn-footer p{font-size:13px;color:#287e78}
#hn-archive .hn-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin:24px 0}
#hn-archive .hn-footer nav a{font-size:13px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
#hn-archive .hn-footer small{font-size:11px;color:#526c64}
@media(max-width:600px){#hn-archive .hn-header{padding:16px 20px;gap:14px}#hn-archive .hn-header .hn-logo{width:215px}#hn-archive .hn-home{font-size:11px}#hn-archive .hn-home span{margin-left:4px}#hn-archive .hn-container{padding-left:24px;padding-right:24px}#hn-archive .hn-hero{padding:54px 0 60px}#hn-archive .hn-row{grid-template-columns:minmax(0,1fr) 22px;gap:6px 16px;padding:22px 0}#hn-archive .hn-row time{grid-column:1/-1;font-size:12px}#hn-archive .hn-post-title{font-size:15px}}
@media(prefers-reduced-motion:reduce){#hn-archive *{transition:none!important}}