@charset "UTF-8";
/* 日々是農好の一覧専用。共通ヘッダーと各記事のCSSは変更しません。 */
.hk-page, .hk-page * { box-sizing: border-box; }
.hk-page { position: relative; z-index: 0; background: #fffefb; color: #293a31; }
.hk-page a { color: inherit; text-decoration: none; }
.hk-page .hk-hero { position: relative; isolation: isolate; overflow: hidden; background: #233f30; color: #fff; }
.hk-page .hk-hero-bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }
.hk-page .hk-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(21,44,29,.9), rgba(21,44,29,.72) 48%, rgba(21,44,29,.3)); }
/* HEROの高さ・文字エリア幅・余白は page.css で管理 */
.hk-page .hk-eyebrow { margin: 0 0 15px; color: #dbd8bb; font-size: 13px; letter-spacing: .24em; }
.hk-page .hk-hero h1 { margin: 0; color: #fff; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(40px,5vw,60px); font-weight: 500; line-height: 1.5; letter-spacing: .13em; }
.hk-page .hk-reading { margin: 8px 0 24px; color: #e2e5d8; font-size: 14px; letter-spacing: .17em; }
.hk-page .hk-lead { margin: 0; font-family: "Yu Mincho", serif; font-size: 21px; line-height: 1.9; letter-spacing: .06em; }
.hk-page .hk-content { max-width: 1056px; margin: 0 auto; padding: 28px 28px 58px; }
.hk-page .hk-intro { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 28px; padding-bottom: 32px; border-bottom: 1px solid #dadfd5; }
.hk-page .hk-intro h2 { margin: 0 0 12px; font-family: "Yu Mincho", serif; font-size: 26px; line-height: 1.7; font-weight: 500; }
.hk-page .hk-intro p { margin: 0; font-size: 15px; line-height: 2; color: #6a796e; }
.hk-page .hk-intro .hk-count { font-size: 14px; color: #6c7762; padding-bottom: 5px; flex-shrink: 0; }
.hk-page .hk-story { display: grid; grid-template-columns: 40% minmax(0,1fr); gap: 36px; padding: 32px 0; border-bottom: 1px solid #dfe3da; align-items: center; }
/* 写真全体を元の比率で表示。文字の重ね置き・切り抜き・拡大演出はしません。 */
.hk-page .hk-picture img { display: block; width: 100%; max-width: none; height: auto; }
.hk-page .hk-info { min-width: 0; }
.hk-page .hk-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; color: #7a8466; font-size: 14px; letter-spacing: .06em; margin: 0 0 11px; line-height: 1.7; }
.hk-page .hk-issue { font-family: Georgia, serif; font-size: 15px; }
.hk-page .hk-separator { color: #a1aa99; }
.hk-page .hk-theme { margin: 0; padding: 0; border: 0; background: none; color: #293a31; font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; font-size: clamp(22px,2vw,28px); line-height: 1.75; font-weight: 500; letter-spacing: .025em; overflow-wrap: anywhere; }
.hk-page .hk-name { font-size: 15px; color: #667367; line-height: 1.8; margin: 16px 0 0; }
.hk-page .hk-read { display: inline-flex; align-items: center; gap: 20px; font-size: 14px; color: #44604a; margin-top: 24px; }
.hk-page .hk-arrow { width: 36px; height: 1px; background: #697f64; position: relative; }
.hk-page .hk-arrow::after { content: ""; position: absolute; right: 0; bottom: 0; width: 7px; height: 7px; border-top: 1px solid #697f64; transform: rotate(35deg); transform-origin: right bottom; }
.hk-page .hk-story:hover .hk-theme { color: #497448; }
.hk-page a:focus-visible { outline: 3px solid #708964; outline-offset: 5px; }
.hk-page #hk-stories { scroll-margin-top: 140px; }
.hk-page .hk-endnote { text-align: center; margin: 35px 0 0; font-size: 14px; line-height: 1.9; color: #7b887c; }
.hk-page .hk-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.hk-page .hk-pagination a { display: flex; align-items: center; justify-content: center; min-width: 40px; min-height: 44px; font-size: 16px; border: 1px solid #dadfd5; border-radius: 5px; }
.hk-page .hk-pagination .is-current { background: #44604a; color: #fff; border-color: #44604a; }
.hk-page .hk-empty { margin: 0; padding: 36px; color: #667367; text-align: center; }
/* パンくずの配置は page.css の .agri-breadcrumb で管理 */

/* 共通navの緑ラインと前面表示をページ送りには適用しません。 */
.hk-page .hk-pagination {
    position: static;
    z-index: auto;
    border: 0;
    background: transparent;
    align-items: center;
}
.hk-page .hk-pagination .hk-page-direction { padding: 0 15px; }

@media screen and (max-width: 650px) {
    .hk-page .hk-content { padding: 24px 20px 44px; }
    .hk-page .hk-intro { display: block; padding-bottom: 24px; }
    .hk-page .hk-intro h2 { font-size: 23px; }
    .hk-page .hk-intro .hk-count { margin-top: 18px; }
    .hk-page .hk-story { grid-template-columns: 1fr; gap: 20px; padding: 28px 0; }
    .hk-page .hk-theme { font-size: 25px; }
    .hk-page .hk-read { margin-top: 18px; }
    .hk-page .hk-meta { margin-bottom: 8px; }
    .hk-page .hk-name { margin-top: 12px; }
}

@media screen and (max-width: 767px) {
    .hk-page .hk-lead { font-size: 18px; }
    .hk-page .hk-hero::after { background: rgba(21,44,29,.75); }
}