/* 仅第06章生效。其余页面继续使用未改动的v0.12样式。 */
#retention { container-type:inline-size; container-name:lifecycle-retention; }
#retention .lc-goal { font-size:18px; line-height:1.8; color:var(--ink); }
#retention .lc-boundary { font-size:14px; line-height:1.8; margin-top:8px; }
#retention .lc-dimensions { display:grid; grid-template-columns:1fr; gap:14px; padding:22px 24px; margin:0; background:#f0f1f1; }
#retention .lc-dimensions > div { min-width:0; }
#retention .lc-dimensions dt { display:inline; font-size:16px; font-weight:550; line-height:1.85; color:var(--judgment); margin-right:16px; }
#retention .lc-dimensions dd { display:inline; font-size:15px; line-height:1.85; color:var(--body); }
#retention .lc-context { margin-bottom:22px; }
#retention .lc-context p { font-size:14px; line-height:1.85; }
#retention .lc-context p + p { margin-top:6px; }
#retention .lc-context .lc-context-title { font-size:14px; color:var(--ink); font-weight:550; margin-bottom:8px; }
#retention .lc-audience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch; }
#retention .lc-audience-card { min-width:0; border:1px solid #e1dbe4; border-radius:4px; background:var(--paper); overflow:hidden; }
#retention .lc-identity { background:#eeeaf1; padding:20px 22px 18px; }
#retention .lc-identity h4 { font-size:18px; line-height:1.6; font-weight:550; margin:0 0 10px; color:var(--ink); text-wrap:auto; }
#retention .lc-identity p { font-size:14px; line-height:1.8; color:var(--body); margin:0; }
#retention .lc-label { display:block; font-size:12px; color:var(--secondary); margin-bottom:4px; }
#retention .lc-work { padding:18px 22px 22px; }
#retention .lc-work-label { font-size:12px; color:var(--secondary); line-height:1.7; margin:0 0 10px; }
#retention .lc-work ul { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
#retention .lc-work li { font-size:15px; line-height:1.8; color:var(--body); }
#retention .lc-work strong { color:var(--ink); font-weight:550; margin-right:10px; }
#retention .lc-work span { overflow-wrap:anywhere; }
@supports(grid-template-rows:subgrid) {
 #retention .lc-audience-card { display:grid; grid-template-rows:subgrid; grid-row:span 2; row-gap:0; }
}
@media(hover:hover) and (pointer:fine) {
 #retention .lc-audience-card { transition:border-color 160ms ease; }
 #retention .lc-identity { transition:background-color 160ms ease; }
 #retention .lc-audience-card:hover { border-color:#ab98b2; }
 #retention .lc-audience-card:hover .lc-identity { background:#e5dfe9; }
}
@container lifecycle-retention (max-width:760px) {
 #retention .lc-audience-grid { grid-template-columns:1fr; }
}
@media(max-width:800px) {
 #retention .lc-audience-grid { grid-template-columns:1fr; }
 #retention .lc-dimensions { padding:18px; gap:16px; }
 #retention .lc-dimensions dt { margin-right:10px; }
 #retention .lc-identity,#retention .lc-work { padding:18px; }
 #retention .lc-identity h4 { font-size:17px; }
 #retention .lc-goal { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) {
 #retention .lc-audience-card,#retention .lc-identity { transition:none; }
}
@media print {
 #retention .lc-audience-grid { grid-template-columns:1fr; }
 #retention .lc-audience-card { break-inside:avoid; }
}