.arguments-container{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-4)}@media(min-width:769px){.arguments-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-8);align-items:start}}.header-title-section{display:flex;flex-direction:column;gap:var(--space-3)}.header-tagline{font-size:.95rem;color:#ffffffe6;font-weight:400;font-style:italic;margin:0;line-height:1.4}.sidebar{position:sticky;top:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3);font-family:var(--font-family-sans)}.search-box{position:relative;margin-bottom:var(--space-6)}.search-box svg{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:all var(--transition-base);background:var(--bg);color:var(--text-primary)}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #08547d1a}.category-list{list-style:none;padding:0;margin:0}.category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2)}.category-item:hover{background:var(--hover-bg)}.category-item.active{background:var(--primary-600);color:#fff;border:1px solid var(--primary-700);font-weight:500}.category-name{font-size:.95rem;font-weight:500}.category-count{font-size:.875rem;font-weight:600;background:#fff3;padding:2px 8px;border-radius:var(--radius-full);min-width:24px;text-align:center}.category-item:not(.active) .category-count{background:var(--primary-100);color:var(--primary-700)}.sort-list{list-style:none;padding:0;margin:0}.sort-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);font-size:.95rem}.sort-option svg{width:18px;height:18px;flex-shrink:0}.sort-option:hover{background:var(--hover-bg)}.sort-option.active{background:var(--primary-600);color:#fff;border:1px solid var(--primary-700);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition-fast)}.stat-item:hover{border-color:var(--primary-400)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary-600);font-family:var(--font-family-serif);margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.arguments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin:40px 0 60px;min-width:0}.argument-card{background:var(--bg-card);border-radius:14px;box-shadow:0 4px 16px #00000014;border:1px solid var(--border-color);width:100%;min-width:0;box-sizing:border-box}.argument-header{padding:24px 28px 12px;background:var(--bg-light);border-bottom:1px solid var(--border-color);border-top-left-radius:14px;border-top-right-radius:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative;transition:background-color var(--transition-fast);width:100%;min-width:0;box-sizing:border-box}.argument-header:hover{background:var(--hover-bg)}.argument-header:after{content:"▲";position:absolute;right:24px;top:24px;font-size:14px;color:var(--primary-600);transition:transform var(--transition-base);font-weight:600}.argument-card.collapsed .argument-header:after{transform:rotate(-180deg)}.argument-meta{display:flex;align-items:center;gap:16px;font-size:15px;color:#6b7280;flex-wrap:wrap;min-width:0}.argument-id{font-weight:700;color:var(--primary-color)}.category-badge{color:#fff;padding:4px 12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:capitalize;border-radius:6px;font-size:13px}.category-badge.theodicy,.category-badge.teodiceia{background:linear-gradient(135deg,#0c4a6e,#0369a1)}.category-badge.soteriology,.category-badge.soteriologia{background:linear-gradient(135deg,#0369a1,#0284c7)}.category-badge.cosmology,.category-badge.cosmologia{background:linear-gradient(135deg,#0284c7,#38bdf8)}.category-badge.christology,.category-badge.cristologia{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.category-badge.eschatology,.category-badge.escatologia{background:linear-gradient(135deg,#b45309,#f59e0b)}.category-badge.pneumatology,.category-badge.pneumatologia{background:linear-gradient(135deg,#0369a1,#d97706)}.category-badge.ecclesiology,.category-badge.eclesiologia{background:linear-gradient(135deg,#08547d,#f59e0b)}.category-badge.apologetics,.category-badge.apologetica,.category-badge.apologética{background:linear-gradient(135deg,#082f49,#92400e)}.category-badge.hermeneutics,.category-badge.hermeneutica,.category-badge.hermenêutica{background:linear-gradient(135deg,#0c4a6e,#d97706)}.category-badge.anthropology,.category-badge.antropologia{background:linear-gradient(135deg,#38bdf8,#fcd34d)}.argument-date{font-size:14px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.argument-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.argument-claim{font-size:16px;color:var(--text-secondary);margin-top:4px;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.simple-truth-header,.simple-truth{font-size:16px;color:#0f0f0f;margin:24px 0;font-style:normal;font-weight:600;background:#9bbacb08;border:2px solid rgba(71,99,113,.2);border-radius:12px;padding:16px 20px 16px 48px;display:block;position:relative;line-height:1.6}.simple-truth-header:before,.simple-truth:before{content:"∴";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:27px;font-weight:700;color:#0f0f0f;font-family:sans-serif}.argument-body{padding:24px 28px;background:var(--bg-card);font-size:16px;color:var(--text-secondary);line-height:1.7;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;min-width:0}.argument-card.collapsed .argument-body{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.argument-card.expanded .argument-body{max-height:none;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.argument-text p{margin:0 0 14px}.argument-text blockquote,.article-body blockquote,.exhortation-content blockquote{margin:24px auto;padding:16px 24px;border-left:3px solid var(--primary-500);background:var(--bg-light);font-style:italic;text-align:center;max-width:90%;border-radius:4px}.exhortation{margin-top:32px;background:transparent;border-top:1px solid var(--border-color);border-radius:0;padding:24px 0 0;box-shadow:none;position:relative}.exhortation-title{font-family:var(--font-family-serif, serif);font-size:18px;font-weight:600;color:#2a7ab0;margin-bottom:12px;display:flex;align-items:center;gap:8px}.exhortation-content{color:var(--text-secondary);line-height:1.8}.argument-footer{padding:16px 28px;background:var(--bg-light);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0}.argument-card.collapsed .argument-footer{display:flex!important;border-top:1px solid var(--border-color);opacity:1!important;visibility:visible!important;height:auto!important;padding:16px 28px!important;pointer-events:auto!important}.argument-tags{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.argument-tag{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);border-radius:var(--radius-full);padding:3px 11px;font-size:.8125rem;font-weight:700;transition:all var(--transition-fast)}.argument-tag:hover{background:var(--primary-50);border-color:var(--accent-500);transform:translateY(-1px);box-shadow:0 2px 8px #fbbf2440}.argument-tag.tag-highlight{background-color:#fef3c7;color:#92400e;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b}.argument-actions{display:flex;gap:12px}.action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.action-btn:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.action-btn svg{width:18px;height:18px;transition:transform .2s ease}.action-btn:hover svg{transform:scale(1.1)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-10);padding:var(--space-6) 0;grid-column:1 / -1}.pagination-pages{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.9rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-width:40px;height:40px}.pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-400);color:var(--primary-600)}.pagination-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff;font-weight:600}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-prev,.pagination-next{padding:var(--space-3) var(--space-5);min-width:auto}.pagination-prev svg,.pagination-next svg{flex-shrink:0}.pagination-ellipsis{color:var(--text-tertiary);padding:0 var(--space-2);font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px;color:var(--text-secondary);width:100%;min-height:300px;grid-column:1 / -1}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-no-results{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center}.search-no-results-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.5;color:var(--text-secondary)}.search-no-results-icon svg{width:64px;height:64px}.search-highlight{background:var(--highlight-bg);color:var(--highlight-color);border-radius:3px;padding:0 3px}.argument-author{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px 14px;margin-bottom:12px;font-size:14px;font-weight:500;display:inline-block}.argument-featured{background:#fef3c7;color:#b45309;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:600;margin-left:8px}.argument-view-count{font-size:13px;color:#64748b;margin-left:12px}.glossary-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--primary-color);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--transition-fast)}.glossary-link:hover{text-decoration-style:solid;text-decoration-color:var(--accent-500)}.darkmode .argument-tag{background:#08547d4d;color:var(--primary-300);border-color:var(--primary-600)}.darkmode .argument-tag:hover{background:#08547d66;border-color:var(--accent-500)}.darkmode .argument-tag.tag-highlight{background-color:#f59e0b33;color:#fcd34d;border-color:#f59e0b}.darkmode .simple-truth-header,.darkmode .simple-truth{color:var(--text-primary);background:#08547d26;border-color:#47637166}.darkmode .simple-truth-header:before,.darkmode .simple-truth:before{color:var(--primary-300)}.darkmode .category-item:not(.active) .category-count{background:#ffffff1a;color:var(--text-secondary)}.darkmode .mobile-search-container .search-box input:-webkit-autofill,.darkmode .mobile-search-container .search-box input:-webkit-autofill:hover,.darkmode .mobile-search-container .search-box input:-webkit-autofill:focus,.darkmode .mobile-search-container .search-box input:-webkit-autofill:active,.darkmode .sidebar .search-box input:-webkit-autofill,.darkmode .sidebar .search-box input:-webkit-autofill:hover,.darkmode .sidebar .search-box input:-webkit-autofill:focus,.darkmode .sidebar .search-box input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 100px var(--bg-card) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--text-primary)!important}.darkmode .mobile-search-container .search-box:focus-within{background:var(--bg-card)!important;border:1px solid transparent!important;width:100%!important;box-shadow:none!important;outline:none!important}@media(max-width:768px){.argument-card{border-radius:var(--radius-xl);box-shadow:0 4px 16px #08547d1a,0 2px 4px #0000000f}.argument-header{padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.argument-title{font-size:1.25rem;line-height:1.4;padding-right:var(--space-8)}.argument-body{padding:var(--space-5) var(--space-4);font-size:1rem;line-height:1.75}.argument-text p{margin-bottom:var(--space-4)}.simple-truth-header,.simple-truth{font-size:1rem;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-10);border-radius:var(--radius-lg)}.action-btn{min-height:44px;padding:var(--space-3) var(--space-4);font-size:.9375rem}.category-badge{font-size:.8125rem;padding:4px 10px}.argument-meta{gap:12px;padding-right:40px}.argument-date{font-size:13px}.argument-footer{padding:12px 16px;gap:10px}.argument-tags{width:100%;order:1}.argument-actions{display:flex;flex-wrap:wrap;gap:8px;order:2;justify-content:flex-start}}@media(max-width:640px){.pagination{flex-wrap:wrap;gap:var(--space-2)}.pagination-prev,.pagination-next{order:2;flex:1;max-width:120px}.pagination-pages{order:1;width:100%;justify-content:center;margin-bottom:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-3);min-width:36px;height:36px;font-size:.85rem}}
