.bookgoods-media {
    box-sizing: border-box;
    width: calc(100% - 40px);
    max-width: 1090px;
    margin: 0 auto 56px;
    color: #302c27;
}

.bookgoods-media h2 {
    margin: 0 0 20px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.6;
}

.bookgoods-media__card {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    align-items: center;
    gap: 32px;
    padding: 28px 32px;
    border: 1px solid #ded8cf;
    background: #fff;
}

.bookgoods-media__banner {
    display: block;
    width: 200px;
    max-width: 100%;
}

.bookgoods-media__banner img {
    display: block;
    width: 100%;
    height: auto;
}

.bookgoods-media__copy { min-width: 0; }
.bookgoods-media__date { margin: 0 0 8px; color: #6e655c; font-size: 12px; line-height: 1.8; }
.bookgoods-media h3 { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.8; }
.bookgoods-media__copy > p:not(.bookgoods-media__date) { margin: 0 0 12px; font-size: 14px; line-height: 1.9; }

.bookgoods-media__link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    color: #7b5933;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.bookgoods-media__link:hover { color: #302c27; }
.bookgoods-media a:focus-visible { outline: 3px solid #80612e; outline-offset: 4px; }

@media (max-width: 767px) {
    .bookgoods-media { width: calc(100% - 32px); margin-bottom: 36px; }
    .bookgoods-media h2 { margin-bottom: 16px; font-size: 20px; }
    .bookgoods-media__card { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 24px; }
    .bookgoods-media__banner { justify-self: center; }
    .bookgoods-media h3 { font-size: 17px; }
}