@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;background-color:#F9F9F9;color:#333}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}p{margin-bottom:1rem}@keyframes scaleIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--bg:#F9FAFB;--card:#FFFFFF;--border:#E5E7EB;--text:#111827;--text-muted:#6B7280;--muted-2:#9CA3AF;--accent:#10B981;--accent-strong:#10B981;--warning:#F59E0B;--danger:#EF4444;--track:#E5E7EB;--chip:#F3F4F6;--sidebar:#FFFFFF;--sidebar-border:#E5E7EB;--ribbon-bg:#FFFFFF;--ribbon-text:#111827;--chat-user-bg:#4B5563;--chat-user-text:#FFFFFF;--chat-assistant-text:#111827;--typing-bg:#F1F1F1;--input-bg:#FFFFFF;--input-border:#E5E7EB;--input-text:#111827;--modal-bg:#FFFFFF;--modal-text:#111827;--case-active:#E0F2FE;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.12);--outputs-bg:#4F46E5;--outputs-text:#FFFFFF;--outputs-border:#4338CA;--outputs-ring:rgba(79,70,229,.32);--edit-button-bg:#F3F4F6;--edit-button-text:#374151;--edit-button-hover:#E5E7EB;--button-text:#FFFFFF;--background-light:var(--bg);--card-bg:var(--card);--card-border:var(--border);--text-primary:var(--text);--text-secondary:var(--text-muted);--selected-bg:var(--case-active);--primary-green:var(--accent);--primary-orange:var(--warning);--primary-navy:#001f3f;--primary-blue:var(--accent);--font-family:"Inter",sans-serif;--font-size-base:14px;--font-size-title:16px;--font-weight-bold:600;--shadow-card:var(--shadow-sm);--shadow-sticky:var(--shadow-md)}[data-theme=dark]{--bg:#111827;--card:#1F2937;--border:#374151;--text:#F9FAFB;--text-muted:#D1D5DB;--muted-2:#9CA3AF;--accent:#10B981;--accent-strong:#10B981;--warning:#F59E0B;--danger:#EF4444;--track:#4B5563;--chip:#374151;--sidebar:#0F172A;--sidebar-border:#374151;--ribbon-bg:#0F172A;--ribbon-text:#E5E7EB;--chat-user-bg:#4B5563;--chat-user-text:#FFFFFF;--chat-assistant-text:#FFFFFF;--typing-bg:#374151;--input-bg:#111827;--input-border:#374151;--input-text:#F9FAFB;--modal-bg:#1F2937;--modal-text:#FFFFFF;--case-active:#0B2A3E;--shadow-sm:0 1px 2px rgba(0,0,0,.25);--shadow-md:0 2px 12px rgba(0,0,0,.35);--outputs-bg:#6366F1;--outputs-text:#FFFFFF;--outputs-border:#A5B4FC;--outputs-ring:rgba(129,140,248,.35);--edit-button-bg:#374151;--edit-button-text:#D1D5DB;--edit-button-hover:#4B5563;--button-text:#FFFFFF;--background-light:var(--bg);--card-bg:var(--card);--card-border:var(--border);--text-primary:var(--text);--text-secondary:var(--text-muted);--selected-bg:var(--case-active);--primary-green:var(--accent);--primary-orange:var(--warning);--primary-navy:#001f3f;--primary-blue:var(--accent)}.timelineoverlay{color:var(--text,#111827)}.timelineoverlay :is(p,li,span,small,time){color:var(--text,#111827)!important}.timelineoverlay :is(h1,h2,h3,h4){color:var(--text,#111827)}[data-theme=dark] .timelineoverlay{color:var(--text,#e5e7eb)}[data-theme=dark] .timelineoverlay :is(p,li,span,small,time){color:var(--text,#e5e7eb)!important}[data-theme=dark] .timelineoverlay :is(h1,h2,h3,h4){color:var(--text,#e5e7eb)}[class*=timeline-overlay],[class*=timelineoverlay]{color:var(--text,#111827)!important;-webkit-text-fill-color:var(--text,#111827)!important;mix-blend-mode:normal!important}[class*=timeline-overlay] :where(p,li,span,small,time,dd,dt),[class*=timelineoverlay] :where(p,li,span,small,time,dd,dt){color:var(--text,#111827)!important;-webkit-text-fill-color:var(--text,#111827)!important;mix-blend-mode:normal!important}[class*=timeline-overlay] :where(h1,h2,h3,h4),[class*=timelineoverlay] :where(h1,h2,h3,h4){color:var(--text,#111827)!important;-webkit-text-fill-color:var(--text,#111827)!important}[class*=timeline-overlay] a,[class*=timelineoverlay] a{color:var(--link,#0ea5e9)!important;-webkit-text-fill-color:var(--link,#0ea5e9)!important}[class*=timeline-overlay] *,[class*=timelineoverlay] *{mix-blend-mode:normal!important;filter:none!important}[data-theme=dark] [class*=timeline-overlay],[data-theme=dark] [class*=timelineoverlay]{color:var(--text,#e5e7eb)!important;-webkit-text-fill-color:var(--text,#e5e7eb)!important}[data-theme=dark] [class*=timeline-overlay] :where(p,li,span,small,time,dd,dt,h1,h2,h3,h4),[data-theme=dark] [class*=timelineoverlay] :where(p,li,span,small,time,dd,dt,h1,h2,h3,h4){color:var(--text,#e5e7eb)!important;-webkit-text-fill-color:var(--text,#e5e7eb)!important}body{background:var(--bg);color:var(--text);font-family:var(--font-family);margin:0;padding:0}.dashboard{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1 1;overflow:hidden}.center-content{flex:1 1;position:relative}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--modal-bg);color:var(--modal-text);padding:24px;border-radius:8px;max-width:480px;width:90%;border:1px solid var(--border);box-shadow:var(--shadow-md)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{margin:0;font-size:20px;color:var(--modal-text)}.modal-close-button{background:transparent;color:var(--modal-text);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:16px;cursor:pointer}.modal-close-button:hover{background:var(--border)}.document-modal{max-width:600px}.profile-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.profile-info{width:100%}.profile-name-bold{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text)}.edit-profile-modal .edit-label:nth-of-type(3)+.profile-input{margin-bottom:0}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;font-size:16px;color:var(--text-muted)}.modal-loading .loading-spinner{margin-top:8px}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .loading-spinner{border-color:var(--muted-2);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}.edit-button-container{display:flex;justify-content:center;margin-top:12px}.edit-profile-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:transparent;color:var(--text-muted);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.edit-profile-button:hover{color:var(--text);background:var(--bg)}.edit-profile-modal{max-width:500px}.sub-modal-overlay{z-index:25}.edit-form{display:flex;flex-direction:column;gap:16px}.edit-label{font-weight:600;color:var(--modal-text);margin-bottom:4px;display:block}.profile-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:14px;box-sizing:border-box}.profile-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.profile-input.disabled{background:var(--bg);color:var(--text-muted);cursor:not-allowed}.avatar-upload-section{display:flex;flex-direction:column;gap:12px}.update-avatar-button{display:inline-block;padding:10px 16px;background:var(--edit-button-bg);color:var(--edit-button-text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background-color .2s;text-align:center;font-weight:500;width:-moz-fit-content;width:fit-content}.update-avatar-button:hover{background:var(--edit-button-hover)}.avatar-preview-section{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.avatar-preview-text{margin:0;font-size:14px;color:var(--text-muted)}.update-avatar-confirm-button{padding:8px 16px;background:var(--accent);color:white;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.update-avatar-confirm-button:hover{filter:brightness(.95)}.edit-actions{display:flex;justify-content:center;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.save-changes-button{padding:12px 32px;background:var(--accent);color:white;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:16px}.save-changes-button:hover{filter:brightness(.95);transform:translateY(-1px)}.stats-loading{text-align:center;color:var(--text-muted);font-style:italic;padding:20px}.edit-icon-button{display:none}@media (max-width:768px){.edit-profile-modal{width:95%;max-width:none}.profile-header{gap:12px}.edit-profile-button{padding:8px 16px;font-size:13px}.avatar-upload-section{align-items:stretch}.update-avatar-button{width:100%}}.document-info-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0}.document-info-label{font-weight:600;min-width:100px;color:var(--modal-text)}.document-info-value{flex:1 1;display:flex;align-items:center;gap:8px}.edit-button{background:var(--edit-button-bg);color:var(--edit-button-text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s}.edit-button:hover{background:var(--edit-button-hover)}.centered{display:flex;align-items:center;justify-content:center}.delete-button{background:var(--danger);color:var(--button-text);border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:filter .2s}.delete-button:hover{filter:brightness(.9)}.edit-mode-container{display:flex;gap:8px;align-items:center;width:100%}.edit-mode-input{flex:1 1;padding:6px 8px;border:1px solid var(--input-border);border-radius:4px;background:var(--input-bg);color:var(--input-text)}.edit-mode-input:focus{outline:none;border-color:var(--accent)}.edit-mode-buttons{display:flex;gap:4px}.admin-badge{display:inline-block;background:#10B981;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;line-height:1;margin-top:2px}.small-button{padding:4px 8px;font-size:12px;border-radius:4px;cursor:pointer;border:1px solid var(--border)}.small-button.primary{background:var(--accent);color:var(--button-text);border-color:var(--accent)}.small-button.secondary{background:transparent;color:var(--text)}.deletable-badge{font-size:12px;color:var(--danger);background:var(--chip);padding:2px 6px;border-radius:4px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:var(--card);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:20px}.user-name{font-size:16px;font-weight:600;color:var(--text)}.metrics span,.practice,.user-email{font-size:14px;color:var(--text-muted)}.divider{width:1px;height:40px;background-color:var(--border)}.feed{flex:1 1;background-color:var(--bg);padding:24px;overflow-y:auto;height:calc(100vh - 64px)}.case-item{padding:12px;border:1px solid var(--border);border-radius:6px;margin-bottom:12px;cursor:pointer;background-color:var(--card)}.profile-file-input-hidden{display:none}.profile-file-button{display:inline-block;padding:10px 14px;border-radius:12px;background:#10b981;color:#fff;font-weight:600;cursor:pointer}.profile-file-button:hover{filter:brightness(.95)}.case-item.active{background-color:var(--case-active);border-color:var(--accent)}.case-details{font-size:12px;color:var(--text-muted)}.admin-stats-modal,.profile-modal{max-width:800px;max-height:90vh;overflow-y:auto;width:95%}.invite-section,.profile-section,.stats-section,.team-section{margin-bottom:32px;padding:24px;background:var(--card);border-radius:12px;border:1px solid var(--border)}.profile-avatar{display:flex;justify-content:center;margin-bottom:24px}.avatar-image,.avatar-initials{width:100px;height:100px;border-radius:50%;object-fit:cover}.invite-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000}.avatar-initials,.invite-overlay{display:flex;align-items:center;justify-content:center}.avatar-initials{background:var(--accent);color:white;font-size:32px;font-weight:600}.profile-info{text-align:center;margin-bottom:24px}.profile-name{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text)}.profile-email{margin:0 0 4px;color:var(--text-muted)}.profile-updated{margin:0;font-size:14px;color:var(--text-muted)}.invite-input,.profile-input{width:100%;padding:12px;flex:1 1;margin-bottom:16px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--input-text)}.profile-file-input{margin-bottom:16px}.delete-user-button,.edit-profile-button,.invite-button{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.edit-profile-button{width:100%}.edit-profile-button,.invite-button{background:var(--accent);color:white}.delete-user-button{background:var(--danger);color:white;margin-top:16px}.section-title{margin:0 0 20px;color:var(--text)}.stats-grid{display:grid;grid-gap:16px;gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg);border-radius:8px}.stat-label{font-weight:500;color:var(--text)}.stat-value{color:var(--text-muted);text-align:right}.team-member-card{border:1px solid var(--border);border-radius:12px;margin-bottom:16px;overflow:hidden}.team-member-header:hover{background:var(--bg)}.team-member-header.expanded{background:var(--bg);border-bottom:1px solid var(--border)}.member-avatar{flex-shrink:0}.member-info{flex:1 1}.member-name{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text)}.member-email{margin:0;font-size:14px;color:var(--text-muted)}.member-stats{display:flex;align-items:center;gap:16px}.active-cases{font-size:14px;color:var(--text-muted)}.expand-indicator{font-size:20px;color:var(--text-muted)}.member-details{padding:20px;background:var(--bg)}.detail-stats{margin-bottom:20px}.detail-stats h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text)}.detail-info{margin-bottom:20px}.detail-info p{margin:8px 0;color:var(--text-muted)}.filing-checkbox{display:flex;align-items:center;gap:8px;margin:16px 0;cursor:pointer}.loading-text{text-align:center;color:var(--text-muted);font-style:italic}.invite-form{display:flex;gap:12px;align-items:stretch;flex-direction:column}@media (max-width:768px){.admin-stats-modal,.profile-modal{width:100%;max-height:100vh;border-radius:0}.team-member-header{flex-direction:column;align-items:flex-start;text-align:left}.member-stats{margin-top:8px}}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:8px 16px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer;border-radius:4px;transition:.2s}.tab.active{background:#007bff;color:white;border-color:#007bff}.avatar-circle,.avatar-initials{width:48px;height:48px;border-radius:50%;background:#4caf50;color:#f5f5f5;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;text-transform:uppercase}.avatar-circle.small,.avatar-initials.small{width:32px;height:32px;font-size:.8rem}.admin-stats-modal{max-width:90vw;max-height:90vh;width:90%;overflow:hidden}.columns{display:flex;height:calc(100vh - 120px);overflow:hidden}.column{padding:16px;overflow-y:auto;border-right:1px solid var(--border)}.column:last-child{border-right:none}.column.left{flex:0 0 400px}.column.right{flex:1 1}.team-member-card.selected{background:var(--case-active);border-color:var(--accent)}.member-avatar .avatar-image,.member-avatar .avatar-initials{width:40px;height:40px;font-size:16px}.team-member-header .expand-indicator{display:none}.back-button{background:transparent;border:none;color:var(--accent);cursor:pointer;font-size:14px;margin-bottom:16px;padding:0;text-align:left;transition:color .2s ease}.back-button:hover{color:var(--accent-strong)}@media (max-width:1024px){.columns{flex-direction:column;height:auto}.column{flex:none;border-right:none;border-bottom:1px solid var(--border)}.column:last-child{border-bottom:none}}.modal-header-with-invite{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;background-color:var(--modal-bg);padding:0 0 16px;z-index:10001}.admin-stats-modal .modal-header{display:none}.invite-form-horizontal{display:flex;align-items:center;gap:8px;font-size:14px}.invite-label{white-space:nowrap;color:var(--text-muted)}.invite-input-inline{padding:6px 10px;border-radius:6px;font-size:13px;width:220px}.invite-button-small{padding:6px 12px;font-size:13px;background:var(--accent);color:white;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.invite-button-small:hover{filter:brightness(.95)}.column.left{flex:0 0 450px}.team-member-card .member-info{flex:1 1;min-width:0}.delete-button-container{padding-top:16px;margin-top:auto}.delete-user-button{width:100%}.delete-icon-container{position:-webkit-sticky;position:sticky;bottom:0;background-color:var(--modal-bg);border-top:1px solid var(--border)}.delete-user-icon{background-color:var(--danger);color:var(--button-text);border:none;border-radius:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:filter .2s;font-size:18px;padding:8px}.delete-user-icon:hover{filter:brightness(.9)}.team-member-header{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background-color .2s ease;width:100%;box-sizing:border-box}.member-info-container{display:flex;flex:1 1;justify-content:space-between;align-items:center;overflow:hidden}.member-info{min-width:0;overflow:hidden;text-overflow:ellipsis}.member-info,.member-stats{flex-shrink:0;white-space:nowrap}.member-stats{text-align:right}.member-detail-name{margin:16px 0;font-size:20px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:16px}.stats-overview{padding-bottom:32px}.modal-header-with-invite{margin:0 -24px 16px;border-bottom:1px solid var(--border);padding:0 24px 16px}.sticky-header{position:-webkit-sticky;position:sticky;top:0;background-color:var(--card);z-index:10;padding:16px 0;margin-bottom:0}.team-list-container{overflow-y:auto;height:calc(100% - 60px);padding-right:8px}.delete-icon-container{padding-top:16px;padding-bottom:16px;margin-top:auto;position:static;bottom:unset;background-color:unset;border-top:unset;display:flex;justify-content:flex-start;align-items:center}.delete-user-icon{font-size:14px;width:36px;height:36px}.member-info p.member-email{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-info p.member-email-shrink{font-size:12px}.delete-user-icon svg{vertical-align:middle}.column.right{padding-bottom:24px;overflow-y:auto}:root[data-theme=light]{--card-background:#FFFFFF;--main-background:#F8F9FA;--text-primary:#1A1A1A;--text-secondary:#6B7280;--text-muted:#9CA3AF;--border-subtle:#E5E7EB;--border-hover:#D1D5DB;--shadow-base:rgba(0,0,0,0.1);--shadow-hover:rgba(0,0,0,0.15);--overlay-background:rgba(0,0,0,0.5);--intro-bg:#F3F4F6;--intro-bg-blue:#EFF6FF;--intro-bg-green:#ECFDF5;--intro-bg-amber:#FEF3C7}:root[data-theme=dark]{--card-background:#2A2A2A;--main-background:#1A1A1A;--text-primary:#FFFFFF;--text-secondary:#A1A1AA;--text-muted:#71717A;--border-subtle:#374151;--border-hover:#4B5563;--shadow-base:rgba(0,0,0,0.3);--shadow-hover:rgba(0,0,0,0.5);--overlay-background:rgba(40,40,40,0.8);--intro-bg:#374151;--intro-bg-blue:#1E293B;--intro-bg-green:#0F2A20;--intro-bg-amber:#51301A}.title-image{margin:0 0 1rem}.title-image img{width:100%;height:auto;margin-bottom:1rem;border-radius:4px}.block-image{margin:0 0 1rem}.block-image img{display:block;height:auto;border-radius:8px;max-width:100%}.block-image figcaption{font-style:italic}.block-image.w-sm img{max-width:240px}.block-image.w-md img{max-width:360px}.block-image.w-lg img{max-width:520px}.block-image.w-full img{width:100%;max-width:100%}.block-image.float-left{margin:.25rem 1rem 1rem 0}.block-image.float-right{margin:.25rem 0 1rem 1rem}.block-image.center{text-align:center}.block-image.center img{margin:0 auto}.block-image.no-wrap,.block-text{clear:both}@media (max-width:768px){.block-image.float-left,.block-image.float-right{float:none;margin:0 0 1rem}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.blog-feed{padding:40px;background:var(--main-background);min-height:100vh;color:var(--text-primary)}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.feed-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.article-body-flow{gap:var(--spacing-main,1rem)}.article-video{display:block;height:auto;margin-block:var(--video-gap,.75rem)}.article-body-flow.side-media{flex-direction:row;align-items:flex-start;gap:32px}.card-rich-body{display:flow-root}.block-image.float-right{margin:0 0 .5rem 1rem}.block-image.float-left{margin:0 1rem .5rem 0}.block-full{width:100%;height:auto}.block-image.block-full img{width:100%;height:var(--img-h,auto);max-height:var(--img-max-h,auto);object-fit:cover}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1.3}.text-sm{font-size:.875rem;line-height:1.4}.text-md{font-size:1rem;line-height:1.5}.text-lg{font-size:1.125rem;line-height:1.6}.text-xl{font-size:1.5rem;line-height:1.7}.text-xxl{font-size:1.75rem;line-height:1.8}.block-text.text-lg,.block-text.text-md,.block-text.text-sm,.block-text.text-xl,.block-text.text-xs{font-size:inherit;line-height:inherit}.card-image--xs{width:4rem}.card-image--sm{width:8rem}.card-image--md{width:12rem}.card-image--lg{width:16rem}.card-image--xl{width:20rem}.card-image--full{width:100%}.card-image--wrapped_left{margin-right:1rem;margin-bottom:.5rem}.card-image--wrapped_right{margin-left:1rem;margin-bottom:.5rem}.article-body-flow.side-media.wrap{flex-wrap:wrap}.article-body-flow.side-media .article-media{flex:0 0 320px}.article-body-flow.side-media .article-text{flex:1 1;min-width:240px}@media (max-width:768px){.article-body-flow.side-media{flex-direction:column}}.theme-toggle{background:var(--card-background);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;font-size:18px;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background:var(--border-subtle);transform:scale(1.05)}.section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.featured-section{margin-bottom:48px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px;margin-bottom:32px}.feed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.feed-card{background:var(--card-background);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease;box-shadow:0 1px 3px var(--shadow-base);position:relative;isolation:isolate}.feed-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-hover);border-color:var(--border-hover)}.feed-card[data-size=small]{width:clamp(280px,30vw,380px)}.feed-card[data-size=medium]{width:clamp(320px,40vw,520px)}.feed-card[data-size=large]{width:clamp(420px,60vw,720px)}.featured-card,.featured-card:hover{background:linear-gradient(135deg,var(--card-background) 0,color-mix(in srgb,var(--category-color) 5%,var(--card-background)) 100%)}.featured-card,.featured-card:hover{border-left:4px solid var(--category-color)}.featured-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--category-color);z-index:2;pointer-events:none}.overlay-hero img{width:100%;max-height:240px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.card-date-inline{color:var(--text-muted);font-size:12px;margin-left:8px}.card-date{position:absolute;display:none;top:12px;right:12px;background:var(--card-background);color:var(--text-muted);font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;border:1px solid var(--border-subtle);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thumbnail{position:relative;width:100%;height:200px;overflow:hidden;background:var(--border-subtle)}.thumbnail-image,.thumbnail-video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.feed-card .thumbnail{position:relative;z-index:1}.feed-card:hover .thumbnail-image,.feed-card:hover .thumbnail-video{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.feed-card:hover .play-overlay{opacity:1}.play-button{background:rgba(255,255,255,.9);color:#1A1A1A;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transform:scale(.8);transition:transform .2s ease}.feed-card:hover .play-button{transform:scale(1)}.media-previews{display:flex;gap:8px;margin-top:8px;padding:0 16px}.media-preview-image{width:60px;height:40px;object-fit:cover;border-radius:4px}.card-content{padding:16px}.category-tag{background:color-mix(in srgb,var(--category-color) 10%,transparent);color:var(--category-color);border:1px solid color-mix(in srgb,var(--category-color) 20%,transparent);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:8px}.card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4;-webkit-line-clamp:2}.card-summary,.card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-summary{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px;-webkit-line-clamp:3}.card-summary p{margin:0}.card-summary strong{color:var(--text-primary);font-weight:600}.card-summary em{font-style:italic;color:color-mix(in srgb,var(--category-color) 80%,var(--text-secondary))}.card-meta{gap:8px;font-size:12px;color:var(--text-muted);margin-top:12px}.card-meta,.read-time{display:flex;align-items:center}.read-time{gap:4px}.read-time:before{content:"🕐";font-size:10px}.media-indicator{font-size:10px}.article-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-background);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.article-modal{border-radius:16px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);flex-direction:column}.article-header,.article-modal{background:var(--card-background);display:flex}.article-header{padding:16px clamp(20px,4vw,48px);border-bottom:1px solid var(--border-subtle);justify-content:flex-end;position:-webkit-sticky;position:sticky;top:0;z-index:10}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-muted);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:var(--border-subtle);color:var(--text-primary)}.article-intro{background:var(--intro-bg-blue);padding:24px;border-radius:8px;margin-bottom:32px}.article-content{padding:0 clamp(20px,4vw,48px) 32px;flex:1 1;overflow-y:auto}.article-media{margin:32px 0}.article-meta-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.article-date{color:var(--text-muted);font-size:14px}.article-title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 24px;line-height:1.2}.article-content .article-paragraph,.article-content p{font-size:inherit;line-height:inherit}.media-loading{text-align:center;padding:40px;color:var(--text-muted);font-style:italic}.media-section{margin-bottom:24px}.article-video{max-height:400px;background:#000}.article-image,.article-video{width:100%;border-radius:8px;margin-bottom:16px}.article-image{height:auto;box-shadow:0 4px 8px var(--shadow-base)}.article-body{color:var(--text-primary);line-height:1.7}.article-h1{font-size:28px;font-weight:700;margin:32px 0 16px;border-bottom:2px solid var(--category-color);padding-bottom:8px}.article-h1,.article-h2{color:var(--text-primary);line-height:1.3}.article-h2{font-size:24px;font-weight:600;margin:28px 0 12px}.article-h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:24px 0 8px;line-height:1.4}.article-paragraph{margin:0 0 16px;color:var(--text-secondary);font-size:16px}.article-bold{color:var(--text-primary);font-weight:600}.article-italic{color:color-mix(in srgb,var(--category-color) 70%,var(--text-secondary));font-style:italic}.article-code{background:var(--border-subtle);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.article-list,.article-ordered-list{margin:16px 0;padding-left:20px}.article-list-item{margin:8px 0;color:var(--text-secondary)}.article-quote{border-left:4px solid var(--category-color);background:color-mix(in srgb,var(--category-color) 5%,var(--card-background));padding:16px 20px;margin:20px 0;border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary)}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.tag{background:var(--border-subtle);color:var(--text-muted);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.internal-link{cursor:pointer}.article-content a,.internal-link{color:var(--category-color);text-decoration:underline}.broken-link{color:red;text-decoration:line-through}@media (max-width:768px){.blog-feed{padding:24px}.feed-title{font-size:24px}.featured-grid,.feed-grid{gap:16px}.thumbnail{height:180px}.card-content{padding:12px}.article-title{font-size:24px}.article-h1{font-size:22px}.article-h2{font-size:20px}.article-h3{font-size:18px}}@media (max-width:480px){.feed-header{gap:16px}.article-meta-header,.feed-header{flex-direction:column;align-items:flex-start}.article-meta-header{gap:8px}.card-date{position:static;margin-bottom:8px;align-self:flex-end}}.feed-card:focus{outline:2px solid var(--category-color);outline-offset:2px}.close-btn:focus,.theme-toggle:focus{outline:2px solid #3B82F6;outline-offset:2px}.feed-loading{display:flex;justify-content:center;padding:60px 20px;color:var(--text-muted)}.feed-error{text-align:center;padding:60px 20px;color:#EF4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feed-card{animation:fadeIn .5s ease-out}.feed-card:first-child{animation-delay:.1s}.feed-card:nth-child(2){animation-delay:.2s}.feed-card:nth-child(3){animation-delay:.3s}.feed-card:nth-child(4){animation-delay:.4s}.feed-card:nth-child(5){animation-delay:.5s}.text-block-wrapper{display:flow-root}.block-image.float-right{float:right;margin:0 0 .75rem 1rem;width:var(--img-w,40%)}.block-image.float-left{float:left;margin:0 1rem .75rem 0;width:var(--img-w,40%)}