*{box-sizing:border-box;transition:all .2s ease}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--colour-bg-primary);color:var(--colour-text-primary);line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--colour-dark);font-weight:600;line-height:1.3;margin-top:0}h1{font-size:20px}h2{font-size:16px}h3{font-size:12px}h4{font-size:10px}h5{font-size:9px}h6{font-size:8px}p{margin:0;color:var(--colour-text-primary)}a{color:var(--colour-text-link);text-decoration:none;transition:color .2s ease}a:hover{filter:brightness(.9);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none;padding:6px 10px}button:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#666;font-style:italic}.error{color:#e74c3c;background:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px;padding:1rem;margin:1rem 0}.success{color:#27ae60;background:#f8fff8;border:1px solid #c3e6c3;border-radius:4px;padding:1rem;margin:1rem 0}.text-center{text-align:center}.text-muted{color:#6c757d}.btn{display:inline-block;padding:6px 10px;border:none;border-radius:4px;font-size:.95rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;line-height:1}.btn.btn-primary{background:#3498db;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn.btn-success{background:#27ae60;color:#fff}.btn.btn-success:hover:not(:disabled){background:#219a52;transform:translateY(-1px)}.btn.btn-danger{background:#e74c3c;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:2px solid currentColor}.btn.btn-outline:hover:not(:disabled){background:currentColor;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 8px #0000001a}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:1rem}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 767px){body{font-size:.9rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}.container{padding:0 1rem}.grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.article-card{border:1px solid var(--colour-border-light);border-radius:8px;overflow:hidden;background:var(--colour-white);transition:all .2s ease;box-shadow:var(--shadow-sm)}.article-card.clickable{cursor:pointer}.article-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--colour-primary)}.article-card .article-card-image{height:200px;overflow:hidden}.article-card .article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.article-card .article-card-image:hover img{transform:scale(1.05)}.article-card .article-card-content{padding:1.5rem}.article-card .article-card-content .article-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.article-card .article-card-content .article-card-header .article-card-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--colour-dark);line-height:1.3;flex:1}.article-card .article-card-content .article-card-header .template-badge{background:#f8f9fa;color:#495057;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid #dee2e6;white-space:nowrap;flex-shrink:0}.article-card .article-card-content .article-card-summary{color:#666;margin:0 0 1rem;line-height:1.5;font-size:.95rem}.article-card .article-card-content .article-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.article-card .article-card-content .article-card-tags .tag{background:#e3f2fd;color:#1976d2;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #bbdefb}.article-card .article-card-content .article-card-tags .tag.more{background:#f5f5f5;color:#666;border-color:#ddd}.article-card .article-card-content .article-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee;font-size:.875rem}.article-card .article-card-content .article-card-footer .article-date{color:#777}.article-card .article-card-content .article-card-footer .status-badge{padding:.2rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.65rem}.article-card .article-card-content .article-card-footer .status-badge.status-draft{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.article-card .article-card-content .article-card-footer .status-badge.status-archived{background:#f8d7da;color:#721c24;border:1px solid #f1aeb5}@media (max-width: 768px){.article-card .article-card-content{padding:1rem}.article-card .article-card-content .article-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.article-card .article-card-content .article-card-header .template-badge{align-self:flex-end}.article-card .article-card-content .article-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.article-list .article-filters{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.article-list .article-filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.article-list .article-filters .filter-group label{font-weight:600;color:#495057;font-size:.875rem}.article-list .article-filters .filter-group select,.article-list .article-filters .filter-group input{padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;background:#fff}.article-list .article-filters .filter-group select:focus,.article-list .article-filters .filter-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.article-list .article-filters .filter-group.search-group{grid-column:span 2;min-width:300px}.article-list .articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.article-list .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.article-list .pagination .pagination-btn{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;font-size:.875rem;transition:all .2s ease}.article-list .pagination .pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.article-list .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.article-list .pagination .pagination-btn.active{background:#3498db;color:#fff;border-color:#3498db}.article-list .pagination .pagination-ellipsis{padding:.5rem;color:#6c757d}.article-list .no-articles{text-align:center;padding:4rem 2rem;color:#6c757d}.article-list .no-articles p{font-size:1.1rem;margin:0}.article-list .article-list-loading{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.article-list .article-list-loading .loading-spinner{color:#6c757d;font-size:1.1rem}@media (max-width: 768px){.article-list .article-filters{grid-template-columns:1fr;padding:1rem}.article-list .article-filters .filter-group.search-group{grid-column:span 1;min-width:auto}.article-list .articles-grid{grid-template-columns:1fr;gap:1rem}.article-list .pagination{flex-wrap:wrap;gap:.25rem}.article-list .pagination .pagination-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.article-list .articles-grid{grid-template-columns:1fr}.article-list .pagination .pagination-btn{padding:.3rem .6rem;font-size:.75rem}}.base-template{max-width:800px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.base-template .article-header{margin-bottom:2rem}.base-template .article-header .article-image{margin-bottom:1.5rem}.base-template .article-header .article-image img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.base-template .article-header .article-title-section .article-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#2c3e50;line-height:1.2}.base-template .article-header .article-title-section .article-summary{font-size:1.2rem;color:#666;margin:0 0 1.5rem;font-style:italic}.base-template .article-header .article-title-section .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.base-template .article-header .article-title-section .article-tags .tag{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;font-weight:500;border:1px solid #bbdefb}.base-template .article-header .article-title-section .article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:.875rem;color:#666}.base-template .article-header .article-title-section .article-meta .template-badge{background:#f5f5f5;color:#555;padding:.25rem .75rem;border-radius:4px;font-weight:600;border:1px solid #ddd}.base-template .article-header .article-title-section .article-meta .article-date{color:#777}.base-template .article-header .article-title-section .article-meta .status-badge{padding:.25rem .75rem;border-radius:4px;font-weight:600;text-transform:uppercase;font-size:.75rem}.base-template .article-header .article-title-section .article-meta .status-badge.status-draft{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.base-template .article-header .article-title-section .article-meta .status-badge.status-archived{background:#f8d7da;color:#721c24;border:1px solid #f1aeb5}.base-template .article-content .article-main-content{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.base-template .article-content .article-main-content h1,.base-template .article-content .article-main-content h2,.base-template .article-content .article-main-content h3,.base-template .article-content .article-main-content h4,.base-template .article-content .article-main-content h5,.base-template .article-content .article-main-content h6{margin:2rem 0 1rem;color:#2c3e50;font-weight:600}.base-template .article-content .article-main-content h1{font-size:2rem}.base-template .article-content .article-main-content h2{font-size:1.75rem}.base-template .article-content .article-main-content h3{font-size:1.5rem}.base-template .article-content .article-main-content h4{font-size:1.25rem}.base-template .article-content .article-main-content h5{font-size:1.1rem}.base-template .article-content .article-main-content h6{font-size:1rem}.base-template .article-content .article-main-content p{margin:1rem 0}.base-template .article-content .article-main-content ul,.base-template .article-content .article-main-content ol{margin:1rem 0;padding-left:2rem}.base-template .article-content .article-main-content li{margin:.5rem 0}.base-template .article-content .article-main-content blockquote{border-left:4px solid #3498db;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#555;background:#f8f9fa;padding:1rem;border-radius:0 4px 4px 0}.base-template .article-content .article-main-content code{background:#f1f3f4;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9rem}.base-template .article-content .article-main-content pre{background:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto;border:1px solid #e9ecef}.base-template .article-content .article-main-content pre code{background:none;padding:0}.base-template .article-content .article-main-content a{color:#3498db;text-decoration:none}.base-template .article-content .article-main-content a:hover{text-decoration:underline}.base-template .article-content .article-main-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.base-template .article-content .article-main-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.base-template .article-content .article-main-content table th,.base-template .article-content .article-main-content table td{padding:.75rem;text-align:left;border-bottom:1px solid #ddd}.base-template .article-content .article-main-content table th{background:#f8f9fa;font-weight:600}@media (max-width: 768px){.base-template{padding:1rem}.base-template .article-header .article-title-section .article-title{font-size:2rem}.base-template .article-header .article-title-section .article-summary{font-size:1.1rem}.base-template .article-header .article-title-section .article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.base-template .article-content .article-main-content{font-size:1rem}}.person-template .person-info .person-details{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.person-template .person-info .person-details .detail-item{display:flex;margin-bottom:.75rem}.person-template .person-info .person-details .detail-item:last-child{margin-bottom:0}.person-template .person-info .person-details .detail-item label{font-weight:600;color:#495057;width:120px;flex-shrink:0}.person-template .person-info .person-details .detail-item span{color:#333}.person-template .person-info .relationships,.person-template .person-info .background,.person-template .person-info .personality{margin-bottom:2rem}.person-template .person-info .relationships h3,.person-template .person-info .background h3,.person-template .person-info .personality h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.person-template .person-info .relationships p,.person-template .person-info .background p,.person-template .person-info .personality p{margin:1rem 0;line-height:1.7}@media (max-width: 768px){.person-template .person-info .person-details{padding:1rem}.person-template .person-info .person-details .detail-item{flex-direction:column}.person-template .person-info .person-details .detail-item label{width:auto;margin-bottom:.25rem}}.location-template .location-info .location-details{background:#f1f8e9;border:1px solid #c8e6c9;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.location-template .location-info .location-details .detail-item{display:flex;margin-bottom:.75rem}.location-template .location-info .location-details .detail-item:last-child{margin-bottom:0}.location-template .location-info .location-details .detail-item label{font-weight:600;color:#2e7d32;width:120px;flex-shrink:0}.location-template .location-info .location-details .detail-item span{color:#333}.location-template .location-info .geography,.location-template .location-info .history,.location-template .location-info .culture,.location-template .location-info .notable-locations{margin-bottom:2rem}.location-template .location-info .geography h3,.location-template .location-info .history h3,.location-template .location-info .culture h3,.location-template .location-info .notable-locations h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #4caf50}.location-template .location-info .geography p,.location-template .location-info .history p,.location-template .location-info .culture p,.location-template .location-info .notable-locations p{margin:1rem 0;line-height:1.7}.location-template .location-info .geography ul,.location-template .location-info .geography ol,.location-template .location-info .history ul,.location-template .location-info .history ol,.location-template .location-info .culture ul,.location-template .location-info .culture ol,.location-template .location-info .notable-locations ul,.location-template .location-info .notable-locations ol{margin:1rem 0;padding-left:2rem}.location-template .location-info .geography li,.location-template .location-info .history li,.location-template .location-info .culture li,.location-template .location-info .notable-locations li{margin:.5rem 0;line-height:1.6}@media (max-width: 768px){.location-template .location-info .location-details{padding:1rem}.location-template .location-info .location-details .detail-item{flex-direction:column}.location-template .location-info .location-details .detail-item label{width:auto;margin-bottom:.25rem}}.article-editor{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.article-editor .editor-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.article-editor .editor-header h1{color:#2c3e50;font-size:2rem;margin:0}.article-editor .editor-form .form-section{margin-bottom:3rem}.article-editor .editor-form .form-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.article-editor .editor-form .form-section .form-group{margin-bottom:1.5rem}.article-editor .editor-form .form-section .form-group label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.95rem}.article-editor .editor-form .form-section .form-group .field-description{font-size:.85rem;color:#6c757d;margin-bottom:.5rem;font-style:italic}.article-editor .editor-form .form-section .form-group input,.article-editor .editor-form .form-section .form-group textarea,.article-editor .editor-form .form-section .form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;transition:border-color .2s ease}.article-editor .editor-form .form-section .form-group input:focus,.article-editor .editor-form .form-section .form-group textarea:focus,.article-editor .editor-form .form-section .form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.article-editor .editor-form .form-section .form-group input:required,.article-editor .editor-form .form-section .form-group textarea:required,.article-editor .editor-form .form-section .form-group select:required{border-left:4px solid #e74c3c}.article-editor .editor-form .form-section .form-group textarea{resize:vertical;min-height:100px}.article-editor .editor-form .form-section .form-group textarea.richtext-field{min-height:200px;font-family:Courier New,monospace}.article-editor .editor-form .form-section .form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.article-editor .editor-form .form-section .form-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.article-editor .editor-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e9ecef}.article-editor .editor-form .form-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.article-editor .editor-form .form-actions .btn.btn-primary{background:#3498db;color:#fff}.article-editor .editor-form .form-actions .btn.btn-primary:hover:not(:disabled){background:#2980b9}.article-editor .editor-form .form-actions .btn.btn-primary:disabled{background:#bdc3c7;cursor:not-allowed}.article-editor .editor-form .form-actions .btn.btn-secondary{background:#6c757d;color:#fff}.article-editor .editor-form .form-actions .btn.btn-secondary:hover{background:#5a6268}.article-editor .editor-form .error-message{background:#fee;border:1px solid #fcc;border-radius:4px;padding:1rem;margin-top:1rem}.article-editor .editor-form .error-message p{color:#c33;margin:0;font-weight:600}@media (max-width: 768px){.article-editor{padding:1rem;margin:1rem}.article-editor .editor-header h1{font-size:1.5rem}.article-editor .editor-form .form-section h2{font-size:1.3rem}.article-editor .editor-form .form-actions{flex-direction:column}.article-editor .editor-form .form-actions .btn{width:100%}}.template-editor{max-width:900px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.template-editor .editor-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.template-editor .editor-header h1{color:#2c3e50;font-size:2rem;margin:0}.template-editor .editor-form .form-section{margin-bottom:3rem}.template-editor .editor-form .form-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.template-editor .editor-form .form-section .section-header h2{color:#2c3e50;font-size:1.5rem;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e9ecef;flex:1}.template-editor .editor-form .form-section .form-group{margin-bottom:1.5rem}.template-editor .editor-form .form-section .form-group label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.95rem}.template-editor .editor-form .form-section .form-group .field-help{font-size:.8rem;color:#6c757d;margin-top:.25rem;font-style:italic}.template-editor .editor-form .form-section .form-group input,.template-editor .editor-form .form-section .form-group textarea,.template-editor .editor-form .form-section .form-group select{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;transition:border-color .2s ease}.template-editor .editor-form .form-section .form-group input:focus,.template-editor .editor-form .form-section .form-group textarea:focus,.template-editor .editor-form .form-section .form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.template-editor .editor-form .form-section .form-group textarea{resize:vertical;min-height:80px}.template-editor .editor-form .form-section .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.template-editor .editor-form .form-section .form-group.checkbox-group .checkbox-label input[type=checkbox]{width:auto;margin:0}.template-editor .editor-form .form-section .no-fields{text-align:center;color:#6c757d;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:4px;border:1px dashed #dee2e6}.template-editor .editor-form .form-section .fields-list .field-editor{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.template-editor .editor-form .form-section .fields-list .field-editor .field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.template-editor .editor-form .form-section .fields-list .field-editor .field-header h3{color:#2c3e50;font-size:1.1rem;margin:0;font-family:Courier New,monospace;background:#fff;padding:.25rem .5rem;border-radius:3px;border:1px solid #dee2e6}.template-editor .editor-form .form-section .fields-list .field-editor .field-config .field-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.template-editor .editor-form .form-section .fields-list .field-editor .field-config .field-row .form-group{margin-bottom:1rem}.template-editor .editor-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e9ecef}.template-editor .editor-form .btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.template-editor .editor-form .btn.btn-primary{background:#3498db;color:#fff}.template-editor .editor-form .btn.btn-primary:hover{background:#2980b9}.template-editor .editor-form .btn.btn-secondary{background:#6c757d;color:#fff}.template-editor .editor-form .btn.btn-secondary:hover{background:#5a6268}.template-editor .editor-form .btn.btn-danger-small{background:#e74c3c;color:#fff;padding:.4rem .8rem;font-size:.8rem}.template-editor .editor-form .btn.btn-danger-small:hover{background:#c0392b}@media (max-width: 768px){.template-editor{padding:1rem;margin:1rem}.template-editor .editor-header h1{font-size:1.5rem}.template-editor .editor-form .form-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.template-editor .editor-form .form-section .section-header h2{border-bottom:none;padding-bottom:0}.template-editor .editor-form .form-section .fields-list .field-editor{padding:1rem}.template-editor .editor-form .form-section .fields-list .field-editor .field-config .field-row{grid-template-columns:1fr;gap:.5rem}.template-editor .editor-form .form-actions{flex-direction:column}.template-editor .editor-form .form-actions .btn{width:100%}}.articles-page{max-width:1200px;margin:0 auto;padding:2rem}.articles-page .articles-header{text-align:center;margin-bottom:3rem}.articles-page .articles-header h1{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;background:linear-gradient(135deg,#3498db,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-page .articles-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.articles-page .error-message{text-align:center;padding:2rem;background:#fee;border:1px solid #fcc;border-radius:8px;margin-top:2rem}.articles-page .error-message p{color:#c33;margin-bottom:1rem}.articles-page .error-message button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600}.articles-page .error-message button:hover{background:#c0392b}@media (max-width: 768px){.articles-page{padding:1rem}.articles-page .articles-header{margin-bottom:2rem}.articles-page .articles-header h1{font-size:2rem}.articles-page .articles-header p{font-size:1rem}}.app-container{min-height:100vh;display:flex;flex-direction:column}._header_pkbc2_65{background:linear-gradient(to right,#d44a4a,#dd8353);color:var(--colour-white);padding:1.5rem;position:sticky;top:0;z-index:1000}._header_pkbc2_65 ._title_pkbc2_73{font-size:1.875rem;font-weight:700;display:flex;align-items:center;gap:8px}._header_pkbc2_65 ._title_pkbc2_73 ._icon_pkbc2_80{width:2rem;height:2rem}._header_pkbc2_65 ._characterInfo_pkbc2_84{display:flex;gap:16px;margin-top:8px;font-size:.875rem}._characterSheet_pkbc2_91{margin:0 auto;background-color:var(--colour-medium-light);padding:4px 16px;display:flex;flex-direction:column;gap:16px}._characterSheet_pkbc2_91 ._mainStats_pkbc2_99{background-color:var(--colour-white);border:1px solid var(--colour-border-medium);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;background-color:var(--colour-bg-primary)}@media (min-width: 768px){._characterSheet_pkbc2_91 ._mainStats_pkbc2_99{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){._characterSheet_pkbc2_91 ._mainStats_pkbc2_99{grid-template-columns:repeat(8,1fr)}}._characterSheet_pkbc2_91 ._skillsSection_pkbc2_120{display:flex;flex-direction:column;gap:16px}@media (min-width: 1024px){._characterSheet_pkbc2_91 ._skillsSection_pkbc2_120{flex-direction:row;gap:16px}._characterSheet_pkbc2_91 ._skillsSection_pkbc2_120>*{flex:1}}._characterSheet_pkbc2_91 ._mainContent_pkbc2_134{display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:16px;padding:16px}@media (min-width: 1024px){._characterSheet_pkbc2_91 ._mainContent_pkbc2_134{grid-template-columns:repeat(3,1fr)}}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146{background-color:var(--colour-white);border:1px solid var(--colour-border-medium);border-radius:8px;padding:16px;background-color:var(--colour-light)}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146 ._cardHeader_pkbc2_153{font-size:1.125rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146 ._cardHeader_pkbc2_153 ._icon_pkbc2_80{width:1.25rem;height:1.25rem}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146 ._scrollableContent_pkbc2_165{max-height:15rem;overflow-y:auto}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146 ._spacingSmall_pkbc2_169>*+*{margin-top:4px}._characterSheet_pkbc2_91 ._contentCard_pkbc2_146 ._spacingMedium_pkbc2_172>*+*{margin-top:8px}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:4px;transition:background-color .2s ease}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175:hover,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175:hover{background-color:var(--colour-bg-primary)}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175 ._name_pkbc2_186,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._name_pkbc2_186{font-weight:500;text-transform:capitalize}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175 ._scores_pkbc2_190,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._scores_pkbc2_190{display:flex;gap:16px}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175 ._scores_pkbc2_190 ._score_pkbc2_190,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._scores_pkbc2_190 ._score_pkbc2_190{color:var(--colour-text-muted)}._characterSheet_pkbc2_91 ._abilityScore_pkbc2_175 ._scores_pkbc2_190 ._modifier_pkbc2_197,._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._scores_pkbc2_190 ._modifier_pkbc2_197{font-weight:700;color:#2563eb}._characterSheet_pkbc2_91 ._skillItem_pkbc2_175{padding:4px 8px;font-size:.875rem}._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._scores_pkbc2_190{gap:12px}._characterSheet_pkbc2_91 ._skillItem_pkbc2_175 ._scores_pkbc2_190 ._modifier_pkbc2_197{font-weight:600}._characterSheet_pkbc2_91 ._classLevelInfo_pkbc2_211{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.875rem}._characterSheet_pkbc2_91 ._classLevelInfo_pkbc2_211 ._className_pkbc2_218{font-weight:500}._characterSheet_pkbc2_91 ._classLevelInfo_pkbc2_211 ._classLevel_pkbc2_211{color:var(--colour-text-muted)}._characterSheet_pkbc2_91 ._totalRow_pkbc2_224{border-top:1px solid var(--colour-border-medium);padding-top:8px;margin-top:8px}._characterSheet_pkbc2_91 ._totalRow_pkbc2_224 ._totalDisplay_pkbc2_229{display:flex;justify-content:space-between;align-items:center;font-weight:600}._characterSheet_pkbc2_91 ._totalRow_pkbc2_224._small_pkbc2_235 ._totalDisplay_pkbc2_229,._characterSheet_pkbc2_91 ._small_pkbc2_235 ._totalDisplay_pkbc2_229{font-size:.875rem}._characterSheet_pkbc2_91 ._featGrid_pkbc2_241{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 1024px){._characterSheet_pkbc2_91 ._featGrid_pkbc2_241{grid-template-columns:repeat(2,1fr)}}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featButton_pkbc2_251{display:flex;align-items:center;gap:4px;text-align:left;width:100%;padding:8px;border-radius:4px;cursor:pointer;background:none;border:none;transition:background-color .2s ease}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featButton_pkbc2_251:hover{background-color:var(--colour-bg-primary)}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featButton_pkbc2_251 ._featName_pkbc2_267{font-weight:500}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featButton_pkbc2_251 ._infoIcon_pkbc2_270{width:12px;height:12px;color:var(--colour-text-light)}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275{font-size:.875rem;color:var(--colour-text-secondary);margin-top:8px}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275>*+*{margin-top:8px}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275 ._fontSemibold_pkbc2_283{font-weight:600}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275 ._textXs_pkbc2_286{font-size:12px}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275 ._textSm_pkbc2_289{font-size:.875rem}._characterSheet_pkbc2_91 ._featItem_pkbc2_251 ._featDescription_pkbc2_275 ._textMuted_pkbc2_292{color:var(--colour-text-muted)}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295{padding:16px}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._equipmentGrid_pkbc2_298{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._equipmentGrid_pkbc2_298{grid-template-columns:repeat(2,1fr)}}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._equipmentCategory_pkbc2_308 h4{font-weight:500;margin-bottom:8px}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._weaponItem_pkbc2_312,._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._armorItem_pkbc2_312{background-color:var(--colour-bg-primary);border-radius:4px;padding:12px;margin-bottom:8px}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._weaponItem_pkbc2_312 ._itemName_pkbc2_318,._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._armorItem_pkbc2_312 ._itemName_pkbc2_318{font-weight:500}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._weaponItem_pkbc2_312 ._itemDetails_pkbc2_321,._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._armorItem_pkbc2_312 ._itemDetails_pkbc2_321{font-size:.875rem;color:var(--colour-text-muted)}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._weaponItem_pkbc2_312 ._itemProperties_pkbc2_325,._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._armorItem_pkbc2_312 ._itemProperties_pkbc2_325{font-size:12px;color:var(--colour-text-light)}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._weaponItem_pkbc2_312 ._itemRequirement_pkbc2_329,._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._armorItem_pkbc2_312 ._itemRequirement_pkbc2_329{font-size:12px;color:#ea580c}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._resistances_pkbc2_333{margin-top:12px;font-size:.875rem}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._resistances_pkbc2_333 ._resistanceLabel_pkbc2_337{font-weight:500}._characterSheet_pkbc2_91 ._equipmentSection_pkbc2_295 ._resistances_pkbc2_333 ._resistanceValues_pkbc2_340{color:#16a34a}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343{padding:16px}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._sectionTitle_pkbc2_346{font-size:1.25rem;font-weight:600;margin-bottom:16px}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351{background-color:var(--colour-white);border:1px solid var(--colour-border-medium);border-radius:8px;padding:16px;margin-bottom:16px}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryHeader_pkbc2_358{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:none;border:none;cursor:pointer;transition:background-color .2s ease}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryHeader_pkbc2_358:hover{background-color:var(--colour-bg-primary)}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryHeader_pkbc2_358 ._categoryTitle_pkbc2_372{font-size:1.125rem;font-weight:600;text-transform:capitalize}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryHeader_pkbc2_358 ._expandIcon_pkbc2_377{width:1.25rem;height:1.25rem}._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryContent_pkbc2_381{padding:0 16px 16px;display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){._characterSheet_pkbc2_91 ._actionsSection_pkbc2_343 ._actionCategory_pkbc2_351 ._categoryContent_pkbc2_381{grid-template-columns:repeat(2,1fr)}}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393{border:1px solid var(--colour-border-medium);border-radius:8px;padding:12px;transition:box-shadow .2s}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393:hover,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393:hover{box-shadow:0 4px 6px -1px #0000001a}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemHeader_pkbc2_402,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemHeader_pkbc2_402{display:flex;justify-content:space-between;align-items:center;align-items:flex-start;margin-bottom:8px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemHeader_pkbc2_402 ._itemName_pkbc2_318,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemHeader_pkbc2_402 ._itemName_pkbc2_318{font-weight:600}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemHeader_pkbc2_402 ._itemBadges_pkbc2_412,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemHeader_pkbc2_402 ._itemBadges_pkbc2_412{display:flex;gap:8px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._badge_pkbc2_416,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._badge_pkbc2_416{font-size:12px;padding:4px 8px;border-radius:4px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._badge_pkbc2_416._costBadge_pkbc2_421,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._badge_pkbc2_416._costBadge_pkbc2_421{background-color:#dbeafe;color:#1d4ed8}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._badge_pkbc2_416._typeBadge_pkbc2_425,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._badge_pkbc2_416._typeBadge_pkbc2_425{background-color:var(--colour-light);color:var(--colour-text-muted)}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._badge_pkbc2_416._reactionBadge_pkbc2_429,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._badge_pkbc2_416._reactionBadge_pkbc2_429{background-color:#e9d5ff;color:#7c3aed}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemTags_pkbc2_433,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemTags_pkbc2_433{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemTags_pkbc2_433 ._tag_pkbc2_439,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemTags_pkbc2_433 ._tag_pkbc2_439{font-size:12px;background-color:var(--colour-border-medium);color:var(--colour-text-muted);padding:.125rem 8px;border-radius:4px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemEffect_pkbc2_446,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemEffect_pkbc2_446{font-size:.875rem;color:var(--colour-text-secondary);margin-bottom:8px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemDetails_pkbc2_321,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemDetails_pkbc2_321{font-size:12px;color:var(--colour-text-light)}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455{margin-bottom:4px}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455:last-child,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455:last-child{margin-bottom:0}._characterSheet_pkbc2_91 ._actionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455._requirement_pkbc2_461,._characterSheet_pkbc2_91 ._reactionItem_pkbc2_393 ._itemDetails_pkbc2_321 ._detailItem_pkbc2_455._requirement_pkbc2_461{color:#ea580c}._characterSheet_pkbc2_91 ._backstorySection_pkbc2_464{padding:16px}._characterSheet_pkbc2_91 ._backstorySection_pkbc2_464 ._backstoryContent_pkbc2_467{font-size:.875rem;color:var(--colour-text-secondary);line-height:1.6}._characterSheet_pkbc2_91 ._backstorySection_pkbc2_464 ._rivalInfo_pkbc2_472{margin-top:12px;font-size:.875rem}._characterSheet_pkbc2_91 ._backstorySection_pkbc2_464 ._rivalInfo_pkbc2_472 ._rivalLabel_pkbc2_476{font-weight:500}._characterSheet_pkbc2_91 ._backstorySection_pkbc2_464 ._rivalInfo_pkbc2_472 ._rivalName_pkbc2_479{color:#dc2626}._card_mn8fq_1{background-color:var(--colour-lightest);border:1px solid var(--colour-border-medium);border-radius:20px;padding:12px;transition:box-shadow .2s;display:flex;flex-direction:column;background-color:var(--colour-white)}._card_mn8fq_1:hover{box-shadow:0 4px 6px -1px #0000001a}._card_mn8fq_1 ._header_mn8fq_14{display:flex;justify-content:space-between;align-items:flex-start;margin:0 4px 8px}._card_mn8fq_1 ._header_mn8fq_14 ._title_mn8fq_20{font-weight:600;margin-bottom:.5rem}._card_mn8fq_1 ._header_mn8fq_14 ._badges_mn8fq_24{display:flex;gap:8px}._card_mn8fq_1 ._header_mn8fq_14 ._badges_mn8fq_24 ._badgeItem_mn8fq_28{font-size:12px;padding:.125rem 8px;border-radius:6px;gap:4px;background-color:var(--colour-light);color:var(--colour-text-muted)}._card_mn8fq_1 ._header_mn8fq_14 ._badges_mn8fq_24 ._badgeItem_mn8fq_28._badgeCost_mn8fq_36{background-color:#dbeafe;color:#1d4ed8}._card_mn8fq_1 ._header_mn8fq_14 ._badges_mn8fq_24 ._badgeItem_mn8fq_28._badgeReaction_mn8fq_40{background-color:#e9d5ff;color:#7c3aed}._card_mn8fq_1 ._tags_mn8fq_44{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}._card_mn8fq_1 ._tags_mn8fq_44 ._tag_mn8fq_44{font-size:12px;padding:.125rem 8px;border-radius:6px;gap:4px;background-color:var(--colour-border-medium);color:var(--colour-text-muted)}._card_mn8fq_1 ._desciption_mn8fq_58{font-size:.875rem;color:var(--colour-text-secondary);margin-bottom:8px}._card_mn8fq_1 ._details_mn8fq_63{font-size:12px;color:var(--colour-text-light);flex:1;display:flex;flex-direction:column}._card_mn8fq_1 ._details_mn8fq_63 ._detailRequirements_mn8fq_70{color:#ea580c}._card_mn8fq_1 ._links_mn8fq_73{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}._card_mn8fq_1 ._cardLinkButton_mn8fq_79,._card_mn8fq_1 ._cardButton_mn8fq_80{padding:4px 12px;border:1px solid var(--colour-border-medium);border-radius:4px;background-color:var(--colour-white);color:var(--colour-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}._card_mn8fq_1 ._cardLinkButton_mn8fq_79:hover,._card_mn8fq_1 ._cardButton_mn8fq_80:hover{background-color:var(--colour-bg-primary);border-color:#3b82f6;color:#3b82f6}._card_mn8fq_1 ._cardLinkButton_mn8fq_79{border-color:#3b82f6;color:#3b82f6}._card_mn8fq_1 ._cardLinkButton_mn8fq_79:hover{background-color:#3b82f6;color:var(--colour-white)}._chip_1eqf6_65{background-color:var(--colour-light);color:var(--colour-text-muted);width:fit-content;height:fit-content;font-size:12px;padding:.125rem 8px;border-radius:6px;gap:4px}._blue_1eqf6_76,._info_1eqf6_76,._primary_1eqf6_76{color:var(--colour-primary);background-color:var(--colour-primary-lighter)}._purple_1eqf6_81,._secondary_1eqf6_81{color:var(--colour-secondary);background-color:var(--colour-secondary-lighter)}._green_1eqf6_86,._success_1eqf6_86{color:var(--colour-success);background-color:var(--colour-bg-success)}._orange_1eqf6_91,._warning_1eqf6_91{color:var(--colour-warning-dark);background-color:var(--colour-bg-warning)}._red_1eqf6_96,._error_1eqf6_96{color:var(--colour-error);background-color:var(--colour-bg-error)}._gray_1eqf6_101{color:var(--colour-text-muted);background-color:var(--colour-light)}._light_1eqf6_106{color:var(--colour-text-secondary);background-color:var(--colour-lightest)}._detail_1ti6r_1{margin-bottom:4px;display:flex;gap:4px}._detail_1ti6r_1:last-child{margin-bottom:0}._detail_1ti6r_1 ._label_1ti6r_9{text-transform:capitalize;font-weight:700}._detail_1ti6r_1 ._values_1ti6r_13{display:flex;gap:4px}._detail_1ti6r_1 ._values_1ti6r_13 ._tag_1ti6r_17{background-color:#f4e6e6}._progressBar_1o480_65{--progress-bg-color: $color-bg-secondary;--progress-fill-color: $color-primary;--progress-border-radius: 8px;--progress-transition: width .3s ease-in-out;display:flex;flex-direction:column;gap:2px;width:100%;--progress-height: 8px;--progress-font-size: .875rem}._progressBar_1o480_65 ._label_1o480_77{display:flex;justify-content:space-between;align-items:center;font-size:var(--progress-font-size);font-weight:500;color:var(--colour-text-primary);margin-bottom:.125rem}._progressBar_1o480_65 ._value_1o480_86{font-size:var(--progress-font-size);color:var(--colour-text-secondary)}._progressBar_1o480_65 ._valueStandalone_1o480_90{text-align:center;margin-top:.125rem}._progressBar_1o480_65 ._track_1o480_94{position:relative;width:100%;height:var(--progress-height);background-color:var(--progress-bg-color);border-radius:var(--progress-border-radius);overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}._progressBar_1o480_65 ._fill_1o480_103{position:absolute;top:0;left:0;height:100%;background-color:var(--progress-fill-color);border-radius:var(--progress-border-radius);transition:var(--progress-transition);background-image:linear-gradient(to bottom,#fff3,#ffffff1a 50%,#0000001a)}._progressBar_1o480_65 ._striped_1o480_113{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(255,255,255,.2) 6px,rgba(255,255,255,.2) 12px),linear-gradient(to bottom,#fff3,#ffffff1a 50%,#0000001a)}._progressBar_1o480_65:hover{filter:brightness(1.1)}._progressBar_1o480_65:focus-within{outline:2px solid var(--colour-primary);outline-offset:2px}@media (max-width: 768px){._progressBar--large_1o480_124{--progress-height: 10px;--progress-font-size: .875rem}._progressBar--medium_1o480_128{--progress-height: 6px;--progress-font-size: .75rem}}._sizeSmall_1o480_134{--progress-height: 4px;--progress-font-size: .75rem}._sizeMedium_1o480_138{--progress-height: 8px;--progress-font-size: .875rem}._sizeLarge_1o480_142{--progress-height: 12px;--progress-font-size: 1rem}._trackWithValue_1o480_147{position:relative;min-height:1.5rem}._valueInside_1o480_152{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--progress-font-size);font-weight:500;color:var(--colour-text-primary);text-shadow:0 1px 10px rgba(var(--colour-text-contrast),1);z-index:1}._metricBox_11l3w_1{background-color:var(--colour-light);border-radius:4px;padding:8px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}._metricBox_11l3w_1 ._label_11l3w_11{font-size:14px;color:var(--colour-text-muted)}._metricBox_11l3w_1 ._content_11l3w_15{display:flex;align-items:center;flex-direction:row;width:100%}._metricBox_11l3w_1 ._content_11l3w_15 ._value_11l3w_21{font-weight:700;flex:1}._skillCard_vygvl_65{display:flex;flex-direction:column;background-color:var(--colour-white);border:1px solid var(--colour-border-medium);border-radius:8px;padding:16px}._skillCard_vygvl_65 ._header_vygvl_73{font-size:1.125rem;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}._skillCard_vygvl_65 ._header_vygvl_73 ._icon_vygvl_81{width:1.25rem;height:1.25rem}._skillCard_vygvl_65 ._skillList_vygvl_85{flex:1}._skillCard_vygvl_65 ._skillList_vygvl_85>*+*{margin-top:4px}._skillCard_vygvl_65 ._spacingMedium_vygvl_91>*+*{margin-top:8px}._skillCard_vygvl_65 ._skill_vygvl_65{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}._skillCard_vygvl_65 ._skill_vygvl_65:hover{background-color:var(--colour-bg-primary)}._skillCard_vygvl_65 ._skill_vygvl_65 ._name_vygvl_105{font-weight:500;text-transform:capitalize}._skillCard_vygvl_65 ._skill_vygvl_65 ._scores_vygvl_109{display:flex;gap:12px}._skillCard_vygvl_65 ._skill_vygvl_65 ._scores_vygvl_109 ._score_vygvl_109{color:var(--colour-text-muted)}._skillCard_vygvl_65 ._skill_vygvl_65 ._scores_vygvl_109 ._modifier_vygvl_116{color:#2563eb}._skillCard_vygvl_65 ._totalRow_vygvl_119{border-top:1px solid var(--colour-border-medium);padding-top:8px;margin-top:8px}._skillCard_vygvl_65 ._totalRow_vygvl_119 ._totalDisplay_vygvl_124{display:flex;justify-content:space-between;align-items:center;font-weight:600}.article-viewer-page{max-width:1200px;margin:0 auto;padding:2rem}.article-viewer-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.article-viewer-page .loading-container .loading-spinner{font-size:1.2rem;color:#6c757d}.article-viewer-page .error-container{text-align:center;padding:4rem 2rem}.article-viewer-page .error-container h1{font-size:2.5rem;color:#e74c3c;margin-bottom:1rem}.article-viewer-page .error-container p{font-size:1.1rem;color:#6c757d;margin-bottom:2rem}.article-viewer-page .error-container .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease}.article-viewer-page .error-container .btn.btn-primary{background:#3498db;color:#fff}.article-viewer-page .error-container .btn.btn-primary:hover{background:#2980b9}@media (max-width: 768px){.article-viewer-page{padding:1rem}.article-viewer-page .error-container{padding:2rem 1rem}.article-viewer-page .error-container h1{font-size:2rem}}:root{--colour-primary: #3498db;--colour-primary-dark: #2980b9;--colour-primary-light: #5dade2;--colour-primary-lighter: #d9eaf7;--colour-secondary: #8e44ad;--colour-secondary-dark: #7d3c98;--colour-secondary-light: #a569bd;--colour-secondary-lighter: #f2e5f7;--colour-accent: #e74c3c;--colour-accent-dark: #c0392b;--colour-accent-light: #ec7063;--colour-accent-lighter: #f9d6d6;--colour-dark: #2c3e50;--colour-dark-light: #34495e;--colour-medium: #495057;--colour-medium-light: #6c757d;--colour-light: #e9ecef;--colour-light-dark: #dee2e6;--colour-lightest: #f8f9fa;--colour-white: #ffffff;--colour-text-primary: #171717;--colour-text-secondary: #3a3a3a;--colour-text-muted: #616161;--colour-text-light: #999999;--colour-text-link: rgb(219, 52, 149);--colour-text-contrast: #ffffff;--colour-red: #e74c3c;--colour-blue: #17a2b8;--colour-yellow: #ffc107;--colour-green: #28a745;--colour-bg-primary: #f8f9fa;--colour-bg-secondary: #ffffff;--colour-bg-accent: #f1f8e9;--colour-bg-warning: #fff3cd;--colour-bg-error: #fee;--colour-bg-success: #d4edda;--colour-bg-red: #7d1e1e;--colour-bg-blue: #0d5962;--colour-bg-yellow: #664d03;--colour-bg-green: #1e3d1e;--colour-border-light: #e9ecef;--colour-border-medium: #dee2e6;--colour-border-dark: #c8e6c9;--colour-border-error: #fcc;--colour-border-success: #c8e6c9;--colour-success: var(--colour-green);--colour-success-dark: #1e7e34;--colour-success-light: #4caf50;--colour-warning: var(--colour-yellow);--colour-warning-dark: #957000;--colour-error: var(--colour-red);--colour-error-dark: #b12b1c;--colour-info: var(--colour-blue);--colour-info-dark: #138496;--gradient-primary: linear-gradient(135deg, #3498db, #e74c3c);--gradient-hero: linear-gradient(135deg, var(--colour-primary-light) 0%, var(--colour-secondary-light) 100%);--gradient-secondary: linear-gradient(135deg, #3498db, #8e44ad);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .15)}.main-navigation{background:var(--colour-dark);color:var(--colour-white);padding:1rem 2rem;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.main-navigation .nav-brand a{text-decoration:none;color:inherit}.main-navigation .nav-brand h1{margin:0;font-size:1.8rem;font-weight:700;cursor:pointer;transition:color .2s ease;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-navigation .nav-brand h1:hover{opacity:.8}.main-navigation .nav-links{display:flex;gap:1rem}.main-navigation .nav-links a{background:none;border:2px solid transparent;color:var(--colour-white);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.main-navigation .nav-links a:hover{background:#ffffff1a;border-color:#fff3}.main-navigation .nav-links a.active{background:#3498db;border-color:#3498db;color:#fff}.main-navigation .nav-links a.active:hover{background:#2980b9;border-color:#2980b9}@media (max-width: 768px){.main-navigation{padding:1rem;flex-direction:column;gap:1rem}.main-navigation .nav-brand h1{font-size:1.5rem}.main-navigation .nav-links{flex-wrap:wrap;justify-content:center;gap:.5rem}.main-navigation .nav-links a{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.main-navigation .nav-links{width:100%}.main-navigation .nav-links a{flex:1;min-width:120px;text-align:center}}