.loo-ai .ai-status-success{background:#e9fbef;color:#15803d}.loo-ai .ai-status-partial{background:#fff5d9;color:#a16207}.loo-ai .ai-status-failed{background:#fff0f0;color:#dc2626}.loo-ai .ai-status-testing{background:#eaf2ff;color:#2563eb}.loo-ai .ai-status-unset{background:var(--ai-soft);color:var(--ai-muted)}.ai-status{display:inline-block;border-radius:5px;padding:3px 7px;font-size:11px;line-height:1.4;white-space:nowrap}.ai-weekly .ai-section-heading{align-items:flex-start}.ai-conclusion-link{font-size:11px;white-space:nowrap;margin-top:5px}.ai-weekly-period{font-size:10px;color:var(--ai-muted);margin:0 0 12px}.ai-test-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ai-test-stats>div{display:flex;flex-direction:column;gap:4px;border-radius:8px;background:var(--ai-soft);padding:12px;color:var(--ai-blue)}.ai-test-stats span{font-size:11px}.ai-test-stats strong{font-size:25px;line-height:1.3}.ai-test-stats .ai-stat-success{background:#e9fbef;color:#15803d}.ai-test-stats .ai-stat-partial{background:#fff5d9;color:#a16207}.ai-test-stats .ai-stat-failed{background:#fff0f0;color:#dc2626}.ai-conclusion-list{background:var(--ai-surface);border:1px solid var(--ai-border);border-radius:10px;padding:0 14px}.ai-conclusion-row{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;gap:10px;padding:13px 0;align-items:start;color:var(--ai-ink)}.ai-conclusion-row+.ai-conclusion-row{border-top:1px solid var(--ai-border)}.ai-conclusion-row>.ai-status{width:26px;height:26px;text-align:center;font-size:16px;padding:2px}.ai-conclusion-row strong{font-size:13px;display:block;line-height:1.5}.ai-conclusion-row>span>span{display:block;font-size:12px;color:var(--ai-muted);margin-top:4px;line-height:1.6;overflow-wrap:anywhere}.ai-conclusion-row small{font-size:10px;color:var(--ai-muted)}.ai-conclusion-row:hover strong{color:var(--ai-blue)}.ai-conclusion-row>span:last-child{color:var(--ai-muted);font-size:12px}.ai-article-header>.ai-status{margin-bottom:12px}.ai-article-conclusion{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:var(--ai-soft);border:1px solid var(--ai-border);border-radius:9px;margin:20px 0}.ai-article-conclusion>.ai-status{font-size:17px;min-width:28px;text-align:center}.loo-ai .ai-article-conclusion h2{font-size:16px;margin:0 0 6px}.loo-ai #content .ai-article-conclusion p{font-size:14px;margin:0;line-height:1.7}.ai-test-result{border:1px solid var(--ai-border);border-radius:9px;padding:18px;margin:20px 0}.ai-test-result dl{margin:0}.ai-test-result dl>div{display:flex;gap:12px;padding:5px 0}.ai-test-result dt{width:100px;color:var(--ai-muted);flex-shrink:0}.ai-test-result dd{margin:0}.ai-result-status{font-size:10px}.ai-rank-copy .ai-status{font-size:9px;padding:1px 4px;margin-left:7px}
@media(max-width:767px){.ai-test-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-weekly .ai-section-heading{flex-direction:column;gap:4px}.ai-conclusion-row strong{font-size:14px}.ai-conclusion-row>span>span{font-size:13px}.ai-article-conclusion{padding:13px}.ai-test-result dt{width:84px}}
/* Shared article-card footer: no comment counter and one aligned row. */
.loo-ai .ai-post-card .ai-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;min-width:0}.loo-ai .ai-post-card .ai-card-footer .ai-meta{margin:0;flex-wrap:nowrap;gap:6px;white-space:nowrap;font-size:10px;min-width:0}.loo-ai .ai-post-card .ai-card-footer .ai-read-more{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;white-space:nowrap;margin:0;font-size:10px}.ai-solution-inline:empty,.ai-solution-desktop:empty{display:none}.ai-solution-inline{margin:18px 0}.loo-ai .ai-solution{padding:20px}.ai-prompt-preview{margin-top:12px;font-size:12px;color:var(--ai-muted)}.ai-prompt-preview summary{cursor:pointer;color:var(--ai-blue)}.ai-prompt-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:var(--ai-soft);color:var(--ai-ink);padding:12px;border-radius:6px;font-size:12px;margin:10px 0 0}.loo-ai .ai-solution-inline .ai-solution h2{font-size:18px;margin:0}
@media(max-width:767px){.ai-listing .ai-category-hero{display:none}}
@media(min-width:1024px){.loo-ai .ai-home-pair .ai-post-card .ai-card-footer{gap:4px}.loo-ai .ai-home-pair .ai-post-card .ai-card-footer .ai-meta,.loo-ai .ai-home-pair .ai-post-card .ai-card-footer .ai-read-more{font-size:8px;gap:3px}}
.ai-article-title{margin-bottom:12px;line-height:1.5}.loo-ai .ai-article-title>h1{display:inline;margin:0}.loo-ai .ai-article-title>.ai-status{vertical-align:middle;margin:0 0 0 10px;font-size:11px;letter-spacing:0;font-weight:500}

/* Remove the redundant all-results row on phones without hiding child categories. */
@media(max-width:767px){.ai-category-tabs .ai-category-all,.ai-category-tabs-empty{display:none}}
/* A readable input font avoids focus-triggered enlargement on mobile browsers.
   Keep the viewport zoom settings unchanged so pinch zoom remains available. */
@media(max-width:1023px){.loo-ai .ai-search input,.loo-ai .ai-search-large input,.loo-ai .ai-category-search input[type=search],.loo-ai .ai-category-search select{font-size:16px;line-height:1.5}}
.loo-ai .ai-section-latest .ai-card-body h3 .ai-status{display:inline-block;vertical-align:middle;font-size:9px;font-weight:400;letter-spacing:0;margin:0 0 0 5px;padding:2px 5px;line-height:1.4}

.ai-section-latest .ai-title-tail{white-space:nowrap}

/* v2.3.5: approved homepage typography and inline task status. */
.loo-ai .ai-task-heading h3 a{display:inline;-webkit-line-clamp:unset;overflow:visible}
.loo-ai .ai-task-heading .ai-title-tail{white-space:nowrap}
.loo-ai .ai-task-heading h3 .ai-status{display:inline-block;vertical-align:middle;margin:0 0 0 4px;font-weight:400;line-height:1.4}
@media(min-width:1024px){
.loo-ai .ai-wrap{max-width:1440px;width:calc(100% - 64px)}
.ai-home-pair:has(.ai-section-latest){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}
.ai-task-card{padding:16px 13px}
.ai-task-heading h3{font-size:15px;line-height:1.55}
.ai-task-card>p{font-size:13px;line-height:1.65;height:43px}
.ai-task-facts,.ai-task-difficulty{font-size:12px;line-height:1.7}
.ai-task-card .ai-status{font-size:11px}
.ai-section-latest .ai-card-body{padding:14px}
.ai-section-latest .ai-card-body h3{font-size:16px;line-height:24px;height:48px;max-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.loo-ai .ai-section-latest .ai-card-body h3 .ai-status{font-size:10px;line-height:14px;padding:2px 4px;margin-left:4px}
.ai-section-latest .ai-card-body>p{font-size:14px;line-height:22px;height:66px;max-height:66px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}
.loo-ai .ai-section-latest .ai-post-card .ai-card-footer .ai-meta,.loo-ai .ai-section-latest .ai-post-card .ai-card-footer .ai-read-more{font-size:11px;gap:4px;line-height:1.6}
.ai-section-latest .ai-read-more{margin-top:0}
}

/* v2.3.6: approved task card layout. */
.loo-ai .ai-task-card{padding:14px 12px;display:flex;flex-direction:column}
.loo-ai .ai-task-heading{grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:start}
.loo-ai .ai-task-icon{width:72px;height:60px;grid-row:auto;border-radius:6px}
.loo-ai .ai-task-heading h3{font-size:14px;line-height:22px;height:66px;min-height:66px;overflow:hidden}
.loo-ai .ai-task-heading h3 a{display:inline;overflow:visible}
.loo-ai .ai-task-heading h3 .ai-status{font-size:9px;padding:1px 3px;margin-left:3px}
.loo-ai .ai-task-card>p{font-size:13px;line-height:22px;height:44px;min-height:44px;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.loo-ai .ai-task-facts{font-size:12px;line-height:20px;min-height:20px;margin-top:auto}
.loo-ai .ai-task-difficulty{font-size:12px;line-height:20px;margin-top:5px}

@media(max-width:767px){.loo-ai .ai-task-heading{grid-template-columns:56px minmax(0,1fr);gap:8px}.loo-ai .ai-task-icon{width:56px;height:48px}.loo-ai .ai-task-heading h3{font-size:13px}.loo-ai .ai-task-card{padding:12px 9px}}

/* v2.3.7: consistent desktop containers and taller listing thumbnails. */
@media(min-width:1024px){.loo-ai .ai-article-layout{grid-template-columns:minmax(0,1fr) 320px}}
.loo-ai .ai-listing-grid .ai-card-image{aspect-ratio:2.75}
@media(max-width:600px){.loo-ai .ai-listing-grid .ai-card-image{aspect-ratio:7 / 3}}

@media(min-width:1024px){.loo-ai .ai-category-hero:before{left:calc((100% - 100vw) / 2);right:calc((100% - 100vw) / 2)}}