.hnr-area-page .hnr-area-overview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(20px, 4vw, 72px);
    margin-bottom: clamp(24px, 2.6vw, 42px);
}
.hnr-area-page .hnr-area-introduction {
    max-width: 77ch;
    margin: 0;
    color: #292a27;
    font-size: clamp(17px, 1.22vw, 21px);
    line-height: 1.55;
}
.hnr-area-page .hnr-area-actions { flex: none; margin: 0; }
.hnr-area-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 16px;
    border-radius: 4px;
    color: #fff;
    background: #a90014;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}
.hnr-area-actions a:hover { background: #790010; color: #fff; }
.hnr-area-page .hnr-area-details {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
    align-items: start;
    gap: clamp(32px, 5vw, 90px);
    border-top: 1px solid #dedfd8;
    margin-top: clamp(32px, 3.5vw, 56px);
    padding-top: 32px;
}
.hnr-area-story > p { max-width: 66ch; }
.hnr-area-page h2 { font-size: clamp(22px, 1.7vw, 30px); line-height: 1.22; letter-spacing: -.02em; }
.hnr-area-story p + h2 { margin-top: 28px; }
.hnr-area-pickup { padding: clamp(18px, 2vw, 32px); background: #f5f5f1; border-radius: 6px; }
.hnr-area-pickup p { font-size: 16px; }
.hnr-area-pickup p:last-child, .hnr-area-story p:last-child { margin-bottom: 0; }
.hnr-area-index { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(22px,4vw,60px); margin-block: 30px; }
.hnr-area-index h2 { margin-bottom: 12px; }
.hnr-area-index ul { padding: 0; margin: 0; list-style: none; }
.hnr-area-index li { border-top: 1px solid #dfdfd8; }
.hnr-area-index li a { display: block; padding-block: 10px; min-height: 44px; font-weight: 600; color: #242520; text-underline-offset: 3px; }
.hnr-area-index li a:hover { color: #a90014; }
@media (max-width: 767px) {
    .hnr-area-page .hnr-area-overview { flex-direction: column; align-items: flex-start; gap: 14px; }
    .hnr-area-page .hnr-area-details { grid-template-columns: 1fr; gap: 24px; }
    .hnr-area-index { grid-template-columns: 1fr; }
}