/* whatisfileextension.com: shared page styles for every redesigned page (EML, ACCDB and all later pages). Classes are prefixed wfe-. Change $wfe_v in assets/inc/head.php after editing this file. */
.wfe-sec{--acc:#0d6efd;--acc-d:#0a58ca;--acc-l:#e7f1ff;scroll-margin-top:1.25rem}
.wfe-sec.i-do{--acc:#198754;--acc-d:#146c43;--acc-l:#d1e7dd}
.wfe-sec.i-fix{--acc:#dc3545;--acc-d:#b02a37;--acc-l:#f8d7da}
.wfe-sec.i-decide{--acc:#6f42c1;--acc-d:#59359a;--acc-l:#e8def8}
.wfe-sec.i-lookup{--acc:#0aa2c0;--acc-d:#087990;--acc-l:#cff4fc}
.wfe-sec.i-warn{--acc:#fd7e14;--acc-d:#a14a00;--acc-l:#ffe5d0}
.wfe-sec h3,.wfe-sec details{scroll-margin-top:1.25rem}
.wfe-n{flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--acc-d);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;line-height:1}
.wfe-q{color:#212529;line-height:1.3}
.wfe-sub{font-size:.95rem;font-weight:500;color:#495057;margin-top:.2rem}
.wfe-acc{color:var(--acc-d)}
.wfe-acc-d{color:var(--acc-d)}
.wfe-p{color:#212529;line-height:1.85;margin-bottom:1.15rem}
.wfe-p a,.wfe-note a,.wfe-when a,.wfe-short a,.wfe-faq-a a{text-decoration:underline;text-underline-offset:2px}
.wfe-note{background:var(--acc-l);border-color:transparent!important}
.wfe-when{font-size:.95rem;color:#495057}
.wfe-helpful a,.wfe-note a,.wfe-short a,.wfe-key a{color:#0a58ca}
.wfe-table th,.wfe-table td{overflow-wrap:normal;word-break:normal}.wfe-table .wfe-code{word-break:normal;overflow-wrap:normal}
.wfe-expert{background:#f3f9ff;border-color:#d6e6fa!important}
.wfe-expert-img{width:56px;height:56px;box-shadow:0 0 0 5px #e4effc;object-fit:cover}
.wfe-expert-label{color:#0a58ca;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wfe-expert-q{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.05rem;line-height:1.7;color:#212529}
.wfe-expert-name{color:#0a58ca}.wfe-expert-name:hover{text-decoration:underline!important}
.wfe-expert-role{color:#5c636a}
@media (min-width:768px){.wfe-expert-img{width:72px;height:72px}.wfe-expert-q{font-size:1.15rem}}
.wfe-table thead th{white-space:normal}
@media (min-width:768px){.wfe-table th[scope=row]{white-space:nowrap}}
.wfe-code{background:#f1f3f5;color:#842029;padding:.1rem .35rem;border-radius:.35rem;font-size:.86em;word-break:break-word}
.wfe-pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,'DejaVu Sans Mono',monospace;font-size:.84rem;line-height:1.7;white-space:pre;overflow-x:auto;color:#212529;display:block}
.wfe-pre:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
.wfe-table{font-size:.95rem}
.wfe-table tbody tr+tr>*{border-top:1px solid #e9ecef}
.wfe-table th[scope=row]{background:transparent;color:#212529;min-width:8.5rem}
.wfe-table td{color:#343a40}
.wfe-steps{counter-reset:none;padding-left:0}
.wfe-sn{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;background:var(--acc-d);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.wfe-st{padding-top:.2rem;line-height:1.7}
.wfe-ic{flex:0 0 auto}
.wfe-yes .wfe-ic{color:#146c43}.wfe-no .wfe-ic{color:#b02a37}.wfe-neutral .wfe-ic{color:#0a58ca}
.wfe-tag{background:var(--acc-l);color:var(--acc-d);font-weight:600}
.wfe-fig{background:#fff;border-color:#dee2e6!important}
.wfe-fig img{max-width:100%;height:auto}
.wfe-faq{background:#fff;border:1px solid #dee2e6;border-radius:1rem;margin-bottom:.75rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.05)}
.wfe-faq summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.25rem;font-weight:600;color:#212529;position:relative;line-height:1.5;border-radius:1rem}
.wfe-faq summary::-webkit-details-marker{display:none}
.wfe-faq summary::after{content:"\F282";font-family:"bootstrap-icons";position:absolute;right:1.25rem;top:1rem;color:#0a58ca;transition:transform .2s}
.wfe-faq[open] summary::after{transform:rotate(180deg)}
.wfe-faq summary:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
.wfe-faq-a{margin:0;padding:0 1.25rem 1.25rem;line-height:1.8;color:#343a40}
.wfe-helpful{background:var(--acc-l);border-color:transparent!important}
.wfe-chips .btn{--bs-btn-color:#0a58ca;--bs-btn-border-color:#0a58ca}
.wfe-tool .min-w-0{min-width:0}
.wfe-go-t{line-height:1.3}
.wfe-go{transition:border-color .15s,box-shadow .15s}
.wfe-go:hover{border-color:#0d6efd!important;box-shadow:0 .25rem .75rem rgba(13,110,253,.12)!important}
.wfe-go:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
.wfe-meta .badge{font-weight:500;font-size:.8rem;padding:.55rem .8rem;white-space:normal;text-align:left}
.wfe-hero-sub{max-width:46rem;margin-left:auto;margin-right:auto}
@media (max-width:575.98px){.wfe-table thead th{white-space:normal}.wfe-table th[scope=row] .bi{display:none}.wfe-table th,.wfe-table td{padding:.6rem .5rem!important}.wfe-table th[scope=row]{min-width:0}.wfe-n{width:2.1rem;height:2.1rem;font-size:.95rem}.wfe-q{font-size:1.2rem}.wfe-pre{font-size:.78rem}.wfe-table{font-size:.9rem}}
.wfe-sys{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Nirmala UI","Noto Sans Devanagari",Roboto,sans-serif}
