.results{
width:100%;
max-width:var(--pw1);
margin-top:40px;
padding-bottom:100px;
display:none;
}
.results.active{
display:block;
}
.result-card{
padding:var(--gap) 0;
animation:fadeIn 100ms ease;
}
.result-card+.result-card{
border-top:none;
margin-top:8px;
}
.result-card+.result-card::before{
content:"";
display:block;
width:8px;
height:8px;
background:var(--cl3);
border-radius:50%;
margin:0 auto 8px;
}
.result-header{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:16px;
}
.result-source{
font-size:0.85rem;
color:var(--cl2);
text-transform:uppercase;
letter-spacing:1px;
font-weight:600;
font-family:var(--ff2);
}
.result-media{
margin-bottom:24px;
}
.result-media iframe{
max-width:100%;
}
.media-thumb{
max-width:100%;
height:auto;
cursor:pointer;
}
.result-title{
word-break:break-word;
overflow-wrap:break-word;
font-size:1.3rem;
font-weight:700;
margin-bottom:12px;
line-height:1.4;
font-family:var(--ff1);
}
.result-card.followup .result-title{
word-break:break-word;
overflow-wrap:break-word;
font-size:1rem;
font-weight:600;
font-family:var(--ff2);
color:var(--cl2);
margin-bottom:8px;
}
.result-body{
word-break:break-word;
overflow-wrap:break-word;
font-size:1.05rem;
line-height:1.75;
color:var(--cl2);
font-family:var(--ff1);
}
.result-body p{
margin-bottom:16px;
}
.result-body p:last-child{
margin-bottom:0;
}
.result-body ul,
.result-body ol{
font-family:var(--ff1);
margin:20px 0;
padding-left:24px;
}
.result-body li{
margin-bottom:8px;
}
.result-body table{
font-family:var(--ff1);
border-collapse:collapse;
width:100%;
margin:12px 0;
}
.result-body table th,
.result-body table td{
padding:8px 12px;
text-align:left;
}
.result-body h2,
.result-body h3,
.result-body h4{
font-family:var(--ff1);
color:var(--cl1);
margin:28px 0 12px;
line-height:1.3;
}
.result-body h2:first-child,
.result-body h3:first-child,
.result-body h4:first-child{
margin-top:0;
}
.result-body p+h2,
.result-body p+h3,
.result-body p+h4,
.result-body ul+h2,
.result-body ul+h3,
.result-body ul+h4,
.result-body ol+h2,
.result-body ol+h3,
.result-body ol+h4{
margin-top:28px;
}
.result-body hr{
border:none;
margin:20px 0;
}
.result-body strong{
color:var(--cl1);
}
.result-body a{
color:var(--lnk);
}
.result-body a strong,
.result-body strong a{
color:inherit;
}
.yt-info{
font-family:var(--ff2);
font-size:0.95rem;
color:var(--cl2);
margin-bottom:16px;
line-height:1.8;
}
.collapsible-section{
margin-top:16px;
}
.collapsible-header{
width:100%;
display:flex;
align-items:center;
gap:8px;
padding:12px 0;
color:var(--cl2);
font-size:0.9rem;
font-family:var(--ff2);
font-weight:600;
}
.collapsible-toggle{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
transition:color 100ms;
}
.collapsible-toggle:hover{
color:var(--cl1);
}
.copy-transcript-btn{
margin-left:auto;
padding:4px 12px;
font-size:0.75rem;
font-family:var(--ff2);
font-weight:600;
background:var(--bg3);
border:1px solid var(--bc1);
color:var(--cl2);
border-radius:100px;
cursor:pointer;
transition:background 100ms,color 100ms,border-color 100ms;
}
.copy-transcript-btn:hover{
background:var(--bc1);
color:var(--cl1);
border-color:var(--cl3);
}
.collapsible-arrow{
display:inline-block;
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-top:6px solid currentColor;
transition:transform 100ms;
}
.collapsible-header.collapsed .collapsible-arrow{
transform:rotate(-90deg);
}
.collapsible-content{
font-family:var(--ff1);
font-size:0.95rem;
line-height:1.7;
color:var(--cl2);
white-space:pre-wrap;
padding-bottom:12px;
}
.result-actions{
display:flex;
gap:10px;
margin-top:20px;
}
.result-actions button:not(.share-icon-btn):not(.save-clipry-btn):not(.share-btn){
border-radius:100px;
padding:8px 18px;
font-size:0.9rem;
font-family:var(--ff2);
border:1px solid var(--bc2);
background:var(--bg3);
color:var(--cl1);
cursor:pointer;
transition:background 100ms,border-color 100ms;
}
.result-actions button:not(.share-icon-btn):not(.save-clipry-btn):not(.share-btn):hover{
background:var(--bc1);
border-color:var(--cl3);
}
.result-actions button.primary{
background:var(--ac1);
border-color:var(--ac1);
color:#fff;
}
.result-actions button.primary:hover{
background:var(--ac1-light);
border-color:var(--ac1-light);
}
.source-link{
margin-top:16px;
padding-top:12px;
border-top:1px solid var(--border);
}
.source-link a{
color:var(--ac1);
font-size:17px;
word-break:break-all;
}
.card-separator{
text-align:center;
padding:16px 0;
}
.sep-dot{
display:inline-block;
width:6px;
height:6px;
background:rgba(255,255,255,.3);
border-radius:50%;
}
.pdf-meta{
display:flex;
align-items:center;
gap:10px;
margin:8px 0 20px 0;
}
.pdf-pages{
font-size:0.75rem;
color:var(--c3);
background:rgba(255,255,255,0.08);
padding:2px 8px;
border-radius:100px;
}
.pdf-view-link{
font-size:0.75rem;
color:var(--ac1);
text-decoration:none;
}
.pdf-view-link:hover{
text-decoration:underline;
}
.video-fallback-link{
display:inline-block;
padding:12px 20px;
color:var(--ac1);
font-family:var(--ff2);
font-size:0.95rem;
text-decoration:none;
}
.video-fallback-link:hover{
text-decoration:underline;
}
.media-single .media-grid-item{
max-width:100%;
}
.media-single .media-grid-item:has(img){
width:200px;
}
.media-single .media-grid-item:has(iframe){
width:100%;
aspect-ratio:16/9;
}
.media-single .media-grid-item:has(video){
width:auto;
max-width:100%;
}
.media-single .media-grid-item img{
max-width:100%;
height:auto;
max-height:200px;
object-fit:contain;
cursor:pointer;
}
.media-single .media-grid-item iframe{
width:100%;
height:100%;
border-radius:var(--br2);
background:#000;
}
.media-single .media-grid-item video{
max-width:100%;
height:auto;
max-height:400px;
object-fit:contain;
display:block;
}
.media-single .media-grid-item.yt-short{
height:400px;
width:auto;
aspect-ratio:9/16;
margin:0;
}
.media-single .media-grid-item.yt-short iframe{
width:100%;
height:100%;
border-radius:var(--br2);
background:#000;
}
.media-compact{
display:flex;
gap:8px;
}
.media-compact .media-grid-item{
max-width:120px;
max-height:120px;
flex-shrink:0;
}
.media-compact .media-grid-item img{
width:120px;
height:120px;
object-fit:cover;
border-radius:0;
cursor:pointer;
}
.media-compact .media-grid-item iframe{
width:120px;
height:120px;
border-radius:0;
}
.media-compact .media-grid-item video{
width:120px;
height:120px;
object-fit:cover;
border-radius:0;
cursor:pointer;
}
.media-grid{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.media-grid-item{
overflow:hidden;
position:relative;
}
.media-grid .media-grid-item{
width:100px;
height:100px;
flex-shrink:0;
}
.media-grid .media-grid-item img{
width:100px;
height:100px;
object-fit:cover;
cursor:pointer;
display:block;
}
.media-grid .media-grid-item iframe{
width:100px;
height:100px;
}
.media-grid .media-grid-item video{
width:100px;
height:100px;
object-fit:cover;
display:block;
}.result-actions .share-btn{
display:flex;
align-items:center;
justify-content:center;
padding:8px !important;
background:none !important;
border:none !important;
color:var(--cl2);
cursor:pointer;
border-radius:100px;
transition:background 150ms,color 150ms;
}
.result-actions .share-btn:hover{
background:var(--bg3) !important;
color:var(--cl1);
}
.result-actions .share-btn svg{
width:22px;
height:22px;
}

.results{padding-bottom:80px;}
.save-clipry-btn{
display:flex;
align-items:center;
gap:8px;
padding:8px 18px;
border-radius:100px;
font-size:0.85rem;
font-weight:600;
font-family:var(--ff2);
border:none;
background:none;
color:var(--cl2);
cursor:pointer;
transition:background 150ms,color 150ms;
}
.save-clipry-btn:hover{
background:var(--bg3);
color:var(--cl1);
}
.save-clipry-btn:disabled{
opacity:0.6;
cursor:default;
}
.save-clipry-btn.saved{
background:rgba(100,200,100,0.15);
color:#6ab06a;
border-color:#6ab06a;
}
.save-clipry-btn svg{
width:18px;
height:18px;
flex-shrink:0;
}