/* Front page only: keep article/archive styles untouched. */
.hoken-front { --hr-navy:#0c224c; --hr-blue:#285997; --hr-line:#d5dfeb; }
.hoken-front #header,.hoken-front #fix_header,.hoken-front #main_visual,.hoken-front #breadcrumb,.hoken-front .p-postSlider,.hoken-front .p-pickupBanners { display:none; }
.hoken-front #content { width:100%;max-width:none;padding:0;margin:0;display:block; }
.hoken-front .hr-main { width:100%; margin:0; color:var(--hr-navy); font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; }
.hr-main p,.hr-main h1,.hr-main h2 { margin:0; }
.hr-header { position:relative; z-index:20; display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:12px max(28px,calc((100vw - 1320px)/2)); background:#fff;color:var(--hr-navy);border-bottom:1px solid #f2f5f9;font-family:"Yu Mincho","Hiragino Mincho ProN",serif; }
.hr-header a { color:inherit;text-decoration:none; }
.hr-logo { font-size:clamp(24px,2.1vw,30px);white-space:nowrap;line-height:1.3; }
.hr-logo span { font-family:Georgia,"Times New Roman",serif; }
.hr-nav { display:flex;gap:36px;font-size:14px; }
.hr-nav a:hover,.hr-policy a:hover { text-decoration:underline;text-underline-offset:5px; }
.hr-menu { display:none; }
.hr-skip { position:fixed;top:-100px;left:16px;z-index:99999;background:#fff;padding:12px; }
.hr-skip:focus { top:10px; }
.hr-hero { position:relative;isolation:isolate;height:clamp(410px,36vw,530px);overflow:hidden;border-bottom:1px solid #b9d1ee;background:#fff; }
.hr-hero-art { position:absolute;inset:0;z-index:-2; }
.hr-hero-art img { display:block;width:100%;height:100%;object-fit:cover;object-position:center 68%; }
.hr-hero:after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 28%,rgba(255,255,255,.28) 52%,transparent 65%);pointer-events:none; }
.hr-hero-copy { position:relative;width:min(1320px,100%);height:100%;margin:auto;padding:clamp(160px,15vw,210px) 48px 0; }
.hr-wordmark { position:absolute;top:16px;left:0;font:clamp(140px,15.4vw,224px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:.025em;color:#dfe7f2;z-index:-1; }
.hr-eyebrow { display:flex;align-items:center;gap:12px;color:var(--hr-blue);font-size:15px;letter-spacing:.08em;line-height:1.5; }
.hr-eyebrow:before { content:"";width:30px;height:1px;background:currentColor;flex-shrink:0; }
.hr-hero #hr-title { font-weight:500;font-size:clamp(34px,3.45vw,48px);letter-spacing:.015em;line-height:1.4;margin:17px 0 20px;white-space:nowrap; }
#hr-title span { font-family:Georgia,"Times New Roman",serif; }
.hr-description { font-size:clamp(13px,1.15vw,16px);line-height:1.9;letter-spacing:.035em; }
.hr-description > span { display:block; }
.hr-sp-br { display:none; }
.hr-section { max-width:1000px;margin:auto;padding:40px 28px 48px;text-align:center; }
.hr-kicker { font:12px/1.5 Georgia,serif;letter-spacing:.32em;color:var(--hr-blue); }
.hr-kicker:after { content:"";display:block;width:26px;height:1px;background:#7897bf;margin:12px auto 15px; }
.hr-section h2 { font-size:28px;font-weight:500;line-height:1.5;letter-spacing:.07em; }
.hr-section-intro { margin-top:10px!important;font-size:14px;line-height:1.8; }
.hr-notice-list { list-style:none!important;padding:0;margin:24px 0 20px;text-align:left;border-top:1px solid var(--hr-line); }
.hr-notice-list li { margin:0;border-bottom:1px solid var(--hr-line); }
.hr-notice-list a { display:grid;grid-template-columns:92px max-content 1fr 12px;align-items:center;gap:16px;padding:18px 8px;color:inherit;text-decoration:none;line-height:1.7; }
.hr-notice-list a:hover { background:#f6f9fd; }
.hr-notice-list time { font-family:Georgia,serif;color:#6685b0;font-size:14px; }
.hr-notice-list em { padding:2px 8px;border:1px solid #b8c9df;border-radius:999px;color:#285997;font:11px/1.45 "Yu Gothic","Meiryo",sans-serif;font-style:normal;white-space:nowrap; }
.hr-notice-list span { font-size:16px;overflow-wrap:anywhere; }
.hr-notice-list i { width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg); }
.hr-more { display:flex;align-items:center;justify-content:center;gap:28px;min-height:48px;width:fit-content;max-width:100%;margin:22px auto 0;padding:10px 30px;border:1px solid var(--hr-navy);border-radius:4px;color:inherit;text-decoration:none;font-size:15px;line-height:1.6; }
.hr-more:hover { background:var(--hr-navy);color:#fff; }
.hr-empty { margin:26px 0!important;padding:28px 8px;border-block:1px solid var(--hr-line);font-size:14px; }
.hr-articles { border-top:1px solid var(--hr-line); }
.hr-article-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none!important;padding:0;margin:30px 0;text-align:left; }
.hr-article-list li { min-width:0;border:1px solid var(--hr-line);border-radius:5px;background:#fff; }
.hr-article-list a { display:flex;flex-direction:column;align-items:stretch;height:100%;gap:0;padding:0;color:inherit;text-decoration:none; }
.hr-article-list a:hover span { text-decoration:underline;text-underline-offset:4px; }
.hr-article-list img { flex:none;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;margin:0;border-radius:4px 4px 0 0; }
.hr-article-list span { flex:1;min-width:0;padding:14px;font-size:14px;line-height:1.7;overflow-wrap:anywhere;text-wrap:pretty; }
.hr-policy { display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:28px;max-width:1100px;margin:auto;border-top:1px solid var(--hr-line);font-size:12px;color:var(--hr-navy); }
.hr-policy a { color:inherit; }
.hoken-front #footer { margin-top:0; }
.hr-header a:focus-visible,.hr-main a:focus-visible,.hr-menu summary:focus-visible { outline:2px solid #285997;outline-offset:5px; }
@media (min-width:768px) and (max-width:1023px) {
 .hr-header { padding-inline:28px; }.hr-nav { gap:20px;font-size:12px; }.hr-hero-copy { padding-left:28px;padding-top:150px; }.hr-hero #hr-title { font-size:34px; }.hr-description { font-size:13px; }
}
/* Reader-first directory: two columns on desktop and a single column on small screens. */
.hoken-front .hr-audience-directory { max-width:1320px;border-top:1px solid var(--hr-line);padding-top:48px; }
.hoken-front .hr-library { max-width:1000px;border-top:1px solid var(--hr-line);padding-top:48px; }
.hoken-front .hr-audience-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;text-align:center; }
.hoken-front .hr-audience-column { min-width:0; }
.hoken-front .hr-audience-column + .hr-audience-column { border-left:1px solid var(--hr-line);padding-left:48px; }
.hoken-front .hr-audience-column h2 { font-size:25px; }
.hoken-front .hr-accordion-list { margin-top:26px;border-top:1px solid var(--hr-line);text-align:left; }
.hoken-front .hr-accordion-item { border-bottom:1px solid var(--hr-line); }
.hoken-front .hr-accordion-item h3 { margin:0; }
.hoken-front .hr-accordion-button { display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 2px;border:0;background:transparent;color:inherit;cursor:pointer;font:600 16px/1.55 "Yu Gothic","Meiryo",sans-serif;text-align:left; }
.hoken-front .hr-accordion-button:hover span { text-decoration:underline;text-underline-offset:4px; }
.hoken-front .hr-accordion-button i { position:relative;display:block;flex:none;width:16px;height:16px; }
.hoken-front .hr-accordion-button i:before,.hoken-front .hr-accordion-button i:after { content:"";position:absolute;top:7px;left:1px;width:14px;height:1px;background:currentColor; }
.hoken-front .hr-accordion-button i:after { transform:rotate(90deg);transition:transform .16s ease; }
.hoken-front .hr-accordion-button[aria-expanded="true"] i:after { transform:rotate(0); }
.hoken-front .hr-accordion-panel { padding:0 2px 16px; }
.hoken-front .hr-accordion-panel > .hr-category-tree { background:#f5f8fc; }
.hoken-front .hr-accordion-panel ul { list-style:none!important;margin:0;padding:0; }
.hoken-front .hr-accordion-panel li { margin:0;border-top:1px solid #e8eef5; }
.hoken-front .hr-accordion-panel a { display:block;padding:9px 0;color:inherit;font-size:13px;line-height:1.65;text-decoration:none;overflow-wrap:anywhere; }
.hoken-front .hr-accordion-panel a:before { content:"→";margin-right:8px;color:var(--hr-blue); }
.hoken-front .hr-accordion-panel a:hover { text-decoration:underline;text-underline-offset:3px; }
.hoken-front .hr-accordion-panel p { margin:0;padding-top:4px;font-size:13px;color:#52667e; }
.hoken-front .hr-accordion-button:focus-visible { outline:2px solid #285997;outline-offset:-2px; }
.hoken-front .hr-category-tree { list-style:none!important;margin:0;padding:0; }
.hoken-front .hr-category-node { margin:0; }
.hoken-front .hr-category-node { border-top:1px solid #e8eef5; }
.hoken-front .hr-category-button { min-height:44px;padding:11px 0;font-size:14px;font-weight:500; }
.hoken-front .hr-category-branch { padding:0 0 4px 14px;background:#edf2f8; }
.hoken-front .hr-category-branch .hr-category-branch { background:#e3eaf3; }
.hoken-front .hr-category-article-list { list-style:none!important;margin:0;padding:0; }
.hoken-front .hr-category-article-list li { margin:0;border-top:1px solid #e8eef5; }
.hoken-front .hr-category-article-list a { display:block;padding:9px 0;color:inherit;font-size:13px;line-height:1.65;text-decoration:none;overflow-wrap:anywhere; }
.hoken-front .hr-category-article-list a:before { content:"→";margin-right:8px;color:var(--hr-blue); }
.hoken-front .hr-category-article-list a:hover { text-decoration:underline;text-underline-offset:3px; }
@media (max-width:1023px) {
 .hoken-front .hr-audience-grid { gap:28px; }.hoken-front .hr-audience-column + .hr-audience-column { padding-left:28px; }
}
@media (max-width:767px) {
 .hr-notice-list a { grid-template-columns:78px 1fr 10px;gap:10px;padding:14px 2px; }.hr-notice-list em { grid-column:2;grid-row:1;font-size:10px;justify-self:start; }.hr-notice-list span { grid-column:1 / 3;grid-row:2;font-size:14px; }.hr-notice-list i { grid-column:3;grid-row:1 / 3; }
 .hoken-front .hr-audience-directory,.hoken-front .hr-library { padding-top:38px; }.hoken-front .hr-audience-grid { grid-template-columns:minmax(0,1fr);gap:40px; }.hoken-front .hr-audience-column + .hr-audience-column { border-left:0;border-top:1px solid var(--hr-line);padding:40px 0 0; }.hoken-front .hr-audience-column h2 { font-size:22px; }.hoken-front .hr-audience-column .hr-section-intro,.hoken-front .hr-library .hr-section-intro { font-size:13px; }.hoken-front .hr-accordion-list { margin-top:20px; }.hoken-front .hr-accordion-button { padding-block:14px;font-size:15px; }
}
@media (max-width:767px) {
 .hr-header { min-height:58px;padding:12px 24px;gap:12px; }.hr-logo { font-size:23px; }.hr-nav { display:none; }
 .hr-menu { display:block; }.hr-menu summary { display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;cursor:pointer;list-style:none; }.hr-menu summary::-webkit-details-marker { display:none; }.hr-menu summary span { width:25px;height:1px;background:var(--hr-navy); }.hr-menu[open] nav { position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 8px 16px #0c224c12;padding:12px 24px; }.hr-menu nav a { display:block;padding:12px 0;border-bottom:1px solid #e8edf4;font-size:14px; }
 .hr-hero { height:clamp(230px,58vw,350px); }.hr-hero-art img { object-fit:cover;object-position:60% bottom; }.hr-hero:after { background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.32) 48%,transparent 64%); }
 .hr-hero-copy { padding:98px 24px 0; }.hr-wordmark { top:12px;left:18px;font-size:82px;line-height:1.12;letter-spacing:.018em; }
 .hr-eyebrow { font-size:11px;gap:8px;letter-spacing:.025em; }.hr-eyebrow:before { width:20px; }
 .hr-hero #hr-title { font-size:27px;margin:9px 0 10px;line-height:1.3;letter-spacing:0; }
 .hr-description { font-size:11px;line-height:1.75;letter-spacing:0; }.hr-sp-br { display:block; }
 .hr-section { padding:24px 24px 32px; }.hr-kicker { font-size:10px; }.hr-kicker:after { margin:8px auto 10px;width:20px; }.hr-section h2 { font-size:25px; }.hr-section-intro { font-size:12px;margin-top:8px!important; }
 .hr-notice-list { margin-top:20px; }.hr-notice-list a { grid-template-columns:1fr 10px;gap:2px 12px;padding:13px 5px; }.hr-notice-list time { font-size:12px;grid-column:1; }.hr-notice-list span { font-size:13px;grid-column:1;line-height:1.65; }.hr-notice-list i { grid-column:2;grid-row:1 / 3; }
 .hr-notice-list:not(.hr-announcement-list) a { grid-template-columns:max-content minmax(0,1fr) 10px; }
 .hr-notice-list:not(.hr-announcement-list) time { grid-row:1; }
 .hr-notice-list:not(.hr-announcement-list) span { grid-column:1 / 3; }
 .hr-notice-list:not(.hr-announcement-list) i { grid-column:3; }
 .hr-more { min-height:42px;font-size:13px;margin-top:16px;padding:8px 22px;gap:20px; }.hr-empty { font-size:12px; }
 .hr-article-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px; }.hr-article-list span { padding:10px;font-size:12px;line-height:1.65; }.hr-policy { font-size:11px;padding:24px;gap:12px 18px; }
}
@media (max-width:359px) {
 .hr-header { padding-inline:18px; }.hr-logo { font-size:21px; }.hr-hero-copy { padding-left:18px;padding-top:91px; }.hr-wordmark { left:14px;font-size:76px; }.hr-hero #hr-title { font-size:25px; }.hr-description { font-size:10px; }.hr-eyebrow { font-size:10px; }
}
/* Final composition: fit the complete pedestrian on desktop; compact SP text group. */
.hr-hero-art img { object-fit:contain;object-position:right bottom; }
.hr-hero-copy { z-index:1; }
.hr-wordmark { z-index:0; }
.hr-eyebrow,.hr-hero #hr-title,.hr-description { position:relative;z-index:1; }
@media (max-width:767px) {
 .hr-hero { height:clamp(215px,55vw,350px); }
 .hr-hero-art img { object-fit:cover;object-position:60% bottom; }
 .hr-hero-copy { padding-top:70px; }
 .hr-wordmark { top:10px;font-size:76px;line-height:1; }
 .hr-description { font-size:12px;line-height:1.65; }
}
@media (max-width:359px) {
 .hr-hero-copy { padding-top:72px; }
 .hr-description { font-size:10.5px; }
 .hr-wordmark { font-size:72px; }
}
.hr-eyebrow,.hr-description { font-weight:500;text-shadow:0 0 3px #fff,0 0 6px #fff; }


/* Reader sections: four category groups and ten compact rows per tab. */
.hoken-front .hr-articles { max-width:920px; }
.hoken-front .hr-articles h2 { font-size:23px;letter-spacing:.035em;text-wrap:balance; }
.hoken-front .hr-reader-tabs { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 8px; }
.hoken-front .hr-reader-tab { display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 8px;border:1px solid var(--hr-line);border-radius:4px;background:#fff;color:var(--hr-navy);font:13px/1.5 "Yu Gothic","Meiryo",sans-serif;text-decoration:none; }
.hoken-front .hr-reader-tab:hover { background:#f0f5fa; }
.hoken-front .hr-reader-tab.is-active { color:#fff;background:var(--hr-navy);border-color:var(--hr-navy);font-weight:600; }
.hoken-front .hr-reader-panel[hidden] { display:none!important; }
.hoken-front .hr-reader-panel:focus-visible { outline:2px solid var(--hr-blue);outline-offset:4px; }
.hoken-front .hr-article-list { display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--hr-line); }
.hoken-front .hr-article-list li { border:0;border-bottom:1px solid var(--hr-line);border-radius:0; }
.hoken-front .hr-article-list a { flex-direction:row;align-items:center;gap:18px;padding:15px 4px; }
.hoken-front .hr-article-list a:hover { background:#f6f9fd; }
.hoken-front .hr-article-list img,.hoken-front .hr-article-placeholder { flex:none;width:96px;height:64px;aspect-ratio:3/2;object-fit:contain;border-radius:3px; }
.hoken-front .hr-article-placeholder { display:flex;align-items:center;justify-content:center;background:#edf2f7;font-size:12px; }
.hoken-front .hr-article-copy { min-width:0;flex:1; }
.hoken-front .hr-article-list .hr-article-meta { display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;margin:0 0 5px;color:#52667e;font:12px/1.6 "Yu Gothic","Meiryo",sans-serif; }
.hoken-front .hr-article-list .hr-article-meta span { padding:0;font:inherit;flex:none; }
.hoken-front .hr-article-list .hr-article-title { display:block;padding:0;font-size:15px;line-height:1.7;text-wrap:pretty; }
.hoken-front .hr-article-list a:hover .hr-article-meta span { text-decoration:none; }
@media(max-width:767px) {
 .hoken-front .hr-articles h2 { font-size:21px; }
 .hoken-front .hr-reader-tabs { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px; }
 .hoken-front .hr-reader-tab { font-size:12px; }
 .hoken-front .hr-article-list a { padding:13px 0;gap:12px; }
 .hoken-front .hr-article-list img,.hoken-front .hr-article-placeholder { width:80px;height:54px; }
 .hoken-front .hr-article-list .hr-article-title { font-size:13px;line-height:1.7; }
 .hoken-front .hr-article-list .hr-article-meta { font-size:10px;gap:2px 8px; }
}

/* General-reader category entrance and the temporary GA4 ranking placeholder. */
.hoken-front .hr-general-categories { max-width:1120px; }
.hoken-front .hr-category-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;text-align:left; }
.hoken-front .hr-category-card { min-width:0;padding:24px;border:1px solid var(--hr-line);border-radius:6px;background:linear-gradient(135deg,#f6fbfd,#f7f9fd); }
.hoken-front .hr-category-card:nth-child(2) { background:linear-gradient(135deg,#f6fcf9,#f7fbfa); }
.hoken-front .hr-category-card:nth-child(3) { background:linear-gradient(135deg,#fdf9f4,#fdfaf7); }
.hoken-front .hr-category-card:nth-child(4) { background:linear-gradient(135deg,#f7f7fd,#f9f8fd); }
.hoken-front .hr-category-heading { display:flex;align-items:flex-start;gap:13px;margin-bottom:15px; }
.hoken-front .hr-category-mark { display:block;flex:none;width:28px;height:28px;margin-top:2px;border:2px solid #2d7698;border-radius:50%; }
.hoken-front .hr-category-card:nth-child(2) .hr-category-mark { border-color:#4b927c; }
.hoken-front .hr-category-card:nth-child(3) .hr-category-mark { border-color:#b87948; }
.hoken-front .hr-category-card:nth-child(4) .hr-category-mark { border-color:#6667a6; }
.hoken-front .hr-category-heading h3 { margin:0;font-size:19px;font-weight:600;line-height:1.5;letter-spacing:.025em; }
.hoken-front .hr-category-heading p { margin:3px 0 0;font:12px/1.65 "Yu Gothic","Meiryo",sans-serif;color:#52667e; }
.hoken-front .hr-category-list { list-style:none!important;margin:0;padding:0;border-top:1px solid var(--hr-line); }
.hoken-front .hr-category-list li { margin:0;border-bottom:1px solid var(--hr-line); }
.hoken-front .hr-category-list a { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;color:inherit;text-decoration:none;font-size:13px;line-height:1.65; }
.hoken-front .hr-category-list a:hover { text-decoration:underline;text-underline-offset:4px; }
.hoken-front .hr-category-list a span { flex:none;color:var(--hr-blue);font-size:16px; }
.hoken-front .hr-category-empty { margin:0;padding:22px 0;border-top:1px solid var(--hr-line);font-size:13px;color:#52667e;text-align:center; }
.hoken-front .hr-popular { max-width:1120px;border-top:1px solid var(--hr-line); }
.hoken-front .hr-popular-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none!important;margin:30px 0 0;padding:0;text-align:left; }
.hoken-front .hr-popular-list li { min-width:0;border:1px solid var(--hr-line);border-radius:5px;overflow:hidden;background:#fff; }
.hoken-front .hr-popular-list a { display:block;height:100%;color:inherit;text-decoration:none; }
.hoken-front .hr-popular-list a:hover strong { text-decoration:underline;text-underline-offset:4px; }
.hoken-front .hr-popular-list img,.hoken-front .hr-popular-list .hr-article-placeholder { display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#edf2f7; }
.hoken-front .hr-popular-list > li > a > div { padding:14px; }
.hoken-front .hr-popular-list p { display:flex;gap:10px;margin:0 0 6px;color:#52667e;font:11px/1.5 "Yu Gothic","Meiryo",sans-serif; }
.hoken-front .hr-popular-list p span { color:var(--hr-blue); }
.hoken-front .hr-popular-list strong { display:block;font-size:14px;font-weight:600;line-height:1.7;overflow-wrap:anywhere; }
@media (max-width:767px) {
 .hoken-front .hr-category-grid { grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px; }
 .hoken-front .hr-category-card { padding:18px; }
 .hoken-front .hr-category-heading h3 { font-size:17px; }
 .hoken-front .hr-category-heading p { font-size:11px; }
 .hoken-front .hr-category-list a { font-size:12px;padding:10px 0; }
 .hoken-front .hr-popular-list { grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px; }
 .hoken-front .hr-popular-list a { display:flex;align-items:center;gap:12px;padding:10px; }
 .hoken-front .hr-popular-list img,.hoken-front .hr-popular-list .hr-article-placeholder { flex:none;width:96px;height:64px; }
 .hoken-front .hr-popular-list > li > a > div { padding:0; }
 .hoken-front .hr-popular-list strong { font-size:13px; }
}

/* Three popular article cards above the news archive link. */
.hoken-front .hr-news-popular { margin-top:30px;text-align:left; }
.hoken-front .hr-news-popular h3 { margin:0 0 14px;padding:0;border:0;background:none;color:var(--hr-navy);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;line-height:1.6;letter-spacing:.06em; }
.hoken-front .hr-news-popular h3::before { content:"";display:block;position:static;flex:none;width:20px;height:2px;background:#a87b22;border:0; }
.hoken-front .hr-news-popular h3::after { display:none; }
.hoken-front .hr-ranked-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none!important;margin:0;padding:0; }
.hoken-front .hr-ranked-card { min-width:0;margin:0;overflow:hidden;border:1px solid var(--hr-line);border-radius:6px;background:#fff; }
.hoken-front .hr-ranked-card a { display:block;height:100%;color:var(--hr-navy);text-decoration:none; }
.hoken-front .hr-ranked-card a:hover .hr-ranked-title { text-decoration:underline;text-underline-offset:3px; }
.hoken-front .hr-ranked-card a:focus-visible { outline:2px solid var(--hr-blue);outline-offset:-3px; }
.hoken-front .hr-ranked-image { display:block;position:relative;aspect-ratio:16/10;background:#edf2f7; }
.hoken-front .hr-ranked-image img { display:block;width:100%;height:100%;object-fit:cover; }
.hoken-front .hr-ranked-placeholder { display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;letter-spacing:.12em;color:#6f8397; }
.hoken-front .hr-rank-crown { position:absolute;top:7px;right:7px;width:38px;height:33px;color:#a87b22;fill:currentColor;filter:drop-shadow(0 1px 2px #ffffffd9); }
.hoken-front .hr-rank-crown text { fill:#fff;font:bold 15px Arial,sans-serif; }
.hoken-front .hr-ranked-card--2 .hr-rank-crown { color:#65758a; }
.hoken-front .hr-ranked-card--3 .hr-rank-crown { color:#9b6242; }
.hoken-front .hr-ranked-title { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:12px 13px 14px;font-size:14px;font-weight:600;line-height:1.7;overflow-wrap:anywhere;text-wrap:pretty; }
@media(max-width:767px) {
 .hoken-front .hr-news-popular { margin-top:24px; }
 .hoken-front .hr-news-popular h3 { font-size:14px;margin-bottom:10px; }
 .hoken-front .hr-ranked-cards { gap:8px; }
 .hoken-front .hr-ranked-title { margin:8px 7px 10px;font-size:12px;line-height:1.65;-webkit-line-clamp:4; }
 .hoken-front .hr-rank-crown { width:28px;height:24px;top:4px;right:4px; }
 .hoken-front .hr-ranked-placeholder { font-size:12px;letter-spacing:.03em; }
}

/* Disaster support: immediately after the first view. */
.hr-disaster{max-width:1120px;margin:24px auto 0;padding:0 28px}
.hr-disaster-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;border:1px solid #c8dcd9;border-left:4px solid #3b7873;border-radius:4px;background:#f3f8f7;color:#223c49;text-decoration:none;box-shadow:0 3px 12px #183e4610}
.hr-disaster-copy{display:grid;gap:7px}.hr-disaster-copy strong{font-size:20px;font-weight:600;line-height:1.65;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty}.hr-disaster-copy>span{font-size:14px;line-height:1.8}.hr-disaster-action{flex-shrink:0;font-size:14px;font-weight:600;color:#245f5b;line-height:1.8;text-decoration:underline;text-underline-offset:5px}.hr-disaster-link:hover{background:#e8f2f0}.hr-disaster-link:focus-visible{outline:3px solid #245f5b;outline-offset:4px}
@media(max-width:850px){.hr-disaster-link{align-items:flex-start;flex-direction:column;gap:13px}.hr-disaster-copy strong{font-size:19px}}
@media(max-width:480px){.hr-disaster{padding:0 18px;margin-top:20px}.hr-disaster-link{padding:20px 18px}.hr-disaster-copy strong{font-size:17px}.hr-disaster-copy>span{font-size:13px}.hr-disaster-action{font-size:13px}}

.hr-disaster-copy>span{text-wrap:pretty}