.haebogo-reading{margin:40px 0 20px;padding:28px;border:1px solid #dbe4d2;border-radius:18px;background:#f0f4e8}
.haebogo-reading h2{font-size:24px;line-height:1.4;letter-spacing:-.035em;margin:6px 0 12px;word-break:keep-all}
.haebogo-reading-intro{font-size:15px;line-height:1.8;color:#4d6256;margin-bottom:20px}
.haebogo-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.haebogo-reading-card{display:block;min-width:0;background:#fff;border:1px solid #dce4d5;border-radius:12px;padding:20px;text-decoration:none;color:#174b3c}
.haebogo-reading-card:hover{border-color:#7f9e30;box-shadow:0 3px 14px #174b3c0c}
.haebogo-reading-card:focus-visible{outline:3px solid #739600;outline-offset:3px}
.haebogo-reading-label{font-size:12px;color:#697c53;font-weight:650}
.haebogo-reading-card h3{font-size:18px;line-height:1.5;letter-spacing:-.025em;margin:10px 0;word-break:keep-all;overflow-wrap:anywhere}
.haebogo-reading-card p{font-size:14px;line-height:1.8;margin:0;color:#506357;word-break:keep-all;overflow-wrap:anywhere}
.haebogo-reading-card:has(.haebogo-reading-photo){overflow:hidden}
.haebogo-reading-photo{margin:-20px -20px 17px}
.haebogo-reading-photo img{display:block;width:100%;height:auto;aspect-ratio:1.85;object-fit:cover}
.haebogo-reading-photo figcaption{font-size:11px;line-height:1.7;color:#718168;padding:10px 20px 0}
.haebogo-photo-source{font-size:11px;line-height:1.8;color:#718168;margin:15px 0 0}.haebogo-photo-source a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.haebogo-reading-photo{margin:-18px -16px 15px}.haebogo-reading-photo figcaption{padding-left:16px;padding-right:16px}}
@media(max-width:600px){.haebogo-reading{padding:20px 16px;margin-top:30px}.haebogo-reading h2{font-size:21px}.haebogo-reading-grid{grid-template-columns:1fr}.haebogo-reading-card{padding:18px 16px}.haebogo-reading-card h3{font-size:17px}.haebogo-reading-intro{font-size:14px}}