#import-content { color: var(--ink); }
#import-content .page-card { margin-bottom: 22px; }
#import-content h3 { margin: 0 0 16px; }
#import-content h4 { margin: 28px 0 12px; }
#import-content p { line-height: 1.8; }
.notion-status { padding: 12px 16px; border-left: 3px solid var(--mint); background: #f5f8f8; white-space: pre-wrap; overflow-wrap: anywhere; }
.notion-status:empty { display: none; }
.notion-mapping { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.notion-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 16px 0; }
.notion-toolbar .field { flex: 1; min-width: 150px; margin: 0; }
#import-content .notion-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.9; margin: 14px 0; }
#import-content input[type=checkbox] { flex: 0 0 17px; width: 17px; height: 17px; margin: 4px 0 0; accent-color: var(--mint); }
.notion-list { max-height: 480px; overflow-y: auto; border: 1px solid #e4e7e7; border-radius: 8px; }
.notion-list-row { display: flex; gap: 12px; padding: 12px; align-items: center; border-bottom: 1px solid #edf0f0; }
.notion-list-row:last-child { border-bottom: 0; }
.notion-list-row.active { background: color-mix(in srgb,var(--mint) 12%,white); }
.notion-list-row > button { flex: 1; text-align: left; min-width: 0; border: 0; background: none; padding: 0; color: inherit; cursor: pointer; }
.notion-list-row strong { display: block; font-size: 14px; margin-bottom: 6px; }
.notion-list-row small { display: block; font-size: 11px; color: #737d84; line-height: 1.7; overflow-wrap: anywhere; }
.notion-state { flex: 0 0 68px; font-size: 11px; text-align: right; color: #756338; }
.notion-review-card { scroll-margin-top: 20px; }
.notion-warning { padding: 14px; margin: 14px 0; background: #fff8e9; border: 1px solid #ecdec1; border-radius: 7px; font-size: 13px; line-height: 1.8; }
.notion-warning p { margin: 8px 0; }
.notion-error { color: #ae3d4b; line-height: 1.8; font-size: 14px; }
.notion-people { display: grid; gap: 12px; margin-bottom: 14px; }
.notion-person { display: grid; grid-template-columns: 110px minmax(0,1fr) minmax(0,1fr) minmax(70px,.55fr) 24px; gap: 10px; align-items: end; padding: 14px; background: #f5f8f8; border-radius: 7px; }
.notion-person label { display: grid; gap: 8px; min-width: 0; }
.notion-person label span { font-size: 11px; }
.notion-person .text-button { align-self: center; }
.notion-image-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 14px; }
.notion-image { min-width: 0; border: 1px solid #e4e7e7; border-radius: 8px; padding: 10px; }
.notion-preview { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; border: 1px dashed #c6d2d5; background: #f6f8f8; border-radius: 5px; color: #5a6970; overflow: hidden; cursor: pointer; }
.notion-preview img { width: 100%; height: 100%; object-fit: contain; min-height: 0; }
.notion-image > small { display: block; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; margin-top: 6px; }
.notion-source { margin: 22px 0; font-size: 13px; }
.notion-source summary { cursor: pointer; padding: 10px 0; }
.notion-source pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 360px; overflow-y: auto; padding: 16px; border: 1px solid #e4e7e7; border-radius: 6px; font: inherit; line-height: 1.8; }
.notion-entry-link { margin-left: auto; font-size: 13px; }
.session-view-title:has(.notion-entry-link) { flex-wrap: wrap; }
@media(max-width:1100px) { .notion-person { grid-template-columns: 100px minmax(0,1fr); } .notion-person > button { grid-column: 2; justify-self: end; } }
@media(max-width:650px) { .notion-mapping { grid-template-columns: 1fr; } .notion-list-row { gap: 8px; padding: 10px 8px; } .notion-state { flex-basis: 58px; } }