.et-detail__head {
max-width: var(--et-max);
margin: 0.5rem auto 1.5rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
gap: 1rem;
padding-bottom: 1.25rem;
border-bottom: 1px solid color-mix(in srgb, var(--outline-variant) 55%, transparent);
}
.et-detail__heading { flex: 1 1 auto; min-width: 0; }
.et-detail__heading h1 { margin: 0; }
.et-detail__sub { margin: 0.5rem 0 0; color: var(--et-muted); font-weight: 600; }
.et-detail__sub a {
display: inline;
color: inherit;
text-decoration: none;
transition: color var(--et-dur, 0.2s) var(--et-ease, ease);
}
.et-detail__sub a:hover {
color: var(--on-surface);
text-decoration: underline;
text-underline-offset: 2px;
}
.et-detail {
max-width: var(--et-max);
margin: 0 auto;
display: grid;
gap: 1.5rem;
align-items: start;
}
.et-detail__aside { order: -1; }
@media (min-width: 840px) {
.et-detail { grid-template-columns: minmax(0, 1fr) 22rem; gap: 2.5rem; }
.et-detail__aside { order: 0; position: sticky; top: 1rem; }
}
.et-detail--solo { display: block; }
.et-detail__main { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.et-detail__tools { display: inline-flex; flex: none; align-items: center; gap: 0.4rem; }
.et-detail__tools .et-detail__toolbtn,
.et-detail__tools .et-fav {
box-sizing: border-box;
flex: none;
inline-size: 2.25rem; block-size: 2.25rem;
margin: 0; padding: 0;
display: inline-flex; align-items: center; justify-content: center;
border: 1px solid var(--et-line, var(--outline-variant));
border-radius: 50%;
background: var(--surface-container-low, var(--surface));
color: var(--on-surface);
box-shadow: none; cursor: pointer;
transition: border-color var(--et-dur, 0.2s) var(--et-ease, ease),
color var(--et-dur, 0.2s) var(--et-ease, ease),
box-shadow var(--et-dur, 0.2s) var(--et-ease, ease);
}
.et-detail__tools .et-detail__toolbtn:hover,
.et-detail__tools .et-fav:hover {
color: var(--primary);
border-color: color-mix(in srgb, var(--primary) 40%, transparent);
box-shadow: var(--et-sh-1, 0 1px 3px rgba(0, 0, 0, 0.12));
}
.et-detail__tools .et-fav.is-active { color: var(--et-sale); }
.et-detail__tools .et-i { block-size: 1.15rem; inline-size: 1.15rem; }
.et-detail__card {
border: 1px solid var(--outline-variant);
border-radius: 1.25rem;
background: var(--surface);
box-shadow: var(--et-sh-1);
padding: 0.5rem 0.5rem 0.65rem;
}
.et-detail__cardtitle {
margin: 0;
padding: 0.85rem 0.9rem 0.35rem;
font-weight: 700; font-size: 1.2rem; color: var(--on-surface);
}
.et-detail__row {
display: flex; align-items: center; justify-content: flex-start; gap: 0.9rem;
padding: 0.85rem 0.9rem;
border-radius: 0;
color: var(--on-surface); text-decoration: none;
}
.et-detail__row + .et-detail__row { border-top: 1px solid color-mix(in srgb, var(--outline-variant) 45%, transparent); }
.et-detail__row > .et-ico { flex: none; color: var(--on-surface-variant); }
.et-detail__row .et-i { block-size: 1.4rem; inline-size: 1.4rem; min-inline-size: 1.4rem; }
.et-detail__rowmain { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.et-detail__rowtitle { font-weight: 600; color: var(--on-surface); overflow-wrap: anywhere; }
.et-detail__rowsub { color: var(--et-muted); font-size: 0.9rem; line-height: 1.4; }
.et-fav__label { white-space: nowrap; }