/* label-maker · 详情页：胶带标签 + 横线稿纸 */
.lm-detail { max-width: 940px; margin: 0 auto; }
.lm-detail .detail-breadcrumb { padding: 4px 0 12px; color: var(--lm-soft); }
.lm-detail .detail-breadcrumb a { color: var(--lm-link); font-weight: 700; }
.lm-detail .detail-top-ad:has(.ad) { margin: 4px 0 24px; }

.lm-sheet { background: var(--lm-board); border: 3px solid var(--lm-ink); }
.lm-sheet-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 26px 32px 22px; border-bottom: 3px solid var(--lm-ink);
    background: repeating-linear-gradient(transparent 0 31px, #e3e8ee 31px 32px); }
.lm-sheet-head .lm-tape { font-size: .82rem; padding: 5px 16px; }
.lm-sheet-head h1 { margin: 0; font-weight: 800; font-size: clamp(1.9rem, 4vw, 2.8rem); line-height: 1.12; letter-spacing: -.01em; }
.lm-sheet-meta { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; font-family: var(--lm-display); font-size: .78rem; color: var(--lm-soft); }
.lm-sheet-body { padding: 24px 32px 16px; }
.lm-sheet-body .detail-summary { padding: 14px 18px; border: 2px dashed var(--lm-ink); line-height: 1.6; }
.lm-sheet-body .detail-image img { border: 2px solid var(--lm-ink); box-sizing: border-box; }
.lm-sheet-body .detail-prose { max-width: 70ch; font-size: 1.08rem; line-height: 1.75; }
.lm-sheet-body .detail-prose a { color: var(--lm-link); }

.lm-around { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 28px 0 8px; }
.lm-around a { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: 10px; padding: 14px 18px; background: var(--lm-board); border: 2px solid var(--lm-ink); }
.lm-around a:hover { box-shadow: 6px 6px 0 var(--lm-ink); }
.lm-around-title { font-weight: 700; line-height: 1.35; }
.lm-around-next { grid-column: 2; justify-items: end; text-align: right; }

@media (max-width: 767px) {
    .lm-sheet { border-width: 2px; }
    .lm-sheet-head { padding: 16px 14px; }
    .lm-sheet-head h1 { font-size: 1.7rem; }
    .lm-sheet-body { padding: 16px 14px 8px; }
    .lm-around { grid-template-columns: minmax(0, 1fr); }
    .lm-around-next { grid-column: auto; justify-items: start; text-align: left; }
}