.tc-deliverable-disclaimer { max-width: 780px; margin: 0 auto 24px; text-align: center; color: #435c6c; }
.tc-deliverable-disclaimer > strong { display: inline-block; padding: 5px 12px; margin-bottom: 8px; border: 1px solid #bbd7ca; border-radius: 30px; background: #e3f2e9; color: #195640; font-size: max(12px, .85rem); }
.tc-deliverable-disclaimer p { margin: 0; font-size: max(14px, .9rem); line-height: 1.55; }
.tc-deliverable-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.tc-deliverable-card { min-width: 0; overflow: hidden; border: 1px solid #ccdce3; border-radius: 16px; background: #fff; box-shadow: 0 6px 22px rgba(13,48,71,.045); }
.tc-deliverable-preview { margin: 12px 12px 0; border: 1px solid #d7e3e8; border-radius: 10px; overflow: hidden; background: #f5f9fb; color: #29485e; font-size: max(12px, .875rem); line-height: 1.35; min-height: 190px; }
.tc-deliverable-toolbar { display: flex; align-items: center; gap: 8px; padding: 8px 13px; background: #0d3047; color: #fff; }
.tc-deliverable-dot { flex: 0 0 7px; height: 7px; border-radius: 50%; background: #80d4ae; }
.tc-deliverable-toolbar strong { font-size: max(12px, .875rem); }
.tc-deliverable-version { margin-left: auto; font-size: max(12px, .8rem); color: #c7e7dd; }
.tc-deliverable-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 13px 13px 8px; }
.tc-deliverable-metrics > div { border: 1px solid #d9e4e9; padding: 8px; border-radius: 6px; background: #fff; }
.tc-deliverable-metrics span { display: block; overflow-wrap: anywhere; }
.tc-deliverable-metrics strong { display: block; font-size: 1.2rem; color: #17394f; }
.tc-deliverable-data-body { display: grid; grid-template-columns: 1.4fr 1fr; gap: 12px; padding: 0 13px 13px; }
.tc-deliverable-chart svg { display: block; width: 100%; height: 62px; }
.tc-deliverable-chart small { display: block; font-size: max(12px, .8rem); }
.tc-deliverable-quality strong { display: block; margin-bottom: 7px; font-size: max(12px, .8rem); }
.tc-deliverable-quality > span { display: flex; gap: 6px; align-items: center; margin: 5px 0; font-size: max(12px, .8rem); }
.tc-deliverable-quality i { flex: 0 0 7px; height: 7px; border-radius: 50%; background: #416f85; }
.tc-deliverable-ai-flow { display: flex; align-items: center; gap: 8px; padding: 13px; }
.tc-deliverable-ai-flow > span { flex: 1; padding: 7px; border: 1px solid #d0e0e7; border-radius: 5px; background: #fff; text-align: center; font-size: max(12px, .8rem); }
.tc-deliverable-ai-flow .tc-deliverable-human { background: #e3f2e9; border-color: #b6d9c7; color: #195640; }
.tc-deliverable-fields { margin: 0 13px 10px; }
.tc-deliverable-fields > div { display: grid; grid-template-columns: 85px 1fr; gap: 10px; padding: 5px 0; border-bottom: 1px solid #deeaee; }
.tc-deliverable-fields dt { font-weight: 600; }
.tc-deliverable-fields dd { margin: 0; }
.tc-deliverable-review { padding: 0 13px 12px; color: #195640; font-size: max(12px, .8rem); }
.tc-deliverable-review > span { margin-right: 7px; }
.tc-deliverable-map { display: grid; grid-template-columns: 1fr 18px 1.2fr 18px 1fr; align-items: center; gap: 6px; padding: 26px 13px 20px; }
.tc-deliverable-map-sources { display: grid; gap: 10px; }
.tc-deliverable-map-sources span, .tc-deliverable-map-target { padding: 10px 6px; border: 1px solid #cbdfe7; border-radius: 6px; background: #fff; text-align: center; }
.tc-deliverable-map-hub { padding: 15px 7px; background: #e3f2e9; border: 1px solid #b6d9c7; border-radius: 8px; text-align: center; color: #195640; }
.tc-deliverable-map-hub strong, .tc-deliverable-map-hub small { display: block; }
.tc-deliverable-map-hub small { margin-top: 5px; font-size: max(12px, .8rem); }
.tc-deliverable-map-arrow { font-size: 1.1rem; text-align: center; }
.tc-deliverable-map-legend { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 13px 14px; }
.tc-deliverable-map-legend span { border-left: 2px solid #237e65; padding: 3px 7px; font-size: max(12px, .8rem); background: #fff; }
.tc-deliverable-roadmap { display: grid; gap: 7px; padding: 10px 13px; }
.tc-deliverable-roadmap > div { display: flex; align-items: center; gap: 12px; }
.tc-deliverable-step { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #0d3047; color: #fff; font-weight: 700; }
.tc-deliverable-roadmap > div > div { flex: 1; display: grid; grid-template-columns: 1fr 1.6fr; column-gap: 10px; padding: 5px 10px; border: 1px solid #d0e0e7; border-radius: 5px; background: #fff; }
.tc-deliverable-roadmap small { grid-column: 1/-1; font-size: max(12px, .8rem); color: #195640; }
.tc-deliverable-roadmap strong { color: #16394e; }
.tc-deliverable-caption { padding: 14px 18px 16px; }
.tc-deliverable-caption h3 { font-size: max(18px, 1.22rem); font-weight: 600; line-height: 1.3; margin: 0 0 9px; color: #0d3047; }
.tc-deliverable-caption p { margin: 0 0 12px; font-size: max(14px, .95rem); line-height: 1.6; color: #435c6c; }
.tc-deliverable-caption a { color: #176449; font-size: max(14px, .9rem); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tc-deliverable-caption a:hover { color: #0d3047; }
.tc-deliverable-caption a:focus-visible, .tc-deliverable-scenario summary:focus-visible { outline: 3px solid #237e65; outline-offset: 4px; border-radius: 3px; }
.tc-deliverable-scenario { margin-top:28px; padding:0; border:1px solid #071b30; border-radius:12px; background:#fff; overflow:hidden; }
.tc-deliverable-scenario summary { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:36px 40px; list-style:none; cursor:pointer; color:#fff; background:#071b30; }
.tc-deliverable-scenario summary::-webkit-details-marker { display:none; }
.tc-deliverable-scenario summary:focus-visible { outline:3px solid #80d4ae; outline-offset:-6px; border-radius:10px; }
.tc-scenario-copy { display:grid; gap:12px; flex:1; min-width:0; }
.tc-scenario-title { color:#fff; font-size:28px; line-height:1.3; font-weight:600; }
.tc-scenario-hint { max-width:620px; color:#e0ebf1; font-size:16px; line-height:1.6; font-weight:400; }
.tc-scenario-action { display:flex; align-items:center; justify-content:center; flex:0 0 260px; min-height:50px; padding:12px 20px; border:1px solid #80d4ae; border-radius:8px; background:#80d4ae; color:#071b30; text-align:center; font-size:16px; line-height:1.4; font-weight:700; }
.tc-deliverable-scenario summary:hover .tc-scenario-action { background:#a1e4c4; border-color:#a1e4c4; }
.tc-scenario-close, .tc-deliverable-scenario[open] .tc-scenario-open { display:none; }
.tc-deliverable-scenario[open] .tc-scenario-close { display:inline; }
@media(max-width:767px) { .tc-deliverable-scenario summary { flex-direction:column; align-items:stretch; padding:24px; gap:20px; } .tc-scenario-action { flex-basis:auto; width:100%; } .tc-scenario-title { font-size:24px; } }
.tc-deliverable-scenario-body { padding:24px 20px; border-top:1px solid #c8e1d5; }
.tc-deliverable-scenario-body h3 { font-size: 1.4rem; margin-bottom: 12px; }
@media (max-width: 767px) {
    .tc-deliverable-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
    .tc-deliverable-preview { min-height: 0; margin: 12px 12px 0; }
    .tc-deliverable-caption { padding: 16px; }
}
@media (max-width: 480px) {
    .tc-deliverable-metrics { grid-template-columns: minmax(0,1fr); gap: 5px; }
    .tc-deliverable-metrics > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 8px; }
    .tc-deliverable-metrics span { overflow-wrap: normal; }
}
@media (max-width: 400px) {
    .tc-deliverable-toolbar { flex-wrap: wrap; }
    .tc-deliverable-data-body { grid-template-columns: minmax(0,1fr); }
    .tc-deliverable-quality { border-top: 1px solid #d7e3e8; padding-top: 8px; }
    .tc-deliverable-quality > span { display: inline-flex; margin-right: 8px; }
    .tc-deliverable-ai-flow { flex-direction: column; gap: 4px; }
    .tc-deliverable-ai-flow > span { width: 100%; }
    .tc-deliverable-ai-flow > b { transform: rotate(90deg); line-height: 1; }
    .tc-deliverable-map { grid-template-columns: 1fr; padding-top: 14px; gap: 7px; }
    .tc-deliverable-map-sources { grid-template-columns: 1fr 1fr; }
    .tc-deliverable-map-arrow { transform: rotate(90deg); line-height: 1; }
    .tc-deliverable-map-hub { padding: 9px; }
    .tc-deliverable-roadmap > div > div { grid-template-columns: 1fr; gap: 2px; }
    .tc-deliverable-scenario-body { padding:18px 14px; }
}