/* Shared responsive finishing layer. */
[hidden]{display:none!important}*,*::before,*::after{box-sizing:border-box}
img,video,canvas{max-width:100%}textarea,input,select{max-width:100%}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #36a5b9;outline-offset:3px}
.discover-card:has(.discover-soon){display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 11px}.discover-card .discover-soon{position:static;grid-column:2;justify-self:start;width:max-content;max-width:100%;font-size:10px}.discover-copy strong{white-space:normal}.discover-card:has(.discover-soon) .discover-icon{grid-row:1 / 3}
.archive-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0;padding:20px;background:#f1f5f9;border-radius:18px}.archive-filters label{display:grid;gap:8px;flex:1;min-width:180px}.archive-filters input,.archive-filters select{width:100%;padding:12px;border:1px solid #ccd6e3;border-radius:10px;background:#fff;font:inherit}.content-pagination a{padding:12px 18px;border-radius:12px;background:#edf2f7;color:#173856;font-weight:700}.content-question-card h2{font-size:18px;line-height:1.9}.content-question-card{overflow-wrap:anywhere}
.nearest-slot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#e8f6f3;color:#16594d;border:1px solid #a6d8cc;padding:16px;border-radius:14px;margin:12px 0}.nearest-slot button{min-height:44px}.booking-total,#bookingTotal{font-size:25px;font-weight:900}#bookingTotal{color:#14705f}.order-next-action{display:grid;gap:5px;background:#edf5fc;border-right:3px solid #2874a6;border-radius:10px;padding:12px;margin:10px 0;line-height:1.8;font-size:13px;white-space:normal}.order-next-action strong{color:#174e7c}.order-deadline.is-urgent{background:#fff0e7;color:#9b3407;border:1px solid #eabc9d;border-radius:10px;padding:10px}.chat-connection,.chat-send-status{padding:9px 14px;font-size:12px;line-height:1.8;flex-shrink:0}.chat-connection{background:#eaf6ef;color:#216343}.chat-connection.is-offline,.chat-send-status.is-error{background:#fff1ed;color:#9b371d}.chat-connection button,.chat-send-status button{margin-inline-start:12px;border:1px solid currentColor;background:transparent;border-radius:8px;padding:5px 10px;font:inherit}.chat-send-status{background:#eef5fb;color:#234e78}.review-page{max-width:680px;margin:40px auto;padding:24px}.review-page form{display:grid;gap:18px}.review-page textarea{width:100%;min-height:150px;padding:14px;font:inherit}.review-stars{display:flex;flex-wrap:wrap;gap:18px}.reconciliation-box{margin:24px 0;padding:20px;background:#f6f9fc;border:1px solid #dbe4ef;border-radius:16px}.reconciliation-box form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.reconciliation-box label{display:grid;gap:6px}.reconciliation-box input,.reconciliation-box select,.reconciliation-box textarea{padding:10px;font:inherit;border:1px solid #bbc9d9;border-radius:8px}.reconciliation-list{display:grid;gap:12px;margin-top:18px}.reconciliation-row{padding:14px;border:1px solid #d2deea;border-radius:12px;background:white;overflow-wrap:anywhere}.reconciliation-row.is-open{border-right:4px solid #d68c32}.reconciliation-row small{display:block;line-height:1.8}.reconciliation-row button{margin:8px 0}.reconciliation-preview{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:768px){
 :where(.container,.content-shell,.content-home-shell,.main-content,.dashboard-content,.page-content,.profile-content,.profile-main,.chat-container,.chat-main){min-width:0;max-width:100%}
 .header-actions{flex-wrap:wrap;min-width:0;gap:6px}.header-actions .user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}
 .content-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-head{gap:10px;flex-wrap:wrap}.content-header-actions{min-width:0;max-width:100%}.content-article h1{font-size:clamp(23px,6vw,34px);overflow-wrap:anywhere}.content-prose,.message-bubble{overflow-wrap:anywhere}
 :where(.table-responsive,.table-wrap,.data-table-wrap,.transactions-table-wrap){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .order-detail-dialog,.directory-dialog{width:calc(100% - 24px)!important;max-height:calc(100dvh - 32px)!important;overflow:auto}
 .order-actions,.profile-actions,.form-actions{flex-wrap:wrap;gap:8px}.order-actions a,.order-actions button{min-height:42px}
 .chat-attachment-image,.message-bubble audio{max-width:100%}.chat-messages{min-width:0}.chat-send-status{max-height:100px;overflow:auto}
 .review-page{margin:16px auto;padding:16px}.nearest-slot{align-items:stretch}.nearest-slot button{width:100%}.archive-filters{padding:14px}.archive-filters label{min-width:0;flex-basis:100%}
}
@media(max-width:480px){.content-card-grid{grid-template-columns:minmax(0,1fr)}.header-inner{flex-wrap:wrap;gap:8px}.header-actions{margin-inline-start:auto}.content-head-link{font-size:11px}.content-user-button{max-width:160px}.content-pagination{flex-wrap:wrap;gap:12px}.order-detail-grid{grid-template-columns:minmax(0,1fr)!important}.discover-copy strong{font-size:13px}.content-section-head{align-items:stretch;gap:12px}.content-section-head>.content-button{text-align:center}.reconciliation-box{padding:12px}.reconciliation-box form>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.blog-topic-filters,.archive-topic-pills{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 24px;align-items:center;max-width:100%;direction:rtl}.blog-topic-filters a,.archive-topic-pills a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #cdd9e5;color:#173754;text-decoration:none;font-size:12px;font-weight:750;white-space:normal;line-height:1.6;transition:background .2s,border-color .2s,transform .2s}.blog-topic-filters a:hover,.archive-topic-pills a:hover{transform:translateY(-2px);border-color:#c9a227;background:#fffaf0}.blog-topic-filters a.is-active,.archive-topic-pills a.is-active{background:#0a1f44;color:#fff;border-color:#0a1f44;box-shadow:0 6px 16px #0a1f4426}.blog-topic-filters small{background:#edf3f8;color:#536d83;border-radius:12px;padding:1px 6px;font-size:10px}.blog-topic-filters .is-active small{background:#ffffff23;color:#fff}.archive-filters{background:linear-gradient(125deg,#eef4f9,#fff);border:1px solid #d7e2eb;box-shadow:0 12px 27px #0a1f440b}.archive-filters select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230a1f44' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center;padding-left:42px;cursor:pointer}.archive-filters label{font-weight:700;color:#183b60;font-size:13px}.archive-filters .content-button{border:0;cursor:pointer}.archive-filters a[href="/articles"],.archive-filters a[href="/questions"]{font-size:12px;color:#44617e;text-decoration:underline}.archive-topic-pills{margin:20px 0 8px}
@media(max-width:600px){.blog-topic-filters,.archive-topic-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;margin-inline:-6px;padding-inline:6px}.blog-topic-filters a,.archive-topic-pills a{flex:none}.archive-filters{margin:16px 0}}
.discover-ai,.discover-app{cursor:pointer}.discover-ai:hover,.discover-app:hover{transform:translateY(-3px)}.discover-ai:focus-visible,.discover-app:focus-visible{outline:3px solid #eac764;outline-offset:4px}

/* Compact topic picker on the blog and uninterrupted article archive. */
.blog-topic-picker{margin:14px 0 24px;border:1px solid #d4dfeb;border-radius:18px;background:#fff;box-shadow:0 9px 24px #0a1f440b}.blog-topic-picker summary{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 18px;cursor:pointer;list-style:none;color:#0a1f44}.blog-topic-picker summary::-webkit-details-marker{display:none}.blog-topic-picker summary>span:nth-child(2){display:grid;gap:1px}.blog-topic-picker strong{font-size:14px}.blog-topic-picker small{font-size:11px;color:#677c93}.topic-picker-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f5ead0;color:#75551b}.topic-picker-caret{margin-inline-start:auto;font-size:24px;line-height:1;transition:transform .2s}.blog-topic-picker[open] .topic-picker-caret{transform:rotate(180deg)}.blog-topic-picker .blog-topic-filters{margin:0;padding:14px 18px 18px;border-top:1px solid #e6edf3;max-height:250px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.blog-topic-picker .blog-topic-filters a{border-radius:12px;justify-content:space-between;white-space:normal}.article-archive-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}.article-archive-list .content-article-card>a{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:stretch}.article-archive-list .content-article-thumb{height:100%;min-height:150px}.article-archive-list .content-article-card-copy{display:flex;flex-direction:column;justify-content:center}.public-mobile-nav{display:none}
@media(max-width:600px){.blog-topic-picker .blog-topic-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto;margin:0;padding:12px;max-height:260px}.article-archive-list .content-article-card>a{grid-template-columns:105px minmax(0,1fr)}.article-archive-list .content-article-thumb{min-height:130px}.article-archive-list .content-article-card-copy{padding:10px}.article-archive-list .content-article-card-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

.content-footer nav,.ai-footer nav,.service-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.content-footer nav a,.ai-footer nav a,.service-footer a{color:inherit;text-decoration:none}.service-footer{justify-content:center;max-width:960px;margin:20px auto 35px;color:#4b617b;font:700 12px Vazirmatn,sans-serif}
@media(min-width:769px){.nav.public-mobile-nav{display:flex!important}}
@media(max-width:768px){.public-mobile-nav.active,.public-mobile-nav.show{display:flex!important}}

/* The public services menu on search and lawyer pages mirrors the home menu. */
.site-services-menu{position:relative;color:#ffffffc7;font:500 15px Vazirmatn,sans-serif}.site-services-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}.site-services-menu summary::-webkit-details-marker{display:none}.site-services-menu>summary span{font-size:11px}.site-services-menu[open]>summary,.site-services-menu>summary:hover{color:#ddb43a}.site-services-list{position:absolute;top:calc(100% + 18px);right:-20px;z-index:1200;width:320px;padding:10px;border-radius:14px;background:#fff;color:#334155;box-shadow:0 24px 60px #0a1f4440,0 0 0 1px #0a1f4410}.site-services-list>a,.site-services-list>details>summary{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#334155;cursor:pointer;text-decoration:none;text-align:right;font:500 14px Vazirmatn,sans-serif}.site-services-list>details>summary>i{margin-inline-start:auto;font-size:12px;color:#c9a227}.site-services-list>details[open]>summary>i{transform:rotate(180deg)}.site-services-list>a:hover,.site-services-list>details>summary:hover,.site-services-sub a:hover{background:#fff9e8}.site-services-list .dd-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f8fafc;color:#173b7a}.site-services-list .dd-content{flex:1;min-width:0}.site-services-list .dd-title{display:block;font-size:14px;color:#0a1f44}.site-services-list .dd-sub{display:block;font-size:12px;color:#64748b}.site-services-divider{height:1px;margin:6px 10px;background:#e2e8f0}.site-services-sub{display:grid;padding-inline-start:38px}.site-services-sub a{padding:9px 14px;color:#64748b;font-size:13px;text-decoration:none;border-radius:8px}
@media(max-width:768px){.public-mobile-nav .site-services-menu{width:100%;color:#fff}.public-mobile-nav .site-services-menu>summary{padding:10px 12px;min-height:44px}.public-mobile-nav .site-services-list{position:static;width:100%;box-shadow:none;max-width:100%;margin:4px 0;background:#fff}.public-mobile-nav .site-services-sub{padding-inline-start:8px}}
/* Profile photo controls live with profile fields. */
.profile-photo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-photo-actions img{width:76px;height:76px;object-fit:cover;border-radius:20px;border:2px solid #e3ca72}.profile-photo-actions .btn-glass{min-height:42px}.profile-avatar-wrap .edit-avatar{display:none}
/* Compact hero copy after removing decorative counters. */
.page-hero .hero-content>p{max-width:100%;white-space:nowrap;font-size:clamp(11px,1.2vw,14px)}
@media(max-width:768px){.page-hero .hero-content>p{white-space:normal}}

/* Blog topic filters are compact selectable lists. */
.blog-topic-picker{overflow:hidden;background:linear-gradient(150deg,#fff,#f8fbfe);border-color:#c9d9e5}.blog-topic-picker summary{transition:background .2s}.blog-topic-picker summary:hover{background:#f2f7fc}.blog-topic-picker[open] summary{border-bottom:1px solid #e7edf4}.blog-topic-picker .blog-topic-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:300px;padding:12px}.blog-topic-picker .blog-topic-filters a,.blog-topic-picker .blog-topic-filters button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 12px;border:1px solid #dbe5ed;border-radius:10px;background:#fff;color:#233d57;text-align:right;text-decoration:none;font:700 12px Vazirmatn,sans-serif;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.blog-topic-picker .blog-topic-filters a:hover,.blog-topic-picker .blog-topic-filters button:hover{background:#fff9e8;border-color:#c9a227;transform:translateY(-1px)}.blog-topic-picker .blog-topic-filters .is-active{background:#0a1f44;border-color:#0a1f44;color:#fff}.blog-topic-picker .blog-topic-filters i{color:#b48b26;font-size:14px}.blog-topic-picker .blog-topic-filters .is-active i{color:#f1cb60}.blog-topic-picker .blog-topic-filters span{flex:1;min-width:0}.blog-topic-picker .blog-topic-filters small{margin-inline-start:auto;flex:none;background:#eef3f8;color:#55708a;border-radius:8px;padding:2px 7px}.blog-topic-picker .blog-topic-filters .is-active small{background:#ffffff29;color:#fff}
@media(max-width:600px){.blog-topic-picker .blog-topic-filters{grid-template-columns:minmax(0,1fr);max-height:290px}}

/* Compact topic cards rather than full-width choices. */
.blog-topic-picker{width:min(100%,540px)}.blog-topic-picker .blog-topic-filters{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;max-height:225px;padding:11px}.blog-topic-picker .blog-topic-filters a,.blog-topic-picker .blog-topic-filters button{width:auto;max-width:190px;min-width:125px;min-height:39px;flex:0 1 auto;padding:7px 9px;font-size:11px}.blog-topic-picker .blog-topic-filters small{font-size:10px}
@media(max-width:600px){.blog-topic-picker{width:100%}.blog-topic-picker .blog-topic-filters{max-height:200px}.blog-topic-picker .blog-topic-filters a,.blog-topic-picker .blog-topic-filters button{min-width:0;max-width:calc(50% - 4px);width:calc(50% - 4px)}}
/* The lawyer availability action is a clear power button, using the existing acceptance state. */
.availability-toggle button#availabilityBtn{width:56px!important;min-width:56px!important;height:56px!important;flex:0 0 56px!important;border:2px solid #a21725!important;border-radius:50%!important;background:radial-gradient(circle at 35% 25%,#ff6464,#da172b 65%,#ad0d20)!important;box-shadow:inset 0 2px 5px #ffffff82,inset 0 -5px 8px #830b21,0 5px 0 #910f21,0 8px 14px #0006!important;color:#fff!important;transition:transform .18s,box-shadow .18s,filter .18s!important}
.availability-toggle button#availabilityBtn::after{display:none!important}.availability-toggle button#availabilityBtn::before{content:'⏻';display:block;margin:auto;font:900 39px/1 system-ui;color:#fff;text-shadow:0 1px 5px #ffffffb5}.availability-toggle button#availabilityBtn.active{border-color:#238a07!important;background:radial-gradient(circle at 35% 25%,#a1ff47,#56d900 65%,#32a800)!important;box-shadow:inset 0 2px 5px #ffffffb0,inset 0 -5px 8px #207b00,0 5px 0 #298e00,0 8px 14px #0006!important}.availability-toggle button#availabilityBtn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.availability-toggle button#availabilityBtn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 5px #0005!important}.availability-toggle button#availabilityBtn:disabled{filter:grayscale(.8);opacity:.6}
@media(hover:hover) and (min-width:769px){.site-services-menu[open]::after{content:'';position:absolute;top:100%;right:-20px;width:320px;height:19px}}
/* Keep the filter panel full width while each selectable topic stays compact. */
.blog-topic-picker{width:100%}
/* Small power indicator matched to the lawyer sidebar. */
.availability-toggle button#availabilityBtn{width:32px!important;min-width:32px!important;height:32px!important;flex:0 0 32px!important;border-width:1px!important;box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -2px 3px #850c20,0 2px 0 #8f1c2a,0 4px 8px #0004!important}
.availability-toggle button#availabilityBtn.active{box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -2px 3px #207b00,0 2px 0 #298e00,0 4px 8px #0004!important}
.availability-toggle button#availabilityBtn::before{font-size:23px;text-shadow:0 1px 2px #fff9}