:root{--bee-ink:#111827;--bee-accent:#facc15;--bee-line:#e3e7ee;--bee-soft:#f6f8fb}
.auth-math{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;align-items:end;background:#f6f8fb;border:1px solid #dde3eb;border-radius:9px;padding:10px 12px;margin:10px 0;color:#111827}
.auth-math label{display:contents;font-size:13px;font-weight:650}.auth-math .math-question{grid-column:1/-1}
.auth-math input{grid-column:1;display:block;width:100%;margin:0!important;padding:8px 10px!important;border:1px solid #b6bec9;border-radius:6px;font:inherit}
.auth-math button{grid-column:2;height:37px;padding:6px 10px!important;font-size:12px!important}.auth-email-policy{font-size:12px!important;line-height:1.5!important;margin:0 0 12px!important;overflow-wrap:anywhere}
#auth-modal{padding:12px;overflow-y:auto}
#auth-modal>.modal{width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:22px 24px}
#auth-modal .modal-brand{margin-bottom:4px}#auth-modal h2{font-size:23px;margin-top:8px}
#auth-modal>.modal>p{margin-bottom:12px}#auth-modal .auth-tabs{margin-bottom:12px}
#auth-modal #auth-form>label{margin-bottom:10px}#auth-modal #auth-form>label input:not([type=checkbox]){padding:9px 11px}
#auth-modal #auth-message:empty{display:none}#auth-modal #auth-submit{margin-top:7px}
#auth-modal #forgot-password,#auth-modal #resend-verification{font-size:11px;padding:7px 8px;margin-top:8px}
@media(max-width:480px){#auth-modal>.modal{padding:18px}#auth-modal h2{font-size:21px}}
.auth-resend-link{border:0;background:transparent;color:inherit;text-decoration:underline;font-size:12px;cursor:pointer;margin:12px 0}
#auth-verification-pending p{font-size:14px;line-height:1.6}#auth-verification-pending input[type=email]{width:100%;padding:10px;border:1px solid #aeb5c0;border-radius:7px}
.website-editor{max-width:1280px!important;padding:22px!important;font-size:14px}
.website-editor .editor-card{padding:18px!important;border:1px solid var(--bee-line)!important;box-shadow:0 5px 20px #11182706}
.website-editor label{font-size:13px;margin:12px 0 5px!important}
.website-editor input,.website-editor select,.website-editor textarea{padding:9px 11px!important;font-size:14px!important;line-height:1.45;border-radius:8px!important}
.website-editor textarea{resize:vertical;min-height:96px}.website-editor textarea[name=body]{min-height:320px}
.website-editor .editor-tabs{gap:7px!important;flex-wrap:wrap}.website-editor button{padding:9px 13px!important;font-size:13px!important}
.admin-head{padding:12px 22px!important;gap:14px!important}.admin-work{max-width:1440px!important;padding:20px!important}
.admin-work table{font-size:13px!important;border-collapse:collapse;width:100%}.admin-work th,.admin-work td{padding:10px 12px!important;text-align:left}
.admin-work tr:nth-child(even){background:var(--bee-soft)}.admin-work input,.admin-work select,.admin-work textarea{padding:9px 11px!important;font-size:14px!important}
.admin-work h1,.website-editor h1{font-size:25px!important;margin:12px 0!important;line-height:1.2}
.admin-work h2,.website-editor h2{font-size:19px!important;margin:12px 0!important}.admin-work label{font-size:13px}
.in-app .panel-main{padding:18px 24px!important;background:var(--bee-soft)}.in-app .panel-header{padding:13px 20px!important;min-height:64px}
.in-app .panel-content{max-width:1400px;margin:auto}.in-app .stat-grid{gap:12px!important;margin:16px 0!important}
.in-app .stat-grid>div{border:1px solid var(--bee-line);border-radius:12px!important;padding:16px!important;background:white;box-shadow:0 3px 14px #11182704}
.in-app .campaign-form{max-width:1000px!important;padding:18px!important;background:white;border:1px solid var(--bee-line);border-radius:12px}
.in-app .campaign-form input,.in-app .campaign-form select{padding:9px 11px!important;min-height:40px;font-size:14px!important}
.in-app .campaign-form label{font-size:13px!important}.in-app .form-row{gap:14px!important;margin-bottom:12px!important}
.in-app .side-nav a,.in-app .side-nav button{padding:10px 14px!important;font-size:14px!important}.in-app table{font-size:13px}
.in-app td,.in-app th{padding:11px 12px!important}.operator-notice{padding:11px 14px;background:#fff9d9;border:1px solid #f2da6c;border-radius:8px;color:#554609;line-height:1.6;font-size:14px}
.blog-image-preview{display:block;width:100%;max-width:560px;max-height:280px;object-fit:cover;border-radius:12px;margin:14px 0}.blog-image-preview[hidden]{display:none}
#blog-image-library{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.media-choice{display:flex!important;flex-direction:column;gap:6px;width:150px;white-space:normal;border:1px solid var(--bee-line)!important;background:white!important}
.media-choice img{width:124px;height:72px;object-fit:cover;border-radius:6px}.media-choice span{font-size:11px;overflow-wrap:anywhere}
.blog-card-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:12px;background:var(--bee-ink)}
.blog-article-image{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:14px;margin:24px 0}
.blog-card{padding:18px;border:1px solid var(--bee-line);border-radius:14px;background:white}.blog-card h2{font-size:21px;line-height:1.35}
.beewip-featured-blog .beewip-blog-grid>article{overflow:hidden}.beewip-featured-blog h3{line-height:1.35;overflow-wrap:anywhere}
.legal-document{font-size:16px;line-height:1.8;max-width:850px;white-space:normal!important;overflow-wrap:anywhere}
.legal-document h2{font-size:21px;line-height:1.4;margin:30px 0 12px}.legal-document p{margin:0 0 18px}
.legal-document a{text-decoration:underline;text-underline-offset:3px}.legal-version{font-size:13px;color:#64748b}.legal-updated{margin-top:26px!important;padding-top:18px;border-top:1px solid var(--bee-line);font-weight:650}
:where(input,textarea,select,button,a):focus-visible{outline:3px solid #2563eb!important;outline-offset:3px}
@media(max-width:760px){.website-editor,.admin-work{padding:14px!important}.in-app .panel-main{padding:14px!important}.in-app .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.in-app .form-row{grid-template-columns:1fr!important}.admin-work{overflow-x:auto}.legal-document{font-size:15px}.legal-document h2{font-size:19px}}
