/* Copyright (c) 2026 OriginMind. All rights reserved. */
.course-companion{border-top:1px solid var(--line,#dfe8ed);margin-top:20px;padding-top:18px;scroll-margin-top:100px;min-width:0}
.course-companion h4{font-size:1.05rem;margin:0 0 10px}.course-companion h5{font-size:1rem;margin:0 0 8px}
.course-companion>details,.video-companion-task{margin:12px 0}.course-companion summary,.video-companion-task summary{cursor:pointer;line-height:1.6}
.course-companion li{margin:8px 0;line-height:1.8}.course-companion p,.video-companion-task p{line-height:1.8;overflow-wrap:anywhere}
.companion-table-wrap{width:100%;max-width:100%;overflow-x:auto;margin:14px 0}
.companion-table-wrap table{border-collapse:collapse;width:100%;font-size:.95rem;table-layout:fixed}.companion-table-wrap caption{text-align:left;font-weight:600;color:var(--muted,#597078);margin-bottom:8px}
.companion-table-wrap th,.companion-table-wrap td{border:1px solid var(--line,#dfe8ed);padding:10px 12px;vertical-align:top;line-height:1.8;overflow-wrap:anywhere;text-align:left}
.companion-table-wrap th{width:29%;font-weight:600;background:var(--soft,#f2f7f9)}
.companion-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.companion-actions button,.companion-download{min-height:44px;max-width:100%;white-space:normal;line-height:1.6}
.companion-download{display:inline-flex;align-items:center;border:1px solid var(--line,#dfe8ed);border-radius:8px;padding:8px 14px;text-decoration:none;font-weight:600;color:var(--accent,#166684)}
.companion-watch{border-left:3px solid var(--accent,#166684);padding:0 0 6px 14px;margin:16px 0}.companion-watch p{margin-bottom:8px}
.companion-question{border-top:1px solid var(--line,#dfe8ed);padding:14px 0}.companion-question:first-of-type{border-top:0}
.companion-checks{display:grid;gap:12px;margin:16px 0}.companion-checks label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.7;margin:0;cursor:pointer}.companion-checks input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:5px 0 0;flex:0 0 18px}
.course-companion textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:180px;resize:vertical;line-height:1.8;font:inherit;padding:12px;margin-top:8px}
.companion-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.companion-figures figure{margin:0;min-width:0}.companion-figures img{width:100%;height:220px;object-fit:contain;background:#f3f5f6}.companion-figures figcaption{font-size:.88rem;line-height:1.7;margin-top:8px;color:var(--muted,#597078)}
.course-companion:focus-visible{outline:2px solid var(--accent,#166684);outline-offset:5px}.course-companion summary:focus-visible,.video-companion-task summary:focus-visible{outline:2px solid var(--accent,#166684);outline-offset:4px}
@media(max-width:600px){.companion-table-wrap th,.companion-table-wrap td{padding:8px}.companion-table-wrap th{width:30%}.companion-actions{gap:8px}.companion-actions>*{flex:1 1 180px;justify-content:center;text-align:center}.companion-figures{grid-template-columns:1fr}.companion-figures img{height:auto;max-height:300px}.course-companion ol{padding-left:24px}}