@font-face{font-family:dashicons;src:url(//www.salesianos.pt/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800);src:url(//www.salesianos.pt/wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800#iefix) format("embedded-opentype"),url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"),url(//www.salesianos.pt/wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800) format("truetype");font-weight:400;font-style:normal}.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in}.dashicons-admin-appearance:before{content:"\f100"}.dashicons-admin-collapse:before{content:"\f148"}.dashicons-admin-comments:before{content:"\f101"}.dashicons-admin-customizer:before{content:"\f540"}.dashicons-admin-generic:before{content:"\f111"}.dashicons-admin-home:before{content:"\f102"}.dashicons-admin-links:before{content:"\f103"}.dashicons-admin-media:before{content:"\f104"}.dashicons-admin-multisite:before{content:"\f541"}.dashicons-admin-network:before{content:"\f112"}.dashicons-admin-page:before{content:"\f105"}.dashicons-admin-plugins:before{content:"\f106"}.dashicons-admin-post:before{content:"\f109"}.dashicons-admin-settings:before{content:"\f108"}.dashicons-admin-site-alt:before{content:"\f11d"}.dashicons-admin-site-alt2:before{content:"\f11e"}.dashicons-admin-site-alt3:before{content:"\f11f"}.dashicons-admin-site:before{content:"\f319"}.dashicons-admin-tools:before{content:"\f107"}.dashicons-admin-users:before{content:"\f110"}.dashicons-airplane:before{content:"\f15f"}.dashicons-album:before{content:"\f514"}.dashicons-align-center:before{content:"\f134"}.dashicons-align-full-width:before{content:"\f114"}.dashicons-align-left:before{content:"\f135"}.dashicons-align-none:before{content:"\f138"}.dashicons-align-pull-left:before{content:"\f10a"}.dashicons-align-pull-right:before{content:"\f10b"}.dashicons-align-right:before{content:"\f136"}.dashicons-align-wide:before{content:"\f11b"}.dashicons-amazon:before{content:"\f162"}.dashicons-analytics:before{content:"\f183"}.dashicons-archive:before{content:"\f480"}.dashicons-arrow-down-alt:before{content:"\f346"}.dashicons-arrow-down-alt2:before{content:"\f347"}.dashicons-arrow-down:before{content:"\f140"}.dashicons-arrow-left-alt:before{content:"\f340"}.dashicons-arrow-left-alt2:before{content:"\f341"}.dashicons-arrow-left:before{content:"\f141"}.dashicons-arrow-right-alt:before{content:"\f344"}.dashicons-arrow-right-alt2:before{content:"\f345"}.dashicons-arrow-right:before{content:"\f139"}.dashicons-arrow-up-alt:before{content:"\f342"}.dashicons-arrow-up-alt2:before{content:"\f343"}.dashicons-arrow-up-duplicate:before{content:"\f143"}.dashicons-arrow-up:before{content:"\f142"}.dashicons-art:before{content:"\f309"}.dashicons-awards:before{content:"\f313"}.dashicons-backup:before{content:"\f321"}.dashicons-bank:before{content:"\f16a"}.dashicons-beer:before{content:"\f16c"}.dashicons-bell:before{content:"\f16d"}.dashicons-block-default:before{content:"\f12b"}.dashicons-book-alt:before{content:"\f331"}.dashicons-book:before{content:"\f330"}.dashicons-buddicons-activity:before{content:"\f452"}.dashicons-buddicons-bbpress-logo:before{content:"\f477"}.dashicons-buddicons-buddypress-logo:before{content:"\f448"}.dashicons-buddicons-community:before{content:"\f453"}.dashicons-buddicons-forums:before{content:"\f449"}.dashicons-buddicons-friends:before{content:"\f454"}.dashicons-buddicons-groups:before{content:"\f456"}.dashicons-buddicons-pm:before{content:"\f457"}.dashicons-buddicons-replies:before{content:"\f451"}.dashicons-buddicons-topics:before{content:"\f450"}.dashicons-buddicons-tracking:before{content:"\f455"}.dashicons-building:before{content:"\f512"}.dashicons-businessman:before{content:"\f338"}.dashicons-businessperson:before{content:"\f12e"}.dashicons-businesswoman:before{content:"\f12f"}.dashicons-button:before{content:"\f11a"}.dashicons-calculator:before{content:"\f16e"}.dashicons-calendar-alt:before{content:"\f508"}.dashicons-calendar:before{content:"\f145"}.dashicons-camera-alt:before{content:"\f129"}.dashicons-camera:before{content:"\f306"}.dashicons-car:before{content:"\f16b"}.dashicons-carrot:before{content:"\f511"}.dashicons-cart:before{content:"\f174"}.dashicons-category:before{content:"\f318"}.dashicons-chart-area:before{content:"\f239"}.dashicons-chart-bar:before{content:"\f185"}.dashicons-chart-line:before{content:"\f238"}.dashicons-chart-pie:before{content:"\f184"}.dashicons-clipboard:before{content:"\f481"}.dashicons-clock:before{content:"\f469"}.dashicons-cloud-saved:before{content:"\f137"}.dashicons-cloud-upload:before{content:"\f13b"}.dashicons-cloud:before{content:"\f176"}.dashicons-code-standards:before{content:"\f13a"}.dashicons-coffee:before{content:"\f16f"}.dashicons-color-picker:before{content:"\f131"}.dashicons-columns:before{content:"\f13c"}.dashicons-controls-back:before{content:"\f518"}.dashicons-controls-forward:before{content:"\f519"}.dashicons-controls-pause:before{content:"\f523"}.dashicons-controls-play:before{content:"\f522"}.dashicons-controls-repeat:before{content:"\f515"}.dashicons-controls-skipback:before{content:"\f516"}.dashicons-controls-skipforward:before{content:"\f517"}.dashicons-controls-volumeoff:before{content:"\f520"}.dashicons-controls-volumeon:before{content:"\f521"}.dashicons-cover-image:before{content:"\f13d"}.dashicons-dashboard:before{content:"\f226"}.dashicons-database-add:before{content:"\f170"}.dashicons-database-export:before{content:"\f17a"}.dashicons-database-import:before{content:"\f17b"}.dashicons-database-remove:before{content:"\f17c"}.dashicons-database-view:before{content:"\f17d"}.dashicons-database:before{content:"\f17e"}.dashicons-desktop:before{content:"\f472"}.dashicons-dismiss:before{content:"\f153"}.dashicons-download:before{content:"\f316"}.dashicons-drumstick:before{content:"\f17f"}.dashicons-edit-large:before{content:"\f327"}.dashicons-edit-page:before{content:"\f186"}.dashicons-edit:before{content:"\f464"}.dashicons-editor-aligncenter:before{content:"\f207"}.dashicons-editor-alignleft:before{content:"\f206"}.dashicons-editor-alignright:before{content:"\f208"}.dashicons-editor-bold:before{content:"\f200"}.dashicons-editor-break:before{content:"\f474"}.dashicons-editor-code-duplicate:before{content:"\f494"}.dashicons-editor-code:before{content:"\f475"}.dashicons-editor-contract:before{content:"\f506"}.dashicons-editor-customchar:before{content:"\f220"}.dashicons-editor-expand:before{content:"\f211"}.dashicons-editor-help:before{content:"\f223"}.dashicons-editor-indent:before{content:"\f222"}.dashicons-editor-insertmore:before{content:"\f209"}.dashicons-editor-italic:before{content:"\f201"}.dashicons-editor-justify:before{content:"\f214"}.dashicons-editor-kitchensink:before{content:"\f212"}.dashicons-editor-ltr:before{content:"\f10c"}.dashicons-editor-ol-rtl:before{content:"\f12c"}.dashicons-editor-ol:before{content:"\f204"}.dashicons-editor-outdent:before{content:"\f221"}.dashicons-editor-paragraph:before{content:"\f476"}.dashicons-editor-paste-text:before{content:"\f217"}.dashicons-editor-paste-word:before{content:"\f216"}.dashicons-editor-quote:before{content:"\f205"}.dashicons-editor-removeformatting:before{content:"\f218"}.dashicons-editor-rtl:before{content:"\f320"}.dashicons-editor-spellcheck:before{content:"\f210"}.dashicons-editor-strikethrough:before{content:"\f224"}.dashicons-editor-table:before{content:"\f535"}.dashicons-editor-textcolor:before{content:"\f215"}.dashicons-editor-ul:before{content:"\f203"}.dashicons-editor-underline:before{content:"\f213"}.dashicons-editor-unlink:before{content:"\f225"}.dashicons-editor-video:before{content:"\f219"}.dashicons-ellipsis:before{content:"\f11c"}.dashicons-email-alt:before{content:"\f466"}.dashicons-email-alt2:before{content:"\f467"}.dashicons-email:before{content:"\f465"}.dashicons-embed-audio:before{content:"\f13e"}.dashicons-embed-generic:before{content:"\f13f"}.dashicons-embed-photo:before{content:"\f144"}.dashicons-embed-post:before{content:"\f146"}.dashicons-embed-video:before{content:"\f149"}.dashicons-excerpt-view:before{content:"\f164"}.dashicons-exit:before{content:"\f14a"}.dashicons-external:before{content:"\f504"}.dashicons-facebook-alt:before{content:"\f305"}.dashicons-facebook:before{content:"\f304"}.dashicons-feedback:before{content:"\f175"}.dashicons-filter:before{content:"\f536"}.dashicons-flag:before{content:"\f227"}.dashicons-food:before{content:"\f187"}.dashicons-format-aside:before{content:"\f123"}.dashicons-format-audio:before{content:"\f127"}.dashicons-format-chat:before{content:"\f125"}.dashicons-format-gallery:before{content:"\f161"}.dashicons-format-image:before{content:"\f128"}.dashicons-format-quote:before{content:"\f122"}.dashicons-format-status:before{content:"\f130"}.dashicons-format-video:before{content:"\f126"}.dashicons-forms:before{content:"\f314"}.dashicons-fullscreen-alt:before{content:"\f188"}.dashicons-fullscreen-exit-alt:before{content:"\f189"}.dashicons-games:before{content:"\f18a"}.dashicons-google:before{content:"\f18b"}.dashicons-googleplus:before{content:"\f462"}.dashicons-grid-view:before{content:"\f509"}.dashicons-groups:before{content:"\f307"}.dashicons-hammer:before{content:"\f308"}.dashicons-heading:before{content:"\f10e"}.dashicons-heart:before{content:"\f487"}.dashicons-hidden:before{content:"\f530"}.dashicons-hourglass:before{content:"\f18c"}.dashicons-html:before{content:"\f14b"}.dashicons-id-alt:before{content:"\f337"}.dashicons-id:before{content:"\f336"}.dashicons-image-crop:before{content:"\f165"}.dashicons-image-filter:before{content:"\f533"}.dashicons-image-flip-horizontal:before{content:"\f169"}.dashicons-image-flip-vertical:before{content:"\f168"}.dashicons-image-rotate-left:before{content:"\f166"}.dashicons-image-rotate-right:before{content:"\f167"}.dashicons-image-rotate:before{content:"\f531"}.dashicons-images-alt:before{content:"\f232"}.dashicons-images-alt2:before{content:"\f233"}.dashicons-index-card:before{content:"\f510"}.dashicons-info-outline:before{content:"\f14c"}.dashicons-info:before{content:"\f348"}.dashicons-insert-after:before{content:"\f14d"}.dashicons-insert-before:before{content:"\f14e"}.dashicons-insert:before{content:"\f10f"}.dashicons-instagram:before{content:"\f12d"}.dashicons-laptop:before{content:"\f547"}.dashicons-layout:before{content:"\f538"}.dashicons-leftright:before{content:"\f229"}.dashicons-lightbulb:before{content:"\f339"}.dashicons-linkedin:before{content:"\f18d"}.dashicons-list-view:before{content:"\f163"}.dashicons-location-alt:before{content:"\f231"}.dashicons-location:before{content:"\f230"}.dashicons-lock-duplicate:before{content:"\f315"}.dashicons-lock:before{content:"\f160"}.dashicons-marker:before{content:"\f159"}.dashicons-media-archive:before{content:"\f501"}.dashicons-media-audio:before{content:"\f500"}.dashicons-media-code:before{content:"\f499"}.dashicons-media-default:before{content:"\f498"}.dashicons-media-document:before{content:"\f497"}.dashicons-media-interactive:before{content:"\f496"}.dashicons-media-spreadsheet:before{content:"\f495"}.dashicons-media-text:before{content:"\f491"}.dashicons-media-video:before{content:"\f490"}.dashicons-megaphone:before{content:"\f488"}.dashicons-menu-alt:before{content:"\f228"}.dashicons-menu-alt2:before{content:"\f329"}.dashicons-menu-alt3:before{content:"\f349"}.dashicons-menu:before{content:"\f333"}.dashicons-microphone:before{content:"\f482"}.dashicons-migrate:before{content:"\f310"}.dashicons-minus:before{content:"\f460"}.dashicons-money-alt:before{content:"\f18e"}.dashicons-money:before{content:"\f526"}.dashicons-move:before{content:"\f545"}.dashicons-nametag:before{content:"\f484"}.dashicons-networking:before{content:"\f325"}.dashicons-no-alt:before{content:"\f335"}.dashicons-no:before{content:"\f158"}.dashicons-open-folder:before{content:"\f18f"}.dashicons-palmtree:before{content:"\f527"}.dashicons-paperclip:before{content:"\f546"}.dashicons-pdf:before{content:"\f190"}.dashicons-performance:before{content:"\f311"}.dashicons-pets:before{content:"\f191"}.dashicons-phone:before{content:"\f525"}.dashicons-pinterest:before{content:"\f192"}.dashicons-playlist-audio:before{content:"\f492"}.dashicons-playlist-video:before{content:"\f493"}.dashicons-plugins-checked:before{content:"\f485"}.dashicons-plus-alt:before{content:"\f502"}.dashicons-plus-alt2:before{content:"\f543"}.dashicons-plus:before{content:"\f132"}.dashicons-podio:before{content:"\f19c"}.dashicons-portfolio:before{content:"\f322"}.dashicons-post-status:before{content:"\f173"}.dashicons-pressthis:before{content:"\f157"}.dashicons-printer:before{content:"\f193"}.dashicons-privacy:before{content:"\f194"}.dashicons-products:before{content:"\f312"}.dashicons-randomize:before{content:"\f503"}.dashicons-reddit:before{content:"\f195"}.dashicons-redo:before{content:"\f172"}.dashicons-remove:before{content:"\f14f"}.dashicons-rest-api:before{content:"\f124"}.dashicons-rss:before{content:"\f303"}.dashicons-saved:before{content:"\f15e"}.dashicons-schedule:before{content:"\f489"}.dashicons-screenoptions:before{content:"\f180"}.dashicons-search:before{content:"\f179"}.dashicons-share-alt:before{content:"\f240"}.dashicons-share-alt2:before{content:"\f242"}.dashicons-share:before{content:"\f237"}.dashicons-shield-alt:before{content:"\f334"}.dashicons-shield:before{content:"\f332"}.dashicons-shortcode:before{content:"\f150"}.dashicons-slides:before{content:"\f181"}.dashicons-smartphone:before{content:"\f470"}.dashicons-smiley:before{content:"\f328"}.dashicons-sort:before{content:"\f156"}.dashicons-sos:before{content:"\f468"}.dashicons-spotify:before{content:"\f196"}.dashicons-star-empty:before{content:"\f154"}.dashicons-star-filled:before{content:"\f155"}.dashicons-star-half:before{content:"\f459"}.dashicons-sticky:before{content:"\f537"}.dashicons-store:before{content:"\f513"}.dashicons-superhero-alt:before{content:"\f197"}.dashicons-superhero:before{content:"\f198"}.dashicons-table-col-after:before{content:"\f151"}.dashicons-table-col-before:before{content:"\f152"}.dashicons-table-col-delete:before{content:"\f15a"}.dashicons-table-row-after:before{content:"\f15b"}.dashicons-table-row-before:before{content:"\f15c"}.dashicons-table-row-delete:before{content:"\f15d"}.dashicons-tablet:before{content:"\f471"}.dashicons-tag:before{content:"\f323"}.dashicons-tagcloud:before{content:"\f479"}.dashicons-testimonial:before{content:"\f473"}.dashicons-text-page:before{content:"\f121"}.dashicons-text:before{content:"\f478"}.dashicons-thumbs-down:before{content:"\f542"}.dashicons-thumbs-up:before{content:"\f529"}.dashicons-tickets-alt:before{content:"\f524"}.dashicons-tickets:before{content:"\f486"}.dashicons-tide:before{content:"\f10d"}.dashicons-translation:before{content:"\f326"}.dashicons-trash:before{content:"\f182"}.dashicons-twitch:before{content:"\f199"}.dashicons-twitter-alt:before{content:"\f302"}.dashicons-twitter:before{content:"\f301"}.dashicons-undo:before{content:"\f171"}.dashicons-universal-access-alt:before{content:"\f507"}.dashicons-universal-access:before{content:"\f483"}.dashicons-unlock:before{content:"\f528"}.dashicons-update-alt:before{content:"\f113"}.dashicons-update:before{content:"\f463"}.dashicons-upload:before{content:"\f317"}.dashicons-vault:before{content:"\f178"}.dashicons-video-alt:before{content:"\f234"}.dashicons-video-alt2:before{content:"\f235"}.dashicons-video-alt3:before{content:"\f236"}.dashicons-visibility:before{content:"\f177"}.dashicons-warning:before{content:"\f534"}.dashicons-welcome-add-page:before{content:"\f133"}.dashicons-welcome-comments:before{content:"\f117"}.dashicons-welcome-learn-more:before{content:"\f118"}.dashicons-welcome-view-site:before{content:"\f115"}.dashicons-welcome-widgets-menus:before{content:"\f116"}.dashicons-welcome-write-blog:before{content:"\f119"}.dashicons-whatsapp:before{content:"\f19a"}.dashicons-wordpress-alt:before{content:"\f324"}.dashicons-wordpress:before{content:"\f120"}.dashicons-xing:before{content:"\f19d"}.dashicons-yes-alt:before{content:"\f12a"}.dashicons-yes:before{content:"\f147"}.dashicons-youtube:before{content:"\f19b"}.dashicons-editor-distractionfree:before{content:"\f211"}.dashicons-exerpt-view:before{content:"\f164"}.dashicons-format-links:before{content:"\f103"}.dashicons-format-standard:before{content:"\f109"}.dashicons-post-trash:before{content:"\f182"}.dashicons-share1:before{content:"\f237"}.dashicons-welcome-edit-page:before{content:"\f119"}:root { --sdb-color-primary: #0058B7;
--sdb-color-primary-hover: #004A9B;
--sdb-color-primary-soft: #1A6FCC;
--sdb-color-editorial-accent: #1F3B5B;
--sdb-color-secondary: #009BD8;
--sdb-color-secondary-hover: #0092D1;
--sdb-color-secondary-soft: #33B3E5;
--sdb-color-blue-divider: #CAECFF;
--sdb-color-blue-background: #E4F5FF; --sdb-color-title: #364048;
--sdb-color-text: #6B7785;
--sdb-color-muted: #8E9AA7;
--sdb-color-border: #EEF3F8;
--sdb-color-background: #F5F8FB;
--sdb-color-surface: #FFFFFF;
--sdb-color-soft-black: #1F2A36; --sdb-color-success: #2F8F4E;
--sdb-color-success-bg: #E9F6EE;
--sdb-color-success-text: #1E5F34;
--sdb-color-warning: #F59E0B;
--sdb-color-warning-bg: #FFF5E1;
--sdb-color-warning-text: #8A4B00;
--sdb-color-error: #C53030;
--sdb-color-error-bg: #FDECEC;
--sdb-color-error-text: #7F1D1D;
--sdb-color-info: #4B4BB5;
--sdb-color-info-bg: #F1F1FE;
--sdb-color-info-text: #34348A;
--sdb-color-info-soft: #E7E7FF;
--sdb-color-info-border: rgba(75, 75, 181, .30); --sdb-color-mdb: #F26722;
--sdb-color-mdb-dark: #E24B00;
--sdb-color-mdb-divider: #FFE0CE;
--sdb-color-mdb-bg: #FFE7D8;
--sdb-color-solsal: #2DB414;
--sdb-color-solsal-dark: #1E7A0D;
--sdb-color-solsal-divider: #E8F4DB;
--sdb-color-solsal-bg: #F4F9EF; --sdb-school-lisboa: #8A1F3D;
--sdb-school-lisboa-dark: #5C1328;
--sdb-school-lisboa-bg: #F5E6EB;
--sdb-school-estoril: #FFD100;
--sdb-school-estoril-dark: #FF8C00;
--sdb-school-estoril-bg: #FFF7CC;
--sdb-school-manique: #FF6A2B;
--sdb-school-manique-dark: #B43A14;
--sdb-school-manique-bg: #FFE9E0;
--sdb-school-evora: #8CCF55;
--sdb-school-evora-dark: #4A7C2A;
--sdb-school-evora-bg: #EEF7E7;
--sdb-school-mogofores: #3EC7B7;
--sdb-school-mogofores-dark: #2F8F86;
--sdb-school-mogofores-bg: #E6F7F5;
--sdb-school-porto: #1B2F6B;
--sdb-school-porto-dark: #111F4A;
--sdb-school-porto-bg: #E6EBF6;
--sdb-school-mirandela: #3AA657;
--sdb-school-mirandela-dark: #1F5E32;
--sdb-school-mirandela-bg: #E7F5EC;
--sdb-school-funchal: #FF6F61;
--sdb-school-funchal-dark: #B5453C;
--sdb-school-funchal-bg: #FFECEB; --sdb-font-heading: "neo-sans", "Neo Sans", "Arial", sans-serif;
--sdb-font-body: "archivo", "Archivo", "Arial", sans-serif;
--sdb-font-meta: "archivo-narrow", "Archivo Narrow", "Arial Narrow", "Arial", sans-serif;
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
--sdb-font-code: var(--sdb-font-mono); --sdb-font-weight-regular: 400;
--sdb-font-weight-medium: 500;
--sdb-font-weight-semibold: 600;
--sdb-font-weight-bold: 700;
--sdb-font-weight-h1: var(--sdb-font-weight-bold);
--sdb-font-weight-h2: var(--sdb-font-weight-semibold);
--sdb-font-weight-h3: var(--sdb-font-weight-semibold);
--sdb-font-weight-h4: var(--sdb-font-weight-medium);
--sdb-font-weight-h5: var(--sdb-font-weight-medium);
--sdb-font-weight-h6: var(--sdb-font-weight-medium);
--sdb-font-weight-lead: var(--sdb-font-weight-medium);
--sdb-font-weight-body: var(--sdb-font-weight-regular);
--sdb-font-weight-meta: var(--sdb-font-weight-semibold);
--sdb-font-weight-button: var(--sdb-font-weight-medium);
--sdb-font-weight-card-title: var(--sdb-font-weight-semibold);
--sdb-font-weight-hero-title: 800;
--sdb-font-weight-hero-subtitle: var(--sdb-font-weight-regular);
--sdb-line-height-h1: 1.25;
--sdb-line-height-h2: 1.3;
--sdb-line-height-h3: 1.35;
--sdb-line-height-h4: 1.35;
--sdb-line-height-h5: 1.35;
--sdb-line-height-h6: 1.35;
--sdb-line-height-lead: 1.6;
--sdb-line-height-body: 1.65;
--sdb-line-height-meta: 1.4;
--sdb-line-height-button: 1.2;
--sdb-line-height-card-title: 1.3;
--sdb-line-height-hero-title: 1.02;
--sdb-line-height-hero-subtitle: 1.55;
--sdb-letter-spacing-h1: -0.02em;
--sdb-letter-spacing-h2: -0.015em;
--sdb-letter-spacing-h3: -0.01em;
--sdb-letter-spacing-body: 0em;
--sdb-letter-spacing-meta: 0.08em;
--sdb-letter-spacing-button: 0em;
--sdb-letter-spacing-card-title: -0.01em;
--sdb-letter-spacing-hero-title: -0.035em;
--sdb-letter-spacing-hero-subtitle: 0em;
--sdb-text-h1: 42px;
--sdb-text-h2: 34px;
--sdb-text-h3: 26px;
--sdb-text-h4: 21px;
--sdb-text-h5: 20px;
--sdb-text-h6: 16px;
--sdb-text-lead: 21px;
--sdb-text-body: 18px;
--sdb-text-info: 16px; --sdb-space-1: 4px;
--sdb-space-2: 8px;
--sdb-space-3: 12px;
--sdb-space-4: 16px;
--sdb-space-5: 20px;
--sdb-space-6: 24px;
--sdb-space-8: 32px;
--sdb-space-10: 40px;
--sdb-space-12: 48px; --sdb-radius-sm: 6px;
--sdb-radius-md: 10px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 22px;
--sdb-radius-pill: 999px; --sdb-shadow-element: 5px 5px 5px rgba(143, 154, 164, 0.05);
--sdb-shadow-card: 0 8px 20px rgba(31, 42, 54, 0.06);
--sdb-shadow-card-hover: 0 14px 30px rgba(31, 42, 54, 0.10); --sdb-gradient-data-surface: linear-gradient(180deg, var(--sdb-color-surface), var(--sdb-color-background));
--sdb-gradient-sticky-mask: linear-gradient(180deg, rgba(255, 255, 255, 0), var(--sdb-color-surface) 46%); --sdb-media-bg: var(--sdb-color-background);
--sdb-media-border: var(--sdb-color-border);
--sdb-status-active-bg: var(--sdb-color-success-bg);
--sdb-status-active-text: var(--sdb-color-success-text);
--sdb-status-draft-bg: #F3F4F6;
--sdb-status-draft-text: #4B5563;
--sdb-status-review-bg: var(--sdb-color-warning-bg);
--sdb-status-review-text: var(--sdb-color-warning-text);
--sdb-status-expired-bg: var(--sdb-color-error-bg);
--sdb-status-expired-text: var(--sdb-color-error-text);
--sdb-status-hidden-bg: #F1F5F9;
--sdb-status-hidden-text: #475569;
--sdb-date-badge-width: 72px; --sdb-ref-space-4: var(--sdb-space-4);
--sdb-sys-color-surface: var(--sdb-color-surface);
--sdb-sys-color-outline: var(--sdb-color-outline, #D6E0EA);
--sdb-sem-color-action-primary-bg: var(--sdb-color-primary);
--sdb-sem-color-action-primary-text: var(--sdb-color-on-primary, #FFFFFF);
--sdb-sem-color-feedback-success-bg: var(--sdb-color-success-bg);
--sdb-sem-color-feedback-error-bg: var(--sdb-color-error-bg);
--sdb-comp-field-bg: var(--sdb-field-bg, var(--sdb-color-surface));
--sdb-comp-field-border: var(--sdb-field-border, var(--sdb-color-outline));
--sdb-context-admin-surface: var(--sdb-admin-surface, #fff);
--sdb-context-editorial-title: var(--sdb-color-title); --sdb-bp-sm: 640px;
--sdb-bp-md: 782px;
--sdb-bp-lg: 1024px;
--sdb-bp-xl: 1280px;
--sdb-breakpoint-mobile: var(--sdb-bp-md);
--sdb-breakpoint-tablet: var(--sdb-bp-lg);
--sdb-color-outline: var(--sdb-color-border);
--sdb-color-border-strong: #D8E2EE;
--sdb-color-surface-soft: var(--sdb-color-background);
--sdb-color-surface-alt: var(--sdb-color-background);
--sdb-color-surface-inverse: var(--sdb-color-soft-black);
--sdb-color-on-surface-inverse: #FFFFFF;
--sdb-color-on-primary: #FFFFFF;
--sdb-color-on-secondary: #FFFFFF;
--sdb-color-primary-bg: var(--sdb-color-blue-background);
--sdb-color-success-soft: var(--sdb-color-success-bg);
--sdb-color-success-border: rgba(47, 143, 78, .28);
--sdb-color-warning-soft: var(--sdb-color-warning-bg);
--sdb-color-warning-border: rgba(245, 158, 11, .32);
--sdb-color-error-border: rgba(197, 48, 48, .28);
--sdb-color-danger: var(--sdb-color-error);
--sdb-color-danger-soft: var(--sdb-color-error-bg);
--sdb-color-danger-text: var(--sdb-color-error-text);
--sdb-color-danger-border: var(--sdb-color-error-border);
--sdb-gradient-primary: linear-gradient(90deg, var(--sdb-color-primary), var(--sdb-color-secondary));
--sdb-gradient-editorial: linear-gradient(135deg, var(--sdb-color-editorial-accent), var(--sdb-color-primary));
--sdb-gradient-overlay-soft: linear-gradient(180deg, rgba(5, 18, 34, .18), rgba(5, 18, 34, .42));
--sdb-gradient-overlay-medium: linear-gradient(180deg, rgba(5, 18, 34, .28), rgba(5, 18, 34, .62));
--sdb-gradient-overlay-strong: linear-gradient(180deg, rgba(5, 18, 34, .08), rgba(5, 18, 34, .78));
--sdb-gradient-mdb: linear-gradient(90deg, var(--sdb-mdb-color-primary, var(--sdb-color-mdb)), var(--sdb-mdb-color-primary-dark, var(--sdb-color-mdb-dark)));
--sdb-overlay-soft: var(--sdb-gradient-overlay-soft);
--sdb-overlay-medium: var(--sdb-gradient-overlay-medium);
--sdb-overlay-strong: var(--sdb-gradient-overlay-strong);
--sdb-content-width: var(--sdb-layout-max-width-content, 1320px);
--sdb-section-padding: clamp(32px, 5vw, 72px);
--sdb-section-padding-y: var(--sdb-section-padding);
--sdb-grid-min: min(100%, 260px);
--sdb-grid-columns: repeat(auto-fit, minmax(var(--sdb-grid-min), 1fr));
--sdb-stack-gap: var(--sdb-space-6);
--sdb-flow-space: var(--sdb-space-5);
--sdb-sticky-offset: 24px;
--sdb-z-dropdown: 30;
--sdb-focus-ring-width: 2px;
--sdb-focus-ring-offset: 2px;
--sdb-focus-ring-color: rgba(0, 88, 183, .45);
--sdb-focus-ring: 0 0 0 var(--sdb-focus-ring-width) var(--sdb-focus-ring-color);
--sdb-touch-target-min: 44px;
--sdb-responsive-gap-sm: var(--sdb-space-3);
--sdb-responsive-gap-md: var(--sdb-space-5);
--sdb-responsive-gap-lg: var(--sdb-space-8);
--sdb-responsive-grid-min: min(100%, 260px);
--sdb-density-comfortable-gap: var(--sdb-responsive-gap-lg);
--sdb-density-compact-gap: var(--sdb-responsive-gap-sm);
--sdb-density-dense-gap: var(--sdb-space-2);
--sdb-motion-transform-hover: translateY(-1px);
--sdb-motion-safe-transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
--sdb-tabs-gap: 4px;
--sdb-tabs-item-padding: 8px 14px;
--sdb-tabs-active-indicator: 2px;
--sdb-tabs-min-height-sm: 34px;
--sdb-tabs-min-height-md: 40px;
--sdb-tabs-min-height-lg: 48px;
--sdb-tabs-radius: 8px;
--sdb-tabs-separator-color: var(--sdb-color-outline-variant, var(--sdb-color-border, #E7EEF5));
--sdb-tabs-selected-bg: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 7%, transparent);
--sdb-tabs-segmented-bg: var(--sdb-color-surface-high, var(--sdb-color-background, #F4F7FB));
--sdb-accordion-padding: clamp(14px, 1.6vw, 18px);
--sdb-accordion-gap: 10px;
--sdb-breadcrumb-gap: .45rem;
--sdb-action-menu-min-width: 220px;
--sdb-skeleton-radius: var(--sdb-radius-sm, 6px);
--sdb-toast-width: min(100%, 420px);
--sdb-toast-padding: .8rem 1rem;
--sdb-interactive-transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
--sdb-admin-dashboard-gap: var(--sdb-space-5);
--sdb-admin-dashboard-kpi-min-width: 160px;
--sdb-admin-dashboard-card-padding: clamp(14px, 1.8vw, 20px);
--sdb-admin-dashboard-toolbar-gap: 10px;
--sdb-admin-accent-surface-width: 3px;
--sdb-admin-accent-surface-padding-block: clamp(14px, 1.6vw, 18px);
--sdb-admin-accent-surface-padding-inline: clamp(16px, 1.8vw, 20px);
--sdb-admin-accent-surface-radius: var(--sdb-radius-md, 10px);
--sdb-admin-accent-surface-color: var(--sdb-color-primary, #0058B7);
--sdb-admin-accent-surface-bg: var(--sdb-color-surface, #FFFFFF);
--sdb-admin-dashboard-accent-width: var(--sdb-admin-accent-surface-width);
--sdb-admin-header-rule-color: var(--sdb-color-outline-variant, #EEF3F8);
--sdb-admin-header-block-padding: clamp(20px, 2.4vw, 30px);
--sdb-admin-header-content-gap: clamp(20px, 3vw, 40px);
--sdb-admin-dashboard-empty-min-height: 180px;
--sdb-admin-grid-gap: var(--sdb-space-5);
--sdb-admin-card-gap: var(--sdb-space-4);
--sdb-admin-table-cell-padding-tablet: 10px 12px;
--sdb-admin-note-min-height: 44px;
--sdb-permission-matrix-max-height: 520px;
--sdb-process-log-max-height: 360px;
--sdb-playground-swatch: 42px;
--sdb-consent-padding-x: clamp(13px, 1.8vw, 18px);
--sdb-consent-padding-y: clamp(13px, 1.8vw, 18px);
--sdb-session-card-padding-x: clamp(15px, 2vw, 22px);
--sdb-session-card-padding-y: clamp(15px, 2vw, 22px);
--sdb-session-card-content-gap: var(--sdb-space-3);
--sdb-validation-summary-bg: var(--sdb-color-error-bg);
--sdb-validation-summary-text: var(--sdb-color-error-text);
--sdb-action-stack-gap: var(--sdb-space-2);
--sdb-calendar-actions-gap: var(--sdb-space-2); --sdb-font-size-button: 16px;
--sdb-font-size-card-title: var(--sdb-text-h4, 21px);
--sdb-font-size-hero-title: var(--sdb-text-h1, 42px);
--sdb-font-size-meta: 13px;
--sdb-line-height-heading: 1.25;
--sdb-letter-spacing-heading: -0.015em;
--sdb-letter-spacing-h4: -0.005em;
--sdb-record-columns: minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr);
--sdb-progress-current: 0%;
--sdb-u-progress-value: 0%;
--sdb-impact-progress-value: 0%;
--sdb-cause-card-gap: var(--sdb-space-md);
--sdb-cause-card-border: var(--sdb-color-border);
--sdb-cause-card-radius: var(--sdb-radius-lg);
--sdb-cause-card-bg: var(--sdb-color-surface);
--sdb-cause-card-shadow: var(--sdb-shadow-card);
--sdb-editorial-adapter-bg: inherit;
--sdb-editorial-adapter-border: 0;
--sdb-editorial-tag-font-size: .76rem;
--sdb-editorial-tag-font-weight: 800;
--sdb-editorial-tag-letter-spacing: .06em;
--sdb-editorial-tag-padding-x: .72em;
--sdb-editorial-tag-padding-y: .34em;
--sdb-tag-on-image-adapter-border: 0;
--sdb-tag-on-image-adapter-padding: .34em .72em;
--sdb-tag-on-image-adapter-radius: var(--sdb-radius-pill); --accent: var(--sdb-color-muted);
--accent-dark: var(--sdb-color-primary);
--accent-hover: var(--sdb-color-secondary);
--border: var(--sdb-color-border);
--bg-muted: var(--sdb-color-background);
--radius: var(--sdb-radius-md);
--font-small: 14px;
--shadow-element: var(--sdb-shadow-element);
--shadow-soft: var(--sdb-shadow-element);
}
@media (max-width: 767px) {
:root {
--sdb-text-h1: 28px;
--sdb-text-h2: 22px;
--sdb-text-h3: 20px;
--sdb-text-h4: 18px;
--sdb-text-h5: 17px;
--sdb-text-h6: 16px;
--sdb-text-lead: 20px;
--sdb-text-body: 18px;
--sdb-text-info: 14px;
}
} body.sdb-design-system-global-typography,
body.sdb-design-system-global-typography p,
body.sdb-design-system-global-typography .entry-content,
body.sdb-design-system-global-typography .entry-content p {
font-family: var(--sdb-font-body) !important;
}
body.sdb-design-system-global-typography h1,
body.sdb-design-system-global-typography h2,
body.sdb-design-system-global-typography h3,
body.sdb-design-system-global-typography h4,
body.sdb-design-system-global-typography h5,
body.sdb-design-system-global-typography h6,
body.sdb-design-system-global-typography .entry-title {
font-family: var(--sdb-font-heading) !important;
}
body.sdb-design-system-global-typography .sdb-meta,
body.sdb-design-system-global-typography .sdb-caption,
body.sdb-design-system-global-typography .wp-element-caption {
font-family: var(--sdb-font-meta) !important;
}  body.sdb-design-system-gutenberg-typography .wp-block-paragraph,
body.sdb-design-system-gutenberg-typography .wp-block-list,
body.sdb-design-system-gutenberg-typography .wp-block-quote,
body.sdb-design-system-gutenberg-typography .wp-block-table,
body.sdb-design-system-gutenberg-typography .wp-block-button,
body.sdb-design-system-gutenberg-typography .wp-block-media-text {
font-family: var(--sdb-font-body) !important;
}
body.sdb-design-system-gutenberg-typography .wp-block-heading {
font-family: var(--sdb-font-heading) !important;
}
body.sdb-design-system-gutenberg-typography .wp-block-image figcaption,
body.sdb-design-system-gutenberg-typography .wp-block-embed figcaption,
body.sdb-design-system-gutenberg-typography .blocks-gallery-caption,
body.sdb-design-system-gutenberg-typography .wp-element-caption {
font-family: var(--sdb-font-meta) !important;
} .sdb-section,
.sdb-container,
.sdb-grid,
.sdb-card,
.sdb-card *,
.sdb-filter-bar,
.sdb-filter-bar *,
.sdb-form,
.sdb-form *,
.sdb-empty-state,
.sdb-empty-state *,
.sdb-alert,
.sdb-table-wrap,
.sdb-table,
.sdb-table * {
box-sizing: border-box;
}
.sdb-section {
margin-block: var(--sdb-space-10);
}
.sdb-section .sdb-section {
margin-block: var(--sdb-space-12);
}
.sdb-section-header {
margin-bottom: var(--sdb-space-10);
}
.sdb-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
} .sdb-title-xl,
.sdb-title-lg,
.sdb-title-md,
.sdb-title-sm {
font-family: var(--sdb-font-heading) !important;
color: var(--sdb-color-title) !important;
margin: 0 0 var(--sdb-space-4);
letter-spacing: -0.02em;
}
.sdb-title-xl { font-size: var(--sdb-text-h1); font-weight: var(--sdb-font-weight-h1); line-height: var(--sdb-line-height-h1); letter-spacing: var(--sdb-letter-spacing-h1); }
.sdb-title-lg { font-size: var(--sdb-text-h2); font-weight: var(--sdb-font-weight-h2); line-height: var(--sdb-line-height-h2); letter-spacing: var(--sdb-letter-spacing-h2); }
.sdb-title-md { font-size: var(--sdb-text-h3); font-weight: var(--sdb-font-weight-h3); line-height: var(--sdb-line-height-h3); letter-spacing: var(--sdb-letter-spacing-h3); }
.sdb-title-sm { font-size: var(--sdb-text-h4); font-weight: var(--sdb-font-weight-h4); line-height: var(--sdb-line-height-h4); letter-spacing: var(--sdb-letter-spacing-h4, 0em); }
.sdb-lead {
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-text-lead) !important;
font-weight: var(--sdb-font-weight-lead);
line-height: var(--sdb-line-height-lead);
color: var(--sdb-color-text) !important;
}
.sdb-body {
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-text-body) !important;
font-weight: var(--sdb-font-weight-body);
line-height: var(--sdb-line-height-body);
color: var(--sdb-color-text) !important;
}
.sdb-meta,
.sdb-caption,
.sdb-eyebrow {
font-family: var(--sdb-font-meta) !important;
color: var(--sdb-color-muted) !important;
}
.sdb-eyebrow {
display: inline-block;
margin-bottom: var(--sdb-space-2);
font-size: var(--sdb-font-size-meta, 13px);
font-weight: var(--sdb-font-weight-meta);
line-height: var(--sdb-line-height-meta);
letter-spacing: var(--sdb-letter-spacing-meta);
text-transform: uppercase;
} .sdb-container {
width: min(100%, 1180px);
margin-inline: auto;
padding-inline: var(--sdb-space-6);
}
.sdb-grid {
display: grid;
gap: var(--sdb-space-6);
align-items: stretch;
}
.sdb-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdb-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1024px) {
.sdb-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.sdb-container { padding-inline: var(--sdb-space-4); }
.sdb-grid--2,
.sdb-grid--3,
.sdb-grid--4 { grid-template-columns: 1fr; }
} .sdb-btn,
a.sdb-btn,
button.sdb-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: var(--sdb-space-2) !important;
min-height: 44px !important;
padding: 10px 22px !important;
border-radius: var(--sdb-radius-md) !important;
border: 1px solid transparent !important;
box-shadow: none !important;
font-family: var(--sdb-font-body) !important;
font-size: var(--sdb-font-size-button, 16px) !important;
font-weight: var(--sdb-font-weight-button, 500) !important;
line-height: var(--sdb-line-height-button, 1.2) !important;
letter-spacing: var(--sdb-letter-spacing-button, 0em) !important;
text-decoration: none !important;
cursor: pointer;
vertical-align: middle;
appearance: none;
transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sdb-btn:hover,
a.sdb-btn:hover,
button.sdb-btn:hover {
transform: translateY(-1px);
}
.sdb-btn--primary,
a.sdb-btn--primary,
button.sdb-btn--primary {
color: #fff !important;
background: var(--sdb-color-primary) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--primary:hover,
a.sdb-btn--primary:hover,
button.sdb-btn--primary:hover {
color: #fff !important;
background: var(--sdb-color-primary-hover) !important;
border-color: var(--sdb-color-primary-hover) !important;
box-shadow: 0 6px 14px rgba(0, 88, 183, 0.16) !important;
}
.sdb-btn--primary-light,
a.sdb-btn--primary-light,
button.sdb-btn--primary-light {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-blue-divider) !important;
}
.sdb-btn--primary-light:hover,
a.sdb-btn--primary-light:hover,
button.sdb-btn--primary-light:hover {
color: var(--sdb-color-primary-hover) !important;
background: var(--sdb-color-blue-divider) !important;
border-color: var(--sdb-color-secondary) !important;
}
.sdb-btn--secondary,
a.sdb-btn--secondary,
button.sdb-btn--secondary {
color: var(--sdb-color-primary) !important;
background: #fff !important;
border-color: var(--sdb-color-secondary) !important;
}
.sdb-btn--secondary:hover,
a.sdb-btn--secondary:hover,
button.sdb-btn--secondary:hover {
color: var(--sdb-color-primary-hover) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--neutral,
a.sdb-btn--neutral,
button.sdb-btn--neutral {
color: var(--sdb-color-text) !important;
background: #fff !important;
border-color: var(--sdb-color-muted) !important;
}
.sdb-btn--neutral:hover,
a.sdb-btn--neutral:hover,
button.sdb-btn--neutral:hover {
color: var(--sdb-color-primary) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--text,
a.sdb-btn--text,
button.sdb-btn--text {
min-height: var(--sdb-touch-target-min, 44px) !important;
padding: 6px 0 !important;
color: var(--sdb-color-primary) !important;
background: transparent !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: inset 0 -1px 0 rgba(0, 88, 183, 0.22) !important;
}
.sdb-btn--text:hover,
a.sdb-btn--text:hover,
button.sdb-btn--text:hover {
color: var(--sdb-color-primary-hover) !important;
box-shadow: inset 0 -2px 0 var(--sdb-color-primary-hover) !important;
}
.sdb-btn--sm,
a.sdb-btn--sm,
button.sdb-btn--sm,
.sdb-btn--compact,
a.sdb-btn--compact,
button.sdb-btn--compact,
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-sm-min-height) !important;
padding: var(--sdb-btn-sm-padding-y) var(--sdb-btn-sm-padding-x) !important;
border-radius: var(--sdb-radius-sm, 8px) !important;
font-size: var(--sdb-btn-sm-font-size) !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
}
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-table-action-min-height) !important;
padding: var(--sdb-btn-table-action-padding-y) var(--sdb-btn-table-action-padding-x) !important;
white-space: nowrap !important;
}
.sdb-btn--sm:focus-visible,
.sdb-btn--compact:focus-visible,
.sdb-btn--table-action:focus-visible {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)) !important;
} .sdb-card {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--sdb-color-surface);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sdb-card:hover {
transform: translateY(-2px);
box-shadow: var(--sdb-shadow-card);
}
.sdb-card__media img {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.sdb-card__body { padding: var(--sdb-space-6); }
.sdb-card__footer {
margin-top: auto;
padding: 0 var(--sdb-space-6) var(--sdb-space-6);
}
.sdb-card__actions {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
align-items: center;
}
.sdb-card__meta {
margin-bottom: var(--sdb-space-2);
font-family: var(--sdb-font-meta);
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-card__title {
margin: 0 0 var(--sdb-space-3);
font-family: var(--sdb-font-heading);
font-size: 21px;
font-weight: 600;
line-height: 1.3;
color: var(--sdb-color-title);
}
.sdb-card__text {
margin: 0;
font-size: 16px;
line-height: 1.6;
color: var(--sdb-color-text);
}
.sdb-card--action { border-top: 4px solid var(--sdb-color-secondary); }
.sdb-card--editorial .sdb-card__body { padding-top: var(--sdb-space-5); }
.sdb-card--data { background: var(--sdb-gradient-data-surface); } .sdb-pill {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 28px;
padding: 5px 12px;
border-radius: var(--sdb-radius-pill);
font-size: 13px;
font-weight: 600;
line-height: 1;
background: var(--sdb-color-background);
color: var(--sdb-color-text);
}
.sdb-pill--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-pill--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-pill--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-pill--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); } .sdb-filter-bar {
display: flex;
flex-wrap: wrap;
align-items: end;
gap: var(--sdb-space-4);
padding: var(--sdb-space-5);
margin-bottom: var(--sdb-space-6);
background: var(--sdb-color-background);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
}
.sdb-field { display: grid; gap: 6px; }
.sdb-label { font-size: 13px; font-weight: 600; color: var(--sdb-color-title); }
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100%;
min-height: 44px;
padding: 10px 12px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-text);
box-sizing: border-box;
}
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus {
outline: none;
border-color: var(--sdb-color-primary);
box-shadow: 0 0 0 4px rgba(0, 88, 183, .12);
} .sdb-filter-bar__group,
.sdb-form__field {
display: grid;
gap: 7px;
}
.sdb-filter-bar__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
}
.sdb-form {
display: grid;
gap: var(--sdb-space-4);
max-width: 760px;
}
.sdb-form__row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--sdb-space-4);
}
.sdb-filter-bar label,
.sdb-form label,
.sdb-label {
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
color: var(--sdb-color-title) !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea,
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100% !important;
min-height: 44px !important;
padding: 10px 12px !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
background-color: #fff !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.4 !important;
box-shadow: none !important;
appearance: auto;
}
.sdb-filter-bar input:focus,
.sdb-filter-bar select:focus,
.sdb-form input:focus,
.sdb-form select:focus,
.sdb-form textarea:focus,
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus {
outline: none !important;
border-color: var(--sdb-color-primary) !important;
box-shadow: 0 0 0 4px rgba(0, 88, 183, .12) !important;
}
.sdb-form textarea,
.sdb-textarea {
min-height: 130px !important;
resize: vertical;
}
@media (max-width: 768px) {
.sdb-form__row { grid-template-columns: 1fr; }
.sdb-filter-bar { align-items: stretch; }
.sdb-filter-bar__group,
.sdb-filter-bar__actions { width: 100%; }
} .sdb-alert {
padding: var(--sdb-space-5);
border-radius: var(--sdb-radius-lg);
border: 1px solid var(--sdb-color-border);
background: #fff;
color: var(--sdb-color-text);
}
.sdb-alert--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); border-color: rgba(47,143,78,.25); }
.sdb-alert--warning { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); border-color: rgba(245,158,11,.25); }
.sdb-alert--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); border-color: rgba(197,48,48,.25); }
.sdb-alert--info { background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); border-color: rgba(134,134,242,.25); } .sdb-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
background: #fff;
border: 1px solid #dfe8f2;
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-table-wrap::after {
display: none;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
width: 100% !important;
min-width: 720px !important;
margin: 0 !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
table-layout: auto !important;
background: #fff !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td,
table.sdb-table th,
table.sdb-table td {
padding: 17px 20px !important;
border: 0 !important;
border-bottom: 1px solid #edf2f7 !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.45 !important;
text-align: left !important;
vertical-align: middle !important;
white-space: nowrap !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
.sdb-table-wrap .sdb-table th,
table.sdb-table th {
background: #f7f9fc !important;
color: #1f2a36 !important;
font-weight: 700 !important;
box-shadow: inset 0 -1px 0 #ccd8e5 !important;
}
.sdb-table-wrap .sdb-table td,
table.sdb-table td {
color: #52677f !important;
background: #fff !important;
}
.sdb-table-wrap .sdb-table tbody tr:nth-child(even) td,
table.sdb-table tbody tr:nth-child(even) td {
background: #fbfcfe !important;
}
.sdb-table-wrap .sdb-table tr:last-child td,
table.sdb-table tr:last-child td {
border-bottom: 0 !important;
}
.sdb-table-wrap .sdb-pill {
white-space: nowrap;
}
@media (max-width: 768px) {
.sdb-table-wrap {
padding-bottom: 6px;
}
.sdb-table-wrap::after {
content: "← Deslize para ver mais →";
display: block;
padding: 10px 14px 12px;
font-family: var(--sdb-font-meta);
font-size: 11px;
font-weight: 600;
letter-spacing: .12em;
text-align: center;
text-transform: uppercase;
color: var(--sdb-color-muted);
background: #fff;
}
}
.sdb-data-list {
display: grid;
overflow: hidden;
background: #fff;
border: 1px solid #dfe8f2;
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-data-list__head,
.sdb-data-list__row {
display: grid;
grid-template-columns: minmax(0, 1.35fr) 150px 170px 150px;
gap: var(--sdb-space-4);
align-items: center;
padding: 17px 20px;
}
.sdb-data-list__head {
background: #f7f9fc;
color: #1f2a36;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 700;
box-shadow: inset 0 -1px 0 #ccd8e5;
}
.sdb-data-list__row {
border-top: 1px solid #edf2f7;
color: #52677f;
font-family: var(--sdb-font-body);
font-size: 15px;
line-height: 1.45;
}
.sdb-data-list__row:nth-child(even) {
background: #fbfcfe;
}
.sdb-data-list__title {
color: var(--sdb-color-title);
font-weight: 600;
}
.sdb-data-list__label {
display: none;
margin-bottom: 4px;
font-family: var(--sdb-font-meta);
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
@media (max-width: 768px) {
.sdb-data-list {
gap: var(--sdb-space-3);
padding: var(--sdb-space-3);
background: var(--sdb-color-background);
border-color: var(--sdb-color-border);
}
.sdb-data-list__head {
display: none;
}
.sdb-data-list__row {
display: grid;
grid-template-columns: 1fr;
gap: var(--sdb-space-3);
padding: var(--sdb-space-5);
background: #fff !important;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
}
.sdb-data-list__label {
display: block;
}
} .sdb-empty-state {
display: grid;
justify-items: center;
text-align: center;
gap: var(--sdb-space-3);
padding: var(--sdb-space-10);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-empty-state__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 999px;
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-size: 20px;
line-height: 1;
}
.sdb-empty-state__title {
margin: 0;
font-family: var(--sdb-font-heading) !important;
font-size: 24px;
font-weight: 600;
line-height: 1.3;
color: var(--sdb-color-title) !important;
}
.sdb-empty-state__text {
max-width: 680px;
margin: 0;
color: var(--sdb-color-text) !important;
font-size: 16px;
line-height: 1.6;
} .sdb-panel {
padding: var(--sdb-space-6);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-panel--muted {
background: var(--sdb-color-background);
}
.sdb-stack {
display: grid;
gap: var(--sdb-space-4);
}
.sdb-stack--sm { gap: var(--sdb-space-2); }
.sdb-stack--lg { gap: var(--sdb-space-6); }
.sdb-section-header {
display: grid;
gap: var(--sdb-space-2);
max-width: 860px;
}
.sdb-section-header .sdb-title-xl,
.sdb-section-header .sdb-title-lg,
.sdb-section-header .sdb-lead {
margin-bottom: 0;
}
.sdb-meta-list {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-meta-list__item {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 30px;
padding: 5px 10px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-pill);
background: #fff;
color: var(--sdb-color-text);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 500;
}
.sdb-divider {
height: 1px;
border: 0;
background: var(--sdb-color-border);
margin: var(--sdb-space-8) 0;
}
.sdb-kpi {
display: grid;
gap: var(--sdb-space-1);
padding: var(--sdb-space-5);
background: #fff;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
}
.sdb-kpi__value {
font-family: var(--sdb-font-heading);
font-size: clamp(28px, 4vw, 42px);
font-weight: 700;
line-height: 1.05;
color: var(--sdb-color-primary);
}
.sdb-kpi__label {
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 600;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-progress {
display: grid;
gap: var(--sdb-space-2);
}
.sdb-progress__track {
overflow: hidden;
height: 10px;
background: var(--sdb-color-background);
border-radius: var(--sdb-radius-pill);
}
.sdb-progress__bar {
display: block;
width: var(--sdb-progress-value, 0%);
height: 100%;
background: var(--sdb-progress-fill);
border-radius: inherit;
}
.sdb-progress__meta {
display: flex;
justify-content: space-between;
gap: var(--sdb-space-3);
font-family: var(--sdb-font-meta);
font-size: 13px;
color: var(--sdb-color-text);
} .wp-block-image figcaption,
.wp-block-embed figcaption,
.blocks-gallery-caption.wp-element-caption {
font-size: 14px;
color: var(--sdb-color-muted);
} .sdb-only-mobile { display: none !important; }
@media (max-width: 768px) {
.sdb-only-mobile { display: block !important; }
.sdb-hide-mobile { display: none !important; }
}
.sdb-alert + .sdb-alert {
margin-top: var(--sdb-space-3);
}
.sdb-table-wrap .sdb-table {
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td {
font-family: var(--sdb-font-body) !important;
}  .sdb-section {
margin-block: clamp(32px, 5vw, 56px) !important;
}
.sdb-section .sdb-section {
margin-block: clamp(28px, 4vw, 48px) !important;
}
.sdb-section-header {
margin-bottom: clamp(28px, 4vw, 44px) !important;
}
.sdb-title-xl,
.sdb-title-lg,
.sdb-title-md,
.sdb-title-sm,
.sdb-lead,
.sdb-body,
.sdb-meta,
.sdb-card__title,
.sdb-card__text,
.sdb-empty-state__title,
.sdb-empty-state__text {
text-wrap: pretty;
}
.sdb-lead,
.sdb-body {
max-width: 820px;
} .sdb-grid--2 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
}
.sdb-grid--3 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
}
.sdb-grid--4 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
} .sdb-card {
min-width: 0 !important;
}
.sdb-card__body {
display: grid;
align-content: start;
gap: var(--sdb-space-3);
padding: clamp(20px, 2.2vw, 28px) !important;
}
.sdb-card__body > .sdb-pill {
justify-self: start;
}
.sdb-card__title {
margin: 0 !important;
}
.sdb-card__text {
margin: 0 !important;
}
.sdb-card__footer {
padding: 0 clamp(20px, 2.2vw, 28px) clamp(20px, 2.2vw, 28px) !important;
} .sdb-card__footer .sdb-btn:not(.sdb-btn--text),
.sdb-actions .sdb-btn:not(.sdb-btn--text) {
min-width: 132px;
} .sdb-filter-bar {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) auto !important;
align-items: end !important;
gap: 14px 18px !important;
padding: clamp(18px, 2.2vw, 24px) !important;
}
.sdb-filter-bar__group,
.sdb-form__field {
gap: 8px !important;
min-width: 0 !important;
}
.sdb-filter-bar__group > label,
.sdb-form__field > label,
.sdb-form label,
.sdb-filter-bar label {
margin: 0 !important;
padding: 0 !important;
}
.sdb-filter-bar__actions {
align-self: end !important;
display: flex !important;
align-items: center !important;
gap: var(--sdb-space-3) !important;
padding-top: 0 !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea {
margin: 0 !important;
}
@media (max-width: 780px) {
.sdb-filter-bar {
grid-template-columns: 1fr !important;
}
.sdb-filter-bar__actions {
width: 100% !important;
}
} .sdb-form {
gap: 18px !important;
max-width: 780px !important;
}
.sdb-form__row {
gap: 18px !important;
}
.sdb-form textarea,
.sdb-textarea {
min-height: 140px !important;
} dl.sdb-meta-list {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
gap: 14px 22px !important;
margin: 0 !important;
padding: clamp(18px, 2vw, 24px) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
dl.sdb-meta-list > div {
display: grid !important;
align-content: start !important;
gap: 6px !important;
min-width: 0 !important;
}
dl.sdb-meta-list dt {
margin: 0 !important;
font-family: var(--sdb-font-meta) !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
}
dl.sdb-meta-list dd {
margin: 0 !important;
font-family: var(--sdb-font-body) !important;
font-size: 16px !important;
line-height: 1.45 !important;
color: var(--sdb-color-text) !important;
} .sdb-table-wrap {
max-width: 100% !important;
border-color: #dfe8f2 !important;
scrollbar-gutter: stable;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
min-width: 640px !important;
}
.sdb-table-wrap .sdb-table th,
.sdb-table-wrap .sdb-table td,
table.sdb-table th,
table.sdb-table td {
padding: 15px 18px !important;
} .sdb-data-list {
container-type: inline-size;
max-width: 100% !important;
}
.sdb-data-list__head,
.sdb-data-list__row {
grid-template-columns: minmax(180px, 1.4fr) minmax(110px, .75fr) minmax(130px, .9fr) minmax(120px, .8fr) !important;
gap: 16px !important;
}
.sdb-data-list__row > div,
.sdb-data-list__head > div {
min-width: 0 !important;
}
.sdb-data-list__title,
.sdb-data-list__row span:not(.sdb-pill),
.sdb-data-list__row div {
overflow-wrap: anywhere;
}
@container (max-width: 720px) {
.sdb-data-list {
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-3) !important;
background: var(--sdb-color-background) !important;
border-color: var(--sdb-color-border) !important;
}
.sdb-data-list__head {
display: none !important;
}
.sdb-data-list__row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-5) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
}
.sdb-data-list__label {
display: block !important;
}
} .sdb-empty-state {
justify-items: start !important;
text-align: left !important;
padding: clamp(24px, 4vw, 40px) !important;
}
.sdb-empty-state__text {
max-width: 760px !important;
}
@media (max-width: 640px) {
.sdb-actions {
align-items: stretch !important;
}
.sdb-actions .sdb-btn:not(.sdb-btn--text),
.sdb-card__footer .sdb-btn:not(.sdb-btn--text) {
width: 100% !important;
}
}  .sdb-grid--3 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
}
.sdb-grid--2 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)) !important;
}
.sdb-grid--4 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
} .sdb-filter-bar {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
align-items: end !important;
gap: 16px !important;
padding: clamp(18px, 2vw, 24px) !important;
background: var(--sdb-color-background) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
}
.sdb-filter-bar__group,
.sdb-form__field {
display: block !important;
min-width: 0 !important;
}
.sdb-filter-bar__group > label,
.sdb-form__field > label,
.sdb-filter-bar label,
.sdb-form label {
display: block !important;
margin: 0 0 7px 0 !important;
padding: 0 !important;
}
.sdb-filter-bar input,
.sdb-filter-bar select,
.sdb-form input,
.sdb-form select,
.sdb-form textarea {
display: block !important;
margin: 0 !important;
}
.sdb-filter-bar__actions {
align-self: end !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
min-height: 44px !important;
padding: 0 !important;
}
.sdb-filter-bar__actions .sdb-btn--text {
min-height: var(--sdb-touch-target-min, 44px) !important;
padding-block: 10px !important;
}
@media (max-width: 1024px) {
.sdb-filter-bar {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.sdb-filter-bar__actions {
grid-column: 1 / -1 !important;
}
}
@media (max-width: 640px) {
.sdb-filter-bar {
grid-template-columns: 1fr !important;
gap: 14px !important;
padding: 18px !important;
}
.sdb-filter-bar__actions {
width: 100% !important;
flex-wrap: wrap !important;
}
.sdb-filter-bar__actions .sdb-btn:not(.sdb-btn--text) {
flex: 1 1 auto !important;
}
} .sdb-form {
gap: 16px !important;
}
.sdb-form__row {
gap: 16px !important;
}
.sdb-form__field + .sdb-form__field {
margin-top: 0 !important;
} .sdb-table-wrap {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important;
}
.sdb-table-wrap .sdb-table,
table.sdb-table {
width: 100% !important;
min-width: 620px !important;
margin: 0 !important;
border: 0 !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
table-layout: auto !important;
background: transparent !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table th,
table.sdb-table th {
padding: 14px 16px !important;
background: #f7f9fc !important;
border: 0 !important;
border-top: 1px solid #dfe8f2 !important;
border-bottom: 1px solid #cbd8e5 !important;
color: var(--sdb-color-soft-black) !important;
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-align: left !important;
white-space: nowrap !important;
box-shadow: none !important;
}
.sdb-table-wrap .sdb-table td,
table.sdb-table td {
padding: 16px !important;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid #edf2f7 !important;
color: #52677f !important;
font-family: var(--sdb-font-body) !important;
font-size: 15px !important;
line-height: 1.45 !important;
text-align: left !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.sdb-table-wrap .sdb-table tbody tr:nth-child(even) td,
table.sdb-table tbody tr:nth-child(even) td {
background: #fbfcfe !important;
}
.sdb-table-wrap .sdb-table tbody tr:hover td,
table.sdb-table tbody tr:hover td {
background: #f8fbff !important;
}
.sdb-table-wrap::after {
display: none !important;
}
@media (max-width: 768px) {
.sdb-table-wrap {
padding-bottom: 4px !important;
border-bottom: 1px solid var(--sdb-color-border) !important;
}
.sdb-table-wrap::after {
content: "← Deslize para ver mais →" !important;
display: block !important;
padding: 10px 0 0 !important;
font-family: var(--sdb-font-meta) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: .12em !important;
text-align: center !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
background: transparent !important;
}
} .sdb-data-list__head,
.sdb-data-list__row {
grid-template-columns: minmax(220px, 1.4fr) minmax(120px, .75fr) minmax(150px, .9fr) minmax(130px, .8fr) !important;
}
@container (max-width: 860px) {
.sdb-data-list {
gap: var(--sdb-space-3) !important;
padding: var(--sdb-space-3) !important;
background: var(--sdb-color-background) !important;
border-color: var(--sdb-color-border) !important;
}
.sdb-data-list__head {
display: none !important;
}
.sdb-data-list__row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 18px !important;
padding: var(--sdb-space-5) !important;
background: #fff !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
}
.sdb-data-list__label {
display: block !important;
}
}
@container (max-width: 520px) {
.sdb-data-list__row {
grid-template-columns: 1fr !important;
}
} dl.sdb-meta-list {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important;
gap: 18px 24px !important;
} .sdb-section,
.sdb-container,
.sdb-panel,
.sdb-card,
.sdb-filter-bar,
.sdb-form,
.sdb-data-list,
.sdb-empty-state,
.sdb-kpi,
.sdb-progress,
.sdb-meta-list {
container-type: inline-size;
}
.sdb-visually-hidden,
.sdb-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline: 3px solid color-mix(in srgb, var(--sdb-color-secondary) 45%, white) !important;
outline-offset: 3px !important;
box-shadow: 0 0 0 1px var(--sdb-color-primary) !important;
}
@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline-color: #CAECFF !important;
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-btn,
.sdb-card,
.sdb-card *,
.sdb-alert,
.sdb-progress__bar {
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
} @media (prefers-contrast: more) {
:root {
--sdb-color-text: #2A323B;
--sdb-color-muted: #4A5560;
--sdb-color-border: #6B7785;
--sdb-color-outline: #4A5560;
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
border: 1px solid currentColor !important;
}
.sdb-btn:focus-visible,
.sdb-card a:focus-visible,
.sdb-filter-bar input:focus-visible,
.sdb-filter-bar select:focus-visible,
.sdb-filter-bar textarea:focus-visible,
.sdb-form input:focus-visible,
.sdb-form select:focus-visible,
.sdb-form textarea:focus-visible,
.sdb-data-list a:focus-visible,
.sdb-table a:focus-visible {
outline: 3px solid var(--sdb-color-primary) !important;
outline-offset: 2px !important;
}
}
.sdb-cluster {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: var(--sdb-space-3) !important;
}
.sdb-split {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--sdb-space-4) !important;
}
.sdb-flow > * + * {
margin-top: var(--sdb-flow-space, var(--sdb-space-4)) !important;
}
.sdb-surface {
background: var(--sdb-color-surface) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-grid--auto {
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)) !important;
}
@container (max-width: 760px) {
.sdb-grid--2,
.sdb-grid--3,
.sdb-grid--4 {
grid-template-columns: 1fr !important;
}
}
@container (min-width: 761px) and (max-width: 1040px) {
.sdb-grid--3,
.sdb-grid--4 {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
.sdb-card {
overflow: clip !important;
}
.sdb-card__media img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
}
.sdb-card--compact .sdb-card__body {
padding: var(--sdb-space-5) !important;
}
.sdb-card--compact .sdb-card__footer {
padding: 0 var(--sdb-space-5) var(--sdb-space-5) !important;
}
.sdb-btn[aria-disabled="true"],
.sdb-btn.is-disabled,
.sdb-btn:disabled {
cursor: not-allowed !important;
opacity: .55 !important;
pointer-events: none !important;
}
.sdb-filter-bar--compact {
padding: var(--sdb-space-5) !important;
gap: var(--sdb-space-4) !important;
}
.sdb-filter-bar--compact .sdb-filter-bar__group {
gap: var(--sdb-space-2) !important;
}
.sdb-form__hint,
.sdb-form__error {
display: block !important;
margin-top: var(--sdb-space-2) !important;
font-family: var(--sdb-font-body) !important;
font-size: 13px !important;
line-height: 1.4 !important;
}
.sdb-form__hint { color: var(--sdb-color-muted) !important; }
.sdb-form__error { color: var(--sdb-color-error-text) !important; font-weight: 600 !important; }
.sdb-form__field.is-error input,
.sdb-form__field.is-error select,
.sdb-form__field.is-error textarea,
.sdb-form input[aria-invalid="true"],
.sdb-form select[aria-invalid="true"],
.sdb-form textarea[aria-invalid="true"] {
border-color: var(--sdb-color-error) !important;
box-shadow: 0 0 0 3px rgba(197, 48, 48, .12) !important;
}
.sdb-table-wrap .sdb-table.sdb-table--compact th,
table.sdb-table.sdb-table--compact th,
.sdb-table--compact th {
padding:
var(--sdb-table-compact-header-padding-block, var(--sdb-table-compact-padding-block, 8px))
var(--sdb-table-compact-padding-inline, 10px) !important;
font-size: 14px !important;
}
.sdb-table-wrap .sdb-table.sdb-table--compact td,
table.sdb-table.sdb-table--compact td,
.sdb-table--compact td {
padding:
var(--sdb-table-compact-cell-padding-block, var(--sdb-table-compact-padding-block, 8px))
var(--sdb-table-compact-padding-inline, 10px) !important;
font-size: 14px !important;
} .sdb-table-wrap.sdb-table-wrap--fit {
scrollbar-gutter: auto;
overflow: hidden !important;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #dfe8f2)) !important;
border-radius: var(--sdb-card-radius-refined, var(--sdb-radius-md, 12px)) !important;
background: var(--sdb-color-surface, #fff) !important;
}
.sdb-table-wrap.sdb-table-wrap--fit .sdb-table,
.sdb-table-wrap--fit > table.sdb-table {
width: 100% !important;
min-width: 100% !important;
min-inline-size: 100% !important;
table-layout: auto !important;
}
.sdb-table-wrap.sdb-table-wrap--fit .sdb-table :where(th, td),
.sdb-table-wrap--fit > table.sdb-table :where(th, td) {
white-space: normal !important;
overflow-wrap: anywhere;
}
.sdb-table--relaxed th,
.sdb-table--relaxed td {
padding: 18px 20px !important;
}
.sdb-table-wrap[data-scroll-hint]::after {
content: attr(data-scroll-hint) !important;
}
.sdb-data-list--compact .sdb-data-list__row {
padding-block: var(--sdb-space-4) !important;
}
.sdb-data-list--compact .sdb-data-list__head,
.sdb-data-list--compact .sdb-data-list__row {
gap: var(--sdb-space-3) !important;
}
.sdb-empty-state--compact {
padding: var(--sdb-space-8) !important;
}
.sdb-empty-state--compact .sdb-empty-state__icon {
width: 42px !important;
height: 42px !important;
font-size: 20px !important;
}
.sdb-notice {
display: flex !important;
gap: var(--sdb-space-3) !important;
align-items: flex-start !important;
padding: var(--sdb-space-4) var(--sdb-space-5) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-md) !important;
background: var(--sdb-color-surface) !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
line-height: 1.55 !important;
}
.sdb-notice__icon {
flex: 0 0 auto !important;
color: var(--sdb-color-primary) !important;
font-weight: 700 !important;
}
.sdb-tag-list {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--sdb-space-2) !important;
align-items: center !important;
}
.sdb-admin-preview-note {
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
} :root {
--sdb-control-height-sm: 34px;
--sdb-control-height-md: 42px;
--sdb-control-height-lg: 48px;
--sdb-line-tight: 1.3;
--sdb-line-normal: 1.55;
--sdb-line-relaxed: 1.7;
--sdb-density-compact-padding: 12px;
--sdb-density-comfortable-padding: 18px;
--sdb-density-relaxed-padding: 24px;
--sdb-z-sticky-actions: 20;
}
.sdb-toolbar,
.sdb-action-bar,
.sdb-record-list,
.sdb-record-row,
.sdb-detail-header,
.sdb-nav-strip,
.sdb-code-pill {
box-sizing: border-box;
}
.sdb-toolbar,
.sdb-action-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: var(--sdb-space-3) var(--sdb-space-4) !important;
margin-block: var(--sdb-space-5) !important;
}
.sdb-toolbar__main,
.sdb-action-bar__main,
.sdb-toolbar__actions,
.sdb-action-bar__actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: var(--sdb-space-2) !important;
}
.sdb-toolbar--compact,
.sdb-action-bar--compact {
margin-block: var(--sdb-space-3) !important;
gap: var(--sdb-space-2) !important;
}
.sdb-action-bar--sticky {
position: sticky !important;
bottom: 0 !important;
z-index: var(--sdb-z-sticky-actions) !important;
padding-block: var(--sdb-space-4) !important;
background: var(--sdb-gradient-sticky-mask) !important;
}
.sdb-code-pill {
display: inline-flex !important;
align-items: center !important;
min-height: 28px !important;
max-width: 100% !important;
padding: 4px 10px !important;
border: 1px solid var(--sdb-color-blue-divider) !important;
border-radius: var(--sdb-radius-pill) !important;
background: var(--sdb-color-blue-background) !important;
color: var(--sdb-color-primary) !important;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
font-size: 12.5px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sdb-code-pill--neutral {
border-color: var(--sdb-color-border) !important;
background: var(--sdb-color-background) !important;
color: var(--sdb-color-soft-black) !important;
}
.sdb-record-list {
display: grid !important;
gap: var(--sdb-space-3) !important;
}
.sdb-record-list--compact {
gap: var(--sdb-space-2) !important;
}
.sdb-record-row {
display: grid !important;
grid-template-columns: var(--sdb-record-columns, minmax(220px, .9fr) minmax(160px, .45fr) minmax(260px, 1fr));
gap: var(--sdb-space-4) !important;
align-items: start !important;
padding: var(--sdb-density-comfortable-padding) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: var(--sdb-color-surface) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-record-row--compact {
padding: var(--sdb-density-compact-padding) var(--sdb-density-comfortable-padding) !important;
border-radius: var(--sdb-radius-md) !important;
gap: var(--sdb-space-3) !important;
}
.sdb-record-cell {
min-width: 0 !important;
}
.sdb-record-label {
display: block !important;
margin: 0 0 var(--sdb-space-1) !important;
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: var(--sdb-line-tight) !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: var(--sdb-color-muted) !important;
}
.sdb-record-title {
display: block !important;
margin: 0 !important;
font-family: var(--sdb-font-heading) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: var(--sdb-line-tight) !important;
color: var(--sdb-color-title) !important;
}
.sdb-record-meta {
display: block !important;
margin-top: var(--sdb-space-1) !important;
font-family: var(--sdb-font-body) !important;
font-size: 13px !important;
line-height: var(--sdb-line-normal) !important;
color: var(--sdb-color-text) !important;
overflow-wrap: anywhere !important;
}
.sdb-field-compact textarea,
textarea.sdb-textarea--single-line {
min-height: var(--sdb-control-height-sm) !important;
height: var(--sdb-control-height-sm) !important;
padding-block: 6px !important;
resize: vertical !important;
}
.sdb-detail-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: var(--sdb-space-5) !important;
align-items: center !important;
padding: var(--sdb-space-6) !important;
margin-bottom: var(--sdb-space-6) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: var(--sdb-color-surface) !important;
box-shadow: var(--sdb-shadow-element) !important;
}
.sdb-detail-header__summary {
min-width: 140px !important;
padding: var(--sdb-space-4) var(--sdb-space-5) !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-lg) !important;
background: linear-gradient(180deg, var(--sdb-color-background), var(--sdb-color-surface)) !important;
text-align: center !important;
}
.sdb-detail-header__summary strong {
display: block !important;
color: var(--sdb-color-primary) !important;
font-family: var(--sdb-font-heading) !important;
font-size: 32px !important;
line-height: 1 !important;
}
.sdb-detail-header__summary span {
display: block !important;
margin-top: var(--sdb-space-2) !important;
color: var(--sdb-color-muted) !important;
font-family: var(--sdb-font-meta) !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.sdb-nav-strip {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--sdb-space-2) !important;
align-items: center !important;
margin-block: var(--sdb-space-5) !important;
}
.sdb-nav-strip__link {
display: inline-flex !important;
align-items: center !important;
gap: var(--sdb-space-2) !important;
min-height: 38px !important;
padding: 8px 14px !important;
border: 1px solid var(--sdb-color-border) !important;
border-radius: var(--sdb-radius-pill) !important;
background: var(--sdb-color-surface) !important;
color: var(--sdb-color-title) !important;
font-family: var(--sdb-font-body) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.sdb-nav-strip__link:hover,
.sdb-nav-strip__link:focus-visible,
.sdb-nav-strip__link--active {
border-color: var(--sdb-color-blue-divider) !important;
background: var(--sdb-color-blue-background) !important;
color: var(--sdb-color-primary) !important;
}
@media (max-width: 1100px) {
.sdb-record-row {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 782px) {
.sdb-detail-header {
grid-template-columns: 1fr !important;
padding: var(--sdb-space-5) !important;
}
.sdb-detail-header__summary {
text-align: left !important;
}
.sdb-detail-header__summary strong,
.sdb-detail-header__summary span {
display: inline-block !important;
vertical-align: baseline !important;
}
.sdb-detail-header__summary span {
margin: 0 0 0 var(--sdb-space-2) !important;
}
.sdb-toolbar,
.sdb-action-bar {
align-items: stretch !important;
}
} .sdb-density-compact {
--sdb-density-padding-current: var(--sdb-density-compact-padding, 12px);
--sdb-density-gap-current: var(--sdb-space-3);
--sdb-density-control-height-current: var(--sdb-control-height-sm, 34px);
}
.sdb-density-comfortable {
--sdb-density-padding-current: var(--sdb-density-comfortable-padding, 18px);
--sdb-density-gap-current: var(--sdb-space-4);
--sdb-density-control-height-current: var(--sdb-control-height-md, 42px);
}
.sdb-density-relaxed {
--sdb-density-padding-current: var(--sdb-density-relaxed-padding, 24px);
--sdb-density-gap-current: var(--sdb-space-6);
--sdb-density-control-height-current: var(--sdb-control-height-lg, 48px);
}
.sdb-density-compact .sdb-card__body,
.sdb-density-compact .sdb-panel,
.sdb-density-compact .sdb-surface,
.sdb-density-compact .sdb-filter-bar,
.sdb-density-compact .sdb-empty-state {
padding: var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-card__footer {
padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-section {
padding-block: var(--sdb-space-6) !important;
}
.sdb-density-relaxed .sdb-card__body,
.sdb-density-relaxed .sdb-panel,
.sdb-density-relaxed .sdb-surface,
.sdb-density-relaxed .sdb-filter-bar,
.sdb-density-relaxed .sdb-empty-state {
padding: var(--sdb-density-padding-current) !important;
}
.sdb-density-relaxed .sdb-card__footer {
padding: 0 var(--sdb-density-padding-current) var(--sdb-density-padding-current) !important;
}
.sdb-density-compact .sdb-grid,
.sdb-density-compact .sdb-actions,
.sdb-density-compact .sdb-stack,
.sdb-density-compact .sdb-filter-bar {
gap: var(--sdb-density-gap-current) !important;
}
.sdb-density-compact .sdb-btn {
min-height: var(--sdb-density-control-height-current) !important;
padding-block: 7px !important;
}
.sdb-preview {
container-type: inline-size;
}
.sdb-preview__block {
border-top: 1px solid var(--sdb-color-border) !important;
}
.sdb-preview .sdb-section-header {
margin-bottom: var(--sdb-space-8) !important;
}
.sdb-preview code,
.sdb-preview pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
} :root {
--sdb-container-sm: 720px;
--sdb-container-md: 960px;
--sdb-container-lg: 1180px;
--sdb-container-xl: 1360px;
--sdb-content-narrow: 760px;
--sdb-content-wide: 1080px;
--sdb-detail-sidebar-width: 320px;
}
.sdb-container--narrow { width: min(100%, var(--sdb-content-narrow)); }
.sdb-container--wide { width: min(100%, var(--sdb-content-wide)); }
.sdb-container--full { width: min(100%, var(--sdb-container-xl)); }
.sdb-detail {
display: grid;
gap: var(--sdb-space-8);
color: var(--sdb-color-text);
}
.sdb-detail__header {
display: grid;
gap: var(--sdb-space-4);
padding-bottom: var(--sdb-space-6);
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-detail__title {
margin: 0;
font-family: var(--sdb-font-heading);
font-size: clamp(28px, 4vw, var(--sdb-text-h1));
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--sdb-color-title);
}
.sdb-detail__summary {
max-width: var(--sdb-content-narrow);
margin: 0;
font-family: var(--sdb-font-body);
font-size: var(--sdb-text-lead);
line-height: 1.6;
color: var(--sdb-color-text);
}
.sdb-detail__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-sidebar-width));
gap: var(--sdb-space-10);
align-items: start;
}
.sdb-detail__content {
min-width: 0;
font-family: var(--sdb-font-body);
color: var(--sdb-color-text);
}
.sdb-detail__aside {
min-width: 0;
}
.sdb-detail__actions,
.sdb-secondary-actions,
.sdb-context-actions,
.sdb-button-group,
.sdb-share-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-3);
}
.sdb-detail__footer {
padding-top: var(--sdb-space-6);
border-top: 1px solid var(--sdb-color-border);
}
.sdb-back-link,
a.sdb-back-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--sdb-font-body);
font-size: 15px;
font-weight: 600;
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-back-link::before { content: "←"; }
.sdb-back-link:hover { color: var(--sdb-color-primary-hover); text-decoration: underline; text-underline-offset: 3px; }
.sdb-inline-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
padding-block: var(--sdb-space-3);
border-block: 1px solid var(--sdb-color-border);
}
.sdb-inline-nav__link,
a.sdb-inline-nav__link {
display: inline-flex;
align-items: center;
min-height: 36px;
padding: 7px 12px;
border-radius: var(--sdb-radius-pill);
color: var(--sdb-color-text);
text-decoration: none;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 600;
}
.sdb-inline-nav__link:hover,
.sdb-inline-nav__link[aria-current="page"] {
background: var(--sdb-color-primary-soft);
color: var(--sdb-color-primary);
}
.sdb-nav-strip {
display: flex;
gap: var(--sdb-space-2);
overflow-x: auto;
padding: var(--sdb-space-2);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: #fff;
-webkit-overflow-scrolling: touch;
}
.sdb-nav-strip__link,
a.sdb-nav-strip__link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 14px;
border-radius: var(--sdb-radius-pill);
color: var(--sdb-color-text);
text-decoration: none;
font-family: var(--sdb-font-body);
font-size: 14px;
font-weight: 600;
}
.sdb-nav-strip__link:hover,
.sdb-nav-strip__link[aria-current="page"] {
background: var(--sdb-color-primary);
color: #fff;
}
.sdb-toolbar--between,
.sdb-action-bar--between {
justify-content: space-between;
}
.sdb-data-list--editorial .sdb-data-list__row {
grid-template-columns: minmax(0, 2fr) minmax(150px, .8fr) minmax(160px, .8fr);
}
.sdb-data-list--with-actions .sdb-data-list__row,
.sdb-data-list--with-actions .sdb-data-list__head {
grid-template-columns: minmax(0, 1.6fr) minmax(140px, .7fr) minmax(160px, .8fr) minmax(150px, auto);
}
.sdb-data-list__actions {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-space-2);
justify-content: flex-end;
align-items: center;
}
.sdb-table--plain {
border: 0 !important;
box-shadow: none !important;
}
.sdb-table--plain thead th {
background: transparent !important;
border-bottom: 2px solid var(--sdb-color-border) !important;
}
.sdb-table--numeric th:not(:first-child),
.sdb-table--numeric td:not(:first-child) {
text-align: right;
font-variant-numeric: tabular-nums;
}
.sdb-table--ranking td:first-child,
.sdb-table--ranking th:first-child {
width: 64px;
text-align: center;
font-weight: 700;
color: var(--sdb-color-title);
}
@media (max-width: 900px) {
.sdb-detail__layout { grid-template-columns: 1fr; }
.sdb-detail__aside { order: -1; }
.sdb-data-list--with-actions .sdb-data-list__row,
.sdb-data-list--with-actions .sdb-data-list__head,
.sdb-data-list--editorial .sdb-data-list__row {
grid-template-columns: 1fr;
}
.sdb-data-list__actions { justify-content: flex-start; }
}
@media (max-width: 640px) {
.sdb-detail__header { gap: var(--sdb-space-3); }
.sdb-detail__summary { font-size: 18px; }
.sdb-secondary-actions,
.sdb-context-actions,
.sdb-button-group,
.sdb-share-actions {
align-items: stretch;
}
.sdb-button-group .sdb-btn,
.sdb-context-actions .sdb-btn {
width: 100%;
}
} .sdb-plugin-shell {
--sdb-plugin-shell-gap: clamp(18px, 3vw, 32px);
display: grid;
gap: var(--sdb-plugin-shell-gap);
width: 100%;
}
.sdb-plugin-shell__header,
.sdb-plugin-shell__filters,
.sdb-plugin-shell__content,
.sdb-plugin-shell__footer,
.sdb-plugin-shell__aside {
min-width: 0;
}
.sdb-plugin-shell__header {
display: grid;
gap: 10px;
}
.sdb-plugin-shell__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
gap: clamp(20px, 3vw, 36px);
align-items: start;
}
.sdb-plugin-shell__aside {
position: sticky;
top: var(--sdb-sticky-offset, 24px);
}
.sdb-plugin-shell--compact {
--sdb-plugin-shell-gap: 16px;
}
.sdb-plugin-shell--compact .sdb-plugin-shell__header {
gap: 6px;
}
.sdb-plugin-shell--wide .sdb-plugin-shell__layout {
grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
}
.sdb-pagination {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin: clamp(22px, 3vw, 36px) 0 0;
font-family: var(--sdb-font-body);
}
.sdb-pagination__item {
display: inline-flex;
}
.sdb-pagination__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 8px 12px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-text);
font-size: 15px;
font-weight: 600;
line-height: 1;
text-decoration: none;
transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}
.sdb-pagination__link:hover,
.sdb-pagination__link:focus-visible {
border-color: var(--sdb-color-primary);
color: var(--sdb-color-primary);
background: var(--sdb-color-primary-soft, #e4f5ff);
text-decoration: none;
}
.sdb-pagination__link--active,
.sdb-pagination__link[aria-current="page"] {
border-color: var(--sdb-color-primary);
background: var(--sdb-color-primary);
color: #fff;
}
.sdb-pagination__link--disabled,
.sdb-pagination__link[aria-disabled="true"] {
cursor: not-allowed;
opacity: .55;
pointer-events: none;
}
.sdb-pagination--compact {
gap: 6px;
margin-top: 18px;
}
.sdb-pagination--compact .sdb-pagination__link {
min-width: 34px;
min-height: 34px;
padding: 6px 10px;
font-size: 14px;
}
@media (max-width: 900px) {
.sdb-plugin-shell__layout,
.sdb-plugin-shell--wide .sdb-plugin-shell__layout {
grid-template-columns: 1fr;
}
.sdb-plugin-shell__aside {
position: static;
}
}
@media (max-width: 560px) {
.sdb-pagination {
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 4px;
}
.sdb-pagination__link {
min-width: 36px;
min-height: 36px;
}
} .sdb-media,
.sdb-thumbnail {
position: relative;
display: block;
width: 100%;
overflow: hidden;
background: var(--sdb-media-bg);
border: 1px solid var(--sdb-media-border);
border-radius: var(--sdb-radius-lg);
}
.sdb-media::before,
.sdb-thumbnail::before {
content: "";
display: block;
aspect-ratio: 16 / 9;
}
.sdb-media--16x9::before { aspect-ratio: 16 / 9; }
.sdb-media--4x3::before { aspect-ratio: 4 / 3; }
.sdb-media--1x1::before { aspect-ratio: 1 / 1; }
.sdb-media--portrait::before { aspect-ratio: 3 / 4; }
.sdb-media__image,
.sdb-thumbnail img,
.sdb-media > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-avatar {
--sdb-avatar-size: 56px;
display: inline-flex;
inline-size: var(--sdb-avatar-size);
block-size: var(--sdb-avatar-size);
flex: 0 0 auto;
overflow: hidden;
box-sizing: border-box;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--sdb-color-background);
border: 1px solid var(--sdb-color-border);
color: var(--sdb-color-muted);
font-family: var(--sdb-font-heading);
font-weight: 700;
line-height: 1;
}
.sdb-avatar--xs {
--sdb-avatar-size: 24px;
font-size: .625rem;
}
.sdb-avatar--sm {
--sdb-avatar-size: 32px;
font-size: .7rem;
}
.sdb-avatar--md {
--sdb-avatar-size: 40px;
font-size: .8rem;
}
.sdb-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sdb-logo-mark {
display: inline-flex;
max-width: 180px;
max-height: 64px;
object-fit: contain;
}
.sdb-document-list {
display: grid;
gap: 10px;
margin: 20px 0;
}
.sdb-document-item {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 14px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-document-list--compact .sdb-document-item {
gap: 10px;
padding: 10px 0;
}
.sdb-document-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-background);
color: var(--sdb-color-primary);
font-weight: 700;
}
.sdb-document-title {
display: block;
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: 17px;
font-weight: 700;
line-height: 1.25;
text-decoration: none;
}
.sdb-document-title:hover {
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-document-meta {
display: block;
margin-top: 3px;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-meta);
font-size: 13px;
letter-spacing: .04em;
text-transform: uppercase;
}
.sdb-document-actions {
display: inline-flex;
gap: 8px;
align-items: center;
justify-content: flex-end;
}
.sdb-form-section {
padding: 22px;
margin: 22px 0;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: #fff;
}
.sdb-form-section__title {
margin: 0 0 6px;
font-family: var(--sdb-font-heading);
color: var(--sdb-color-title);
font-size: 21px;
line-height: 1.25;
}
.sdb-form-help,
.sdb-form-error,
.sdb-form-success {
display: block;
margin-top: 6px;
font-size: 14px;
line-height: 1.4;
}
.sdb-form-help { color: var(--sdb-color-muted); }
.sdb-form-error { color: var(--sdb-color-error-text); font-weight: 600; }
.sdb-form-success { color: var(--sdb-color-success-text); font-weight: 600; }
.sdb-required { color: var(--sdb-color-error); font-weight: 700; }
.sdb-choice-group {
display: grid;
gap: 10px;
margin-top: 8px;
}
.sdb-radio-card,
.sdb-checkbox-card {
display: flex;
gap: 10px;
align-items: flex-start;
padding: 14px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
cursor: pointer;
transition: border-color .18s ease, box-shadow .18s ease;
}
.sdb-radio-card:has(input:checked),
.sdb-checkbox-card:has(input:checked) {
border-color: var(--sdb-color-primary);
box-shadow: 0 0 0 3px rgba(0, 88, 183, .10);
}
.sdb-file-upload {
display: block;
padding: 18px;
border: 1px dashed var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-background);
color: var(--sdb-color-text);
}
.sdb-status {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 24px;
padding: 4px 10px;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-status-draft-bg);
color: var(--sdb-status-draft-text);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
}
.sdb-status::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: currentColor;
}
.sdb-status--active, .sdb-status--public { background: var(--sdb-status-active-bg); color: var(--sdb-status-active-text); }
.sdb-status--draft { background: var(--sdb-status-draft-bg); color: var(--sdb-status-draft-text); }
.sdb-status--review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-text); }
.sdb-status--expired { background: var(--sdb-status-expired-bg); color: var(--sdb-status-expired-text); }
.sdb-status--hidden, .sdb-status--internal { background: var(--sdb-status-hidden-bg); color: var(--sdb-status-hidden-text); }
.sdb-timeline {
display: grid;
gap: 18px;
margin: 26px 0;
padding-left: 0;
list-style: none;
}
.sdb-timeline__item {
position: relative;
display: grid;
grid-template-columns: minmax(88px, auto) minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.sdb-timeline__date {
color: var(--sdb-color-primary);
font-family: var(--sdb-font-meta);
font-size: 14px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.sdb-timeline__content {
padding: 0 0 18px 18px;
border-left: 2px solid var(--sdb-color-border);
}
.sdb-schedule {
display: grid;
gap: 16px;
margin: 24px 0;
}
.sdb-schedule__day {
display: grid;
gap: 10px;
}
.sdb-schedule__title {
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: 22px;
}
.sdb-schedule__item {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
gap: 14px;
align-items: start;
padding: 14px 0;
border-bottom: 1px solid var(--sdb-color-border);
}
.sdb-schedule__time {
color: var(--sdb-color-primary);
font-family: var(--sdb-font-meta);
font-weight: 700;
letter-spacing: .04em;
}
.sdb-date-badge {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: var(--sdb-date-badge-width);
min-height: 72px;
padding: 8px;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: #fff;
color: var(--sdb-color-title);
line-height: 1;
text-align: center;
}
.sdb-date-badge__day {
font-family: var(--sdb-font-heading);
font-size: 28px;
font-weight: 800;
letter-spacing: -.04em;
}
.sdb-date-badge__month {
margin-top: 5px;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-meta);
font-size: 13px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
@media (max-width: 640px) {
.sdb-document-item {
grid-template-columns: auto minmax(0, 1fr);
}
.sdb-document-actions {
grid-column: 2;
justify-content: flex-start;
}
.sdb-timeline__item,
.sdb-schedule__item {
grid-template-columns: 1fr;
gap: 6px;
}
.sdb-timeline__content {
padding-left: 14px;
}
} :root {
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--sdb-space-xs: var(--sdb-space-2);
--sdb-space-sm: var(--sdb-space-3);
--sdb-space-md: var(--sdb-space-5);
--sdb-space-lg: var(--sdb-space-8);
--sdb-space-xl: var(--sdb-space-12);
--sdb-radius-circle: 999px;
--sdb-shadow-hover: var(--sdb-shadow-card-hover);
--sdb-shadow-modal: 0 24px 70px rgba(31, 42, 54, .18);
--sdb-shadow-overlay: 0 20px 60px rgba(0, 0, 0, .24);
--sdb-shadow-on-image-card: 0 18px 42px rgba(0, 0, 0, .22);
--sdb-color-surface-muted: #F8FAFC;
--sdb-color-overlay: rgba(12, 24, 38, .58);
--sdb-color-on-image: #FFFFFF;
--sdb-color-on-image-muted: rgba(255, 255, 255, .86);
--sdb-border-on-image: rgba(255, 255, 255, .28);
--sdb-focus-on-image: rgba(255, 255, 255, .72);
--sdb-font-size-hero-xl: clamp(38px, 5vw, 72px);
--sdb-font-size-hero-lg: clamp(32px, 4vw, 56px);
--sdb-font-size-hero-md: clamp(28px, 3vw, 44px);
--sdb-line-height-hero: 1.02;
--sdb-transition-fast: 150ms;
--sdb-transition-base: 220ms;
--sdb-transition-slow: 360ms;
--sdb-ease-standard: cubic-bezier(.2, .8, .2, 1);
}
.sdb-admin-dashboard-grid,
.sdb-admin-tool-grid {
display: grid;
gap: var(--sdb-space-5);
}
.sdb-admin-dashboard-grid--two-columns,
.sdb-admin-tool-grid--two-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-dashboard-grid--auto,
.sdb-admin-tool-grid--auto { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.sdb-admin-tool-panel,
.sdb-admin-control-panel,
.sdb-admin-results-panel,
.sdb-admin-network-operation-panel {
background: var(--sdb-color-surface);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
box-shadow: var(--sdb-shadow-element);
padding: var(--sdb-space-6);
}
.sdb-admin-tool-panel__header,
.sdb-admin-code-editor__header { margin-bottom: var(--sdb-space-4); }
.sdb-admin-tool-panel__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-title); font-size: 20px; }
.sdb-admin-tool-panel__description { margin: 0; color: var(--sdb-color-text); }
.sdb-admin-tool-panel__body { display: grid; gap: var(--sdb-space-4); }
.sdb-admin-tool-panel__actions,
.sdb-admin-batch-controls__actions,
.sdb-admin-progress-panel__actions,
.sdb-admin-export-actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-3); align-items: center; }
.sdb-admin-site-selector { display: grid; gap: var(--sdb-space-2); }
.sdb-admin-site-selector__label,
.sdb-admin-batch-controls__field label { color: var(--sdb-color-title); font-weight: 700; }
.sdb-admin-site-selector__control,
.sdb-admin-code-field {
width: 100%;
min-height: var(--sdb-control-height-md, 44px);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-surface);
color: var(--sdb-color-title);
}
.sdb-admin-site-selector__description,
.sdb-admin-export-actions__note { margin: 0; color: var(--sdb-color-muted); font-size: 14px; }
.sdb-admin-scan-status {
display: flex;
gap: var(--sdb-space-3);
align-items: flex-start;
padding: var(--sdb-space-4);
border-radius: var(--sdb-radius-md);
border: 1px solid var(--sdb-color-border);
background: var(--sdb-color-background);
}
.sdb-admin-scan-status__icon { flex: 0 0 auto; width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-primary); color: #fff; }
.sdb-admin-scan-status__content { display: grid; gap: 2px; color: var(--sdb-color-text); }
.sdb-admin-scan-status__content strong { color: var(--sdb-color-title); }
.sdb-admin-scan-status--running { background: var(--sdb-color-info-bg); border-color: rgba(134, 134, 242, .35); }
.sdb-admin-scan-status--finished { background: var(--sdb-color-success-bg); border-color: rgba(47, 143, 78, .3); }
.sdb-admin-scan-status--warning,
.sdb-admin-scan-status--paused { background: var(--sdb-color-warning-bg); border-color: rgba(245, 158, 11, .35); }
.sdb-admin-scan-status--error { background: var(--sdb-color-error-bg); border-color: rgba(197, 48, 48, .35); }
.sdb-admin-progress-panel { display: grid; gap: var(--sdb-space-3); }
.sdb-admin-progress-panel__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); color: var(--sdb-color-text); font-size: 14px; }
.sdb-admin-progress-panel__meta strong { color: var(--sdb-color-title); }
.sdb-admin-progress-panel__bar { overflow: hidden; height: 8px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-border); }
.sdb-admin-progress-panel__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--sdb-progress-fill); }
.sdb-admin-result-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--sdb-space-3); }
.sdb-admin-result-summary__item { padding: var(--sdb-space-4); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface-muted); }
.sdb-admin-result-summary__item strong { display: block; color: var(--sdb-color-primary); font-size: 28px; line-height: 1; }
.sdb-admin-result-summary__item span { display: block; margin-top: 6px; color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.sdb-admin-danger-zone { padding: var(--sdb-space-6); border: 1px solid rgba(197, 48, 48, .28); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-error-bg); }
.sdb-admin-danger-zone__title { margin: 0 0 var(--sdb-space-2); color: var(--sdb-color-error-text); }
.sdb-admin-danger-zone__text { color: var(--sdb-color-error-text); }
.sdb-admin-danger-zone__actions { display: flex; gap: var(--sdb-space-3); flex-wrap: wrap; }
.sdb-admin-code-editor { overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-element); }
.sdb-admin-code-editor__header,
.sdb-admin-code-editor__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-space-3); padding: var(--sdb-space-3) var(--sdb-space-4); background: var(--sdb-color-background); color: var(--sdb-color-title); }
.sdb-admin-code-editor__body { padding: var(--sdb-space-4); font-family: var(--sdb-font-mono); color: var(--sdb-color-title); }
.sdb-admin-file-status { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 9px; border-radius: var(--sdb-radius-pill); font-size: 12px; font-weight: 700; }
.sdb-admin-file-status--readable,
.sdb-admin-file-status--writable { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-admin-file-status--missing,
.sdb-admin-file-status--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-admin-permission-matrix,
.sdb-admin-capability-list { display: grid; gap: var(--sdb-space-3); }
.sdb-admin-permission-matrix__group,
.sdb-admin-capability-list__item { padding: var(--sdb-space-3); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-admin-capability-list__code { font-family: var(--sdb-font-mono); font-size: 13px; }
.sdb-admin-advanced-details { border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-admin-advanced-details__summary { cursor: pointer; padding: var(--sdb-space-3) var(--sdb-space-4); font-weight: 700; color: var(--sdb-color-title); }
.sdb-admin-advanced-details__content { padding: 0 var(--sdb-space-4) var(--sdb-space-4); color: var(--sdb-color-text); }
.sdb-is-spinning { animation: sdb-spin 900ms linear infinite; }
@keyframes sdb-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sdb-is-spinning { animation: none; } }
.sdb-hero-slider { position: relative; width: 100%; }
.sdb-hero-slider--contained { overflow: hidden; border-radius: var(--sdb-radius-xl); box-shadow: var(--sdb-shadow-card); }
.sdb-hero-slider--full-width { width: 100vw; margin-left: calc(50% - 50vw); }
.sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100vh; }
.sdb-hero-slide { position: relative; min-height: clamp(420px, 62vw, 720px); display: grid; align-items: end; overflow: hidden; background: var(--sdb-color-soft-black); }
.sdb-hero-media { position: absolute; inset: 0; }
.sdb-hero-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-hero-overlay { position: absolute; inset: 0; background: var(--sdb-color-overlay); pointer-events: none; }
.sdb-hero-overlay--dark { background: rgba(10, 20, 32, .62); }
.sdb-hero-overlay--gradient-left { background: linear-gradient(90deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .42) 48%, rgba(10, 20, 32, .08) 100%); }
.sdb-hero-overlay--gradient-bottom { background: linear-gradient(0deg, rgba(10, 20, 32, .78) 0%, rgba(10, 20, 32, .36) 45%, rgba(10, 20, 32, .08) 100%); }
.sdb-hero-content { position: relative; z-index: 2; max-width: 780px; padding: clamp(28px, 6vw, 72px); color: var(--sdb-color-on-image); }
.sdb-hero-title { margin: 0; color: var(--sdb-color-on-image); font-size: var(--sdb-font-size-hero-lg); line-height: var(--sdb-line-height-hero); font-family: var(--sdb-font-heading); }
.sdb-hero-subtitle { margin: var(--sdb-space-4) 0 0; color: var(--sdb-color-on-image-muted); font-size: clamp(17px, 2vw, 22px); }
.sdb-hero-tag { display: inline-flex; margin-bottom: var(--sdb-space-3); padding: 5px 12px; border: 1px solid var(--sdb-border-on-image); border-radius: var(--sdb-radius-pill); color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); text-transform: uppercase; letter-spacing: .09em; font-size: 12px; font-weight: 700; }
.sdb-hero-cta { margin-top: var(--sdb-space-5); }
.sdb-slider-control { position: absolute; z-index: 3; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: var(--sdb-radius-circle); border: 1px solid var(--sdb-color-border); background: var(--sdb-color-surface); color: var(--sdb-color-primary); display: inline-grid; place-items: center; cursor: pointer; transition: transform var(--sdb-transition-base) var(--sdb-ease-standard); }
.sdb-slider-control:hover { transform: translateY(-50%) scale(1.04); }
.sdb-slider-control--prev { left: var(--sdb-space-4); }
.sdb-slider-control--next { right: var(--sdb-space-4); }
.sdb-slider-control--on-image { border-color: var(--sdb-border-on-image); background: rgba(255,255,255,.14); color: var(--sdb-color-on-image); backdrop-filter: blur(8px); }
.sdb-slider-pagination { display: flex; gap: var(--sdb-space-2); align-items: center; justify-content: center; }
.sdb-slider-pagination--on-image { position: absolute; z-index: 3; left: 0; right: 0; bottom: var(--sdb-space-5); }
.sdb-slider-pagination__item { width: 9px; height: 9px; border-radius: var(--sdb-radius-circle); background: var(--sdb-color-muted); opacity: .55; }
.sdb-slider-pagination--on-image .sdb-slider-pagination__item { background: var(--sdb-color-on-image); }
.sdb-slider-pagination__item--active { width: 24px; opacity: 1; }
.sdb-slider-preview-card { position: relative; overflow: hidden; min-height: 220px; border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-on-image-card); background: var(--sdb-color-soft-black); }
.sdb-slider-preview-card__image { position: absolute; inset: 0; }
.sdb-slider-preview-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-slider-preview-card__overlay { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,32,.72), rgba(10,20,32,.12)); }
.sdb-slider-preview-card__title { position: absolute; left: var(--sdb-space-5); right: var(--sdb-space-5); bottom: var(--sdb-space-5); margin: 0; color: var(--sdb-color-on-image); font-size: 22px; }
@media (max-width: 782px) {
.sdb-admin-dashboard-grid--two-columns,
.sdb-admin-tool-grid--two-columns { grid-template-columns: 1fr; }
.sdb-hero-slide { min-height: 480px; }
.sdb-slider-control { display: none; }
.sdb-hero-content { padding: 28px; }
} :root {
--sdb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--sdb-color-on-image: #FFFFFF;
--sdb-color-on-image-muted: rgba(255, 255, 255, 0.82);
--sdb-color-on-image-soft: rgba(255, 255, 255, 0.14);
--sdb-color-on-image-border: rgba(255, 255, 255, 0.28);
--sdb-shadow-overlay: 0 18px 45px rgba(10, 24, 42, 0.22);
--sdb-shadow-on-image-card: 0 18px 44px rgba(0, 0, 0, 0.28);
--sdb-focus-ring: 0 0 0 3px rgba(0, 155, 216, 0.28);
} .sdb-u-font-heading { font-family: var(--sdb-font-heading); }
.sdb-u-font-body { font-family: var(--sdb-font-body); }
.sdb-u-font-meta { font-family: var(--sdb-font-meta); letter-spacing: .08em; text-transform: uppercase; }
.sdb-u-font-mono { font-family: var(--sdb-font-mono); }
.sdb-u-text-primary { color: var(--sdb-color-primary); }
.sdb-u-text-secondary { color: var(--sdb-color-secondary); }
.sdb-u-text-title { color: var(--sdb-color-title); }
.sdb-u-text-body { color: var(--sdb-color-text); }
.sdb-u-text-muted { color: var(--sdb-color-muted); }
.sdb-u-text-on-image { color: var(--sdb-color-on-image); }
.sdb-u-text-on-image-muted { color: var(--sdb-color-on-image-muted); }
.sdb-u-bg-surface { background: var(--sdb-color-surface); }
.sdb-u-bg-muted { background: var(--sdb-color-background); }
.sdb-u-bg-primary { background: var(--sdb-color-primary); color: var(--sdb-color-on-image); }
.sdb-u-bg-on-image { background: var(--sdb-color-on-image-soft); color: var(--sdb-color-on-image); }
.sdb-u-radius-sm { border-radius: var(--sdb-radius-sm, 8px); }
.sdb-u-radius-md { border-radius: var(--sdb-radius-md); }
.sdb-u-radius-lg { border-radius: var(--sdb-radius-lg, 18px); }
.sdb-u-radius-pill { border-radius: var(--sdb-radius-pill, 999px); }
.sdb-u-shadow-card { box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); }
.sdb-u-shadow-element { box-shadow: var(--sdb-shadow-element); }
.sdb-u-shadow-overlay { box-shadow: var(--sdb-shadow-overlay); }
.sdb-u-focus-ring:focus-visible,
.sdb-u-focus-ring :where(a, button, input, select, textarea):focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring);
}
.sdb-u-clickable-area { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.sdb-u-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } .sdb-editorial { color: var(--sdb-color-text); font-family: var(--sdb-font-body); }
.sdb-editorial-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 34px); }
.sdb-editorial-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-editorial-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sdb-editorial-list { display: grid; gap: 18px; }
.sdb-editorial-item,
.sdb-editorial-card,
.sdb-editorial-feature { position: relative; min-width: 0; color: inherit; }
.sdb-editorial-card { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg, 18px); overflow: clip; box-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element)); }
.sdb-editorial-card__inner,
.sdb-editorial-content { padding: clamp(18px, 2.4vw, 28px); }
.sdb-editorial-media { position: relative; overflow: hidden; background: var(--sdb-color-background); }
.sdb-editorial-media img,
.sdb-editorial-media__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.sdb-editorial-title { margin: 0 0 .55em; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-card-title, inherit); font-weight: var(--sdb-font-weight-card-title, 700); line-height: var(--sdb-line-height-card-title, 1.1); letter-spacing: var(--sdb-letter-spacing-card-title, -0.01em); color: var(--sdb-color-title); }
.sdb-editorial-text { margin: 0; color: var(--sdb-color-text); line-height: 1.65; }
.sdb-editorial-meta,
.sdb-editorial-eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-muted); }
.sdb-editorial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 20px; } .sdb-on-image { color: var(--sdb-color-on-image); text-shadow: 0 2px 12px rgba(0, 0, 0, .32); }
.sdb-on-image__eyebrow,
.sdb-tag-on-image { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; max-width: 100%; font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-color-on-image); }
.sdb-on-image__title { margin: 0; font-family: var(--sdb-font-heading); font-size: var(--sdb-font-size-hero-title, inherit); font-weight: var(--sdb-font-weight-hero-title, 800); line-height: var(--sdb-line-height-hero-title, 1.02); letter-spacing: var(--sdb-letter-spacing-hero-title, -0.035em); color: var(--sdb-color-on-image); }
.sdb-on-image__text,
.sdb-on-image__meta { color: var(--sdb-color-on-image-muted); }
.sdb-on-image__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 22px; }
.sdb-tag-on-image--plain { padding: 0; background: transparent; border: 0; }
.sdb-tag-on-image--pill { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: rgba(0, 0, 0, .32); border: 1px solid var(--sdb-color-on-image-border); backdrop-filter: blur(8px); }
.sdb-tag-on-image--outline { padding: .58em .85em; border-radius: var(--sdb-radius-pill, 999px); background: transparent; border: 1px solid var(--sdb-color-on-image-border); }
.sdb-link-on-image { display: inline-flex; align-items: center; gap: .55em; color: var(--sdb-color-on-image); font-family: var(--sdb-font-meta); font-weight: var(--sdb-font-weight-button, 800); letter-spacing: var(--sdb-letter-spacing-button, .06em); text-transform: uppercase; text-decoration: none; text-shadow: 0 2px 12px rgba(0, 0, 0, .34); }
.sdb-link-on-image:hover,
.sdb-link-on-image:focus-visible { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; }
.sdb-link-on-image--arrow::after { content: '→'; transform: translateY(-1px); transition: transform .18s ease; }
.sdb-link-on-image--arrow:hover::after { transform: translate(3px, -1px); }
.sdb-link-on-image--underline { border-bottom: 1px solid rgba(255,255,255,.42); padding-bottom: .22em; }
.sdb-btn--on-image,
.sdb-btn--on-image-outline,
.sdb-btn--on-image-text { color: var(--sdb-color-on-image); border-color: var(--sdb-color-on-image-border); }
.sdb-btn--on-image { background: var(--sdb-color-primary); border-color: var(--sdb-color-primary); box-shadow: 0 14px 30px rgba(0, 0, 0, .18); }
.sdb-btn--on-image:hover { color: var(--sdb-color-on-image); filter: brightness(1.06); }
.sdb-btn--on-image-outline { background: rgba(0, 0, 0, .22); backdrop-filter: blur(8px); }
.sdb-btn--on-image-outline:hover { background: rgba(255, 255, 255, .16); color: var(--sdb-color-on-image); }
.sdb-btn--on-image-text { background: transparent; border-color: transparent; box-shadow: none; padding-inline: 0; }
.sdb-btn--on-image-text:hover { color: var(--sdb-color-on-image); text-decoration: underline; text-underline-offset: .35em; } .sdb-slider-control--centered { position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; }
.sdb-slider-control--prev.sdb-slider-control--edge { left: clamp(14px, 2.5vw, 34px); }
.sdb-slider-control--next.sdb-slider-control--edge { right: clamp(14px, 2.5vw, 34px); }
.sdb-slider-control--light,
.sdb-slider-control--dark,
.sdb-slider-control--glass,
.sdb-slider-control--minimal { min-width: 46px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; text-decoration: none; border: 1px solid transparent; line-height: 1; }
.sdb-slider-control--light { color: var(--sdb-color-title); background: rgba(255,255,255,.9); border-color: rgba(255,255,255,.52); box-shadow: var(--sdb-shadow-on-image-card); }
.sdb-slider-control--dark { color: #fff; background: rgba(0,0,0,.45); border-color: rgba(255,255,255,.18); }
.sdb-slider-control--glass { color: #fff; background: rgba(0,0,0,.22); border-color: rgba(255,255,255,.28); backdrop-filter: blur(10px); }
.sdb-slider-control--minimal { color: #fff; background: transparent; border-color: transparent; text-shadow: 0 2px 12px rgba(0,0,0,.38); }
.sdb-slider-control--light:hover,
.sdb-slider-control--dark:hover,
.sdb-slider-control--glass:hover,
.sdb-slider-control--minimal:hover { filter: brightness(1.06); }
@media (max-width: 900px) {
.sdb-editorial-grid,
.sdb-editorial-grid--2,
.sdb-editorial-grid--3,
.sdb-editorial-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
.sdb-editorial-grid,
.sdb-editorial-grid--2,
.sdb-editorial-grid--3,
.sdb-editorial-grid--4 { grid-template-columns: 1fr; }
.sdb-slider-control--light,
.sdb-slider-control--dark,
.sdb-slider-control--glass,
.sdb-slider-control--minimal { min-width: 42px; min-height: 42px; }
} :root {
--sdb-space-inline-xs: var(--sdb-space-2);
--sdb-space-inline-sm: var(--sdb-space-3);
--sdb-space-inline-md: var(--sdb-space-4);
--sdb-space-inline-lg: var(--sdb-space-6);
--sdb-space-block-xs: var(--sdb-space-2);
--sdb-space-block-sm: var(--sdb-space-3);
--sdb-space-block-md: var(--sdb-space-5);
--sdb-space-block-lg: var(--sdb-space-8);
--sdb-icon-size-sm: 28px;
--sdb-icon-size-md: 38px;
--sdb-icon-size-lg: 52px;
--sdb-action-gap: var(--sdb-space-3);
--sdb-detail-aside-bg: var(--sdb-color-surface);
--sdb-detail-aside-border: var(--sdb-color-border);
--sdb-detail-aside-radius: var(--sdb-radius-lg);
}
.sdb-btn--subtle,
a.sdb-btn--subtle,
button.sdb-btn--subtle {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-blue-background) !important;
border-color: var(--sdb-color-blue-divider) !important;
box-shadow: none !important;
}
.sdb-btn--subtle:hover,
a.sdb-btn--subtle:hover,
button.sdb-btn--subtle:hover {
color: var(--sdb-color-primary-hover) !important;
background: #fff !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-btn--ghost,
a.sdb-btn--ghost,
button.sdb-btn--ghost {
color: var(--sdb-color-text) !important;
background: transparent !important;
border-color: var(--sdb-color-border) !important;
box-shadow: none !important;
}
.sdb-btn--ghost:hover,
a.sdb-btn--ghost:hover,
button.sdb-btn--ghost:hover {
color: var(--sdb-color-primary) !important;
background: var(--sdb-color-surface) !important;
border-color: var(--sdb-color-primary) !important;
}
.sdb-actions--contextual,
.sdb-context-actions--compact {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-action-gap);
}
.sdb-action-link,
a.sdb-action-link {
display: inline-flex;
align-items: center;
gap: .5em;
font-family: var(--sdb-font-body);
font-weight: 600;
color: var(--sdb-color-primary);
text-decoration: none;
border-bottom: 1px solid rgba(0, 88, 183, .22);
padding-bottom: .12em;
}
.sdb-action-link:hover,
a.sdb-action-link:hover {
color: var(--sdb-color-primary-hover);
border-bottom-color: currentColor;
}
.sdb-action-link--arrow::after { content: "→"; font-size: 1.05em; line-height: 1; }
.sdb-action-link--back::before { content: "←"; font-size: 1.05em; line-height: 1; }
.sdb-section-icon,
.sdb-icon-badge {
width: var(--sdb-icon-size-md);
height: var(--sdb-icon-size-md);
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
font-weight: 700;
line-height: 1;
}
.sdb-icon-badge--sm { width: var(--sdb-icon-size-sm); height: var(--sdb-icon-size-sm); font-size: 13px; }
.sdb-icon-badge--lg { width: var(--sdb-icon-size-lg); height: var(--sdb-icon-size-lg); font-size: 20px; }
.sdb-share-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2);
}
.sdb-share-action,
a.sdb-share-action {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--sdb-radius-pill);
border: 1px solid var(--sdb-color-border);
background: var(--sdb-color-surface);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
font-weight: 700;
font-size: 14px;
text-decoration: none;
box-shadow: var(--sdb-shadow-element);
transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.sdb-share-action:hover,
a.sdb-share-action:hover {
transform: translateY(-1px);
background: var(--sdb-color-primary);
border-color: var(--sdb-color-primary);
color: #fff;
}
.sdb-detail-aside {
min-width: 0;
padding: clamp(18px, 2.5vw, 28px);
background: var(--sdb-detail-aside-bg);
border: 1px solid var(--sdb-detail-aside-border);
border-radius: var(--sdb-detail-aside-radius);
box-shadow: var(--sdb-shadow-element);
color: var(--sdb-color-text);
}
.sdb-detail-aside__title {
margin: 0 0 var(--sdb-space-4);
font-family: var(--sdb-font-heading);
font-size: 20px;
line-height: 1.2;
color: var(--sdb-color-title);
}
.sdb-detail-aside__list {
display: grid;
gap: var(--sdb-space-3);
margin: 0;
}
.sdb-detail-aside__list dt {
margin: 0;
font-family: var(--sdb-font-meta);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--sdb-color-muted);
}
.sdb-detail-aside__list dd {
margin: -8px 0 0;
color: var(--sdb-color-text);
}
.sdb-adoption-levels {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--sdb-space-4);
}
.sdb-adoption-level {
padding: var(--sdb-space-5);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
box-shadow: var(--sdb-shadow-element);
}
.sdb-adoption-level strong {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin-bottom: var(--sdb-space-3);
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-blue-background);
color: var(--sdb-color-primary);
font-family: var(--sdb-font-heading);
}
.sdb-adoption-level span { display: block; color: var(--sdb-color-text); font-weight: 600; }
@media (max-width: 767px) {
.sdb-adoption-levels { grid-template-columns: 1fr; }
.sdb-actions--contextual { align-items: stretch; }
.sdb-actions--contextual .sdb-btn { width: 100%; }
} :root {
--sdb-nav-font: var(--sdb-font-heading);
--sdb-nav-font-size: 15px;
--sdb-nav-font-weight: var(--sdb-font-weight-semibold);
--sdb-nav-letter-spacing: 0.01em;
--sdb-nav-dropdown-font: var(--sdb-font-body);
--sdb-nav-dropdown-font-size: 14px;
--sdb-nav-dropdown-font-weight: var(--sdb-font-weight-medium);
--sdb-nav-mobile-font: var(--sdb-font-heading);
--sdb-nav-mobile-font-size: 16px;
--sdb-nav-mobile-font-weight: var(--sdb-font-weight-semibold);
--sdb-topbar-font-size: 14px;
--sdb-topbar-font-weight: var(--sdb-font-weight-regular);
--sdb-topbar-letter-spacing: 0.02em;
--sdb-nav-gap: var(--sdb-space-4, 16px);
--sdb-nav-link-padding-y: 10px;
--sdb-nav-link-padding-x: 12px;
--sdb-nav-link-color: var(--sdb-color-title);
--sdb-nav-link-hover-color: var(--sdb-color-primary);
--sdb-nav-link-active-color: var(--sdb-color-primary);
--sdb-nav-link-bg-hover: var(--sdb-color-blue-background);
--sdb-nav-dropdown-bg: var(--sdb-color-surface);
--sdb-nav-dropdown-color: var(--sdb-color-text);
--sdb-nav-dropdown-border: var(--sdb-color-border);
--sdb-nav-dropdown-radius: var(--sdb-radius-md);
--sdb-nav-dropdown-shadow: var(--sdb-shadow-card);
--sdb-nav-dropdown-min-width: 220px;
--sdb-nav-dropdown-padding: var(--sdb-space-2, 8px);
--sdb-nav-cta-bg: var(--sdb-color-primary);
--sdb-nav-cta-color: #fff;
--sdb-nav-cta-hover-bg: var(--sdb-color-secondary);
--sdb-nav-cta-radius: var(--sdb-radius-pill);
}
.sdb-nav {
display: flex;
align-items: center;
width: 100%;
font-family: var(--sdb-nav-font);
color: var(--sdb-nav-link-color);
}
.sdb-nav__list {
display: flex;
align-items: center;
gap: var(--sdb-nav-gap);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-nav__item {
position: relative;
margin: 0;
padding: 0;
}
.sdb-nav__link,
.sdb-nav__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .45em;
min-height: 40px;
padding: var(--sdb-nav-link-padding-y) var(--sdb-nav-link-padding-x);
border-radius: var(--sdb-radius-md);
font-family: var(--sdb-nav-font);
font-size: var(--sdb-nav-font-size);
font-weight: var(--sdb-nav-font-weight);
letter-spacing: var(--sdb-nav-letter-spacing);
line-height: 1.2;
text-decoration: none;
transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sdb-nav__link {
color: var(--sdb-nav-link-color);
background: transparent;
border: 0;
}
.sdb-nav__link:hover,
.sdb-nav__link:focus-visible,
.sdb-nav__item.is-active > .sdb-nav__link,
.sdb-nav__link[aria-current="page"] {
color: var(--sdb-nav-link-hover-color);
background: var(--sdb-nav-link-bg-hover);
}
.sdb-nav__link:focus-visible,
.sdb-nav__cta:focus-visible {
outline: 2px solid var(--sdb-color-primary);
outline-offset: 3px;
}
.sdb-nav__dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: var(--sdb-z-dropdown, 40);
min-width: var(--sdb-nav-dropdown-min-width);
padding: var(--sdb-nav-dropdown-padding);
color: var(--sdb-nav-dropdown-color);
font-family: var(--sdb-nav-dropdown-font);
font-size: var(--sdb-nav-dropdown-font-size);
font-weight: var(--sdb-nav-dropdown-font-weight);
background: var(--sdb-nav-dropdown-bg);
border: 1px solid var(--sdb-nav-dropdown-border);
border-radius: var(--sdb-nav-dropdown-radius);
box-shadow: var(--sdb-nav-dropdown-shadow);
}
.sdb-nav__dropdown[hidden] { display: none; }
.sdb-nav__cta {
padding-inline: 18px;
color: var(--sdb-nav-cta-color);
background: var(--sdb-nav-cta-bg);
border-radius: var(--sdb-nav-cta-radius);
}
.sdb-nav__cta:hover,
.sdb-nav__cta:focus-visible {
color: var(--sdb-nav-cta-color);
background: var(--sdb-nav-cta-hover-bg);
}
.sdb-nav--vertical,
.sdb-nav--vertical .sdb-nav__list {
flex-direction: column;
align-items: stretch;
}
.sdb-nav--compact {
--sdb-nav-gap: var(--sdb-space-2, 8px);
--sdb-nav-link-padding-y: 7px;
--sdb-nav-link-padding-x: 9px;
--sdb-nav-font-size: 14px;
}
@media (max-width: 767px) {
.sdb-nav {
font-family: var(--sdb-nav-mobile-font);
}
.sdb-nav__link,
.sdb-nav__cta {
font-size: var(--sdb-nav-mobile-font-size);
font-weight: var(--sdb-nav-mobile-font-weight);
}
.sdb-nav__list {
flex-wrap: wrap;
align-items: stretch;
}
.sdb-nav__item { min-width: 0; }
.sdb-nav__dropdown {
position: static;
width: 100%;
margin-top: var(--sdb-space-2, 8px);
}
} :root { --sdb-editorial-title-sm: clamp(18px, 1.25vw, 22px);
--sdb-editorial-title-md: clamp(22px, 1.8vw, 30px);
--sdb-editorial-title-lg: clamp(28px, 3vw, 42px);
--sdb-editorial-title-featured: clamp(34px, 4vw, 58px); --sdb-overlay-soft: linear-gradient(180deg, rgba(10, 24, 42, 0.08) 0%, rgba(10, 24, 42, 0.34) 100%);
--sdb-overlay-medium: linear-gradient(180deg, rgba(10, 24, 42, 0.12) 0%, rgba(10, 24, 42, 0.56) 100%);
--sdb-overlay-strong: linear-gradient(180deg, rgba(10, 24, 42, 0.22) 0%, rgba(10, 24, 42, 0.78) 100%); --sdb-editorial-panel-bg: var(--sdb-color-surface, #fff);
--sdb-editorial-panel-color: var(--sdb-color-text, #364048);
--sdb-editorial-panel-border: var(--sdb-color-border, #eef3f8);
--sdb-editorial-panel-radius: var(--sdb-radius-lg, 18px);
--sdb-editorial-panel-shadow: var(--sdb-shadow-card, var(--sdb-shadow-element));
--sdb-editorial-panel-padding: clamp(20px, 3vw, 34px);
--sdb-editorial-panel-accent-bg: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 8%, var(--sdb-color-surface, #fff));
--sdb-editorial-panel-on-image-bg: rgba(10, 24, 42, 0.54);
--sdb-editorial-panel-on-image-border: rgba(255, 255, 255, 0.22); --sdb-editorial-eyebrow-color: var(--sdb-color-primary, #0058B7);
--sdb-editorial-eyebrow-font-size: 13px;
--sdb-editorial-eyebrow-font-weight: var(--sdb-font-weight-semibold, 600);
--sdb-editorial-eyebrow-letter-spacing: 0.08em;
--sdb-editorial-link-color: var(--sdb-color-primary, #0058B7);
--sdb-editorial-link-hover-color: var(--sdb-color-secondary, #009BD8);
}
.sdb-editorial-title-sm { font-size: var(--sdb-editorial-title-sm); }
.sdb-editorial-title-md { font-size: var(--sdb-editorial-title-md); }
.sdb-editorial-title-lg { font-size: var(--sdb-editorial-title-lg); }
.sdb-editorial-title-featured { font-size: var(--sdb-editorial-title-featured); }
.sdb-editorial-title-sm,
.sdb-editorial-title-md,
.sdb-editorial-title-lg,
.sdb-editorial-title-featured {
font-family: var(--sdb-font-heading);
font-weight: var(--sdb-font-weight-hero-title, var(--sdb-font-weight-bold, 700));
line-height: var(--sdb-line-height-heading, 1.12);
letter-spacing: var(--sdb-letter-spacing-heading, -0.02em);
color: var(--sdb-color-title, var(--sdb-color-text));
}
.sdb-editorial-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.sdb-editorial-overlay--soft { background: var(--sdb-overlay-soft); }
.sdb-editorial-overlay--medium { background: var(--sdb-overlay-medium); }
.sdb-editorial-overlay--strong { background: var(--sdb-overlay-strong); }
.sdb-editorial-panel {
position: relative;
z-index: 2;
padding: var(--sdb-editorial-panel-padding);
border-radius: var(--sdb-editorial-panel-radius);
color: var(--sdb-editorial-panel-color);
}
.sdb-editorial-panel--surface {
background: var(--sdb-editorial-panel-bg);
border: 1px solid var(--sdb-editorial-panel-border);
box-shadow: var(--sdb-editorial-panel-shadow);
}
.sdb-editorial-panel--on-image {
color: var(--sdb-color-on-image, #fff);
background: var(--sdb-editorial-panel-on-image-bg);
border: 1px solid var(--sdb-editorial-panel-on-image-border);
box-shadow: var(--sdb-shadow-on-image-card, var(--sdb-shadow-overlay));
backdrop-filter: blur(10px);
}
.sdb-editorial-panel--on-image :where(h1,h2,h3,h4,p,a,span) { color: inherit; }
.sdb-editorial-panel--accent-soft {
background: var(--sdb-editorial-panel-accent-bg);
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058B7) 18%, var(--sdb-color-border, #eef3f8));
box-shadow: var(--sdb-shadow-element);
}
.sdb-editorial-eyebrow {
display: inline-flex;
align-items: center;
gap: .5em;
width: fit-content;
max-width: 100%;
margin: 0 0 .85em;
color: var(--sdb-editorial-eyebrow-color);
font-family: var(--sdb-font-meta);
font-size: var(--sdb-editorial-eyebrow-font-size);
font-weight: var(--sdb-editorial-eyebrow-font-weight);
letter-spacing: var(--sdb-editorial-eyebrow-letter-spacing);
line-height: 1.2;
text-transform: uppercase;
}
.sdb-editorial-eyebrow::before {
content: '';
display: inline-block;
width: 24px;
height: 2px;
border-radius: var(--sdb-radius-pill, 999px);
background: currentColor;
opacity: .46;
}
.sdb-editorial-panel--on-image .sdb-editorial-eyebrow,
.sdb-on-image .sdb-editorial-eyebrow { color: var(--sdb-color-on-image-muted, rgba(255,255,255,.86)); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .5em;
color: var(--sdb-editorial-link-color);
font-family: var(--sdb-font-meta);
font-size: var(--sdb-font-size-button, 15px);
font-weight: var(--sdb-font-weight-button, var(--sdb-font-weight-semibold, 600));
letter-spacing: var(--sdb-letter-spacing-button, .04em);
line-height: 1.2;
text-decoration: none;
text-transform: uppercase;
}
.sdb-editorial-link::after { content: '→'; transition: transform var(--sdb-transition-fast, 150ms) var(--sdb-ease-standard, ease); }
.sdb-editorial-link:hover,
.sdb-editorial-link:focus-visible { color: var(--sdb-editorial-link-hover-color); text-decoration: underline; text-underline-offset: .32em; }
.sdb-editorial-link:hover::after,
.sdb-editorial-link:focus-visible::after { transform: translateX(3px); }
.sdb-editorial-link--on-image {
color: var(--sdb-color-on-image, #fff);
text-shadow: 0 2px 12px rgba(0, 0, 0, .34);
}
.sdb-editorial-link--on-image:hover,
.sdb-editorial-link--on-image:focus-visible { color: var(--sdb-color-on-image, #fff); }
.sdb-editorial-grid--mosaic {
grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
align-items: stretch;
}
.sdb-editorial-grid--mosaic > :first-child { grid-row: span 2; }
.sdb-editorial-grid--feature { grid-template-columns: minmax(0, 1.1fr) minmax(280px, .55fr); align-items: stretch; }
.sdb-editorial-grid--compact { gap: clamp(12px, 2vw, 20px); }
.sdb-editorial-grid--compact .sdb-editorial-content,
.sdb-editorial-grid--compact .sdb-editorial-card__inner { padding: clamp(14px, 2vw, 20px); }
@media (max-width: 900px) {
.sdb-editorial-grid--mosaic,
.sdb-editorial-grid--feature { grid-template-columns: 1fr; }
.sdb-editorial-grid--mosaic > :first-child { grid-row: auto; }
} :root { --sdb-mdb-color-primary: #F26722;
--sdb-mdb-color-primary-dark: #E24B00;
--sdb-mdb-color-primary-soft: #FFE0CE;
--sdb-mdb-color-primary-bg: #FFE7D8;
--sdb-mdb-color-title: var(--sdb-color-title);
--sdb-mdb-color-text: var(--sdb-color-title);
--sdb-mdb-color-muted: var(--sdb-color-muted);
--sdb-mdb-color-border: #F6C7B0;
--sdb-mdb-color-surface: var(--sdb-color-surface);
--sdb-mdb-color-background: var(--sdb-color-background);
--sdb-mdb-color-campaign: var(--sdb-mdb-color-primary);
--sdb-mdb-color-project: var(--sdb-mdb-color-primary-dark);
--sdb-mdb-color-urgent: var(--sdb-color-error);
--sdb-mdb-color-completed: var(--sdb-color-success);
--sdb-mdb-color-permanent: var(--sdb-color-info);
--sdb-mdb-color-featured: var(--sdb-mdb-color-primary-dark);
--sdb-mdb-color-progress: var(--sdb-mdb-color-primary);
--sdb-mdb-font-title: var(--sdb-font-heading);
--sdb-mdb-font-body: var(--sdb-font-body);
--sdb-mdb-font-meta: var(--sdb-font-meta);
--sdb-mdb-title-card: var(--sdb-editorial-title-md);
--sdb-mdb-title-hero: var(--sdb-editorial-title-featured);
--sdb-mdb-title-section: var(--sdb-editorial-title-sm);
--sdb-mdb-radius-card: var(--sdb-radius-lg);
--sdb-mdb-radius-button: var(--sdb-radius-md);
--sdb-mdb-radius-pill: var(--sdb-radius-pill);
--sdb-mdb-shadow-card: var(--sdb-shadow-card);
--sdb-mdb-shadow-element: var(--sdb-shadow-element);
--sdb-mdb-card-padding: var(--sdb-card-padding);
--sdb-mdb-section-gap: var(--sdb-space-lg); --sdb-progress-height: 10px;
--sdb-progress-radius: var(--sdb-radius-pill);
--sdb-progress-bg: var(--sdb-color-background);
--sdb-progress-fill: var(--sdb-gradient-primary);
--sdb-progress-text: var(--sdb-color-text);
--sdb-mdb-progress-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-progress-fill: var(--sdb-gradient-mdb);
--sdb-mdb-progress-height: var(--sdb-progress-height);
--sdb-mdb-progress-radius: var(--sdb-progress-radius); --sdb-state-active-bg: var(--sdb-color-success-bg);
--sdb-state-active-text: var(--sdb-color-success-text);
--sdb-state-completed-bg: var(--sdb-color-success-bg);
--sdb-state-completed-text: var(--sdb-color-success-text);
--sdb-state-urgent-bg: var(--sdb-color-error-bg);
--sdb-state-urgent-text: var(--sdb-color-error-text);
--sdb-state-permanent-bg: var(--sdb-color-info-bg);
--sdb-state-permanent-text: var(--sdb-color-info-text);
--sdb-state-featured-bg: var(--sdb-mdb-color-primary-bg);
--sdb-state-featured-text: var(--sdb-mdb-color-primary-dark);
--sdb-mdb-state-active-bg: var(--sdb-state-active-bg);
--sdb-mdb-state-active-text: var(--sdb-state-active-text);
--sdb-mdb-state-completed-bg: var(--sdb-state-completed-bg);
--sdb-mdb-state-completed-text: var(--sdb-state-completed-text);
--sdb-mdb-state-urgent-bg: var(--sdb-state-urgent-bg);
--sdb-mdb-state-urgent-text: var(--sdb-state-urgent-text);
--sdb-mdb-state-permanent-bg: var(--sdb-state-permanent-bg);
--sdb-mdb-state-permanent-text: var(--sdb-state-permanent-text);
--sdb-mdb-state-featured-bg: var(--sdb-state-featured-bg);
--sdb-mdb-state-featured-text: var(--sdb-state-featured-text); --sdb-impact-card-bg: var(--sdb-color-surface);
--sdb-impact-number-color: var(--sdb-color-primary);
--sdb-impact-label-color: var(--sdb-color-muted);
--sdb-impact-icon-bg: var(--sdb-color-blue-background);
--sdb-impact-icon-color: var(--sdb-color-primary);
--sdb-mdb-impact-card-bg: var(--sdb-impact-card-bg);
--sdb-mdb-impact-number-color: var(--sdb-mdb-color-primary);
--sdb-mdb-impact-label-color: var(--sdb-impact-label-color);
--sdb-mdb-impact-icon-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-impact-icon-color: var(--sdb-mdb-color-primary-dark); --sdb-transparency-bg: var(--sdb-color-background);
--sdb-transparency-border: var(--sdb-color-border);
--sdb-transparency-title-color: var(--sdb-color-title);
--sdb-transparency-text-color: var(--sdb-color-text);
--sdb-mdb-transparency-bg: var(--sdb-mdb-color-primary-bg);
--sdb-mdb-transparency-border: var(--sdb-mdb-color-primary-soft);
--sdb-mdb-transparency-title-color: var(--sdb-color-title);
--sdb-mdb-transparency-text-color: var(--sdb-color-text);
} .sdb-u-container { width: min(100% - 32px, var(--sdb-content-width, 1120px)); margin-inline: auto; }
.sdb-u-container-wide { width: min(100% - 32px, var(--sdb-content-wide, 1360px)); margin-inline: auto; }
.sdb-u-container-content { width: min(100% - 32px, var(--sdb-content-narrow, 820px)); margin-inline: auto; }
.sdb-u-section { padding-block: var(--sdb-section-padding, clamp(36px, 6vw, 84px)); }
.sdb-u-section-soft { padding: var(--sdb-space-8, 32px); background: var(--sdb-color-background); border-radius: var(--sdb-radius-lg); }
.sdb-u-grid { display: grid; gap: var(--sdb-space-lg); grid-template-columns: repeat(var(--sdb-grid-columns, auto-fit), minmax(min(100%, var(--sdb-grid-min, 260px)), 1fr)); }
.sdb-u-stack { display: grid; gap: var(--sdb-stack-gap, var(--sdb-space-md)); }
.sdb-u-surface { background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-u-heading { font-family: var(--sdb-font-heading); color: var(--sdb-color-title); font-weight: var(--sdb-font-weight-semibold); line-height: 1.15; }
.sdb-u-meta { font-family: var(--sdb-font-meta); color: var(--sdb-color-muted); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sdb-u-eyebrow { font-family: var(--sdb-font-meta); color: var(--sdb-color-primary); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sdb-u-badge { display: inline-flex; align-items: center; gap: .4em; min-height: 26px; padding: .35em .7em; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-background); color: var(--sdb-color-title); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sdb-u-progress { --sdb-progress-value: var(--sdb-u-progress-value, 0%); }
.sdb-u-full-bleed { width: 100vw; margin-left: 50%; transform: translateX(-50%); } .sdb-progress { --sdb-progress-value: var(--sdb-progress-current, 0%); display: grid; gap: var(--sdb-space-2); }
.sdb-progress__track { overflow: hidden; height: var(--sdb-progress-height); background: var(--sdb-progress-bg); border-radius: var(--sdb-progress-radius); }
.sdb-progress__bar { display: block; width: var(--sdb-progress-value, 0%); height: 100%; background: var(--sdb-progress-fill); border-radius: inherit; transition: width .35s ease; }
.sdb-progress__meta { display: flex; justify-content: space-between; gap: var(--sdb-space-3); font-family: var(--sdb-font-meta); font-size: 13px; font-weight: 700; color: var(--sdb-progress-text); }
.sdb-progress--mdb { --sdb-progress-bg: var(--sdb-mdb-progress-bg); --sdb-progress-fill: var(--sdb-mdb-progress-fill); --sdb-progress-height: var(--sdb-mdb-progress-height); --sdb-progress-radius: var(--sdb-mdb-progress-radius); } .sdb-status-badge { display: inline-flex; align-items: center; gap: .45em; min-height: 28px; padding: .42em .78em; border-radius: var(--sdb-radius-pill); background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.sdb-status-badge::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: currentColor; }
.sdb-status-badge--active { background: var(--sdb-state-active-bg); color: var(--sdb-state-active-text); }
.sdb-status-badge--completed { background: var(--sdb-state-completed-bg); color: var(--sdb-state-completed-text); }
.sdb-status-badge--urgent { background: var(--sdb-state-urgent-bg); color: var(--sdb-state-urgent-text); }
.sdb-status-badge--permanent { background: var(--sdb-state-permanent-bg); color: var(--sdb-state-permanent-text); }
.sdb-status-badge--featured { background: var(--sdb-state-featured-bg); color: var(--sdb-state-featured-text); } .sdb-impact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-space-md); }
.sdb-impact-metric { display: grid; gap: var(--sdb-space-2); padding: var(--sdb-card-padding); background: var(--sdb-impact-card-bg); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-impact-metric__icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--sdb-radius-pill); background: var(--sdb-impact-icon-bg); color: var(--sdb-impact-icon-color); }
.sdb-impact-metric__number { font-family: var(--sdb-font-heading); font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 800; line-height: 1; color: var(--sdb-impact-number-color); }
.sdb-impact-metric__label { font-family: var(--sdb-font-meta); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sdb-impact-label-color); }
.sdb-impact-metric__text { color: var(--sdb-color-text); }
.sdb-impact-grid--mdb, .sdb-impact-metric--mdb { --sdb-impact-card-bg: var(--sdb-mdb-impact-card-bg); --sdb-impact-number-color: var(--sdb-mdb-impact-number-color); --sdb-impact-label-color: var(--sdb-mdb-impact-label-color); --sdb-impact-icon-bg: var(--sdb-mdb-impact-icon-bg); --sdb-impact-icon-color: var(--sdb-mdb-impact-icon-color); } .sdb-transparency-panel { display: grid; gap: var(--sdb-space-md); padding: var(--sdb-card-padding); background: var(--sdb-transparency-bg); border: 1px solid var(--sdb-transparency-border); border-radius: var(--sdb-radius-lg); }
.sdb-transparency-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-transparency-title-color); }
.sdb-transparency-panel__text { margin: 0; color: var(--sdb-transparency-text-color); }
.sdb-transparency-panel--mdb { --sdb-transparency-bg: var(--sdb-mdb-transparency-bg); --sdb-transparency-border: var(--sdb-mdb-transparency-border); --sdb-transparency-title-color: var(--sdb-mdb-transparency-title-color); --sdb-transparency-text-color: var(--sdb-mdb-transparency-text-color); } .sdb-cause-hero { position: relative; isolation: isolate; display: grid; align-items: end; min-height: clamp(360px, 52vw, 620px); overflow: hidden; border-radius: var(--sdb-radius-lg); background: var(--sdb-color-editorial-accent); color: var(--sdb-color-on-image); }
.sdb-cause-hero__media { position: absolute; inset: 0; z-index: -2; }
.sdb-cause-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-cause-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sdb-overlay-strong); }
.sdb-cause-hero__content { display: grid; gap: var(--sdb-space-md); width: min(100% - 40px, 760px); padding: clamp(28px, 5vw, 64px); }
.sdb-cause-hero__eyebrow { color: currentColor; font-family: var(--sdb-font-meta); font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; opacity: .86; }
.sdb-cause-hero__title { margin: 0; color: currentColor; font-family: var(--sdb-font-heading); font-size: var(--sdb-mdb-title-hero, var(--sdb-editorial-title-featured)); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; }
.sdb-cause-hero__text { max-width: 58ch; color: currentColor; opacity: .92; }
.sdb-cause-hero--mdb { --sdb-color-editorial-accent: var(--sdb-mdb-color-primary-dark); }
.sdb-cta-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); background: var(--sdb-color-surface); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); box-shadow: var(--sdb-shadow-card); }
.sdb-cta-panel__title { margin: 0; font-family: var(--sdb-font-heading); color: var(--sdb-color-title); }
.sdb-cta-panel__text { margin: .3rem 0 0; color: var(--sdb-color-text); }
@media (max-width: 767px) {
.sdb-cause-hero__content { width: auto; padding: 28px; }
.sdb-cause-hero__title { font-size: clamp(2rem, 12vw, 3rem); }
.sdb-cta-panel { display: grid; }
} :root { --sdb-nav-strip-gap: var(--sdb-space-md, 16px);
--sdb-nav-strip-gap-mobile: var(--sdb-space-sm, 10px);
--sdb-nav-strip-padding-y: 10px;
--sdb-nav-strip-link-padding-x: 4px;
--sdb-nav-strip-link-padding-y: 9px;
--sdb-nav-strip-font-size: var(--sdb-nav-font-size, 14px);
--sdb-nav-strip-font-weight: var(--sdb-nav-font-weight, 600);
--sdb-nav-strip-color: var(--sdb-color-text, #334155);
--sdb-nav-strip-color-hover: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-color-active: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-muted-color: var(--sdb-color-muted, #64748b);
--sdb-nav-strip-border-color: var(--sdb-color-border, #dbe7f3);
--sdb-nav-strip-active-border: var(--sdb-color-primary, #0058b7);
--sdb-nav-strip-chip-bg: var(--sdb-color-background, #f5f8fc);
--sdb-nav-strip-chip-border: var(--sdb-color-border, #dbe7f3);
--sdb-nav-strip-chip-color: var(--sdb-color-title, #1f2a36);
--sdb-nav-strip-radius: var(--sdb-radius-pill, 999px);
--sdb-nav-strip-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 155, 216, .28)); --sdb-hero-height-desktop: clamp(460px, 62vw, 760px);
--sdb-hero-height-tablet: 560px;
--sdb-hero-height-mobile: 480px;
--sdb-hero-content-max-width: 780px;
--sdb-hero-content-offset-desktop: clamp(32px, 6vw, 80px);
--sdb-hero-content-offset-mobile: 28px;
--sdb-hero-title-size-desktop: var(--sdb-editorial-title-featured, clamp(2.4rem, 5vw, 4.8rem));
--sdb-hero-title-size-mobile: clamp(2rem, 11vw, 3.4rem);
--sdb-hero-title-line-height: 1.02;
--sdb-hero-subtitle-size: clamp(1rem, 2vw, 1.35rem);
--sdb-hero-subtitle-line-height: 1.45;
--sdb-hero-overlay-soft: var(--sdb-overlay-soft, linear-gradient(90deg, rgba(5,18,34,.44), rgba(5,18,34,.08)));
--sdb-hero-overlay-medium: var(--sdb-overlay-medium, linear-gradient(90deg, rgba(5,18,34,.66), rgba(5,18,34,.16)));
--sdb-hero-overlay-strong: var(--sdb-overlay-strong, linear-gradient(90deg, rgba(5,18,34,.82), rgba(5,18,34,.24)));
--sdb-hero-overlay-gradient-left: linear-gradient(90deg, rgba(5,18,34,.84) 0%, rgba(5,18,34,.54) 46%, rgba(5,18,34,.08) 100%);
--sdb-hero-overlay-gradient-bottom: linear-gradient(0deg, rgba(5,18,34,.82) 0%, rgba(5,18,34,.34) 54%, rgba(5,18,34,.08) 100%);
--sdb-hero-control-size: 48px;
--sdb-hero-control-bg: rgba(255,255,255,.14);
--sdb-hero-control-bg-hover: rgba(255,255,255,.22);
--sdb-hero-control-color: var(--sdb-color-on-image, #fff);
--sdb-hero-control-border: rgba(255,255,255,.30);
--sdb-hero-control-shadow: var(--sdb-shadow-overlay, 0 18px 45px rgba(0,0,0,.22));
--sdb-hero-focus-ring: 0 0 0 3px rgba(255,255,255,.52);
--sdb-hero-preview-width: 280px;
--sdb-hero-preview-height: 168px;
--sdb-hero-preview-shadow: var(--sdb-shadow-on-image-card, 0 18px 44px rgba(0,0,0,.28));
--sdb-transition-fast: 150ms;
--sdb-transition-base: 220ms;
--sdb-transition-slow: 360ms;
--sdb-ease-standard: cubic-bezier(.2, .8, .2, 1);
--sdb-ease-emphasized: cubic-bezier(.2, 0, 0, 1);
--sdb-slider-transition-duration: var(--sdb-transition-base); --sdb-card-gap: var(--sdb-space-lg, 24px);
--sdb-filter-gap: var(--sdb-space-md, 16px);
--sdb-detail-gap: var(--sdb-space-lg, 28px);
--sdb-detail-aside-width: 340px;
--sdb-detail-aside-gap: var(--sdb-space-md, 16px);
--sdb-section-icon-size: 42px;
--sdb-section-icon-bg: var(--sdb-color-background, #f5f8fc);
--sdb-section-icon-color: var(--sdb-color-primary, #0058b7);
--sdb-section-icon-border: var(--sdb-color-border, #dbe7f3);
--sdb-action-icon-size: 40px;
--sdb-action-icon-bg: var(--sdb-color-surface, #fff);
--sdb-action-icon-color: var(--sdb-color-primary, #0058b7);
--sdb-action-icon-hover-bg: var(--sdb-color-primary, #0058b7);
--sdb-action-icon-hover-color: #fff;
--sdb-status-expiring-bg: var(--sdb-color-warning-soft, #fff3d8);
--sdb-status-expiring-color: var(--sdb-color-warning, #8a5200);
--sdb-status-review-bg: var(--sdb-color-info-soft, #eef6ff);
--sdb-status-review-color: var(--sdb-color-info, #0058b7);
--sdb-form-field-gap: var(--sdb-space-md, 16px); --sdb-font-code: var(--sdb-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
--sdb-admin-surface: var(--sdb-color-surface, #fff);
--sdb-admin-surface-muted: var(--sdb-color-surface-soft, #f8fafc);
--sdb-admin-border: var(--sdb-color-border, #dbe7f3);
--sdb-admin-border-strong: var(--sdb-color-border-strong, #bfd0e4);
--sdb-admin-text: var(--sdb-color-text, #334155);
--sdb-admin-text-muted: var(--sdb-color-muted, #64748b);
--sdb-admin-gap: var(--sdb-space-md, 16px);
--sdb-admin-panel-padding: clamp(18px, 2.5vw, 28px);
--sdb-admin-control-height: 42px;
--sdb-admin-progress-height: 8px;
--sdb-admin-status-icon-size: 28px;
--sdb-admin-compact-row-height: 36px;
--sdb-admin-panel-max-width: 1180px;
--sdb-color-protected: #6b4e00;
--sdb-color-protected-soft: #fff7d6;
} .sdb-nav-strip {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: var(--sdb-nav-strip-gap) !important;
margin: 0 !important;
padding-block: var(--sdb-nav-strip-padding-y) !important;
border: 0 !important;
border-block: 1px solid var(--sdb-nav-strip-border-color) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important;
}
.sdb-nav-strip__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-nav-strip-gap); margin: 0; padding: 0; list-style: none; }
.sdb-nav-strip__item { margin: 0; padding: 0; list-style: none; }
.sdb-nav-strip__link,
a.sdb-nav-strip__link {
position: relative !important;
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
gap: .45em !important;
min-height: 36px !important;
padding: var(--sdb-nav-strip-link-padding-y) var(--sdb-nav-strip-link-padding-x) !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: var(--sdb-nav-strip-color) !important;
font-family: var(--sdb-nav-font, var(--sdb-font-body)) !important;
font-size: var(--sdb-nav-strip-font-size) !important;
font-weight: var(--sdb-nav-strip-font-weight) !important;
letter-spacing: var(--sdb-nav-letter-spacing, .01em) !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: color var(--sdb-transition-fast) var(--sdb-ease-standard), background-color var(--sdb-transition-fast) var(--sdb-ease-standard) !important;
}
.sdb-nav-strip__link::after,
a.sdb-nav-strip__link::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
border-radius: 99px;
background: transparent;
transform: scaleX(.42);
opacity: 0;
transition: opacity var(--sdb-transition-fast) var(--sdb-ease-standard), transform var(--sdb-transition-fast) var(--sdb-ease-standard);
}
.sdb-nav-strip__link:hover,
a.sdb-nav-strip__link:hover { color: var(--sdb-nav-strip-color-hover) !important; background: transparent !important; }
.sdb-nav-strip__link:focus-visible,
a.sdb-nav-strip__link:focus-visible { outline: none !important; box-shadow: var(--sdb-nav-strip-focus-ring) !important; border-radius: var(--sdb-radius-sm, 8px) !important; }
.sdb-nav-strip__link--active,
.sdb-nav-strip__link[aria-current="page"],
.sdb-nav-strip .current-menu-item > .sdb-nav-strip__link,
.sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link { color: var(--sdb-nav-strip-color-active) !important; }
.sdb-nav-strip__link--active::after,
.sdb-nav-strip__link[aria-current="page"]::after,
.sdb-nav-strip .current-menu-item > .sdb-nav-strip__link::after,
.sdb-nav-strip .current-menu-ancestor > .sdb-nav-strip__link::after { background: var(--sdb-nav-strip-active-border); opacity: 1; transform: scaleX(1); }
.sdb-nav-strip__link--muted { color: var(--sdb-nav-strip-muted-color) !important; font-weight: var(--sdb-font-weight-medium, 500) !important; }
.sdb-nav-strip__link--context { color: var(--sdb-color-title, #1f2a36) !important; }
.sdb-nav-strip__link--chip,
a.sdb-nav-strip__link--chip {
padding-inline: .9em !important;
border: 1px solid var(--sdb-nav-strip-chip-border) !important;
border-radius: var(--sdb-nav-strip-radius) !important;
background: var(--sdb-nav-strip-chip-bg) !important;
color: var(--sdb-nav-strip-chip-color) !important;
}
.sdb-nav-strip__link--chip::after { display: none; }
.sdb-nav-strip__icon { display: inline-flex; flex: 0 0 auto; line-height: 1; }
.sdb-nav-strip--compact { --sdb-nav-strip-gap: var(--sdb-space-sm, 10px); --sdb-nav-strip-padding-y: 7px; --sdb-nav-strip-font-size: 13px; }
.sdb-nav-strip--spacious { --sdb-nav-strip-gap: var(--sdb-space-lg, 24px); --sdb-nav-strip-padding-y: 14px; }
.sdb-nav-strip--center { justify-content: center !important; }
.sdb-nav-strip--center .sdb-nav-strip__list { justify-content: center; }
.sdb-nav-strip--right { justify-content: flex-end !important; }
.sdb-nav-strip--right .sdb-nav-strip__list { justify-content: flex-end; }
.sdb-nav-strip--scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.sdb-nav-strip--scroll .sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; } .sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-desktop); }
.sdb-hero-slider--full-viewport .sdb-hero-slide { min-height: 100svh; }
.sdb-hero-content { max-width: var(--sdb-hero-content-max-width); padding: var(--sdb-hero-content-offset-desktop); }
.sdb-hero-title { font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); }
.sdb-hero-subtitle { font-size: var(--sdb-hero-subtitle-size); line-height: var(--sdb-hero-subtitle-line-height); }
.sdb-hero-overlay--soft { background: var(--sdb-hero-overlay-soft); }
.sdb-hero-overlay--medium { background: var(--sdb-hero-overlay-medium); }
.sdb-hero-overlay--strong { background: var(--sdb-hero-overlay-strong); }
.sdb-hero-overlay--gradient-left { background: var(--sdb-hero-overlay-gradient-left); }
.sdb-hero-overlay--gradient-bottom { background: var(--sdb-hero-overlay-gradient-bottom); }
.sdb-hero-tag--plain,
.sdb-eyebrow-on-image { padding: 0; border: 0; border-radius: 0; background: transparent; letter-spacing: .12em; opacity: .9; }
.sdb-hero-tag--line,
.sdb-tag-on-image--line { padding: 0 0 .55em; border: 0; border-bottom: 2px solid currentColor; border-radius: 0; background: transparent; }
.sdb-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, 10px); }
.sdb-slider-control--floating,
.sdb-slider-control--on-image {
width: var(--sdb-hero-control-size);
height: var(--sdb-hero-control-size);
border-color: var(--sdb-hero-control-border);
background: var(--sdb-hero-control-bg);
color: var(--sdb-hero-control-color);
box-shadow: var(--sdb-hero-control-shadow);
}
.sdb-slider-control--floating:hover,
.sdb-slider-control--on-image:hover { background: var(--sdb-hero-control-bg-hover); }
.sdb-slider-control:focus-visible,
.sdb-slider-pagination__item:focus-visible { outline: none; box-shadow: var(--sdb-hero-focus-ring); }
.sdb-slider-control:disabled,
.sdb-slider-control[aria-disabled="true"] { opacity: .48; cursor: not-allowed; }
.sdb-slider-pagination--numbers .sdb-slider-pagination__item { width: auto; min-width: 28px; height: 28px; padding-inline: 8px; display: inline-grid; place-items: center; color: var(--sdb-color-on-image, #fff); font-family: var(--sdb-font-meta); font-weight: 700; }
.sdb-slider-preview-card--side { width: var(--sdb-hero-preview-width); min-height: var(--sdb-hero-preview-height); }
.sdb-slider-preview-card--on-image { box-shadow: var(--sdb-hero-preview-shadow); } .sdb-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, var(--sdb-detail-aside-width)); gap: var(--sdb-detail-gap); align-items: start; }
.sdb-detail-main { min-width: 0; display: grid; gap: var(--sdb-detail-gap); }
.sdb-detail-aside { position: relative; display: grid; gap: var(--sdb-detail-aside-gap); }
.sdb-detail-aside--sticky {
position: sticky;
top: var(--sdb-sticky-offset, 24px);
max-block-size: calc(100vh - (2 * var(--sdb-sticky-offset, 24px)));
overflow: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
.sdb-detail-meta { display: grid; gap: 12px; margin: 0; }
.sdb-detail-meta__item { display: grid; gap: 4px; padding-block: 10px; border-bottom: 1px solid var(--sdb-color-border); }
.sdb-detail-meta__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-detail-meta__value { color: var(--sdb-color-title); font-weight: 700; overflow-wrap: anywhere; }
.sdb-detail-cta { display: grid; gap: 12px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-background); }
.sdb-section-icon { display: inline-grid; place-items: center; width: var(--sdb-section-icon-size); height: var(--sdb-section-icon-size); border: 1px solid var(--sdb-section-icon-border); border-radius: 999px; background: var(--sdb-section-icon-bg); color: var(--sdb-section-icon-color); }
.sdb-share-action { display: inline-grid; place-items: center; width: var(--sdb-action-icon-size); height: var(--sdb-action-icon-size); border: 1px solid var(--sdb-color-border); border-radius: 999px; background: var(--sdb-action-icon-bg); color: var(--sdb-action-icon-color); text-decoration: none; }
.sdb-share-action:hover, .sdb-share-action:focus-visible { background: var(--sdb-action-icon-hover-bg); color: var(--sdb-action-icon-hover-color); }
.sdb-status--expiring { background: var(--sdb-status-expiring-bg); color: var(--sdb-status-expiring-color); }
.sdb-status--review, .sdb-status--requires-review { background: var(--sdb-status-review-bg); color: var(--sdb-status-review-color); }
.sdb-status--protected, .sdb-status--required, .sdb-status--locked { background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); }
.sdb-btn--back::before, .sdb-back-link::before { content: "←"; }
.sdb-seo-preview { display: grid; gap: 8px; padding: var(--sdb-card-padding, 22px); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-seo-preview__label { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-seo-preview__title { margin: 0; color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 20px; }
.sdb-seo-preview__url { color: #188038; font-size: 13px; overflow-wrap: anywhere; }
.sdb-seo-preview__description { margin: 0; color: var(--sdb-color-text); line-height: 1.55; }
.sdb-file-upload input[type="file"]:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; } .sdb-plugin-shell--admin-tool,
.sdb-admin-page--tool { max-width: var(--sdb-admin-panel-max-width); }
.sdb-admin-header { display: grid; gap: 8px; margin-bottom: var(--sdb-admin-gap); }
.sdb-admin-header__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); }
.sdb-admin-header__version { display: inline-flex; width: fit-content; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-admin-header__description { margin: 0; color: var(--sdb-admin-text); max-width: 78ch; }
.sdb-admin-tool-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sdb-admin-tool-grid--stacked-mobile { align-items: start; }
.sdb-admin-tool-panel--compact { padding: calc(var(--sdb-admin-panel-padding) * .72); }
.sdb-admin-tool-panel--technical { background: var(--sdb-admin-surface); border-color: var(--sdb-admin-border); }
.sdb-admin-tool-panel__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sdb-admin-gap); margin-top: var(--sdb-admin-gap); padding-top: var(--sdb-admin-gap); border-top: 1px solid var(--sdb-admin-border); }
.sdb-admin-site-selector__control { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-admin-gap); }
.sdb-admin-site-selector__select { min-width: min(100%, 320px); min-height: var(--sdb-admin-control-height); max-width: 100%; }
.sdb-admin-site-selector__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sdb-admin-site-selector__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-scan-status--idle { background: var(--sdb-admin-surface-muted); }
.sdb-admin-scan-status--cancelled { background: var(--sdb-color-warning-soft, #fff3d8); }
.sdb-admin-scan-status__title { margin: 0; color: var(--sdb-color-title); font-weight: 800; }
.sdb-admin-scan-status__text { margin: 2px 0 0; color: var(--sdb-admin-text); }
.sdb-admin-progress-panel__summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; color: var(--sdb-admin-text); }
.sdb-admin-progress-panel progress { width: 100%; height: var(--sdb-admin-progress-height); accent-color: var(--sdb-color-primary); }
.sdb-admin-progress-panel__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-batch-controls { display: grid; gap: var(--sdb-admin-gap); padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface-muted); }
.sdb-admin-batch-controls__field { display: grid; gap: 6px; }
.sdb-admin-batch-controls__input { width: 120px; min-height: var(--sdb-admin-control-height); }
.sdb-admin-batch-controls__help { color: var(--sdb-admin-text-muted); font-size: 13px; }
.sdb-admin-result-summary--compact { grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 8px; }
.sdb-admin-result-summary__label { color: var(--sdb-admin-text-muted); font-family: var(--sdb-font-meta); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-admin-result-summary__value { color: var(--sdb-color-primary); font-family: var(--sdb-font-heading); font-size: 30px; font-weight: 800; line-height: 1; }
.sdb-admin-export-actions { padding: var(--sdb-admin-panel-padding); border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-surface); }
.sdb-admin-export-actions__title { margin: 0; color: var(--sdb-color-title); }
.sdb-admin-export-actions__description { margin: 4px 0 0; color: var(--sdb-admin-text); }
.sdb-admin-export-actions__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.sdb-admin-network-operation-panel { border-left: 4px solid var(--sdb-color-warning, #b7791f); background: var(--sdb-color-warning-soft, #fff3d8); }
.sdb-admin-permission-matrix { max-height: var(--sdb-permission-matrix-max-height, 520px); overflow: auto; padding: 4px; }
.sdb-admin-permission-matrix__item,
.sdb-admin-capability-list__item { display: flex; align-items: flex-start; gap: 10px; min-height: var(--sdb-admin-compact-row-height); }
.sdb-admin-capability-list__code,
.sdb-admin-code-field { font-family: var(--sdb-font-code); }
.sdb-admin-protected-item { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: var(--sdb-radius-pill); background: var(--sdb-color-protected-soft); color: var(--sdb-color-protected); font-size: 12px; font-weight: 800; }
.sdb-admin-advanced-details > summary,
.sdb-admin-advanced-details__summary { list-style: none; }
.sdb-admin-advanced-details > summary::-webkit-details-marker { display: none; }
.sdb-admin-advanced-details > summary:focus-visible,
.sdb-admin-advanced-details__summary:focus-visible { outline: 2px solid var(--sdb-color-primary); outline-offset: 3px; }
.sdb-admin-process-log { display: grid; gap: 6px; max-height: var(--sdb-process-log-max-height, 360px); overflow: auto; margin: 0; padding: 12px; border: 1px solid var(--sdb-admin-border); border-radius: var(--sdb-radius-md); background: var(--sdb-admin-surface-muted); font-family: var(--sdb-font-code); font-size: 12.5px; }
.sdb-admin-process-log__item { display: grid; gap: 2px; padding: 7px 9px; border-radius: var(--sdb-radius-sm, 8px); background: var(--sdb-admin-surface); color: var(--sdb-admin-text); }
.sdb-admin-process-log__item--success { border-left: 3px solid var(--sdb-color-success, #2f8f4e); }
.sdb-admin-process-log__item--warning { border-left: 3px solid var(--sdb-color-warning, #b7791f); }
.sdb-admin-process-log__item--error { border-left: 3px solid var(--sdb-color-danger, #c53030); }
.sdb-btn--danger { background: var(--sdb-color-danger, #c53030) !important; border-color: var(--sdb-color-danger, #c53030) !important; color: #fff !important; }
.sdb-btn--danger:hover { filter: brightness(.96); }
.sdb-density-compact { --sdb-admin-panel-padding: 14px; --sdb-admin-gap: 10px; --sdb-card-padding: 16px; }
.sdb-density-comfortable { --sdb-admin-panel-padding: 22px; --sdb-admin-gap: 16px; }
.sdb-density-relaxed { --sdb-admin-panel-padding: 30px; --sdb-admin-gap: 22px; }
@media (max-width: 900px) {
.sdb-detail-layout,
.sdb-admin-tool-grid--2 { grid-template-columns: 1fr; }
.sdb-detail-aside--sticky {
position: relative;
top: auto;
max-block-size: none;
overflow: visible;
overscroll-behavior: auto;
scrollbar-gutter: auto;
}
.sdb-nav-strip { --sdb-nav-strip-gap: var(--sdb-nav-strip-gap-mobile); }
.sdb-nav-strip--scroll { padding-inline: 0; }
.sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-tablet); }
}
@media (max-width: 640px) {
.sdb-nav-strip { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
.sdb-nav-strip__list { flex-wrap: nowrap; min-width: max-content; }
.sdb-hero-slider--classic .sdb-hero-slide,
.sdb-hero-slider--editorial .sdb-hero-slide,
.sdb-hero-slider--modern .sdb-hero-slide { min-height: var(--sdb-hero-height-mobile); }
.sdb-hero-content { padding: var(--sdb-hero-content-offset-mobile); }
.sdb-hero-title { font-size: var(--sdb-hero-title-size-mobile); }
.sdb-admin-site-selector__control,
.sdb-admin-export-actions { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-nav-strip__link,
.sdb-nav-strip__link::after,
.sdb-slider-control,
.sdb-progress__bar { transition: none !important; }
} :root { --sdb-layout-max-width-site: 1920px;
--sdb-layout-max-width-content: 1320px;
--sdb-layout-max-width-reading: 860px;
--sdb-layout-hero-padding-y: clamp(56px, 8vw, 120px);
--sdb-layout-hero-padding-x: clamp(24px, 4vw, 64px); --sdb-color-editorial-accent-soft: rgba(31, 59, 91, .10);
--sdb-color-editorial-accent-muted: rgba(31, 59, 91, .68);
--sdb-color-editorial-surface: var(--sdb-color-surface);
--sdb-color-editorial-surface-soft: var(--sdb-color-background);
--sdb-color-editorial-border: var(--sdb-color-border);
--sdb-editorial-title-xs: clamp(1rem, 1vw, 1.1rem);
--sdb-editorial-meta-size: .78rem;
--sdb-editorial-meta-weight: var(--sdb-font-weight-semibold);
--sdb-editorial-meta-letter-spacing: .08em;
--sdb-editorial-meta-transform: uppercase;
--sdb-editorial-excerpt-size: .96rem;
--sdb-editorial-excerpt-line-height: 1.65;
--sdb-editorial-link-weight: var(--sdb-font-weight-semibold);
--sdb-editorial-cta-color: var(--sdb-color-primary);
--sdb-editorial-cta-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-editorial-cta-bg: rgba(0, 88, 183, .08);
--sdb-editorial-cta-bg-hover: rgba(0, 88, 183, .14);
--sdb-editorial-cta-icon-bg: rgba(0, 88, 183, .10);
--sdb-editorial-cta-icon-color: var(--sdb-color-primary);
--sdb-editorial-cta-radius: var(--sdb-radius-pill);
--sdb-radius-editorial: var(--sdb-radius-lg);
--sdb-radius-editorial-lg: clamp(18px, 2vw, 28px);
--sdb-shadow-editorial: var(--sdb-shadow-card);
--sdb-shadow-editorial-soft: 0 16px 40px rgba(24, 47, 72, .08);
--sdb-shadow-editorial-hover: 0 22px 54px rgba(24, 47, 72, .14);
--sdb-editorial-overlay-gradient: linear-gradient(90deg, rgba(3, 17, 34, .78), rgba(3, 17, 34, .36), rgba(3, 17, 34, .04));
--sdb-editorial-overlay-bottom: linear-gradient(180deg, rgba(3, 17, 34, .04), rgba(3, 17, 34, .78));
--sdb-editorial-overlay-balanced: linear-gradient(180deg, rgba(3, 17, 34, .18), rgba(3, 17, 34, .58));
--sdb-editorial-media-featured-ratio: 16 / 9;
--sdb-editorial-media-card-ratio: 4 / 3;
--sdb-editorial-thumb-sm: 72px;
--sdb-editorial-thumb-md: 108px;
--sdb-editorial-thumb-lg: 160px;
--sdb-editorial-divider-color: var(--sdb-color-border);
--sdb-editorial-divider-spacing: var(--sdb-space-md); --sdb-aspect-portrait: 4 / 5;
--sdb-aspect-profile-card: 3 / 4;
--sdb-profile-card-min-height: 100%;
--sdb-profile-card-title-size: var(--sdb-editorial-title-md);
--sdb-profile-card-title-lines: 2;
--sdb-profile-media-bg: var(--sdb-color-background);
--sdb-carousel-gap: var(--sdb-space-lg);
--sdb-carousel-item-width: min(82vw, 320px);
--sdb-featured-profile-image-width: min(38vw, 420px);
--sdb-featured-profile-padding: clamp(24px, 4vw, 48px);
--sdb-bio-summary-label-color: var(--sdb-color-muted);
--sdb-bio-summary-border: var(--sdb-color-border); --sdb-catalog-card-bg: var(--sdb-color-surface);
--sdb-catalog-card-border: var(--sdb-color-border);
--sdb-catalog-card-radius: var(--sdb-radius-lg);
--sdb-catalog-card-shadow: var(--sdb-shadow-card);
--sdb-catalog-card-padding: var(--sdb-card-padding);
--sdb-catalog-card-gap: var(--sdb-space-md);
--sdb-catalog-grid-gap: var(--sdb-card-gap, var(--sdb-space-lg));
--sdb-catalog-grid-min-width: 260px;
--sdb-catalog-list-gap: var(--sdb-space-md);
--sdb-media-card-aspect: 4 / 3;
--sdb-media-card-aspect-wide: 16 / 9;
--sdb-media-card-aspect-square: 1 / 1;
--sdb-media-card-radius: var(--sdb-radius-md);
--sdb-media-card-bg: var(--sdb-color-background);
--sdb-media-card-object-fit: cover;
--sdb-fact-list-gap: 10px;
--sdb-fact-item-bg: var(--sdb-color-background);
--sdb-fact-item-border: var(--sdb-color-border);
--sdb-fact-item-radius: var(--sdb-radius-md);
--sdb-fact-label-color: var(--sdb-color-muted);
--sdb-fact-label-font-size: .72rem;
--sdb-fact-label-letter-spacing: .08em;
--sdb-fact-value-color: var(--sdb-color-title);
--sdb-fact-value-font-size: .96rem;
--sdb-sidebar-card-bg: var(--sdb-color-surface);
--sdb-sidebar-card-border: var(--sdb-color-border);
--sdb-sidebar-card-radius: var(--sdb-radius-lg);
--sdb-sidebar-card-padding: var(--sdb-card-padding);
--sdb-sidebar-card-shadow: var(--sdb-shadow-card);
--sdb-sidebar-stack-gap: var(--sdb-space-md);
--sdb-tabs-border: var(--sdb-color-border);
--sdb-tabs-bg: transparent;
--sdb-tabs-active-bg: var(--sdb-color-surface);
--sdb-tabs-active-color: var(--sdb-color-primary);
--sdb-tabs-inactive-color: var(--sdb-color-muted);
--sdb-tabs-radius: 8px;
--sdb-tabs-padding: 8px 14px;
--sdb-tabs-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)); --sdb-document-list-gap: var(--sdb-space-sm);
--sdb-document-list-padding-y: 12px;
--sdb-document-list-border-color: var(--sdb-color-border);
--sdb-document-list-title-color: var(--sdb-color-title);
--sdb-document-list-meta-color: var(--sdb-color-muted);
--sdb-document-list-hover-bg: rgba(0,88,183,.04);
--sdb-document-icon-size: 42px;
--sdb-document-icon-color: var(--sdb-color-primary);
--sdb-document-icon-bg: rgba(0,88,183,.08);
--sdb-document-icon-radius: var(--sdb-radius-md);
--sdb-document-meta-font: var(--sdb-font-meta);
--sdb-document-meta-size: .78rem;
--sdb-document-meta-color: var(--sdb-color-muted);
--sdb-document-meta-gap: 8px;
--sdb-download-action-font-size: .88rem;
--sdb-download-action-font-weight: var(--sdb-font-weight-semibold);
--sdb-download-action-color: var(--sdb-color-primary);
--sdb-download-action-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-download-action-icon-size: 1em;
--sdb-download-action-gap: 7px;
--sdb-pagination-compact-gap: 6px;
--sdb-pagination-compact-size: 34px;
--sdb-file-pdf-color: #c53030;
--sdb-file-doc-color: #1f5fbf;
--sdb-file-xls-color: #2f8f4e;
--sdb-file-zip-color: #7c4dff;
--sdb-file-generic-color: var(--sdb-color-primary); --sdb-alert-radius: var(--sdb-radius-lg);
--sdb-alert-shadow: var(--sdb-shadow-element);
--sdb-alert-padding-y: 14px;
--sdb-alert-padding-x: clamp(16px, 3vw, 28px);
--sdb-alert-gap: var(--sdb-space-md);
--sdb-alert-info-bg: var(--sdb-color-info-bg);
--sdb-alert-info-border: var(--sdb-color-info);
--sdb-alert-info-text: var(--sdb-color-info-text);
--sdb-alert-success-bg: var(--sdb-color-success-bg);
--sdb-alert-success-border: var(--sdb-color-success);
--sdb-alert-success-text: var(--sdb-color-success-text);
--sdb-alert-warning-bg: var(--sdb-color-warning-bg);
--sdb-alert-warning-border: var(--sdb-color-warning);
--sdb-alert-warning-text: var(--sdb-color-warning-text);
--sdb-alert-error-bg: var(--sdb-color-error-bg);
--sdb-alert-error-border: var(--sdb-color-error);
--sdb-alert-error-text: var(--sdb-color-error-text);
--sdb-alert-dark-bg: #071b32;
--sdb-alert-dark-text: #fff;
--sdb-alert-dark-muted: rgba(255,255,255,.78);
--sdb-alert-dark-border: rgba(255,255,255,.16);
--sdb-alert-link-color: var(--sdb-color-primary);
--sdb-alert-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-alert-dark-link-color: #fff;
--sdb-alert-dark-link-hover-color: #caecff;
--sdb-dismiss-size: 34px;
--sdb-dismiss-radius: var(--sdb-radius-pill);
--sdb-dismiss-color: currentColor;
--sdb-dismiss-hover-bg: rgba(0,0,0,.07);
--sdb-dismiss-dark-color: #fff;
--sdb-dismiss-dark-hover-bg: rgba(255,255,255,.14);
--sdb-priority-low-bg: var(--sdb-color-background);
--sdb-priority-low-text: var(--sdb-color-muted);
--sdb-priority-normal-bg: var(--sdb-color-info-bg);
--sdb-priority-normal-text: var(--sdb-color-info-text);
--sdb-priority-high-bg: var(--sdb-color-warning-bg);
--sdb-priority-high-text: var(--sdb-color-warning-text);
--sdb-priority-urgent-bg: var(--sdb-color-error-bg);
--sdb-priority-urgent-text: var(--sdb-color-error-text); --sdb-consent-banner-bg: var(--sdb-color-surface);
--sdb-consent-banner-border: var(--sdb-color-border);
--sdb-consent-banner-shadow: var(--sdb-shadow-card);
--sdb-consent-panel-width: min(100%, 720px);
--sdb-consent-backdrop-bg: rgba(8, 24, 43, .52);
--sdb-consent-toggle-bg: var(--sdb-color-border);
--sdb-consent-toggle-active-bg: var(--sdb-color-primary);
--sdb-privacy-surface-bg: var(--sdb-color-surface);
--sdb-privacy-surface-border: var(--sdb-color-border);
--sdb-legal-text-size: .88rem;
--sdb-legal-text-color: var(--sdb-color-muted); --sdb-state-available-bg: var(--sdb-color-success-bg);
--sdb-state-available: var(--sdb-color-success-text);
--sdb-state-limited-bg: var(--sdb-color-warning-bg);
--sdb-state-limited: var(--sdb-color-warning-text);
--sdb-state-full-bg: var(--sdb-color-error-bg);
--sdb-state-full: var(--sdb-color-error-text);
--sdb-state-waitlist-bg: var(--sdb-color-info-bg);
--sdb-state-waitlist: var(--sdb-color-info-text);
--sdb-state-confirmed: var(--sdb-color-success-text);
--sdb-state-pending: var(--sdb-color-warning-text);
--sdb-state-cancelled: var(--sdb-color-muted);
--sdb-ticket-border: var(--sdb-color-border);
--sdb-ticket-bg: var(--sdb-color-surface);
--sdb-ticket-radius: var(--sdb-radius-lg);
--sdb-ticket-shadow: var(--sdb-shadow-card);
--sdb-form-section-gap: var(--sdb-space-lg);
--sdb-form-error-bg: var(--sdb-color-error-bg);
--sdb-form-success-bg: var(--sdb-color-success-bg);
--sdb-admin-kpi-bg: var(--sdb-color-surface);
--sdb-admin-kpi-border: var(--sdb-color-border); --sdb-sensitive-bg: #f8fbff;
--sdb-sensitive-border: #dbe9f7;
--sdb-sensitive-text: var(--sdb-color-text);
--sdb-confidential-bg: #f2f6fb;
--sdb-confidential-border: #cad8e6;
--sdb-security-color: var(--sdb-color-primary);
--sdb-privacy-note-bg: #f8fafc;
--sdb-privacy-note-border: var(--sdb-color-border);
--sdb-process-received-bg: var(--sdb-color-info-bg);
--sdb-process-review-bg: var(--sdb-color-warning-bg);
--sdb-process-completed-bg: var(--sdb-color-success-bg);
--sdb-process-archived-bg: var(--sdb-color-background); --sdb-floating-action-size: 56px;
--sdb-floating-action-offset: 24px;
--sdb-floating-action-bg: var(--sdb-color-primary);
--sdb-floating-action-color: #fff;
--sdb-floating-action-shadow: var(--sdb-shadow-card);
--sdb-floating-action-radius: var(--sdb-radius-pill);
--sdb-floating-action-z-index: 9990;
--sdb-modal-width-sm: 420px;
--sdb-modal-width-md: 640px;
--sdb-modal-padding: clamp(16px, 2.4vw, 24px);
--sdb-modal-radius: var(--sdb-radius-lg);
--sdb-modal-shadow: 0 26px 80px rgba(12, 34, 55, .24);
--sdb-modal-backdrop-bg: rgba(8, 24, 43, .58);
--sdb-modal-title-size: clamp(1.4rem, 2vw, 2rem);
--sdb-modal-z-index: 10000;
--sdb-z-base: 1;
--sdb-z-sticky: 100;
--sdb-z-floating: 9990;
--sdb-z-overlay: 9995;
--sdb-z-modal: 10000;
--sdb-z-toast: 10020; --sdb-admin-bg: var(--sdb-color-background);
--sdb-admin-surface-alt: var(--sdb-color-background);
--sdb-admin-text: var(--sdb-color-text);
--sdb-admin-muted: var(--sdb-color-muted);
--sdb-admin-heading: var(--sdb-color-title);
--sdb-admin-primary: var(--sdb-color-primary);
--sdb-admin-primary-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-admin-primary-soft: rgba(0,88,183,.08);
--sdb-wpadmin-menu-bg: #071b32;
--sdb-wpadmin-menu-text: rgba(255,255,255,.88);
--sdb-wpadmin-menu-hover-bg: rgba(255,255,255,.08);
--sdb-wpadmin-menu-hover-text: #fff;
--sdb-wpadmin-menu-current-bg: var(--sdb-color-primary);
--sdb-wpadmin-menu-current-text: #fff;
--sdb-wpadmin-bar-bg: #061629;
--sdb-wpadmin-bar-text: #fff;
--sdb-wpadmin-bar-hover-bg: rgba(255,255,255,.08);
--sdb-wpadmin-bar-hover-text: #fff;
--sdb-wpadmin-table-header-bg: var(--sdb-color-background);
--sdb-wpadmin-table-row-hover-bg: rgba(0,88,183,.04);
--sdb-wpadmin-table-border: var(--sdb-color-border);
--sdb-editor-font-body: var(--sdb-font-body);
--sdb-editor-font-heading: var(--sdb-font-heading);
--sdb-editor-font-meta: var(--sdb-font-meta);
--sdb-editor-text-color: var(--sdb-color-text);
--sdb-editor-heading-color: var(--sdb-color-title);
--sdb-editor-muted-color: var(--sdb-color-muted);
--sdb-editor-background: var(--sdb-color-background);
--sdb-editor-canvas-bg: #fff;
--sdb-editor-content-width: 860px;
--sdb-editor-wide-width: 1320px;
--sdb-editor-body-size: 16px;
--sdb-editor-body-line-height: 1.65;
--sdb-editor-title-size: 32px;
--sdb-editor-title-line-height: 1.25;
--sdb-login-bg: var(--sdb-color-background);
--sdb-login-card-bg: var(--sdb-color-surface);
--sdb-login-card-border: var(--sdb-color-border);
--sdb-login-card-radius: var(--sdb-radius-lg);
--sdb-login-card-shadow: var(--sdb-shadow-card);
--sdb-login-logo-width: 180px;
--sdb-login-text: var(--sdb-color-text);
--sdb-login-muted: var(--sdb-color-muted);
--sdb-login-link: var(--sdb-color-primary);
--sdb-login-link-hover: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-login-button-bg: var(--sdb-color-primary);
--sdb-login-button-hover-bg: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-login-focus: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); --sdb-mdb-hero-max-width: var(--sdb-layout-max-width-site);
--sdb-mdb-hero-content-width: var(--sdb-layout-max-width-content);
--sdb-mdb-hero-padding-y: var(--sdb-layout-hero-padding-y);
--sdb-mdb-hero-padding-x: var(--sdb-layout-hero-padding-x);
--sdb-cause-hero-bg: var(--sdb-color-background);
--sdb-cause-hero-bg-soft: var(--sdb-color-surface);
--sdb-cause-hero-title-color: var(--sdb-color-title);
--sdb-cause-hero-eyebrow-color: var(--sdb-color-primary);
--sdb-cause-hero-pattern-opacity: .16;
--sdb-cause-hero-image-radius: var(--sdb-radius-lg);
--sdb-cause-hero-image-shadow: var(--sdb-shadow-card);
--sdb-cause-hero-card-bg: var(--sdb-color-surface);
--sdb-cause-hero-card-border: var(--sdb-color-border);
--sdb-mdb-hero-bg: var(--sdb-mdb-color-surface-soft, #FFF8F4);
--sdb-mdb-hero-bg-soft: var(--sdb-mdb-color-surface-strong, #FFEFE6);
--sdb-mdb-hero-title-color: var(--sdb-color-title);
--sdb-mdb-hero-eyebrow-color: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-cta-bg: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-cta-bg-hover: var(--sdb-mdb-color-primary-dark, #E24B00);
--sdb-mdb-cta-text: #fff;
} .sdb-u-container-wide { width: min(100% - 32px, var(--sdb-layout-max-width-content)); margin-inline: auto; }
.sdb-u-container-narrow, .sdb-u-container-reading { width: min(100% - 32px, var(--sdb-layout-max-width-reading)); margin-inline: auto; }
.sdb-u-bleed-site { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; }
.sdb-u-bleed-viewport { width: 100vw; margin-left: calc(50% - 50vw); } .sdb-u-clip-x { overflow-x: clip; }
.sdb-u-section-hero { padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); }
.sdb-u-section-soft { background: var(--sdb-color-background); }
.sdb-u-w-full { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
.sdb-u-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-catalog-grid-min-width)), 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-grid-sidebar-aware { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: var(--sdb-catalog-grid-gap); }
.sdb-u-stack-sm { display: grid; gap: var(--sdb-space-sm); }
.sdb-u-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm); }
.sdb-u-surface-soft { background: var(--sdb-color-background); }
.sdb-u-max-width-sm { max-width: var(--sdb-modal-width-sm); }
.sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sdb-u-nowrap { white-space: nowrap; }
.sdb-u-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sdb-u-text-on-dark { color: #fff; }
.sdb-u-border { border: 1px solid var(--sdb-color-border); }
.sdb-u-hit-area { min-width: 44px; min-height: 44px; }
.sdb-u-line-clamp-1, .sdb-u-line-clamp-2, .sdb-u-line-clamp-3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.sdb-u-line-clamp-1 { -webkit-line-clamp: 1; line-clamp: 1; }
.sdb-u-line-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.sdb-u-line-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }
.sdb-u-media-16x9, .sdb-u-media-16x10, .sdb-u-media-square, .sdb-u-media-wide, .sdb-u-media-portrait { display: block; overflow: hidden; background: var(--sdb-media-card-bg); border-radius: var(--sdb-media-card-radius); }
.sdb-u-media-16x9 { aspect-ratio: 16 / 9; }
.sdb-u-media-16x10 { aspect-ratio: 16 / 10; }
.sdb-u-media-square { aspect-ratio: 1 / 1; }
.sdb-u-media-wide { aspect-ratio: var(--sdb-media-card-aspect-wide); }
.sdb-u-media-portrait { aspect-ratio: var(--sdb-aspect-portrait); }
.sdb-u-media-cover > img, .sdb-media-fit-cover { width: 100%; height: 100%; object-fit: cover; }
.sdb-u-media-contain > img, .sdb-media-fit-contain, .sdb-media-logo-safe { width: 100%; height: 100%; object-fit: contain; background: var(--sdb-color-background); }
.sdb-media-focus-center { object-position: center; }
.sdb-media-focus-top { object-position: top center; }
.sdb-media-focus-bottom { object-position: bottom center; }
.sdb-media-focus-left { object-position: center left; }
.sdb-media-focus-right { object-position: center right; }
.sdb-u-document-icon, .sdb-u-file-icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); font-weight: 800; }
.sdb-u-file-icon--pdf { color: var(--sdb-file-pdf-color); }
.sdb-u-file-icon--doc { color: var(--sdb-file-doc-color); }
.sdb-u-file-icon--xls { color: var(--sdb-file-xls-color); }
.sdb-u-file-icon--zip { color: var(--sdb-file-zip-color); }
.sdb-u-editorial-divider, .sdb-u-separated-list > * + * { border-top: 1px solid var(--sdb-editorial-divider-color); padding-top: var(--sdb-editorial-divider-spacing); margin-top: var(--sdb-editorial-divider-spacing); } .sdb-editorial-pill { display: inline-flex; align-items: center; gap: .45em; width: fit-content; padding: var(--sdb-editorial-tag-padding-y, .38rem) var(--sdb-editorial-tag-padding-x, .68rem); border: 1px solid var(--sdb-color-editorial-border); border-radius: var(--sdb-radius-pill); background: var(--sdb-color-editorial-surface-soft); color: var(--sdb-color-editorial-accent); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-tag-font-size, .75rem); font-weight: var(--sdb-editorial-tag-font-weight, 700); letter-spacing: var(--sdb-editorial-tag-letter-spacing, .08em); text-transform: uppercase; }
.sdb-editorial-pill--on-image { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.32); color: #fff; backdrop-filter: blur(8px); }
.sdb-editorial-pill--muted { background: var(--sdb-color-background); color: var(--sdb-color-muted); }
.sdb-editorial-pill--accent { background: var(--sdb-color-editorial-accent-soft); border-color: transparent; color: var(--sdb-color-editorial-accent); }
.sdb-editorial-link { color: var(--sdb-editorial-cta-color); font-weight: var(--sdb-editorial-link-weight); text-decoration: none; text-underline-offset: .2em; }
.sdb-editorial-link:hover { color: var(--sdb-editorial-cta-hover-color); text-decoration: underline; }
.sdb-editorial-link--subtle { color: var(--sdb-color-muted); }
.sdb-editorial-link--strong { display: inline-flex; align-items: center; gap: .55em; padding: .65rem .9rem; border-radius: var(--sdb-editorial-cta-radius); background: var(--sdb-editorial-cta-bg); }
.sdb-editorial-link--strong:hover { background: var(--sdb-editorial-cta-bg-hover); text-decoration: none; }
.sdb-editorial-link--on-image { color: #fff; }
.sdb-editorial-link--with-arrow::after { content: "→"; display: inline-block; margin-left: .45em; transition: transform var(--sdb-transition-fast, 160ms) ease; }
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-panel--soft { background: var(--sdb-color-editorial-surface-soft); border: 1px solid var(--sdb-color-editorial-border); }
.sdb-editorial-panel--institutional { background: linear-gradient(135deg, var(--sdb-color-editorial-surface), var(--sdb-color-editorial-surface-soft)); border-left: 4px solid var(--sdb-color-editorial-accent); }
.sdb-editorial-panel--floating { box-shadow: var(--sdb-shadow-editorial-soft); border-radius: var(--sdb-radius-editorial-lg); }
.sdb-on-image--bottom { align-items: end; }
.sdb-on-image--center { align-items: center; justify-items: center; text-align: center; }
.sdb-on-image--soft::before { background: var(--sdb-editorial-overlay-balanced); }
.sdb-on-image--strong::before { background: var(--sdb-overlay-strong); }
.sdb-on-image__content { position: relative; z-index: 2; max-width: var(--sdb-hero-content-max-width); color: var(--sdb-color-on-image, #fff); }
.sdb-icon { inline-size: 1em; block-size: 1em; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.sdb-icon--inline { vertical-align: -0.125em; }
.sdb-icon--circle { inline-size: 2em; block-size: 2em; border-radius: 50%; background: var(--sdb-color-editorial-accent-soft); color: var(--sdb-color-editorial-accent); }
.sdb-icon--editorial { color: var(--sdb-color-editorial-accent); } .sdb-profile-card { display: grid; gap: var(--sdb-space-md); min-height: var(--sdb-profile-card-min-height); overflow: hidden; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-editorial); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); }
.sdb-profile-card__media { position: relative; aspect-ratio: var(--sdb-aspect-profile-card); overflow: hidden; background: var(--sdb-profile-media-bg); }
.sdb-profile-card__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-profile-card__body { display: grid; gap: .55rem; padding: var(--sdb-card-padding); }
.sdb-profile-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-profile-card-title-size); line-height: 1.18; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--sdb-profile-card-title-lines); line-clamp: var(--sdb-profile-card-title-lines); overflow: hidden; }
.sdb-profile-card__meta { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: var(--sdb-editorial-meta-weight); letter-spacing: var(--sdb-editorial-meta-letter-spacing); text-transform: var(--sdb-editorial-meta-transform); }
.sdb-featured-profile { display: grid; grid-template-columns: minmax(220px, var(--sdb-featured-profile-image-width)) minmax(0, 1fr); gap: clamp(22px, 4vw, 56px); align-items: center; padding: var(--sdb-featured-profile-padding); border-radius: var(--sdb-radius-editorial-lg); background: var(--sdb-color-surface); box-shadow: var(--sdb-shadow-editorial-soft); }
.sdb-featured-profile__media { aspect-ratio: var(--sdb-aspect-portrait); overflow: hidden; border-radius: var(--sdb-radius-editorial); background: var(--sdb-profile-media-bg); }
.sdb-featured-profile__media img { width: 100%; height: 100%; object-fit: cover; }
.sdb-bio-summary { display: grid; gap: 10px; border-top: 1px solid var(--sdb-bio-summary-border); padding-top: var(--sdb-space-md); }
.sdb-bio-summary__item { display: grid; grid-template-columns: minmax(110px, .35fr) 1fr; gap: 12px; }
.sdb-bio-summary__label { color: var(--sdb-bio-summary-label-color); font-family: var(--sdb-font-meta); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-bio-summary__value { color: var(--sdb-color-text); }
.sdb-date-list, .sdb-timeline-compact { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sdb-date-list__item, .sdb-timeline-compact__item { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--sdb-color-border); } .sdb-timeline-compact--inline { gap: 0; }
.sdb-timeline-compact--inline .sdb-timeline-compact__item {
grid-template-columns: max-content minmax(0, 1fr);
align-items: center;
gap: var(--sdb-space-3, 12px);
padding-block: 8px;
}
.sdb-timeline-compact__date {
color: var(--sdb-color-primary, #0058b7);
font-size: var(--sdb-type-metadata-size, .72rem);
font-weight: var(--sdb-font-weight-semibold, 600);
white-space: nowrap;
}
.sdb-timeline-compact__content {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px 10px;
min-inline-size: 0;
}
.sdb-timeline-compact__content > strong {
color: var(--sdb-color-title, #364048);
font-size: var(--sdb-type-body-sm-size, .82rem);
}
.sdb-timeline-compact__meta {
color: var(--sdb-color-muted, #8e9aa7);
font-size: var(--sdb-type-metadata-size, .72rem);
white-space: nowrap;
} .sdb-timeline-compact--editorial { gap: 0; }
.sdb-timeline-compact--editorial .sdb-timeline-compact__item {
--sdb-timeline-editorial-marker-y: calc(7px + .65em);
position: relative;
grid-template-columns: max-content minmax(0, 1fr);
align-items: baseline;
gap: var(--sdb-space-3, 12px);
padding: 7px 0 7px 22px;
border-bottom: 0;
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__item::before {
content: "";
position: absolute;
inset-block: 0;
inset-inline-start: 4px;
inline-size: 1px;
background: var(--sdb-color-outline-variant, var(--sdb-color-border, #dfe8f2));
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__item::after {
content: "";
position: absolute;
inset-inline-start: 1px;
inset-block-start: var(--sdb-timeline-editorial-marker-y);
inline-size: 7px;
block-size: 7px;
border: 1px solid var(--sdb-color-primary, #0058b7);
border-radius: 50%;
background: var(--sdb-color-surface, #fff);
transform: translateY(-50%);
box-sizing: border-box;
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__item:first-child::before {
inset-block-start: var(--sdb-timeline-editorial-marker-y);
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__item:last-child::before {
inset-block-end: calc(100% - var(--sdb-timeline-editorial-marker-y));
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__date {
color: var(--sdb-color-muted, #8e9aa7);
font-weight: var(--sdb-font-weight-medium, 500);
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__content > strong {
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-medium, 500);
}
.sdb-timeline-compact--editorial .sdb-timeline-compact__meta { color: var(--sdb-color-muted, #8e9aa7); }
.sdb-editorial-carousel { display: grid; gap: var(--sdb-space-md); }
.sdb-editorial-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: var(--sdb-carousel-item-width); gap: var(--sdb-carousel-gap); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; }
.sdb-editorial-carousel__item { scroll-snap-align: start; } .sdb-catalog-card { display: grid; gap: var(--sdb-catalog-card-gap); overflow: hidden; border: 1px solid var(--sdb-catalog-card-border); border-radius: var(--sdb-catalog-card-radius); background: var(--sdb-catalog-card-bg); box-shadow: var(--sdb-catalog-card-shadow); }
.sdb-catalog-card__media { aspect-ratio: var(--sdb-media-card-aspect); overflow: hidden; background: var(--sdb-media-card-bg); }
.sdb-catalog-card__media img { width: 100%; height: 100%; object-fit: var(--sdb-media-card-object-fit); }
.sdb-catalog-card__body { display: grid; gap: .65rem; padding: var(--sdb-catalog-card-padding); }
.sdb-catalog-card__eyebrow { color: var(--sdb-color-muted); font-family: var(--sdb-font-meta); font-size: var(--sdb-editorial-meta-size); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-catalog-card__title { margin: 0; color: var(--sdb-color-title); font-family: var(--sdb-font-heading); font-size: var(--sdb-editorial-title-md); line-height: 1.18; }
.sdb-catalog-card__text { color: var(--sdb-color-text); line-height: 1.6; }
.sdb-fact-sheet { display: grid; gap: var(--sdb-fact-list-gap); }
.sdb-fact-sheet__item { display: grid; gap: 4px; padding: 12px; border: 1px solid var(--sdb-fact-item-border); border-radius: var(--sdb-fact-item-radius); background: var(--sdb-fact-item-bg); }
.sdb-fact-sheet__label { color: var(--sdb-fact-label-color); font-family: var(--sdb-font-meta); font-size: var(--sdb-fact-label-font-size); font-weight: 800; letter-spacing: var(--sdb-fact-label-letter-spacing); text-transform: uppercase; }
.sdb-fact-sheet__value { color: var(--sdb-fact-value-color); font-size: var(--sdb-fact-value-font-size); font-weight: 650; }
.sdb-action-stack { display: grid; gap: var(--sdb-space-sm); }
.sdb-action-stack__primary, .sdb-action-stack__secondary, .sdb-action-stack__nav { display: flex; flex-wrap: wrap; gap: 8px; } .sdb-document-list { display: grid; gap: var(--sdb-document-list-gap); }
.sdb-document-list__item { display: flex; align-items: center; gap: var(--sdb-space-md); padding-block: var(--sdb-document-list-padding-y); border-bottom: 1px solid var(--sdb-document-list-border-color); }
.sdb-document-list__item:hover { background: var(--sdb-document-list-hover-bg); }
.sdb-document-list__icon { inline-size: var(--sdb-document-icon-size); block-size: var(--sdb-document-icon-size); display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: var(--sdb-document-icon-radius); background: var(--sdb-document-icon-bg); color: var(--sdb-document-icon-color); }
.sdb-document-list__content { min-width: 0; flex: 1 1 auto; }
.sdb-document-list__title { color: var(--sdb-document-list-title-color); font-weight: 700; text-decoration: none; }
.sdb-document-list__title:hover { color: var(--sdb-color-primary); text-decoration: underline; }
.sdb-document-list__meta, .sdb-document-meta { display: flex; flex-wrap: wrap; gap: var(--sdb-document-meta-gap); color: var(--sdb-document-meta-color); font-family: var(--sdb-document-meta-font); font-size: var(--sdb-document-meta-size); }
.sdb-document-list--compact .sdb-document-list__item { gap: 10px; padding-block: 8px; }
.sdb-document-list--inline { display: block; margin: 0; padding: 0; list-style: none; }
.sdb-document-list--inline .sdb-document-list__item { padding: 8px 0; gap: 10px; }
.sdb-download-action { display: inline-flex; align-items: center; gap: var(--sdb-download-action-gap); color: var(--sdb-download-action-color); font-size: var(--sdb-download-action-font-size); font-weight: var(--sdb-download-action-font-weight); text-decoration: none; }
.sdb-download-action:hover { color: var(--sdb-download-action-hover-color); text-decoration: underline; }
.sdb-data-list--documents .sdb-data-list__item { align-items: center; }
.sdb-filter-bar--documents { gap: var(--sdb-filter-gap); }
.sdb-empty-state--documents .sdb-empty-state__icon { color: var(--sdb-document-icon-color); }
.sdb-pagination--compact { gap: var(--sdb-pagination-compact-gap); }
.sdb-pagination--compact .page-numbers, .sdb-pagination--compact a, .sdb-pagination--compact span { min-width: var(--sdb-pagination-compact-size); min-height: var(--sdb-pagination-compact-size); } .sdb-alert-banner { border-radius: var(--sdb-alert-radius); box-shadow: var(--sdb-alert-shadow); background: var(--sdb-alert-info-bg); color: var(--sdb-alert-info-text); border: 1px solid var(--sdb-alert-info-border); }
.sdb-alert-banner__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sdb-alert-gap); padding: var(--sdb-alert-padding-y) var(--sdb-alert-padding-x); }
.sdb-alert-banner__content { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; min-width: 0; }
.sdb-alert-banner__tag { font-family: var(--sdb-font-meta); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-alert-banner__title, .sdb-alert-banner__text { margin: 0; }
.sdb-alert-banner__actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.sdb-alert-banner__link { color: var(--sdb-alert-link-color); font-weight: 700; }
.sdb-alert-banner--success { background: var(--sdb-alert-success-bg); border-color: var(--sdb-alert-success-border); color: var(--sdb-alert-success-text); }
.sdb-alert-banner--warning, .sdb-alert-banner--urgent { background: var(--sdb-alert-warning-bg); border-color: var(--sdb-alert-warning-border); color: var(--sdb-alert-warning-text); }
.sdb-alert-banner--error { background: var(--sdb-alert-error-bg); border-color: var(--sdb-alert-error-border); color: var(--sdb-alert-error-text); }
.sdb-alert-banner--dark { background: var(--sdb-alert-dark-bg); border-color: var(--sdb-alert-dark-border); color: var(--sdb-alert-dark-text); }
.sdb-alert-banner--dark .sdb-alert-banner__link { color: var(--sdb-alert-dark-link-color); }
.sdb-alert-banner--strip { border-radius: 0; box-shadow: none; border-inline: 0; }
.sdb-alert-ticker { overflow: hidden; }
.sdb-alert-ticker__viewport { display: grid; }
.sdb-alert-ticker__item { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity var(--sdb-transition-base, 220ms) ease; }
.sdb-alert-ticker__item--active { opacity: 1; visibility: visible; }
.sdb-priority, .sdb-status-badge { display: inline-flex; align-items: center; gap: .35em; width: fit-content; padding: .32rem .6rem; border-radius: var(--sdb-radius-pill); font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.sdb-priority--low { background: var(--sdb-priority-low-bg); color: var(--sdb-priority-low-text); }
.sdb-priority--normal { background: var(--sdb-priority-normal-bg); color: var(--sdb-priority-normal-text); }
.sdb-priority--high { background: var(--sdb-priority-high-bg); color: var(--sdb-priority-high-text); }
.sdb-priority--urgent { background: var(--sdb-priority-urgent-bg); color: var(--sdb-priority-urgent-text); }
.sdb-dismiss-button, .sdb-alert-banner__dismiss { inline-size: var(--sdb-dismiss-size); block-size: var(--sdb-dismiss-size); display: inline-grid; place-items: center; border: 0; border-radius: var(--sdb-dismiss-radius); background: transparent; color: var(--sdb-dismiss-color); cursor: pointer; }
.sdb-dismiss-button:hover, .sdb-alert-banner__dismiss:hover { background: var(--sdb-dismiss-hover-bg); }
.sdb-dismiss-button--dark { color: var(--sdb-dismiss-dark-color); }
.sdb-dismiss-button--dark:hover { background: var(--sdb-dismiss-dark-hover-bg); } .sdb-consent-banner, .sdb-consent-panel, .sdb-privacy-surface { border: 1px solid var(--sdb-privacy-surface-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-privacy-surface-bg); box-shadow: var(--sdb-shadow-card); }
.sdb-consent-banner { padding: clamp(16px, 3vw, 24px); }
.sdb-consent-panel { width: var(--sdb-consent-panel-width); max-height: min(88vh, 820px); overflow: auto; padding: clamp(18px, 4vw, 32px); }
.sdb-consent-category { display: grid; gap: 8px; padding: 14px 0; border-bottom: 1px solid var(--sdb-color-border); }
.sdb-consent-toggle { inline-size: 52px; block-size: 30px; border-radius: 999px; background: var(--sdb-consent-toggle-bg); position: relative; }
.sdb-consent-toggle::after { content: ""; position: absolute; inline-size: 24px; block-size: 24px; inset: 3px auto 3px 3px; border-radius: 50%; background: #fff; transition: transform var(--sdb-transition-fast,160ms) ease; box-shadow: 0 2px 6px rgba(0,0,0,.18); }
.sdb-consent-toggle[aria-checked="true"], .sdb-consent-toggle.is-active { background: var(--sdb-consent-toggle-active-bg); }
.sdb-consent-toggle[aria-checked="true"]::after, .sdb-consent-toggle.is-active::after { transform: translateX(22px); }
.sdb-cookie-list { display: grid; gap: 10px; }
.sdb-cookie-list__item { padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); }
.sdb-diagnostic-check, .sdb-compliance-alert, .sdb-policy-version { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); } .sdb-registration-form { display: grid; gap: var(--sdb-form-section-gap); }
.sdb-consent-block { padding: 14px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); font-size: var(--sdb-legal-text-size); color: var(--sdb-legal-text-color); }
.sdb-session-list { display: grid; gap: var(--sdb-space-md); }
.sdb-session-card { display: grid; gap: 8px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-session-card[aria-selected="true"], .sdb-session-card--selected { border-color: var(--sdb-color-primary); box-shadow: 0 0 0 3px rgba(0,88,183,.12); }
.sdb-capacity-indicator--available { color: var(--sdb-state-available); background: var(--sdb-state-available-bg); }
.sdb-capacity-indicator--limited { color: var(--sdb-state-limited); background: var(--sdb-state-limited-bg); }
.sdb-capacity-indicator--full { color: var(--sdb-state-full); background: var(--sdb-state-full-bg); }
.sdb-ticket { display: grid; gap: var(--sdb-space-md); padding: clamp(20px, 4vw, 34px); border: 1px dashed var(--sdb-ticket-border); border-radius: var(--sdb-ticket-radius); background: var(--sdb-ticket-bg); box-shadow: var(--sdb-ticket-shadow); }
.sdb-ticket__code { font-family: var(--sdb-font-code); font-size: clamp(1.3rem, 3vw, 2rem); font-weight: 800; color: var(--sdb-color-title); }
.sdb-confirmation-panel { padding: var(--sdb-card-padding); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-participant-list { display: grid; gap: 8px; }
.sdb-admin-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--sdb-admin-gap); }
.sdb-admin-kpi { padding: 16px; border: 1px solid var(--sdb-admin-kpi-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-admin-kpi-bg); }
.sdb-export-panel { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); } .sdb-match-card, .sdb-score-card, .sdb-competition-card { display: grid; gap: 10px; padding: var(--sdb-card-padding); border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-surface); }
.sdb-match-card__teams { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.sdb-team-badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--sdb-color-title); }
.sdb-live-indicator { display: inline-flex; align-items: center; gap: 6px; color: var(--sdb-color-error); font-weight: 800; }
.sdb-live-indicator::before { content: ""; inline-size: 8px; block-size: 8px; border-radius: 50%; background: currentColor; }
.sdb-result-list { display: grid; gap: 8px; }
.sdb-standings-table, .sdb-medal-table, .sdb-mobile-data-table { width: 100%; border-collapse: collapse; }
.sdb-standings-table th, .sdb-standings-table td, .sdb-medal-table th, .sdb-medal-table td, .sdb-mobile-data-table th, .sdb-mobile-data-table td { padding: 10px 12px; border-bottom: 1px solid var(--sdb-color-border); text-align: left; }
.sdb-validation-summary { padding: 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-operational-dashboard { display: grid; gap: var(--sdb-space-lg); } .sdb-sensitive-panel, .sdb-confidential-notice, .sdb-token-lookup, .sdb-admin-sensitive-detail { padding: var(--sdb-card-padding); border: 1px solid var(--sdb-sensitive-border); border-radius: var(--sdb-radius-lg); background: var(--sdb-sensitive-bg); color: var(--sdb-sensitive-text); }
.sdb-confidential-notice { background: var(--sdb-confidential-bg); border-color: var(--sdb-confidential-border); }
.sdb-secure-upload { display: grid; gap: 8px; padding: 16px; border: 1px dashed var(--sdb-sensitive-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-surface); }
.sdb-process-status { display: inline-flex; align-items: center; gap: .4em; padding: .35rem .65rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-process-received-bg); font-weight: 800; }
.sdb-process-status--review { background: var(--sdb-process-review-bg); color: var(--sdb-color-warning-text); }
.sdb-process-status--completed { background: var(--sdb-process-completed-bg); color: var(--sdb-color-success-text); }
.sdb-process-status--archived { background: var(--sdb-process-archived-bg); color: var(--sdb-color-muted); }
.sdb-privacy-note { padding: 12px; border: 1px solid var(--sdb-privacy-note-border); border-radius: var(--sdb-radius-md); background: var(--sdb-privacy-note-bg); color: var(--sdb-color-muted); font-size: var(--sdb-legal-text-size); }
.sdb-admin-evidence-list { display: grid; gap: 8px; }
.sdb-status-timeline { display: grid; gap: 10px; } .sdb-floating-action { position: fixed; right: var(--sdb-floating-action-offset); bottom: var(--sdb-floating-action-offset); z-index: var(--sdb-floating-action-z-index); inline-size: var(--sdb-floating-action-size); block-size: var(--sdb-floating-action-size); display: inline-grid; place-items: center; border-radius: var(--sdb-floating-action-radius); background: var(--sdb-floating-action-bg); color: var(--sdb-floating-action-color); box-shadow: var(--sdb-floating-action-shadow); text-decoration: none; }
.sdb-modal { width: min(100% - 32px, var(--sdb-modal-width-md)); max-height: min(92vh, 820px); overflow: auto; padding: var(--sdb-modal-padding); border-radius: var(--sdb-modal-radius); background: var(--sdb-color-surface); box-shadow: var(--sdb-modal-shadow); } .sdb-modal[data-sdb-component="modal"] {
position: fixed;
inset-block-start: 50%;
inset-inline-start: 50%;
z-index: calc(var(--sdb-modal-z-index, 1000) + 1 + var(--sdb-layer-stack-offset, 0));
max-inline-size: calc(100vw - 32px);
max-block-size: calc(100dvh - 32px);
margin: 0;
transform: translate(-50%, -50%);
}
.sdb-modal[data-sdb-component="modal"][hidden] { display: none !important; }
.sdb-modal--sm { width: min(100% - 32px, var(--sdb-modal-width-sm)); }
.sdb-modal-backdrop { position: fixed; inset: 0; z-index: var(--sdb-z-overlay); background: var(--sdb-modal-backdrop-bg); } .sdb-overlay-backdrop {
position: fixed;
inset: 0;
z-index: calc(var(--sdb-modal-z-index, 1000) + var(--sdb-layer-stack-offset, 0));
background: var(--sdb-overlay-backdrop-bg, rgba(18, 35, 54, .28));
-webkit-backdrop-filter: blur(var(--sdb-overlay-backdrop-blur, 8px)) saturate(.9);
backdrop-filter: blur(var(--sdb-overlay-backdrop-blur, 8px)) saturate(.9);
}
.sdb-modal--editorial {
--sdb-modal-width-md: 720px;
width: min(100% - 32px, var(--sdb-modal-width-md));
padding: clamp(26px, 4vw, 42px);
border: 1px solid var(--sdb-color-border, #d9e2ec);
border-radius: clamp(18px, 2vw, 24px);
background: var(--sdb-color-surface, #fff);
box-shadow: 0 28px 80px rgba(17, 35, 55, .20);
}
.sdb-modal--editorial .sdb-modal__header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: clamp(18px, 2.4vw, 28px);
align-items: start;
padding-block-end: clamp(4px, 1vw, 10px);
}
.sdb-modal--editorial .sdb-modal__eyebrow {
margin: 0 0 7px;
color: var(--sdb-color-primary, #0058b7);
font-family: var(--sdb-font-meta, inherit);
font-size: .72rem;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.3;
text-transform: uppercase;
}
.sdb-modal--editorial .sdb-modal__title {
margin: 0;
color: var(--sdb-color-title, #1f2937);
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(1.55rem, 1.3rem + .8vw, 2rem);
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.08;
letter-spacing: -.015em;
text-wrap: balance;
}
.sdb-modal--editorial .sdb-modal__lede {
max-width: 58ch;
margin: 10px 0 0;
color: var(--sdb-color-muted, #64748b);
font-size: .98rem;
line-height: 1.6;
}
.sdb-modal--editorial .sdb-modal__body {
display: grid;
gap: clamp(22px, 3vw, 30px);
}
.sdb-modal--editorial .sdb-modal__section {
display: grid;
gap: 12px;
}
.sdb-modal--editorial .sdb-modal__section-title {
margin: 0;
color: var(--sdb-color-title, #1f2937);
font-size: .82rem;
font-weight: 800;
letter-spacing: .045em;
line-height: 1.3;
text-transform: uppercase;
}
.sdb-modal--editorial .sdb-modal__footer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding-block-start: 2px;
}
.sdb-modal--editorial .sdb-inline-notice--context {
padding: 15px 17px;
border-inline-start-width: 4px;
}
.sdb-modal--editorial .sdb-inline-notice__content {
display: grid;
gap: 4px;
}
.sdb-modal--editorial .sdb-inline-notice__content > strong {
font-size: .95rem;
line-height: 1.35;
}
.sdb-modal--editorial .sdb-inline-notice__content > p {
margin: 0;
}
@media (prefers-reduced-transparency: reduce) {
.sdb-overlay-backdrop {
background: rgba(18, 35, 54, .50);
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
}
@media (max-width: 620px) {
.sdb-modal--editorial {
width: min(100% - 20px, var(--sdb-modal-width-md));
padding: 24px 20px;
border-radius: 18px;
}
.sdb-modal--editorial .sdb-modal__header {
gap: 14px;
}
}
.sdb-form--compact { gap: var(--sdb-space-sm); }
.sdb-form--modal { gap: var(--sdb-form-field-gap); }
.sdb-form__status, .sdb-status-message, .sdb-inline-notice { padding: 12px 14px; border-radius: var(--sdb-radius-md); background: var(--sdb-color-info-bg); color: var(--sdb-color-info-text); } .sdb-inline-notice--context {
--sdb-inline-notice-accent: var(--sdb-color-info, #4b4bb5);
--sdb-inline-notice-border: var(--sdb-color-info-border, rgba(75,75,181,.30));
display: flex;
align-items: flex-start;
gap: var(--sdb-space-2, 8px);
padding: 12px 14px;
border: 1px solid var(--sdb-inline-notice-border);
border-inline-start: 3px solid var(--sdb-inline-notice-accent);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-text, #364048);
box-shadow: none;
}
.sdb-inline-notice--context.sdb-inline-notice--info {
--sdb-inline-notice-accent: var(--sdb-color-info, #4b4bb5);
--sdb-inline-notice-border: var(--sdb-color-info-border, rgba(75,75,181,.30));
}
.sdb-inline-notice--context.sdb-inline-notice--warning {
--sdb-inline-notice-accent: var(--sdb-color-warning, #f59e0b);
--sdb-inline-notice-border: var(--sdb-color-warning-border, rgba(245,158,11,.32));
}
.sdb-inline-notice--context.sdb-inline-notice--success {
--sdb-inline-notice-accent: var(--sdb-color-success, #2f8f4e);
--sdb-inline-notice-border: var(--sdb-color-success-border, rgba(47,143,78,.28));
}
.sdb-inline-notice--context.sdb-inline-notice--error {
--sdb-inline-notice-accent: var(--sdb-color-error, #c53030);
--sdb-inline-notice-border: var(--sdb-color-error-border, rgba(197,48,48,.28));
}
.sdb-inline-notice__icon {
flex: 0 0 auto;
margin-block-start: 1px;
color: var(--sdb-inline-notice-accent);
}
.sdb-inline-notice__content {
min-inline-size: 0;
margin: 0;
color: inherit;
line-height: 1.5;
}
.sdb-inline-notice__content strong { color: var(--sdb-color-title, #364048); }
.sdb-form__status--success, .sdb-status-message--success { background: var(--sdb-color-success-bg); color: var(--sdb-color-success-text); }
.sdb-form__status--error, .sdb-status-message--error { background: var(--sdb-color-error-bg); color: var(--sdb-color-error-text); }
.sdb-verification-block { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--sdb-color-border); border-radius: var(--sdb-radius-md); background: var(--sdb-color-background); }
.sdb-verification-block--compact { padding: 8px; }
.sdb-u-external-widget-wrap { max-width: 100%; overflow: hidden; } .sdb-table--technical, .sdb-table--compact { font-size: .9rem; }
.sdb-table--compact th, .sdb-table--compact td {
padding:
var(--sdb-table-compact-padding-block, 8px)
var(--sdb-table-compact-padding-inline, 10px);
}
.sdb-code-inline, .sdb-code-pill, .sdb-technical-meta { font-family: var(--sdb-font-code); font-size: .86em; }
.sdb-code-inline { padding: .12em .34em; border-radius: var(--sdb-radius-sm); background: var(--sdb-admin-surface-muted); color: var(--sdb-color-title); }
.sdb-code-pill, .sdb-origin-chip { display: inline-flex; align-items: center; width: fit-content; padding: .28rem .55rem; border-radius: var(--sdb-radius-pill); background: var(--sdb-admin-surface-muted); color: var(--sdb-admin-text); font-weight: 700; }
.sdb-origin-chip--unknown { background: var(--sdb-color-warning-bg); color: var(--sdb-color-warning-text); }
.sdb-admin-note-field { width: 100%; min-height: var(--sdb-admin-note-min-height, 70px); font-family: var(--sdb-font-body); }
.sdb-inline-note { color: var(--sdb-admin-text-muted); font-size: .88rem; }
.sdb-admin-settings, .sdb-admin-settings__section { display: grid; gap: var(--sdb-admin-gap); }
.sdb-admin-settings__field { display: grid; gap: 6px; }
.sdb-admin-settings__help { color: var(--sdb-admin-text-muted); font-size: .88rem; } .sdb-cause-hero { max-width: var(--sdb-layout-max-width-site); margin-inline: auto; padding: var(--sdb-layout-hero-padding-y) var(--sdb-layout-hero-padding-x); background: var(--sdb-cause-hero-bg); color: var(--sdb-cause-hero-title-color); }
.sdb-cause-hero--mdb { background: var(--sdb-mdb-hero-bg); }
.sdb-cause-hero__inner { width: min(100%, var(--sdb-layout-max-width-content)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
.sdb-cause-hero__eyebrow { color: var(--sdb-cause-hero-eyebrow-color); font-family: var(--sdb-font-meta); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-cause-hero__title { color: var(--sdb-cause-hero-title-color); font-family: var(--sdb-font-heading); font-size: var(--sdb-hero-title-size-desktop); line-height: var(--sdb-hero-title-line-height); }
.sdb-cause-hero__media { overflow: hidden; border-radius: var(--sdb-cause-hero-image-radius); box-shadow: var(--sdb-cause-hero-image-shadow); }
.sdb-cause-card { display: grid; gap: var(--sdb-cause-card-gap, var(--sdb-space-md)); border: 1px solid var(--sdb-cause-card-border, var(--sdb-color-border)); border-radius: var(--sdb-cause-card-radius, var(--sdb-radius-lg)); background: var(--sdb-cause-card-bg, var(--sdb-color-surface)); box-shadow: var(--sdb-cause-card-shadow, var(--sdb-shadow-card)); overflow: hidden; }
.sdb-cause-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--sdb-card-gap); }
.sdb-progress-line { display: grid; gap: 6px; }
.sdb-progress-line__track { overflow: hidden; height: var(--sdb-progress-height); border-radius: var(--sdb-progress-radius); background: var(--sdb-progress-bg); }
.sdb-progress-line__fill { height: 100%; width: var(--sdb-progress-value, 0%); border-radius: inherit; background: var(--sdb-progress-fill); }
.sdb-cta-panel { display: grid; gap: var(--sdb-space-md); padding: clamp(22px, 4vw, 42px); border-radius: var(--sdb-radius-lg); background: var(--sdb-color-primary); color: #fff; }
@media (max-width: 900px) {
.sdb-u-grid-2, .sdb-u-grid-3, .sdb-featured-profile, .sdb-cause-hero__inner { grid-template-columns: 1fr; }
.sdb-alert-banner__inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 640px) {
.sdb-document-list__item { align-items: flex-start; }
.sdb-document-list__action { width: 100%; }
.sdb-bio-summary__item { grid-template-columns: 1fr; }
.sdb-floating-action { right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-editorial-link--with-arrow::after, .sdb-consent-toggle::after, .sdb-alert-ticker__item { transition: none; }
.sdb-live-indicator::before { animation: none; }
} :where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: auto !important;
block-size: auto !important;
width: auto !important;
height: auto !important;
min-inline-size: 18px !important;
min-block-size: 18px !important;
min-width: 18px !important;
min-height: 18px !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: initial !important;
background: initial !important;
box-shadow: none !important;
appearance: auto !important;
-webkit-appearance: auto !important;
flex: 0 0 auto !important;
vertical-align: middle !important;
accent-color: var(--sdb-color-primary, #0058b7);
}
:where(.sdb-form, .sdb-sensitive-panel, .sdb-consent-panel, .sdb-privacy-surface, .sdb-registration-form, .sdb-token-lookup, .sdb-modal) :where(input[type="checkbox"], input[type="radio"]):focus-visible {
outline: var(--sdb-focus-ring-width, 2px) solid var(--sdb-focus-ring-color, var(--sdb-color-primary, #0058b7)) !important;
outline-offset: var(--sdb-focus-ring-offset, 3px) !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18)) !important;
}
.sdb-form__check,
.sdb-checkbox,
.sdb-radio {
display: flex !important;
align-items: flex-start !important;
gap: .65rem !important;
margin: 0 !important;
color: var(--sdb-color-text) !important;
font-family: var(--sdb-font-body) !important;
font-size: 0.97rem !important;
line-height: 1.45 !important;
font-weight: 500 !important;
cursor: pointer;
}
.sdb-form__check input,
.sdb-checkbox input,
.sdb-radio input {
margin-top: .15em !important;
}
.sdb-form__check-label,
.sdb-form__check-text,
.sdb-checkbox__text,
.sdb-radio__text {
display: block !important;
min-width: 0 !important;
}
.sdb-form__check-help,
.sdb-checkbox__help,
.sdb-radio__help {
display: block !important;
margin-top: .25rem !important;
color: var(--sdb-color-muted) !important;
font-size: .88rem !important;
line-height: 1.45 !important;
font-weight: 400 !important;
}
.sdb-check-group {
display: grid !important;
gap: .75rem !important;
margin: 0 !important;
}
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block {
display: flex !important;
align-items: flex-start !important;
gap: .75rem !important;
}
.sdb-check-card {
padding: 14px 16px !important;
border: 1px solid var(--sdb-color-border) !important;
border-left: 4px solid var(--sdb-color-primary) !important;
border-radius: var(--sdb-radius-md) !important;
background: var(--sdb-color-background) !important;
}
.sdb-check-card:has(input:checked),
.sdb-checkbox-card:has(input:checked),
.sdb-radio-card:has(input:checked) {
border-color: var(--sdb-color-primary) !important;
background: rgba(0, 88, 183, .04) !important;
}
.sdb-check-card input,
.sdb-checkbox-card input,
.sdb-radio-card input,
.sdb-consent-block input[type="checkbox"],
.sdb-consent-block input[type="radio"] {
margin-top: .18em !important;
}
.sdb-form__field > :where(.sdb-form__check, .sdb-checkbox, .sdb-radio, .sdb-check-card) {
margin-top: .2rem !important;
}
@media (max-width: 640px) {
.sdb-form__check,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block {
gap: .6rem !important;
}
.sdb-check-card {
padding: 12px 14px !important;
}
} .sdb-modal[data-sdb-component="modal"] button.sdb-dismiss-button {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-grid !important;
place-items: center !important;
inline-size: var(--sdb-touch-target-min, 44px) !important;
block-size: var(--sdb-touch-target-min, 44px) !important;
min-inline-size: var(--sdb-touch-target-min, 44px) !important;
min-block-size: var(--sdb-touch-target-min, 44px) !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(--sdb-radius-pill, 999px) !important;
background: transparent !important;
color: var(--sdb-color-muted, #64748b) !important;
box-shadow: none !important;
font: inherit !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
text-transform: none !important;
transform: none !important;
cursor: pointer;
transition:
background-color var(--sdb-transition-fast, 160ms) ease,
color var(--sdb-transition-fast, 160ms) ease;
}
.sdb-modal[data-sdb-component="modal"] button.sdb-dismiss-button > span[aria-hidden="true"] {
display: inline-grid;
place-items: center;
inline-size: 20px;
block-size: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1;
}
.sdb-modal[data-sdb-component="modal"] button.sdb-dismiss-button:hover {
background: rgba(15, 23, 42, .055) !important;
color: var(--sdb-color-title, #1f2937) !important;
box-shadow: none !important;
transform: none !important;
}
.sdb-modal[data-sdb-component="modal"] button.sdb-dismiss-button:active {
background: rgba(15, 23, 42, .09) !important;
transform: none !important;
}
.sdb-modal[data-sdb-component="modal"] button.sdb-dismiss-button:focus-visible {
outline: 0 !important;
background: transparent !important;
color: var(--sdb-color-title, #1f2937) !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .22)) !important;
} .sdb-form label.sdb-form__check.sdb-check-card,
.sdb-form label.sdb-checkbox.sdb-checkbox-card,
.sdb-form label.sdb-radio.sdb-radio-card {
padding-block: var(--sdb-choice-card-padding-y, 15px) !important;
padding-inline: var(--sdb-choice-card-padding-x, 16px) !important;
min-block-size: var(--sdb-touch-target-min, 44px);
}
@media (max-width: 640px) {
.sdb-form label.sdb-form__check.sdb-check-card,
.sdb-form label.sdb-checkbox.sdb-checkbox-card,
.sdb-form label.sdb-radio.sdb-radio-card {
padding-block: 12px !important;
padding-inline: 14px !important;
}
} :root {
--sdb-form-section-title-size: clamp(1rem, 1.1vw, 1.125rem);
--sdb-form-section-title-weight: var(--sdb-font-weight-semibold, 600);
--sdb-form-section-title-color: var(--sdb-color-title);
--sdb-form-section-title-line-height: 1.3;
--sdb-form-section-title-margin: 0 0 .75rem;
--sdb-form-section-gap: clamp(18px, 2.2vw, 28px);
--sdb-form-section-padding: clamp(16px, 2.2vw, 24px);
--sdb-form-grid-gap: clamp(14px, 1.8vw, 20px);
--sdb-form-label-size: .92rem;
--sdb-form-label-weight: var(--sdb-font-weight-semibold, 600);
--sdb-form-help-size: .86rem;
--sdb-choice-size: 16px;
--sdb-choice-border: var(--sdb-color-border);
--sdb-choice-radius: 4px;
--sdb-choice-bg: var(--sdb-color-surface);
--sdb-choice-color: var(--sdb-color-primary);
--sdb-choice-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.18));
--sdb-choice-gap: .7rem;
--sdb-session-list-gap: clamp(12px, 1.8vw, 18px);
--sdb-session-card-padding: clamp(15px, 2vw, 22px);
--sdb-session-card-gap: clamp(10px, 1.5vw, 16px);
--sdb-session-card-selected-bg: rgba(0, 88, 183, .045);
--sdb-session-card-selected-border: rgba(0, 88, 183, .45);
--sdb-session-card-hover-bg: rgba(0, 88, 183, .025);
--sdb-session-card-disabled-opacity: .58;
--sdb-session-card-title-size: clamp(1rem, 1.15vw, 1.14rem);
--sdb-session-card-meta-size: .9rem;
--sdb-capacity-available-color: var(--sdb-color-success-text);
--sdb-capacity-available-bg: var(--sdb-color-success-bg);
--sdb-capacity-limited-color: var(--sdb-color-warning-text);
--sdb-capacity-limited-bg: var(--sdb-color-warning-bg);
--sdb-capacity-full-color: var(--sdb-color-error-text);
--sdb-capacity-full-bg: var(--sdb-color-error-bg);
--sdb-capacity-waitlist-color: var(--sdb-color-info-text);
--sdb-capacity-waitlist-bg: var(--sdb-color-info-bg);
--sdb-consent-bg: var(--sdb-color-background);
--sdb-consent-border: var(--sdb-color-border);
--sdb-consent-radius: var(--sdb-radius-md);
--sdb-consent-padding: clamp(13px, 1.8vw, 18px);
--sdb-consent-gap: .75rem;
--sdb-consent-text-size: .92rem;
--sdb-consent-text-color: var(--sdb-color-text);
--sdb-consent-checked-bg: color-mix(in srgb, var(--sdb-color-primary) 5%, var(--sdb-consent-bg));
--sdb-consent-checked-border: color-mix(in srgb, var(--sdb-color-primary) 46%, var(--sdb-consent-border));
--sdb-consent-focus-ring: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .18));
--sdb-consent-error-bg: var(--sdb-color-error-bg, #fdecec);
--sdb-consent-error-border: var(--sdb-color-error, #b42318);
--sdb-consent-error-text: var(--sdb-color-error-text, #7f1d1d);
--sdb-consent-disabled-opacity: .62;
--sdb-form-full-max-width: none;
--sdb-btn-sm-min-height: 32px;
--sdb-btn-sm-padding-y: .38rem;
--sdb-btn-sm-padding-x: .7rem;
--sdb-btn-sm-font-size: .8125rem;
--sdb-btn-table-action-min-height: 30px;
--sdb-btn-table-action-padding-y: .32rem;
--sdb-btn-table-action-padding-x: .58rem;
--sdb-confirmation-bg: var(--sdb-color-success-bg);
--sdb-confirmation-border: rgba(47, 143, 78, .22);
--sdb-confirmation-radius: var(--sdb-radius-lg);
--sdb-confirmation-padding: clamp(18px, 2.5vw, 28px);
--sdb-confirmation-title-size: clamp(1.05rem, 1.25vw, 1.22rem);
--sdb-confirmation-title-color: var(--sdb-color-title);
--sdb-confirmation-text-color: var(--sdb-color-text);
--sdb-card-action-link-color: var(--sdb-color-primary);
--sdb-card-action-link-hover-color: var(--sdb-color-primary-hover, var(--sdb-color-primary));
--sdb-card-action-link-bg: rgba(0, 88, 183, .055);
--sdb-card-action-link-bg-hover: rgba(0, 88, 183, .095);
}
.sdb-registration-form,
.sdb-form.sdb-registration-form {
display: grid;
gap: var(--sdb-form-section-gap);
}
.sdb-form__section {
display: grid;
gap: var(--sdb-form-grid-gap);
min-width: 0;
}
.sdb-form__section--surface {
padding: var(--sdb-form-section-padding);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
}
.sdb-form__section-title,
.sdb-registration-form > :is(h2, h3, h4),
.sdb-registration-form .sdb-form__section > :is(h2, h3, h4):first-child {
margin: var(--sdb-form-section-title-margin);
color: var(--sdb-form-section-title-color);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-form-section-title-size);
font-weight: var(--sdb-form-section-title-weight);
line-height: var(--sdb-form-section-title-line-height);
letter-spacing: -0.01em;
}
.sdb-form__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: var(--sdb-form-grid-gap);
}
.sdb-form__field {
display: grid;
gap: .45rem;
min-width: 0;
}
.sdb-form__label {
color: var(--sdb-color-title);
font-size: var(--sdb-form-label-size);
font-weight: var(--sdb-form-label-weight);
line-height: 1.35;
}
.sdb-form__help,
.sdb-form__field-help {
color: var(--sdb-color-muted);
font-size: var(--sdb-form-help-size);
line-height: 1.45;
}
.sdb-form__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .75rem;
margin-top: .25rem;
}
:where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: var(--sdb-choice-size) !important;
block-size: var(--sdb-choice-size) !important;
width: var(--sdb-choice-size) !important;
height: var(--sdb-choice-size) !important;
min-inline-size: var(--sdb-choice-size) !important;
min-block-size: var(--sdb-choice-size) !important;
min-width: var(--sdb-choice-size) !important;
min-height: var(--sdb-choice-size) !important;
max-inline-size: var(--sdb-choice-size) !important;
max-width: var(--sdb-choice-size) !important;
margin: .18em 0 0 !important;
padding: 0 !important;
flex: 0 0 var(--sdb-choice-size) !important;
align-self: flex-start !important;
accent-color: var(--sdb-choice-color);
}
.sdb-choice,
.sdb-form__choice,
.sdb-form__check,
.sdb-checkbox,
.sdb-radio {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap);
min-width: 0;
color: var(--sdb-color-text);
line-height: 1.48;
}
.sdb-choice__content,
.sdb-form__choice-content,
.sdb-form__check-text,
.sdb-checkbox__text,
.sdb-radio__text {
min-width: 0;
font-weight: var(--sdb-font-weight-regular, 400);
}
.sdb-session-list {
display: grid;
gap: var(--sdb-session-list-gap);
}
.sdb-session-card {
position: relative;
display: grid;
gap: var(--sdb-session-card-gap);
min-width: 0;
padding: var(--sdb-session-card-padding);
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-lg);
background: var(--sdb-color-surface);
color: var(--sdb-color-text);
transition: border-color var(--sdb-transition-fast, 160ms) ease, background-color var(--sdb-transition-fast, 160ms) ease, box-shadow var(--sdb-transition-fast, 160ms) ease;
}
.sdb-session-card:where(:hover, :focus-within) {
background: var(--sdb-session-card-hover-bg);
border-color: color-mix(in srgb, var(--sdb-color-primary) 28%, var(--sdb-color-border));
}
.sdb-session-card:has(> input[type="radio"], > input[type="checkbox"]),
.sdb-session-card--choice {
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr);
column-gap: var(--sdb-session-card-gap);
align-items: start;
}
.sdb-session-card__choice {
grid-column: 1;
display: flex;
align-items: flex-start;
padding-top: .12rem;
}
.sdb-session-card__body,
.sdb-session-card__content {
grid-column: 2;
min-width: 0;
display: grid;
gap: .45rem;
}
.sdb-session-card__title {
margin: 0;
color: var(--sdb-color-title);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-session-card-title-size);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
}
.sdb-session-card__meta,
.sdb-session-card__description {
margin: 0;
color: var(--sdb-color-muted);
font-size: var(--sdb-session-card-meta-size);
line-height: 1.45;
}
.sdb-session-card[aria-selected="true"],
.sdb-session-card--selected,
.sdb-session-card:has(input:checked) {
border-color: var(--sdb-session-card-selected-border);
background: var(--sdb-session-card-selected-bg);
box-shadow: 0 0 0 3px rgba(0, 88, 183, .08);
}
.sdb-session-card[aria-disabled="true"],
.sdb-session-card--disabled,
.sdb-session-card--full,
.sdb-session-card--unavailable {
opacity: var(--sdb-session-card-disabled-opacity);
}
.sdb-card-action-link,
.sdb-session-card__details {
display: inline-flex;
align-items: center;
width: fit-content;
gap: .4rem;
margin-top: .25rem;
padding: .38rem .62rem;
border-radius: var(--sdb-radius-pill);
background: var(--sdb-card-action-link-bg);
color: var(--sdb-card-action-link-color);
font-size: .88rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
text-decoration: none;
}
.sdb-card-action-link:hover,
.sdb-session-card__details:hover {
background: var(--sdb-card-action-link-bg-hover);
color: var(--sdb-card-action-link-hover-color);
text-decoration: none;
}
.sdb-capacity-indicator {
display: inline-flex;
align-items: center;
width: fit-content;
gap: .35rem;
padding: .28rem .56rem;
border-radius: var(--sdb-radius-pill);
font-size: .78rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
}
.sdb-capacity-indicator--available { color: var(--sdb-capacity-available-color); background: var(--sdb-capacity-available-bg); }
.sdb-capacity-indicator--limited { color: var(--sdb-capacity-limited-color); background: var(--sdb-capacity-limited-bg); }
.sdb-capacity-indicator--full { color: var(--sdb-capacity-full-color); background: var(--sdb-capacity-full-bg); }
.sdb-capacity-indicator--waitlist { color: var(--sdb-capacity-waitlist-color); background: var(--sdb-capacity-waitlist-bg); }
.sdb-consent-block {
display: flex;
align-items: flex-start;
gap: var(--sdb-consent-gap);
padding: var(--sdb-consent-padding);
border: 1px solid var(--sdb-consent-border);
border-left: 3px solid color-mix(in srgb, var(--sdb-color-primary) 70%, var(--sdb-consent-border));
border-radius: var(--sdb-consent-radius);
background: var(--sdb-consent-bg);
color: var(--sdb-consent-text-color);
font-size: var(--sdb-consent-text-size);
line-height: 1.5;
}
.sdb-consent-block :where(strong, b) {
color: var(--sdb-color-title);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-consent-block :where(.sdb-form__check, .sdb-checkbox, .sdb-radio) {
font-size: var(--sdb-consent-text-size) !important;
font-weight: var(--sdb-font-weight-regular, 400) !important;
}
.sdb-confirmation-panel {
display: grid;
gap: var(--sdb-space-sm);
padding: var(--sdb-confirmation-padding);
border: 1px solid var(--sdb-confirmation-border);
border-radius: var(--sdb-confirmation-radius);
background: var(--sdb-confirmation-bg);
color: var(--sdb-confirmation-text-color);
}
.sdb-confirmation-panel__title,
.sdb-confirmation-panel > :is(h2, h3, h4):first-child {
margin: 0 0 .35rem;
color: var(--sdb-confirmation-title-color);
font-family: var(--sdb-font-heading);
font-size: var(--sdb-confirmation-title-size);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
}
.sdb-confirmation-panel__list {
display: grid;
gap: .5rem;
margin: .25rem 0 0;
padding: 0;
list-style: none;
}
.sdb-confirmation-panel__actions {
display: flex;
flex-wrap: wrap;
gap: .75rem;
margin-top: .5rem;
}
@media (max-width: 640px) {
.sdb-form__grid {
grid-template-columns: 1fr;
}
.sdb-form__actions,
.sdb-confirmation-panel__actions {
align-items: stretch;
flex-direction: column;
}
.sdb-form__actions > *,
.sdb-confirmation-panel__actions > * {
width: 100%;
justify-content: center;
}
.sdb-session-card,
.sdb-consent-block,
.sdb-confirmation-panel {
border-radius: var(--sdb-radius-md);
}
} :root {
--sdb-choice-label-align: flex-start;
--sdb-choice-content-gap: .22rem;
--sdb-choice-input-offset: .16em;
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block, .sdb-session-card--choice) {
box-sizing: border-box;
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card),
:where(label.sdb-consent-block) {
display: flex;
align-items: var(--sdb-choice-label-align);
gap: var(--sdb-choice-gap);
}
:where(.sdb-form__check, .sdb-form__choice, .sdb-checkbox, .sdb-radio, .sdb-check-card, .sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) {
margin-block-start: var(--sdb-choice-input-offset) !important;
}
:where(.sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__body, .sdb-radio__body) {
display: grid;
gap: var(--sdb-choice-content-gap);
min-width: 0;
}
:where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text),
.sdb-consent-block > :where(label, .sdb-form__label, .sdb-form__check-text, .sdb-form__check-body, p, span, div):not(input):not(.sdb-form__check):not(.sdb-checkbox):not(.sdb-radio) {
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
width: auto;
margin-block-start: 0;
}
.sdb-consent-block > :where(label, .sdb-form__label) {
display: block;
margin: 0;
color: var(--sdb-consent-text-color);
font-size: var(--sdb-consent-text-size);
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.5;
}
.sdb-consent-block > :where(label, .sdb-form__label) :where(strong, b) {
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-consent-block :where(label):has(> input[type="checkbox"], > input[type="radio"]) {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap);
margin: 0;
width: 100%;
}
.sdb-consent-block :where(label) > :where(input[type="checkbox"], input[type="radio"]) + :where(span, div, p) {
flex: 1 1 auto;
min-width: 0;
}
.sdb-session-card__header {
grid-column: 1 / -1;
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--sdb-session-card-gap);
padding-block-end: .65rem;
border-block-end: 1px solid var(--sdb-color-border);
color: var(--sdb-color-title);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-session-card--choice > :where(input[type="radio"], input[type="checkbox"]) {
grid-column: 1;
align-self: start;
}
.sdb-session-card--choice > :where(.sdb-session-card__body, .sdb-session-card__content, label:not(.sdb-session-card):not(.sdb-form__check), h3, h4, p, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link) {
grid-column: 2;
min-width: 0;
}
.sdb-session-card--choice > :where(label:not(.sdb-session-card):not(.sdb-form__check)) {
display: block;
margin: 0;
}
@media (max-width: 640px) {
.sdb-consent-block {
gap: max(.6rem, var(--sdb-choice-gap));
}
.sdb-session-card__header {
align-items: flex-start;
flex-direction: column;
gap: .25rem;
}
} :root { --sdb-ref-color-blue-700: #0058B7;
--sdb-ref-color-sky-500: #009BD8;
--sdb-ref-color-neutral-900: #1F2A36;
--sdb-sys-color-primary: var(--sdb-color-primary, var(--sdb-ref-color-blue-700));
--sdb-sys-color-secondary: var(--sdb-color-secondary, var(--sdb-ref-color-sky-500));
--sdb-sys-color-surface: var(--sdb-color-surface, #FFFFFF); --sdb-color-on-primary: #FFFFFF;
--sdb-color-on-secondary: #FFFFFF;
--sdb-color-on-success: #FFFFFF;
--sdb-color-on-warning: var(--sdb-color-soft-black, #1F2A36);
--sdb-color-on-error: #FFFFFF;
--sdb-color-on-info: #FFFFFF;
--sdb-color-surface-lowest: #FFFFFF;
--sdb-color-surface-low: #FAFCFE;
--sdb-color-surface-high: var(--sdb-color-background, #F5F8FB);
--sdb-color-surface-highest: var(--sdb-color-border, #EEF3F8);
--sdb-color-on-surface: var(--sdb-color-title, #364048);
--sdb-color-on-surface-muted: var(--sdb-color-text, #6B7785);
--sdb-color-outline: #D6E0EA;
--sdb-color-outline-variant: var(--sdb-color-border, #EEF3F8); --sdb-type-display-lg-size: clamp(2.6rem, 5vw, 4.8rem);
--sdb-type-display-lg-line-height: 1.02;
--sdb-type-headline-lg-size: clamp(2rem, 3vw, 3rem);
--sdb-type-headline-md-size: clamp(1.6rem, 2.2vw, 2.2rem);
--sdb-type-headline-sm-size: clamp(1.35rem, 1.7vw, 1.7rem);
--sdb-type-title-lg-size: 1.35rem;
--sdb-type-title-md-size: 1.125rem;
--sdb-type-title-sm-size: 1rem;
--sdb-type-body-lg-size: 1.125rem;
--sdb-type-body-md-size: 1rem;
--sdb-type-body-sm-size: .925rem;
--sdb-type-label-lg-size: .95rem;
--sdb-type-label-md-size: .875rem;
--sdb-type-label-sm-size: .78rem;
--sdb-type-title-md-line-height: 1.3; --sdb-shape-none: 0;
--sdb-shape-xs: 4px;
--sdb-shape-sm: 6px;
--sdb-shape-md: var(--sdb-radius-md, 10px);
--sdb-shape-lg: var(--sdb-radius-lg, 16px);
--sdb-shape-xl: var(--sdb-radius-xl, 22px);
--sdb-shape-pill: var(--sdb-radius-pill, 999px);
--sdb-shape-circle: 50%;
--sdb-elevation-0: none;
--sdb-elevation-1: 0 4px 12px rgba(31, 42, 54, .05);
--sdb-elevation-2: 0 10px 24px rgba(31, 42, 54, .08);
--sdb-elevation-3: 0 16px 36px rgba(31, 42, 54, .12);
--sdb-elevation-4: 0 24px 60px rgba(31, 42, 54, .18);
--sdb-motion-duration-fast: 120ms;
--sdb-motion-duration-base: 180ms;
--sdb-motion-duration-slow: 280ms;
--sdb-motion-easing-standard: cubic-bezier(.2, 0, 0, 1); --sdb-motion-easing-decelerate: ease-out;
--sdb-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1.2); --sdb-state-hover-bg: rgba(0, 88, 183, .06);
--sdb-state-active-bg: rgba(0, 88, 183, .10);
--sdb-state-pressed-bg: rgba(0, 88, 183, .14);
--sdb-state-selected-bg: rgba(0, 88, 183, .085);
--sdb-state-selected-border: rgba(0, 88, 183, .35);
--sdb-state-focus-ring: 0 0 0 3px rgba(0, 155, 216, .22);
--sdb-state-disabled-opacity: .56;
--sdb-state-disabled-bg: #F3F6FA;
--sdb-state-disabled-color: var(--sdb-color-muted, #8E9AA7); --sdb-field-bg: var(--sdb-color-surface-lowest);
--sdb-field-border: var(--sdb-color-outline);
--sdb-field-border-hover: #B9C8D8;
--sdb-field-focus-border: var(--sdb-sys-color-primary);
--sdb-field-radius: var(--sdb-shape-md);
--sdb-field-padding-x: .9rem;
--sdb-field-padding-y: .72rem;
--sdb-field-gap: .42rem;
--sdb-field-help-color: var(--sdb-color-on-surface-muted);
--sdb-field-error-color: var(--sdb-color-error-text);
--sdb-field-error-bg: var(--sdb-color-error-bg);
--sdb-control-height-xs: 30px;
--sdb-control-height-sm: 34px;
--sdb-control-height-md: 40px;
--sdb-control-height-lg: 46px;
}
.sdb-field,
.sdb-text-field,
.sdb-select-field,
.sdb-choice-group {
box-sizing: border-box;
display: grid;
gap: var(--sdb-field-gap);
min-width: 0;
}
.sdb-field *,
.sdb-text-field *,
.sdb-select-field *,
.sdb-choice-group * {
box-sizing: border-box;
}
.sdb-field__label,
.sdb-choice-group__legend {
color: var(--sdb-color-on-surface);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size);
font-weight: var(--sdb-font-weight-semibold);
line-height: 1.35;
}
.sdb-field__control,
.sdb-text-field input,
.sdb-select-field select,
.sdb-text-field textarea {
width: 100%;
min-height: var(--sdb-control-height-md);
padding: var(--sdb-field-padding-y) var(--sdb-field-padding-x);
border: 1px solid var(--sdb-field-border);
border-radius: var(--sdb-field-radius);
background: var(--sdb-field-bg);
color: var(--sdb-color-on-surface);
font: inherit;
transition: border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard);
}
input.sdb-field__control:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select.sdb-field__control,
.sdb-text-field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.sdb-select-field select {
box-sizing: border-box;
block-size: var(--sdb-control-height-md);
min-block-size: var(--sdb-control-height-md);
padding-block: var(--sdb-space-2, 8px);
}
.sdb-field__control:hover,
.sdb-text-field input:hover,
.sdb-select-field select:hover,
.sdb-text-field textarea:hover {
border-color: var(--sdb-field-border-hover);
}
.sdb-field__control:focus-visible,
.sdb-text-field input:focus-visible,
.sdb-select-field select:focus-visible,
.sdb-text-field textarea:focus-visible {
border-color: var(--sdb-field-focus-border);
box-shadow: var(--sdb-state-focus-ring);
outline: none;
}
.sdb-field__control:disabled,
.sdb-text-field input:disabled,
.sdb-select-field select:disabled,
.sdb-text-field textarea:disabled {
opacity: var(--sdb-state-disabled-opacity);
background: var(--sdb-state-disabled-bg);
color: var(--sdb-state-disabled-color);
cursor: not-allowed;
}
.sdb-field__help,
.sdb-field-message,
.sdb-choice-field__help {
margin: 0;
color: var(--sdb-field-help-color);
font-size: var(--sdb-type-body-sm-size);
line-height: 1.45;
}
.sdb-field-message--error,
.sdb-field--error .sdb-field-message,
.sdb-field--error .sdb-field__help {
color: var(--sdb-field-error-color);
}
.sdb-field--error .sdb-field__control,
.sdb-text-field.sdb-field--error input,
.sdb-select-field.sdb-field--error select {
border-color: var(--sdb-color-error);
background: color-mix(in srgb, var(--sdb-field-error-bg) 42%, #fff);
}
.sdb-choice-field,
.sdb-checkbox-field,
.sdb-radio-field {
display: flex;
align-items: flex-start;
gap: var(--sdb-choice-gap, .7rem);
color: var(--sdb-color-on-surface);
line-height: 1.45;
}
.sdb-choice-field input[type="checkbox"],
.sdb-choice-field input[type="radio"],
.sdb-checkbox-field input[type="checkbox"],
.sdb-radio-field input[type="radio"],
.sdb-choice-group input[type="checkbox"],
.sdb-choice-group input[type="radio"] {
flex: 0 0 auto;
width: var(--sdb-choice-size, 16px);
height: var(--sdb-choice-size, 16px);
min-width: var(--sdb-choice-size, 16px);
min-height: var(--sdb-choice-size, 16px);
margin: var(--sdb-choice-input-offset, .16em) 0 0;
padding: 0;
accent-color: var(--sdb-sys-color-primary);
}
.sdb-choice-field input[type="checkbox"]:focus-visible,
.sdb-choice-field input[type="radio"]:focus-visible,
.sdb-checkbox-field input[type="checkbox"]:focus-visible,
.sdb-radio-field input[type="radio"]:focus-visible,
.sdb-choice-group input[type="checkbox"]:focus-visible,
.sdb-choice-group input[type="radio"]:focus-visible {
box-shadow: var(--sdb-state-focus-ring);
outline: none;
}
.sdb-choice-field__body {
display: grid;
gap: var(--sdb-choice-content-gap, .22rem);
min-width: 0;
}
.sdb-choice-field__label {
color: var(--sdb-color-on-surface);
font-weight: var(--sdb-font-weight-medium);
}
.sdb-choice-group {
margin: 0;
padding: 0;
border: 0;
}
.sdb-choice-group__items {
display: grid;
gap: var(--sdb-choice-gap, .7rem);
}
.sdb-choice-group--cards .sdb-choice-field {
padding: var(--sdb-consent-padding, 16px);
border: 1px solid var(--sdb-color-outline-variant);
border-radius: var(--sdb-shape-md);
background: var(--sdb-color-surface-lowest);
transition: background-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard), box-shadow var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard);
}
.sdb-choice-group--cards .sdb-choice-field:hover {
background: var(--sdb-state-hover-bg);
}
.sdb-choice-group--cards .sdb-choice-field:has(input:checked) {
border-color: var(--sdb-state-selected-border);
background: var(--sdb-state-selected-bg);
}
@media (prefers-reduced-motion: reduce) {
.sdb-field__control,
.sdb-text-field input,
.sdb-select-field select,
.sdb-text-field textarea,
.sdb-choice-group--cards .sdb-choice-field {
transition: none;
}
} :root {
--sdb-state-checked-bg: var(--sdb-color-primary, #0058B7);
--sdb-state-checked-border: var(--sdb-color-primary, #0058B7);
--sdb-state-expanded-bg: rgba(0, 88, 183, .08);
--sdb-state-loading-opacity: .64;
--sdb-state-error-border: var(--sdb-color-error, #B42318);
--sdb-state-success-border: var(--sdb-color-success, #087443);
--sdb-motion-duration-instant: 90ms;
--sdb-motion-duration-enter: 180ms;
--sdb-motion-duration-exit: 140ms;
--sdb-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);
--sdb-skeleton-bg: linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75));
--sdb-toast-z-index: 10020;
}
.sdb-is-selected,
.sdb-is-checked,
.sdb-session-card.is-selected,
.sdb-check-card:has(input:checked) {
border-color: var(--sdb-state-checked-border);
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .08));
}
.sdb-is-expanded {
background: var(--sdb-state-expanded-bg);
}
.sdb-is-disabled,
.sdb-is-loading {
opacity: var(--sdb-state-disabled-opacity, .58);
}
.sdb-has-error {
border-color: var(--sdb-state-error-border) !important;
}
.sdb-has-success {
border-color: var(--sdb-state-success-border) !important;
}
.sdb-motion-standard {
transition-duration: var(--sdb-motion-duration-base, 160ms);
transition-timing-function: var(--sdb-motion-easing-standard, ease);
}
.sdb-motion-enter {
transition-duration: var(--sdb-motion-duration-enter);
transition-timing-function: var(--sdb-motion-easing-emphasized, cubic-bezier(.2, 0, 0, 1));
}
.sdb-motion-exit {
transition-duration: var(--sdb-motion-duration-exit);
transition-timing-function: var(--sdb-motion-easing-exit);
}
.sdb-loading-state {
display: inline-flex;
align-items: center;
gap: .625rem;
color: var(--sdb-color-muted);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-body-sm-size, .925rem);
}
.sdb-spinner {
width: 1em;
height: 1em;
border: 2px solid var(--sdb-color-border);
border-top-color: var(--sdb-color-primary);
border-radius: 50%;
animation: sdb-spin var(--sdb-motion-duration-slow, 800ms) linear infinite;
}
@keyframes sdb-spin { to { transform: rotate(360deg); } }
.sdb-skeleton {
display: block;
min-height: 1rem;
border-radius: var(--sdb-radius-sm);
background: var(--sdb-skeleton-bg);
background-size: 220% 100%;
animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite;
}
.sdb-skeleton--text { width: 100%; max-width: 36rem; height: .95rem; }
.sdb-skeleton--title { width: 70%; height: 1.35rem; }
.sdb-skeleton--card { min-height: 9rem; border-radius: var(--sdb-radius-md); }
@keyframes sdb-skeleton-shimmer { to { background-position-x: -220%; } }
.sdb-toast {
position: fixed;
right: clamp(1rem, 2vw, 1.5rem);
bottom: clamp(1rem, 2vw, 1.5rem);
z-index: var(--sdb-toast-z-index);
max-width: min(28rem, calc(100vw - 2rem));
padding: .875rem 1rem;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-md);
background: var(--sdb-color-surface);
color: var(--sdb-color-title);
box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element));
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-body-sm-size, .925rem);
}
.sdb-tooltip,
.sdb-help-popover {
border-radius: var(--sdb-radius-sm);
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size, .82rem);
}
.sdb-tooltip {
display: inline-flex;
max-width: 18rem;
padding: .45rem .6rem;
background: var(--sdb-color-surface-inverse, #1f2a36);
color: var(--sdb-color-on-surface-inverse, #fff);
box-shadow: var(--sdb-elevation-3, var(--sdb-shadow-element));
}
.sdb-help-popover,
.sdb-side-panel {
background: var(--sdb-color-surface);
color: var(--sdb-color-text);
border: 1px solid var(--sdb-color-border);
box-shadow: var(--sdb-elevation-4, var(--sdb-shadow-element));
}
.sdb-help-popover {
max-width: 24rem;
padding: 1rem;
}
.sdb-side-panel {
width: min(32rem, 100%);
padding: var(--sdb-card-padding, 1.5rem);
border-radius: var(--sdb-radius-lg) 0 0 var(--sdb-radius-lg);
}
.sdb-stepper {
font-family: var(--sdb-font-body);
color: var(--sdb-color-muted);
}
.sdb-stepper ol {
display: flex;
flex-wrap: wrap;
gap: .75rem;
list-style: none;
padding: 0;
margin: 0;
}
.sdb-stepper li {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .45rem .75rem;
border: 1px solid var(--sdb-color-border);
border-radius: var(--sdb-radius-pill);
background: var(--sdb-color-surface);
}
.sdb-stepper li.is-current,
.sdb-stepper li[aria-current="step"] {
border-color: var(--sdb-state-selected-border, var(--sdb-color-primary));
background: var(--sdb-state-selected-bg, rgba(0,88,183,.08));
color: var(--sdb-color-primary);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-breadcrumb {
font-family: var(--sdb-font-body);
font-size: var(--sdb-type-label-md-size, .82rem);
color: var(--sdb-color-muted);
}
.sdb-breadcrumb ol {
display: flex;
flex-wrap: wrap;
gap: .35rem;
list-style: none;
padding: 0;
margin: 0;
}
.sdb-breadcrumb li + li::before {
content: "/";
margin-right: .35rem;
color: var(--sdb-color-muted);
}
.sdb-breadcrumb a {
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-breadcrumb a:hover,
.sdb-breadcrumb a:focus-visible {
text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
.sdb-motion-standard,
.sdb-motion-enter,
.sdb-motion-exit,
.sdb-spinner,
.sdb-skeleton {
animation: none !important;
transition-duration: 1ms !important;
scroll-behavior: auto !important;
}
} :root {
--sdb-asset-strategy-default: legacy;
--sdb-asset-domain-version: "3.4.2";
} :root {
--sdb-choice-size: 16px;
--sdb-choice-gap: .72rem;
--sdb-choice-input-offset: .12em;
--sdb-session-card-control-gutter: .15rem;
--sdb-session-card-selected-ring: 0 0 0 3px rgba(0, 88, 183, .08);
--sdb-hero-title-safe-size-mobile: clamp(2rem, 9.4vw, 2.75rem);
--sdb-card-body-padding-safe: clamp(14px, 2vw, 22px);
}
:where(.sdb-form, .sdb-registration-form, .sdb-session-card, .sdb-consent-block, .sdb-confirmation-panel, .sdb-admin-tool-panel, .sdb-admin-card, .sdb-admin-field-row) :where(input[type="checkbox"], input[type="radio"]) {
inline-size: var(--sdb-choice-size) !important;
block-size: var(--sdb-choice-size) !important;
min-inline-size: var(--sdb-choice-size) !important;
min-block-size: var(--sdb-choice-size) !important;
max-inline-size: var(--sdb-choice-size) !important;
margin: var(--sdb-choice-input-offset) 0 0 !important;
flex: 0 0 var(--sdb-choice-size) !important;
align-self: start !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) {
display: grid !important;
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important;
align-items: start !important;
column-gap: var(--sdb-choice-gap) !important;
row-gap: var(--sdb-choice-content-gap, .22rem) !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(input[type="checkbox"], input[type="radio"]) {
grid-column: 1 !important;
justify-self: start !important;
}
:where(label.sdb-form__check, label.sdb-checkbox, label.sdb-radio, label.sdb-check-card, label.sdb-consent-block) > :where(.sdb-form__check-text, .sdb-form__check-body, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input) {
grid-column: 2 !important;
min-width: 0 !important;
margin: 0 !important;
}
.sdb-form__check-body,
.sdb-form__choice-content,
.sdb-checkbox__body,
.sdb-radio__body {
display: grid;
gap: var(--sdb-choice-content-gap, .22rem);
min-width: 0;
}
.sdb-session-card--choice {
grid-template-columns: var(--sdb-choice-size) minmax(0, 1fr) !important;
align-items: start !important;
column-gap: calc(var(--sdb-session-card-gap, 14px) + var(--sdb-session-card-control-gutter, .15rem)) !important;
}
.sdb-session-card__choice {
grid-column: 1 !important;
inline-size: var(--sdb-choice-size);
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
padding: 0 !important;
margin: 0 !important;
}
.sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) {
margin-block-start: var(--sdb-choice-input-offset) !important;
}
.sdb-session-card__body,
.sdb-session-card__content {
grid-column: 2 !important;
min-width: 0 !important;
align-self: start !important;
}
.sdb-session-card--selected,
.sdb-session-card:has(input:checked) {
border-color: var(--sdb-session-card-selected-border);
background: var(--sdb-session-card-selected-bg);
box-shadow: var(--sdb-session-card-selected-ring);
}
.sdb-session-card--selected::after,
.sdb-session-card:has(input:checked)::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sdb-color-primary, #0058b7) 18%, transparent);
}
.sdb-hero-content,
.sdb-hero-title,
.sdb-hero-subtitle {
min-width: 0;
max-width: 100%;
overflow: visible;
}
.sdb-hero-title,
.sdb-cause-hero__title {
overflow-wrap: anywhere;
word-break: normal;
hyphens: auto;
text-wrap: balance;
max-inline-size: 14ch;
}
.sdb-hero-subtitle {
overflow-wrap: break-word;
max-inline-size: 42ch;
}
.sdb-document-list__item {
min-width: 0;
}
.sdb-document-list__content {
min-width: 0;
display: grid;
gap: .15rem;
}
.sdb-document-list__action,
.sdb-download-action {
flex: 0 0 auto;
white-space: nowrap;
}
.sdb-filter-bar--documents {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: .75rem;
align-items: center;
}
.sdb-editorial-card__inner,
.sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner):not(.sdb-u-media-16x9):not(.sdb-u-media-16x10):not(.sdb-visual-qa-media-placeholder) {
max-width: 100%;
}
.sdb-editorial-card > :where(h2, h3, h4, p, a, .sdb-editorial-pill):not(.sdb-editorial-card__inner) {
margin-inline: var(--sdb-card-body-padding-safe);
}
.sdb-editorial-card > :where(.sdb-editorial-pill):not(.sdb-editorial-card__inner) {
margin-top: var(--sdb-card-body-padding-safe);
}
.sdb-editorial-card > :where(a):last-child:not(.sdb-editorial-card__inner) {
margin-bottom: var(--sdb-card-body-padding-safe);
}
.sdb-score-card {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: .55rem !important;
width: fit-content;
max-width: 100%;
min-width: 0;
}
.sdb-score-card__team {
color: var(--sdb-color-muted);
font-size: var(--sdb-type-label-sm-size, .78rem);
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.sdb-score-card__score {
color: var(--sdb-color-title);
font-size: clamp(1.25rem, 2.4vw, 1.75rem);
line-height: 1;
}
.sdb-score-card__separator {
color: var(--sdb-color-muted);
}
@media (max-width: 640px) {
.sdb-hero-title,
.sdb-cause-hero__title {
font-size: var(--sdb-hero-title-safe-size-mobile) !important;
line-height: 1.06 !important;
max-inline-size: 11ch;
}
.sdb-hero-content {
padding: clamp(20px, 7vw, 28px) !important;
}
.sdb-filter-bar--documents {
grid-template-columns: 1fr;
}
.sdb-document-list__item {
align-items: flex-start;
}
.sdb-document-list__action,
.sdb-download-action {
margin-inline-start: calc(var(--sdb-document-icon-size, 34px) + var(--sdb-space-md, 1rem));
}
.sdb-score-card {
width: 100%;
justify-content: flex-start !important;
}
} :root {
--sdb-choice-column-width: calc(var(--sdb-choice-size, 16px) + .35rem);
--sdb-choice-block-gap: clamp(.7rem, 1.2vw, 1rem);
--sdb-choice-card-control-offset: .08rem;
--sdb-hero-title-mobile-readable-size: clamp(1.72rem, 8.8vw, 2.28rem);
--sdb-hero-title-mobile-line-height: 1.04;
--sdb-sensitive-stack-gap: clamp(12px, 1.5vw, 18px);
--sdb-score-card-max-width: 680px;
}
:where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
grid-auto-flow: row !important;
column-gap: var(--sdb-choice-block-gap) !important;
align-items: start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice, input[type="radio"], input[type="checkbox"]) {
grid-column: 1 !important;
grid-row: 1 / span 99 !important;
justify-self: start !important;
align-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-card-control-offset) 0 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
margin: 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) {
grid-column: 2 !important;
min-width: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) {
display: grid !important;
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-block-gap) !important;
align-items: start !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
align-self: start !important;
min-width: var(--sdb-choice-size, 16px) !important;
margin: 0 !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control) {
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
inline-size: var(--sdb-choice-size, 16px);
padding-top: var(--sdb-choice-card-control-offset);
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control) {
grid-column: 2 !important;
min-width: 0 !important;
margin: 0 !important;
}
.sdb-form__check-control > :where(input[type="checkbox"], input[type="radio"]),
.sdb-form__choice-control > :where(input[type="checkbox"], input[type="radio"]),
.sdb-session-card__choice > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
align-self: flex-start !important;
}
.sdb-hero-title,
.sdb-on-image__title,
.sdb-cause-hero__title {
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: none !important;
text-wrap: balance;
}
.sdb-sensitive-panel {
display: grid;
gap: var(--sdb-sensitive-stack-gap);
}
.sdb-token-lookup {
display: grid;
gap: .55rem;
min-width: 0;
}
.sdb-token-lookup .sdb-form__field {
display: grid;
gap: .42rem;
min-width: 0;
}
.sdb-status-timeline {
display: grid;
gap: .55rem;
margin: 0;
padding-left: 1.25rem;
}
.sdb-status-timeline > li {
line-height: 1.45;
}
.sdb-score-card {
width: min(100%, var(--sdb-score-card-max-width)) !important;
max-width: 100%;
justify-content: flex-start !important;
}
.sdb-editorial-grid--qa {
grid-template-columns: repeat(2, minmax(240px, 340px)) !important;
gap: clamp(20px, 3vw, 32px) !important;
align-items: start !important;
max-width: min(100%, 760px);
}
@media (max-width: 640px) {
:where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) {
grid-template-columns: var(--sdb-choice-column-width) minmax(0, 1fr) !important;
}
.sdb-hero-title,
.sdb-on-image__title,
.sdb-cause-hero__title {
font-size: var(--sdb-hero-title-mobile-readable-size) !important;
line-height: var(--sdb-hero-title-mobile-line-height) !important;
max-inline-size: 11.2ch !important;
letter-spacing: -.025em;
}
.sdb-editorial-grid--qa {
grid-template-columns: 1fr !important;
max-width: 100%;
}
} :root {
--sdb-choice-control-column: var(--sdb-choice-size, 16px);
--sdb-choice-card-padding-x: clamp(16px, 2vw, 22px);
--sdb-choice-card-padding-y: clamp(15px, 1.8vw, 20px);
--sdb-choice-title-baseline-offset: .18rem;
--sdb-choice-card-inline-gap: clamp(10px, 1.4vw, 14px);
}
:where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap) !important;
align-items: start !important;
padding-block: var(--sdb-choice-card-padding-y) !important;
padding-inline: var(--sdb-choice-card-padding-x) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-title-baseline-offset) 0 0 !important;
inline-size: var(--sdb-choice-control-column) !important;
min-inline-size: var(--sdb-choice-control-column) !important;
max-inline-size: var(--sdb-choice-control-column) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) {
margin: 0 !important;
padding: 0 !important;
align-self: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__body *) {
grid-column: 2 !important;
min-width: 0 !important;
margin-inline-start: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) {
display: grid !important;
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-card-inline-gap) !important;
align-items: start !important;
padding-block: var(--sdb-consent-padding-y, clamp(14px, 1.6vw, 18px)) !important;
padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-card-padding-x)) !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-control, .sdb-form__choice-control, input[type="checkbox"], input[type="radio"]) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
margin: 0 !important;
padding: var(--sdb-choice-title-baseline-offset) 0 0 !important;
inline-size: var(--sdb-choice-control-column) !important;
min-inline-size: var(--sdb-choice-control-column) !important;
max-inline-size: var(--sdb-choice-control-column) !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control):has(> input[type="checkbox"], > input[type="radio"]) {
display: flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-form__check-control, .sdb-form__choice-control) > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
padding: 0 !important;
}
:where(label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text):not(input) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
:where(.sdb-form__check-body, .sdb-form__choice-content) {
display: block !important;
line-height: 1.45;
}
@media (max-width: 640px) {
:where(.sdb-session-card--choice, label.sdb-consent-block.sdb-form__check, .sdb-consent-block.sdb-form__check) {
grid-template-columns: var(--sdb-choice-control-column) minmax(0, 1fr) !important;
column-gap: max(10px, var(--sdb-choice-card-inline-gap)) !important;
}
} :root {
--sdb-choice-real-control-size: var(--sdb-choice-size, 16px);
--sdb-choice-real-control-column: calc(var(--sdb-choice-real-control-size) + 2px);
--sdb-choice-real-gap: max(var(--sdb-choice-card-inline-gap, 12px), var(--sdb-choice-gap, .65rem));
--sdb-choice-real-baseline-offset: .12rem;
--sdb-choice-real-card-padding-x: max(var(--sdb-choice-card-padding-x, 18px), 18px);
--sdb-choice-real-card-padding-y: max(var(--sdb-choice-card-padding-y, 16px), 14px);
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block:has(> .sdb-form__check-control),
.sdb-consent-block:has(> .sdb-form__choice-control)
) {
display: grid !important;
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-real-gap) !important;
row-gap: 0 !important;
align-items: start !important;
}
:where(
label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block:has(> .sdb-form__check-control),
.sdb-consent-block:has(> .sdb-form__choice-control)
) {
padding-block: var(--sdb-consent-padding-y, var(--sdb-choice-real-card-padding-y)) !important;
padding-inline: var(--sdb-consent-padding-x, var(--sdb-choice-real-card-padding-x)) !important;
} :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > br {
display: none !important;
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block
) > :where(input[type="checkbox"], input[type="radio"], .sdb-form__check-control, .sdb-form__choice-control) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-real-control-size) !important;
block-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
min-block-size: var(--sdb-choice-real-control-size) !important;
max-inline-size: var(--sdb-choice-real-control-size) !important;
max-block-size: var(--sdb-choice-real-control-size) !important;
} :where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
inline-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
:where(.sdb-consent-block, .sdb-form__check, .sdb-check-card, .sdb-checkbox-card, .sdb-radio-card) > :where(label, span, div, p):has(> input[type="checkbox"], > input[type="radio"]):not(.sdb-form__check-body):not(.sdb-form__check-text) > :where(input[type="checkbox"], input[type="radio"]) {
margin: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
} :where(
.sdb-form__check,
.sdb-form__choice,
.sdb-checkbox,
.sdb-radio,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card,
.sdb-consent-block
) > :where(.sdb-form__check-body, .sdb-form__check-text, .sdb-form__choice-content, .sdb-checkbox__text, .sdb-radio__text, .sdb-checkbox__body, .sdb-radio__body, label, span, p, div):not(input):not(.sdb-form__check-control):not(.sdb-form__choice-control):not(:has(> input[type="checkbox"], > input[type="radio"])) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
line-height: 1.45 !important;
} :where(.sdb-session-card--choice) {
display: grid !important;
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-real-gap) !important;
align-items: start !important;
padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y)) !important;
padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x)) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__control, input[type="radio"], input[type="checkbox"], .sdb-session-card__choice) {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-real-baseline-offset) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-real-control-size) !important;
min-inline-size: var(--sdb-choice-real-control-size) !important;
max-inline-size: var(--sdb-choice-real-control-size) !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) {
display: inline-flex !important;
align-items: flex-start !important;
justify-content: flex-start !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__choice) > :where(input[type="radio"], input[type="checkbox"]) {
margin: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
:where(.sdb-session-card--choice) > :where(.sdb-session-card__body, .sdb-session-card__content, .sdb-session-card__title, .sdb-session-card__meta, .sdb-session-card__description, .sdb-capacity-indicator, .sdb-session-card__details, .sdb-card-action-link):not(.sdb-session-card__choice) {
grid-column: 2 !important;
min-width: 0 !important;
margin-inline-start: 0 !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
}
@media (max-width: 640px) {
:where(
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]),
.sdb-consent-block.sdb-form__check,
label.sdb-consent-block,
.sdb-form__check,
.sdb-check-card,
.sdb-session-card--choice
) {
grid-template-columns: var(--sdb-choice-real-control-column) minmax(0, 1fr) !important;
column-gap: max(10px, var(--sdb-choice-real-gap)) !important;
}
} :root {
--sdb-choice-native-size: var(--sdb-choice-real-control-size, var(--sdb-choice-size, 16px));
--sdb-choice-native-column: calc(var(--sdb-choice-native-size) + 2px);
--sdb-choice-native-gap: max(var(--sdb-choice-real-gap, 12px), var(--sdb-choice-gap, .65rem));
--sdb-choice-native-baseline: .16em;
} :where(
.sdb-session-card--choice,
.sdb-consent-block,
.sdb-form__check,
.sdb-choice-group,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card
) input.sdb-radio-field,
:where(
.sdb-session-card--choice,
.sdb-consent-block,
.sdb-form__check,
.sdb-choice-group,
.sdb-check-card,
.sdb-checkbox-card,
.sdb-radio-card
) input.sdb-checkbox-field,
input.sdb-session-card__control.sdb-radio-field,
input.sdb-session-card__control.sdb-checkbox-field,
input.sdb-form__check-control.sdb-radio-field,
input.sdb-form__check-control.sdb-checkbox-field {
display: inline-block !important;
box-sizing: border-box !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
appearance: auto !important;
-webkit-appearance: auto !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
max-inline-size: var(--sdb-choice-native-size) !important;
max-block-size: var(--sdb-choice-native-size) !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
border-radius: initial;
line-height: normal !important;
vertical-align: top !important;
accent-color: var(--sdb-sys-color-primary, var(--sdb-color-primary)) !important;
} label.sdb-session-card.sdb-session-card--choice,
.sdb-session-list .sdb-session-card.sdb-session-card--choice,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line.sdb-session-card--compact {
display: grid !important;
grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-native-gap) !important;
row-gap: 0 !important;
align-items: start !important;
justify-items: stretch !important;
padding-block: var(--sdb-session-card-padding-y, var(--sdb-choice-real-card-padding-y, 16px)) !important;
padding-inline: var(--sdb-session-card-padding-x, var(--sdb-choice-real-card-padding-x, 18px)) !important;
}
label.sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control,
.sdb-session-list .sdb-session-card.sdb-session-card--choice > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > input.sdb-session-card__control,
.sdb-session-card.sdb-session-card--choice > input[type="radio"],
.sdb-session-card.sdb-session-card--choice > input[type="checkbox"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-block !important;
position: static !important;
inset: auto !important;
float: none !important;
clear: none !important;
transform: none !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
max-inline-size: var(--sdb-choice-native-size) !important;
max-block-size: var(--sdb-choice-native-size) !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
}
label.sdb-session-card.sdb-session-card--choice > .sdb-session-card__body,
.sdb-session-list .sdb-session-card.sdb-session-card--choice > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--line > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice.sdb-session-card--compact > .sdb-session-card__body,
.sdb-session-card.sdb-session-card--choice > .sdb-session-card__content {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
gap: var(--sdb-session-card-content-gap, .4rem) !important;
} label.sdb-consent-block,
.sdb-consent-block.sdb-form__check,
.sdb-form__check.sdb-consent-block,
.sdb-form__check:has(> input[type="checkbox"]),
.sdb-form__check:has(> input[type="radio"]),
.sdb-consent-block:has(> input[type="checkbox"]),
.sdb-consent-block:has(> input[type="radio"]) {
display: grid !important;
grid-template-columns: var(--sdb-choice-native-column) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-native-gap) !important;
row-gap: 0 !important;
align-items: start !important;
}
label.sdb-consent-block > input[type="checkbox"],
label.sdb-consent-block > input[type="radio"],
.sdb-consent-block.sdb-form__check > input[type="checkbox"],
.sdb-consent-block.sdb-form__check > input[type="radio"],
.sdb-form__check:has(> input[type="checkbox"]) > input[type="checkbox"],
.sdb-form__check:has(> input[type="radio"]) > input[type="radio"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
display: inline-block !important;
position: static !important;
float: none !important;
clear: none !important;
transform: none !important;
margin: var(--sdb-choice-native-baseline) 0 0 0 !important;
padding: 0 !important;
inline-size: var(--sdb-choice-native-size) !important;
block-size: var(--sdb-choice-native-size) !important;
min-inline-size: var(--sdb-choice-native-size) !important;
min-block-size: var(--sdb-choice-native-size) !important;
}
label.sdb-consent-block > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])),
.sdb-consent-block.sdb-form__check > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])),
.sdb-form__check:has(> input[type="checkbox"]) > :where(.sdb-form__check-body, .sdb-form__check-text, span, label, p, div):not(input):not(:has(> input[type="checkbox"], > input[type="radio"])) {
grid-column: 2 !important;
grid-row: 1 !important;
align-self: start !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.45 !important;
} .sdb-alert-banner--info {
background: var(--sdb-alert-info-bg);
border-color: var(--sdb-alert-info-border);
color: var(--sdb-alert-info-text);
}
.sdb-alert-banner--urgent {
background: var(--sdb-alert-error-bg, var(--sdb-color-error-bg));
border-color: var(--sdb-alert-error-border, var(--sdb-color-error));
color: var(--sdb-alert-error-text, var(--sdb-color-error-text));
}
.sdb-alert-banner--dismissible .sdb-alert-banner__actions {
align-items: center;
}
.sdb-alert-banner__dismiss:focus-visible,
.sdb-dismiss-button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-dismiss-button--light {
color: var(--sdb-dismiss-color);
}
.sdb-admin-network-operation-panel__header {
margin: 0 0 6px;
color: var(--sdb-admin-heading, var(--sdb-color-title));
font-weight: 800;
}
.sdb-admin-network-operation-panel__scope {
display: inline-flex;
width: fit-content;
margin-block-end: 8px;
padding: 3px 8px;
border-radius: var(--sdb-radius-pill);
background: rgba(0,0,0,.06);
color: var(--sdb-admin-text, var(--sdb-color-text));
font-size: 12px;
font-weight: 700;
}
.sdb-admin-network-operation-panel__warning {
margin: 0;
color: var(--sdb-admin-text, var(--sdb-color-text));
}
.sdb-admin-network-operation-panel__actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-block-start: 12px;
} .sdb-action-stack {
gap: var(--sdb-action-stack-gap, var(--sdb-space-sm, .75rem));
}
.sdb-action-stack__trigger,
.sdb-action-stack__menu,
.sdb-calendar-actions,
.sdb-calendar-actions__menu {
display: flex;
flex-wrap: wrap;
gap: var(--sdb-calendar-actions-gap, .5rem);
align-items: center;
}
.sdb-action-stack__menu,
.sdb-calendar-actions__menu {
margin: 0;
padding: 0;
list-style: none;
}
.sdb-calendar-actions {
width: fit-content;
max-width: 100%;
}
.sdb-card-action-link {
text-decoration: none;
}
.sdb-card-action-link:focus-visible,
.sdb-action-stack__trigger:focus-visible,
.sdb-calendar-actions a:focus-visible,
.sdb-calendar-actions button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-validation-summary {
background: var(--sdb-validation-summary-bg, var(--sdb-color-warning-bg, #fff7e6));
color: var(--sdb-validation-summary-text, var(--sdb-color-warning-text, #7a4b00));
}
.sdb-validation-summary__title {
display: block;
margin: 0 0 .45rem;
color: inherit;
font-weight: 800;
}
.sdb-validation-summary__list {
margin: 0;
padding-inline-start: 1.2rem;
} :root {
--sdb-event-date-bg: var(--sdb-color-primary, #0058B7);
--sdb-event-date-text: var(--sdb-color-on-primary, #fff);
--sdb-event-date-accent: var(--sdb-color-secondary, #009BD8);
--sdb-event-card-bg: var(--sdb-color-surface, #fff);
--sdb-event-card-border: var(--sdb-color-border, #EEF3F8);
--sdb-event-card-radius: var(--sdb-radius-md, 14px);
--sdb-event-card-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08));
--sdb-event-meta-color: var(--sdb-color-muted, #8E9AA7);
--sdb-event-title-color: var(--sdb-color-title, #364048);
--sdb-event-internal-bg: var(--sdb-status-internal-bg, #fff7e6);
--sdb-event-internal-text: var(--sdb-status-internal-text, #8a4b00);
--sdb-event-cancelled-bg: var(--sdb-status-cancelled-bg, #fdecec);
--sdb-event-cancelled-text: var(--sdb-status-cancelled-text, #7f1d1d);
--sdb-event-soldout-bg: var(--sdb-status-soldout-bg, #f1f1fe);
--sdb-event-soldout-text: var(--sdb-status-soldout-text, #4b4bb5);
--sdb-date-badge-width: 76px;
--sdb-date-badge-min-height: 86px;
--sdb-date-badge-radius: var(--sdb-radius-md, 14px);
--sdb-date-badge-day-size: 30px;
--sdb-date-badge-month-size: 12px;
--sdb-date-badge-weekday-size: 11px;
--sdb-date-badge-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08));
--sdb-filter-bar-bg: var(--sdb-color-surface, #fff);
--sdb-filter-bar-border: var(--sdb-color-border, #EEF3F8);
--sdb-filter-bar-radius: var(--sdb-radius-md, 14px);
--sdb-filter-bar-gap: var(--sdb-space-md, 16px);
--sdb-filter-control-height: 46px;
--sdb-filter-control-radius: var(--sdb-radius-md, 14px);
--sdb-status-internal-bg: #fff7e6;
--sdb-status-internal-text: #8a4b00;
--sdb-status-cancelled-bg: #fdecec;
--sdb-status-cancelled-text: #7f1d1d;
--sdb-status-soldout-bg: #f1f1fe;
--sdb-status-soldout-text: #4b4bb5;
--sdb-status-open-bg: #e9f6ee;
--sdb-status-open-text: #1e5f34;
--sdb-status-closed-bg: #f1f1fe;
--sdb-status-closed-text: #4b4bb5;
--sdb-action-menu-panel-bg: var(--sdb-color-surface, #fff);
--sdb-action-menu-panel-shadow: var(--sdb-elevation-3, var(--sdb-shadow-card, 0 18px 42px rgba(15,35,52,.14)));
--sdb-calendar-hour-width: 64px;
--sdb-calendar-row-height: 56px;
--sdb-calendar-day-min-width: 160px;
--sdb-calendar-grid-border: var(--sdb-color-border, #EEF3F8);
--sdb-calendar-event-bg: var(--sdb-color-primary, #0058B7);
--sdb-calendar-event-text: var(--sdb-color-on-primary, #fff);
--sdb-calendar-event-radius: var(--sdb-radius-sm, 8px);
--sdb-calendar-cell-min-width: 116px;
--sdb-calendar-cell-min-height: 72px;
--sdb-calendar-team-column-width: 196px;
--sdb-calendar-event-gap: var(--sdb-space-1, 4px);
--sdb-calendar-selected-bg: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085));
--sdb-calendar-today-outline: var(--sdb-color-primary, #0058B7);
}
.sdb-date-badge {
inline-size: var(--sdb-date-badge-width);
min-block-size: var(--sdb-date-badge-min-height);
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .12rem;
padding: .6rem .55rem;
color: var(--sdb-event-date-text);
background: var(--sdb-event-date-bg);
border-radius: var(--sdb-date-badge-radius);
box-shadow: var(--sdb-date-badge-shadow);
text-align: center;
line-height: 1;
text-decoration: none;
}
.sdb-date-badge__weekday { font-size: var(--sdb-date-badge-weekday-size); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; opacity: .88; }
.sdb-date-badge__day { font-size: var(--sdb-date-badge-day-size); font-weight: 900; letter-spacing: -.04em; }
.sdb-date-badge__month,
.sdb-date-badge__year { font-size: var(--sdb-date-badge-month-size); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.sdb-date-badge--compact { --sdb-date-badge-width: 56px; --sdb-date-badge-min-height: 62px; --sdb-date-badge-day-size: 22px; }
.sdb-date-badge--horizontal { inline-size: auto; min-block-size: 42px; flex-direction: row; gap: .5rem; padding-inline: .85rem; }
.sdb-date-badge--featured { background: linear-gradient(135deg, var(--sdb-event-date-bg), var(--sdb-event-date-accent)); }
.sdb-date-badge--muted { color: var(--sdb-color-title, #364048); background: var(--sdb-color-surface, #fff); border: 1px solid var(--sdb-color-border, #EEF3F8); box-shadow: none; }
.sdb-schedule { display: grid; gap: var(--sdb-space-md, 16px); }
.sdb-schedule__header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--sdb-space-sm, 12px); }
.sdb-schedule__filters { margin-block-end: var(--sdb-space-sm, 12px); }
.sdb-schedule__list { display: grid; gap: var(--sdb-space-sm, 12px); }
.sdb-schedule--horizontal .sdb-schedule__list { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-block-end: .35rem; }
.sdb-schedule--horizontal .sdb-schedule__list > * { flex: 0 0 min(320px, 82vw); scroll-snap-align: start; }
.sdb-schedule--compact { gap: var(--sdb-space-xs, 8px); }
.sdb-schedule--network .sdb-schedule__filters { padding: var(--sdb-filter-bar-gap); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); background: var(--sdb-filter-bar-bg); }
.sdb-filter-bar--network,
.sdb-filter-bar--compact,
.sdb-filter-bar--stacked-mobile { background: var(--sdb-filter-bar-bg); border: 1px solid var(--sdb-filter-bar-border); border-radius: var(--sdb-filter-bar-radius); padding: var(--sdb-filter-bar-gap); }
.sdb-filter-bar__field { min-inline-size: min(220px, 100%); display: grid; gap: .35rem; }
.sdb-filter-bar__label { color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; }
.sdb-filter-bar__select { min-block-size: var(--sdb-filter-control-height); border-radius: var(--sdb-filter-control-radius); }
.sdb-filter-bar__actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sdb-filter-bar__reset { color: var(--sdb-color-muted, #8E9AA7); }
@media (max-width: 720px) { .sdb-filter-bar--stacked-mobile, .sdb-filter-bar--network { display: grid; } .sdb-filter-bar__field, .sdb-filter-bar__actions { inline-size: 100%; } }
.sdb-status { display: inline-flex; align-items: center; gap: .35em; min-block-size: 1.6rem; padding: .22rem .62rem; border-radius: var(--sdb-radius-pill, 999px); font-size: var(--sdb-type-label-sm-size, .78rem); font-weight: 800; line-height: 1.15; white-space: nowrap; border: 1px solid transparent; }
.sdb-status--internal { color: var(--sdb-status-internal-text); background: var(--sdb-status-internal-bg); }
.sdb-status--soldout { color: var(--sdb-status-soldout-text); background: var(--sdb-status-soldout-bg); }
.sdb-status--cancelled { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); }
.sdb-status--postponed { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); }
.sdb-status--open { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); }
.sdb-status--closed,
.sdb-status--past { color: var(--sdb-status-closed-text); background: var(--sdb-status-closed-bg); }
.sdb-action-menu { position: relative; display: inline-block; }
.sdb-action-menu__trigger { cursor: pointer; }
.sdb-action-menu > summary.sdb-action-menu__trigger { list-style: none; box-sizing: border-box; }
.sdb-action-menu > summary.sdb-action-menu__trigger::-webkit-details-marker { display: none; }
.sdb-action-menu > summary.sdb-action-menu__trigger.sdb-btn--icon {
inline-size: var(--sdb-control-height, 44px) !important;
block-size: var(--sdb-control-height, 44px) !important;
min-block-size: var(--sdb-control-height, 44px) !important;
padding: 0 !important;
}
.sdb-action-menu__panel { min-inline-size: 220px; margin-block-start: .45rem; padding: .45rem; background: var(--sdb-action-menu-panel-bg); border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-md, 14px); box-shadow: var(--sdb-action-menu-panel-shadow); z-index: var(--sdb-z-dropdown, 40); }
.sdb-action-menu[open] .sdb-action-menu__panel { display: grid; gap: .25rem; }
.sdb-action-menu__item { display: flex; align-items: center; gap: .55rem; padding: .48rem .58rem; border-radius: var(--sdb-radius-sm, 8px); color: var(--sdb-color-text, #6B7785); text-decoration: none; }
.sdb-action-menu__item:hover,
.sdb-action-menu__item:focus-visible { color: var(--sdb-color-primary, #0058B7); background: var(--sdb-state-hover-bg, rgba(0,88,183,.07)); outline: none; }
.sdb-action-menu__item-icon { inline-size: 1.15em; block-size: 1.15em; flex: 0 0 auto; }
.sdb-calendar-actions__button,
.sdb-calendar-actions__option { display: inline-flex; align-items: center; gap: .45rem; min-block-size: 2.25rem; padding: .45rem .75rem; border: 1px solid var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #6B7785); text-decoration: none; font-weight: 750; }
.sdb-calendar-actions__button:hover,
.sdb-calendar-actions__option:hover { color: var(--sdb-color-primary, #0058B7); border-color: color-mix(in srgb, var(--sdb-color-primary, #0058B7) 32%, var(--sdb-color-border, #EEF3F8)); }
.sdb-empty-state--events,
.sdb-empty-state--filtered,
.sdb-empty-state--calendar,
.sdb-empty-state--admin { display: grid; justify-items: start; gap: .5rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px dashed var(--sdb-color-border, #EEF3F8); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); }
.sdb-empty-state__icon { inline-size: 2.25rem; block-size: 2.25rem; border-radius: 999px; background: var(--sdb-color-primary-bg, rgba(0,88,183,.08)); }
.sdb-empty-state__title { margin: 0; color: var(--sdb-color-title, #364048); font-size: var(--sdb-type-title-md-size, 1.15rem); }
.sdb-empty-state__text { margin: 0; color: var(--sdb-color-muted, #8E9AA7); }
.sdb-empty-state__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-block-start: .25rem; }
.sdb-data-list--event { display: grid; gap: .1rem; }
.sdb-data-list__item { display: grid; grid-template-columns: minmax(8rem, 13rem) minmax(0, 1fr); gap: .75rem; padding: .72rem 0; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); }
.sdb-data-list__label { color: var(--sdb-event-meta-color); font-weight: 800; }
.sdb-data-list__value { min-inline-size: 0; color: var(--sdb-color-text, #6B7785); }
.sdb-data-list__icon { color: var(--sdb-color-primary, #0058B7); }
@media (max-width: 560px) { .sdb-data-list__item { grid-template-columns: 1fr; gap: .2rem; } }
.sdb-table--schedule,
.sdb-table--sessions { inline-size: 100%; border-collapse: collapse; }
.sdb-table--schedule th,
.sdb-table--schedule td,
.sdb-table--sessions th,
.sdb-table--sessions td { padding: .72rem .85rem; border-block-end: 1px solid var(--sdb-color-border, #EEF3F8); vertical-align: top; }
.sdb-table--schedule th,
.sdb-table--sessions th { color: var(--sdb-color-title, #364048); font-weight: 850; background: var(--sdb-color-surface-low, #F7FAFD); }
.sdb-table__status { white-space: nowrap; }
.sdb-week-calendar { overflow-x: auto; border: 1px solid var(--sdb-calendar-grid-border); border-radius: var(--sdb-radius-lg, 18px); background: var(--sdb-color-surface, #fff); }
.sdb-week-calendar__header { display: grid; grid-template-columns: var(--sdb-calendar-hour-width) repeat(7, minmax(var(--sdb-calendar-day-min-width), 1fr)); border-block-end: 1px solid var(--sdb-calendar-grid-border); min-inline-size: calc(var(--sdb-calendar-hour-width) + 7 * var(--sdb-calendar-day-min-width)); }
.sdb-week-calendar__day { padding: .7rem; font-weight: 850; color: var(--sdb-color-title, #364048); border-inline-start: 1px solid var(--sdb-calendar-grid-border); }
.sdb-week-calendar__hour { inline-size: var(--sdb-calendar-hour-width); min-block-size: var(--sdb-calendar-row-height); padding: .45rem .55rem; color: var(--sdb-color-muted, #8E9AA7); border-block-end: 1px solid var(--sdb-calendar-grid-border); }
.sdb-week-calendar__event { display: block; padding: .45rem .55rem; color: var(--sdb-calendar-event-text); background: var(--sdb-calendar-event-bg); border-radius: var(--sdb-calendar-event-radius); box-shadow: var(--sdb-shadow-element, 0 10px 26px rgba(15,35,52,.08)); overflow: hidden; }
.sdb-week-calendar__event--overlap { outline: 2px solid rgba(255,255,255,.65); }
.sdb-week-calendar__event--all-day { background: var(--sdb-color-secondary, #009BD8); }
.sdb-admin-diagnostic,
.sdb-admin-import-preview { display: grid; gap: .75rem; padding: var(--sdb-admin-card-padding-compact, 16px); border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-admin-surface, var(--sdb-color-surface, #fff)); }
.sdb-admin-health-row { display: flex; justify-content: space-between; gap: .75rem; padding: .55rem .7rem; border: 1px solid var(--sdb-admin-border, var(--sdb-color-border)); border-radius: var(--sdb-radius-sm, 8px); }
.sdb-admin-log-list { display: grid; gap: .3rem; margin: 0; padding: .75rem .9rem .75rem 1.6rem; border-radius: var(--sdb-radius-md, 14px); background: var(--sdb-color-surface-low, #F7FAFD); font-family: var(--sdb-font-mono, monospace); font-size: .82rem; }
.sdb-admin-import-status,
.sdb-admin-sync-status,
.sdb-admin-status--ok,
.sdb-admin-status--warning,
.sdb-admin-status--error,
.sdb-admin-status--muted { display: inline-flex; align-items: center; min-block-size: 1.55rem; padding: .18rem .55rem; border-radius: var(--sdb-radius-pill, 999px); font-weight: 800; font-size: .76rem; }
.sdb-admin-status--ok { color: var(--sdb-status-open-text); background: var(--sdb-status-open-bg); }
.sdb-admin-status--warning { color: var(--sdb-color-warning-text, #7a4b00); background: var(--sdb-color-warning-bg, #fff7e6); }
.sdb-admin-status--error { color: var(--sdb-status-cancelled-text); background: var(--sdb-status-cancelled-bg); }
.sdb-admin-status--muted { color: var(--sdb-color-muted, #8E9AA7); background: var(--sdb-color-surface-low, #F7FAFD); }
.sdb-u-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-sm, .75rem); }
.sdb-u-inline-meta { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .65rem; color: var(--sdb-color-muted, #8E9AA7); }
.sdb-u-scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sdb-u-visually-muted { color: var(--sdb-color-muted, #8E9AA7) !important; }
.sdb-u-action-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.sdb-u-date-stack { display: inline-grid; gap: .08rem; line-height: 1; text-align: center; }
.sdb-u-responsive-grid-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: var(--sdb-space-md, 16px); } .sdb-status-badge--open,
.sdb-status-badge--available { background: var(--sdb-status-open-bg, var(--sdb-color-success-bg, #e9f6ee)); color: var(--sdb-status-open-text, var(--sdb-color-success-text, #1e5f34)); border-color: var(--sdb-color-success-border, rgba(30,95,52,.18)); }
.sdb-status-badge--closed { background: var(--sdb-status-closed-bg, var(--sdb-color-info-bg, #f1f1fe)); color: var(--sdb-status-closed-text, var(--sdb-color-info-text, #4b4bb5)); border-color: var(--sdb-color-info-border, rgba(75,75,181,.18)); }
.sdb-status-badge--cancelled,
.sdb-status-badge--canceled { background: var(--sdb-status-cancelled-bg, var(--sdb-color-error-bg, #fdecec)); color: var(--sdb-status-cancelled-text, var(--sdb-color-error-text, #7f1d1d)); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); }
.sdb-alert { border: 1px solid var(--sdb-color-border, #d8e2ee); border-radius: var(--sdb-radius-md, 12px); padding: var(--sdb-space-sm, 12px) var(--sdb-space-md, 16px); background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); }
.sdb-alert--info { background: var(--sdb-color-info-bg, #eef5ff); color: var(--sdb-color-info-text, #16457a); border-color: var(--sdb-color-info-border, rgba(22,69,122,.18)); }
.sdb-alert--success { background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #146c43); border-color: var(--sdb-color-success-border, rgba(20,108,67,.18)); }
.sdb-alert--warning { background: var(--sdb-color-warning-bg, #fff7e0); color: var(--sdb-color-warning-text, #7a4b00); border-color: var(--sdb-color-warning-border, rgba(122,75,0,.18)); }
.sdb-alert--error { background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); border-color: var(--sdb-color-error-border, rgba(127,29,29,.18)); }
.sdb-btn--neutral { background: var(--sdb-color-surface, #fff); color: var(--sdb-color-text, #364048); border-color: var(--sdb-color-border, #d8e2ee); }
.sdb-btn--danger { background: var(--sdb-color-error, #b42318); color: var(--sdb-color-on-error, #fff); border-color: var(--sdb-color-error, #b42318); }
.sdb-btn--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.45); background: rgba(0,0,0,.18); backdrop-filter: blur(4px); }
.sdb-card-action-link,
.sdb-editorial-link { color: var(--sdb-color-primary, #0058b7); font-weight: 700; text-decoration: none; }
.sdb-card-action-link:hover,
.sdb-editorial-link:hover { text-decoration: underline; text-underline-offset: .18em; }
.sdb-form-help,
.sdb-meta,
.sdb-editorial-meta { color: var(--sdb-color-muted, #6b7785); font-size: var(--sdb-type-label-sm-size, .8125rem); line-height: 1.45; }
.sdb-editorial-title { color: var(--sdb-color-title, #1d2733); font-family: var(--sdb-font-heading, inherit); font-weight: 800; line-height: 1.15; }
.sdb-eyebrow { color: var(--sdb-color-primary, #0058b7); font-size: var(--sdb-type-label-sm-size, .8125rem); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .4rem; }
.sdb-lead { color: var(--sdb-color-text, #364048); font-size: var(--sdb-type-body-lg-size, 1.125rem); line-height: 1.55; }
.sdb-section { padding-block: var(--sdb-section-padding-y, var(--sdb-space-lg, 24px)); }
.sdb-data-list--compact .sdb-data-list__row { padding-block: var(--sdb-space-xs, 8px); }
.sdb-editorial-pill--on-image { color: var(--sdb-color-on-image, #fff); border-color: rgba(255,255,255,.35); background: rgba(0,0,0,.28); text-shadow: 0 1px 4px rgba(0,0,0,.35); }
.sdb-filter-bar__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sdb-space-xs, 8px); margin-left: auto; } :root {
--sdb-editorial-title-xs: clamp(0.94rem, 0.78rem + 0.22vw, 1.02rem);
--sdb-editorial-title-sm: clamp(1.02rem, 0.92rem + 0.38vw, 1.18rem);
--sdb-editorial-title-md: clamp(1.18rem, 1.04rem + 0.58vw, 1.42rem);
--sdb-editorial-title-lg: clamp(1.52rem, 1.22rem + 1.05vw, 2.05rem);
--sdb-editorial-card-title-size: var(--sdb-editorial-title-sm);
--sdb-editorial-card-title-line-height: 1.22;
--sdb-editorial-card-title-weight: var(--sdb-font-weight-bold, 700);
--sdb-editorial-feature-title-size: var(--sdb-editorial-title-lg);
--sdb-editorial-feature-title-line-height: 1.12;
--sdb-editorial-compact-title-size: var(--sdb-editorial-title-xs);
--sdb-editorial-compact-title-line-height: 1.28;
--sdb-editorial-gap-xs: 0.45rem;
--sdb-editorial-gap-sm: 0.75rem;
--sdb-editorial-gap-md: 1rem;
--sdb-editorial-gap-lg: 1.5rem;
--sdb-editorial-card-padding-sm: 0.85rem;
--sdb-editorial-card-padding-md: 1.15rem;
--sdb-editorial-list-gap: var(--sdb-editorial-gap-md);
--sdb-editorial-compact-list-gap: var(--sdb-editorial-gap-sm);
--sdb-editorial-adapter-gap: inherit;
--sdb-editorial-adapter-padding: inherit;
--sdb-editorial-adapter-radius: inherit;
--sdb-editorial-adapter-shadow: none;
--sdb-tag-on-image-bg: rgba(0, 0, 0, .36);
--sdb-tag-on-image-color: var(--sdb-color-on-image, #fff);
--sdb-tag-on-image-padding-y: .44em;
--sdb-tag-on-image-padding-x: .7em;
--sdb-tag-on-image-font-size: .72rem;
--sdb-tag-on-image-letter-spacing: .06em;
--sdb-density-editorial-compact-gap: var(--sdb-editorial-gap-sm);
--sdb-density-editorial-comfortable-gap: var(--sdb-editorial-gap-md);
--sdb-density-editorial-relaxed-gap: var(--sdb-editorial-gap-lg);
}
.sdb-editorial-card--adapter,
.sdb-editorial-card--neutral,
.sdb-editorial-card--inherit-layout {
background: var(--sdb-editorial-adapter-bg, inherit);
border: var(--sdb-editorial-adapter-border, 0);
border-radius: var(--sdb-editorial-adapter-radius, inherit);
box-shadow: var(--sdb-editorial-adapter-shadow, none);
overflow: visible;
color: inherit;
}
.sdb-editorial-card--adapter > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--neutral > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-editorial-card--inherit-layout > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-adapter-padding, inherit);
}
.sdb-editorial-card--adapter :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--neutral :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md),
.sdb-editorial-card--inherit-layout :where(.sdb-editorial-title, .sdb-editorial-title-sm, .sdb-editorial-title-md) {
font-size: var(--sdb-editorial-card-title-size, inherit);
line-height: var(--sdb-editorial-card-title-line-height, inherit);
font-weight: var(--sdb-editorial-card-title-weight, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-compact-list--adapter,
.sdb-editorial-topic-block--adapter,
.sdb-editorial-slider--adapter {
gap: var(--sdb-editorial-adapter-gap, inherit);
}
.sdb-editorial-grid--adapter,
.sdb-editorial-grid--inherit-layout,
.sdb-editorial-slider--adapter {
display: inherit;
grid-template-columns: inherit;
align-items: inherit;
}
.sdb-editorial-slider--adapter {
min-height: 0;
height: auto;
width: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
overflow: visible;
}
.sdb-editorial-card--compact,
.sdb-density-compact .sdb-editorial-card:not(.sdb-editorial-card--adapter):not(.sdb-editorial-card--inherit-layout) {
--sdb-editorial-card-title-size: var(--sdb-editorial-compact-title-size);
--sdb-editorial-card-title-line-height: var(--sdb-editorial-compact-title-line-height);
}
.sdb-editorial-card--compact > :where(.sdb-editorial-card__inner, .sdb-editorial-content),
.sdb-density-compact .sdb-editorial-card > :where(.sdb-editorial-card__inner, .sdb-editorial-content) {
padding: var(--sdb-editorial-card-padding-sm);
}
.sdb-density-compact :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-compact-gap); }
.sdb-density-comfortable :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-comfortable-gap); }
.sdb-density-relaxed :where(.sdb-editorial-grid, .sdb-editorial-list, .sdb-editorial-compact-list) { gap: var(--sdb-density-editorial-relaxed-gap); }
.sdb-editorial-card--comfortable > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: var(--sdb-editorial-card-padding-md); }
.sdb-editorial-card--relaxed > :where(.sdb-editorial-card__inner, .sdb-editorial-content) { padding: clamp(1.25rem, 2vw, 1.85rem); }
.sdb-editorial-link {
display: inline-flex;
align-items: center;
gap: .35em;
color: var(--sdb-editorial-link-color, var(--sdb-color-primary));
font-family: inherit;
font-size: inherit;
font-weight: var(--sdb-editorial-link-weight, var(--sdb-font-weight-semibold, 600));
letter-spacing: inherit;
line-height: inherit;
text-decoration: none;
text-transform: none;
}
.sdb-editorial-link::after { content: none; }
.sdb-editorial-link--arrow::after,
.sdb-editorial-link--with-arrow::after {
content: "→";
display: inline-block;
margin-left: .25em;
transition: transform var(--sdb-transition-fast, 160ms) ease;
}
.sdb-editorial-link--arrow:hover::after,
.sdb-editorial-link--with-arrow:hover::after { transform: translateX(3px); }
.sdb-editorial-link--plain::after { content: none; }
.sdb-editorial-link--underline { text-decoration: underline; text-underline-offset: .22em; }
.sdb-tag-on-image {
padding: var(--sdb-tag-on-image-padding-y) var(--sdb-tag-on-image-padding-x);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-tag-on-image-bg);
color: var(--sdb-tag-on-image-color);
font-size: var(--sdb-tag-on-image-font-size);
letter-spacing: var(--sdb-tag-on-image-letter-spacing);
}
.sdb-tag-on-image--compact {
--sdb-tag-on-image-padding-y: .28em;
--sdb-tag-on-image-padding-x: .52em;
--sdb-tag-on-image-font-size: .68rem;
box-shadow: none;
backdrop-filter: none;
}
.sdb-tag-on-image--adapter {
padding: var(--sdb-tag-on-image-adapter-padding, inherit);
background: var(--sdb-tag-on-image-bg, inherit);
color: var(--sdb-tag-on-image-color, inherit);
border: var(--sdb-tag-on-image-adapter-border, 0);
border-radius: var(--sdb-tag-on-image-adapter-radius, inherit);
box-shadow: none;
backdrop-filter: none;
text-transform: inherit;
letter-spacing: inherit;
}
.sdb-editorial-card--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-grid--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image),
.sdb-editorial-slider--adapter :where(.sdb-editorial-link, .sdb-editorial-pill, .sdb-tag-on-image) {
max-width: 100%;
} .sdb-accordion {
--sdb-accordion-border: var(--sdb-color-border, #d8e0ea);
--sdb-accordion-bg: var(--sdb-color-surface, #fff);
--sdb-accordion-radius: var(--sdb-radius-md, 12px);
display: grid;
gap: var(--sdb-space-sm, .75rem);
}
.sdb-accordion__item {
border: 1px solid var(--sdb-accordion-border);
border-radius: var(--sdb-accordion-radius);
background: var(--sdb-accordion-bg);
overflow: clip;
}
.sdb-accordion__summary {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-sm, .75rem);
font-weight: var(--sdb-font-weight-semibold, 600);
padding: .9rem 1rem;
}
.sdb-accordion__summary::-webkit-details-marker { display: none; }
.sdb-accordion__summary::after {
content: "";
width: .55rem;
height: .55rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--sdb-transition-fast, .16s ease);
}
.sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); }
.sdb-accordion__summary:focus-visible {
outline: none;
box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.25));
}
.sdb-accordion__panel {
border-top: 1px solid var(--sdb-accordion-border);
padding: 1rem;
color: var(--sdb-color-text, #1f2a36);
}
.sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(15,35,55,.08)); }
.sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); } :root {
--sdb-interactive-transition: background-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), border-color var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), box-shadow var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease), transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease);
--sdb-card-radius-refined: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px));
--sdb-card-shadow-refined: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05));
--sdb-card-shadow-interactive: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08));
--sdb-card-border-refined: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8));
--sdb-control-radius-refined: var(--sdb-shape-md, var(--sdb-radius-md, 10px));
--sdb-control-height-refined: var(--sdb-control-height-md, 42px);
--sdb-table-row-height: 46px;
--sdb-table-row-height-dense: 38px;
}
.sdb-card {
border-color: var(--sdb-card-border-refined);
border-radius: var(--sdb-card-radius-refined);
box-shadow: var(--sdb-card-shadow-refined);
transition: var(--sdb-interactive-transition);
}
.sdb-card:not(.sdb-card--interactive):not(.sdb-card--clickable):not(:where(a, button)):hover {
transform: none;
box-shadow: var(--sdb-card-shadow-refined);
}
:where(.sdb-card--interactive, .sdb-card--clickable, a.sdb-card, button.sdb-card):hover {
transform: translateY(-1px);
border-color: var(--sdb-color-outline, var(--sdb-color-border, #D6E0EA));
box-shadow: var(--sdb-card-shadow-interactive);
}
.sdb-card__body {
padding: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
}
.sdb-card__footer {
padding-inline: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
padding-bottom: var(--sdb-card-padding, clamp(16px, 2vw, 24px));
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
min-height: var(--sdb-control-height-refined) !important;
border-radius: var(--sdb-control-radius-refined) !important;
transition: var(--sdb-interactive-transition) !important;
}
.sdb-btn:hover,
a.sdb-btn:hover,
button.sdb-btn:hover {
transform: translateY(-1px);
}
.sdb-btn:focus-visible,
a.sdb-btn:focus-visible,
button.sdb-btn:focus-visible {
outline: 2px solid transparent !important;
outline-offset: 2px !important;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))) !important;
}
.sdb-btn[aria-disabled="true"],
.sdb-btn.is-disabled,
.sdb-btn:disabled {
transform: none !important;
cursor: not-allowed !important;
}
.sdb-btn--secondary,
a.sdb-btn--secondary,
button.sdb-btn--secondary,
.sdb-btn--neutral,
a.sdb-btn--neutral,
button.sdb-btn--neutral,
.sdb-btn--ghost,
a.sdb-btn--ghost,
button.sdb-btn--ghost,
.sdb-btn--subtle,
a.sdb-btn--subtle,
button.sdb-btn--subtle {
box-shadow: none !important;
}
.sdb-btn--sm,
a.sdb-btn--sm,
button.sdb-btn--sm,
.sdb-btn--compact,
a.sdb-btn--compact,
button.sdb-btn--compact,
.sdb-btn--table-action,
a.sdb-btn--table-action,
button.sdb-btn--table-action {
min-height: var(--sdb-btn-sm-min-height, 32px) !important;
border-radius: var(--sdb-shape-sm, var(--sdb-radius-sm, 6px)) !important;
}
.sdb-form :where(input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], select, textarea),
.sdb-form__control {
border-color: var(--sdb-comp-field-border, var(--sdb-field-border, var(--sdb-color-outline, #D6E0EA)));
border-radius: var(--sdb-control-radius-refined);
background: var(--sdb-comp-field-bg, var(--sdb-field-bg, var(--sdb-color-surface, #fff)));
transition: var(--sdb-interactive-transition);
}
.sdb-form :where(input, select, textarea):focus-visible,
.sdb-form__control:focus-visible {
border-color: var(--sdb-color-primary, #0058B7);
outline: 2px solid transparent;
outline-offset: 1px;
box-shadow: var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22)));
}
.sdb-form :where(input, select, textarea):disabled,
.sdb-form :where(input, select, textarea)[aria-disabled="true"],
.sdb-form__control:disabled,
.sdb-form__control[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, .56);
cursor: not-allowed;
}
.sdb-form__help,
.sdb-form-help {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-muted, #8E9AA7));
font-size: var(--sdb-type-body-sm-size, .925rem);
line-height: 1.45;
}
.sdb-form__error,
.sdb-field-message--error,
.sdb-form [aria-invalid="true"] + .sdb-form__help {
color: var(--sdb-color-error-text, #7f1d1d);
}
.sdb-form [aria-invalid="true"],
.sdb-form .is-error :where(input, select, textarea),
.sdb-form__control[aria-invalid="true"] {
border-color: var(--sdb-state-error-border, var(--sdb-color-error, #b42318));
}
.sdb-consent-block,
.sdb-form__check,
.sdb-check-card {
transition: var(--sdb-interactive-transition);
}
.sdb-consent-block__text,
.sdb-consent-block > span:not(.sdb-consent-block__control),
.sdb-consent-block > :where(.sdb-form__check-text, .sdb-form__check-body) {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
}
.sdb-consent-block:has(> input[type="checkbox"]:checked),
.sdb-consent-block.sdb-consent-block--checked {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085));
border-color: var(--sdb-state-checked-border, var(--sdb-color-primary, #0058B7));
}
.sdb-consent-block:has(> input[type="checkbox"]:checked) :where(.sdb-consent-block__text, span, p, div):not(input),
.sdb-consent-block.sdb-consent-block--checked :where(.sdb-consent-block__text, span, p, div):not(input) {
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
}
.sdb-table-wrap,
.sdb-admin-table-scroll,
.sdb-admin-table-region {
border-color: var(--sdb-color-outline-variant, var(--sdb-color-border, #EEF3F8));
border-radius: var(--sdb-card-radius-refined);
}
.sdb-table th,
.sdb-table td {
min-height: var(--sdb-table-row-height);
vertical-align: middle;
}
.sdb-table--dense th,
.sdb-table--dense td,
.sdb-density-compact .sdb-table th,
.sdb-density-compact .sdb-table td {
min-height: var(--sdb-table-row-height-dense);
}
@media (max-width: 782px) {
.sdb-card__body,
.sdb-card__footer {
padding: clamp(14px, 4vw, 18px);
}
.sdb-btn,
a.sdb-btn,
button.sdb-btn {
min-height: var(--sdb-touch-target-min, 44px) !important;
}
} .sdb-tabs {
--sdb-tabs-accent: var(--sdb-color-primary, #0058B7);
--sdb-tabs-text: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #51606F));
--sdb-tabs-text-active: var(--sdb-tabs-accent);
--sdb-tabs-separator: var(--sdb-tabs-separator-color, var(--sdb-color-outline-variant, #E7EEF5));
--sdb-tabs-hover-bg: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
--sdb-tabs-pressed-bg: color-mix(in srgb, var(--sdb-tabs-accent) 13%, transparent);
--sdb-tabs-active-bg: var(--sdb-tabs-selected-bg, color-mix(in srgb, var(--sdb-tabs-accent) 7%, transparent));
--sdb-tabs-surface-bg: var(--sdb-color-surface, #FFFFFF);
--sdb-tabs-contained-bg: var(--sdb-tabs-segmented-bg, var(--sdb-color-surface-high, #F4F7FB));
--sdb-tabs-tab-min-height: var(--sdb-tabs-min-height-md, 40px);
--sdb-tabs-tab-padding: var(--sdb-tabs-item-padding, 8px 14px);
--sdb-tabs-tab-radius: var(--sdb-tabs-radius, 8px);
--sdb-tabs-tab-font-size: var(--sdb-type-label-md-size, .875rem);
--sdb-tabs-content-gap: 7px;
--sdb-tabs-indicator-inset: 10px;
display: grid;
gap: .85rem;
inline-size: 100%;
min-inline-size: 0;
}
.sdb-tabs > .sdb-tabs__list {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
gap: var(--sdb-tabs-gap, 4px);
min-inline-size: 0;
margin: 0;
padding: 0;
overflow-x: auto;
overflow-y: hidden;
border: 0;
border-block-end: 1px solid var(--sdb-tabs-separator);
background: transparent;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]),
.sdb-filter-tabs__item {
appearance: none;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
gap: var(--sdb-tabs-content-gap, 7px);
min-block-size: var(--sdb-tabs-tab-min-height, 40px);
max-inline-size: min(34rem, 82vw);
padding: var(--sdb-tabs-tab-padding, 8px 14px);
border: 0;
border-radius: var(--sdb-tabs-tab-radius, 8px);
background: transparent;
color: var(--sdb-tabs-text);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-tabs-tab-font-size, .875rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease);
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"])::after {
content: "";
position: absolute;
z-index: 1;
inset-inline: var(--sdb-tabs-indicator-inset, 10px);
inset-block-end: -1px;
block-size: var(--sdb-tabs-active-indicator, 2px);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-tabs-accent);
transform: scaleX(0);
transform-origin: center;
transition: transform 180ms ease;
pointer-events: none;
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):hover,
.sdb-filter-tabs__item:hover {
background: var(--sdb-tabs-hover-bg);
color: var(--sdb-tabs-text-active);
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):active:not(:disabled):not([aria-disabled="true"]),
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]).is-pressed,
.sdb-filter-tabs__item:active:not(:disabled):not([aria-disabled="true"]) {
background: var(--sdb-tabs-pressed-bg);
transform: translateY(1px);
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):focus-visible,
.sdb-filter-tabs__item:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: var(--sdb-tabs-focus-ring, var(--sdb-focus-ring, var(--sdb-state-focus-ring, 0 0 0 3px rgba(0,88,183,.22))));
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(.is-active, .sdb-tabs__tab--active, [aria-selected="true"], [aria-current="page"]),
.sdb-filter-tabs__item:is(.sdb-filter-tabs__item--active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
background: var(--sdb-tabs-active-bg);
color: var(--sdb-tabs-text-active);
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(.is-active, .sdb-tabs__tab--active, [aria-selected="true"], [aria-current="page"])::after {
transform: scaleX(1);
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(:disabled, [aria-disabled="true"]),
.sdb-filter-tabs__item:is(:disabled, [aria-disabled="true"]) {
opacity: var(--sdb-state-disabled-opacity, .52);
color: var(--sdb-color-on-surface-disabled, var(--sdb-color-muted, #8895A4));
cursor: not-allowed;
pointer-events: none;
transform: none;
}
.sdb-tabs__label {
min-inline-size: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sdb-tabs__icon {
display: inline-grid;
flex: 0 0 auto;
inline-size: 1.05em;
block-size: 1.05em;
place-items: center;
color: currentColor;
}
.sdb-tabs__icon :is(svg, img) {
display: block;
inline-size: 100%;
block-size: 100%;
}
.sdb-tabs__badge {
display: inline-grid;
flex: 0 0 auto;
min-inline-size: 1.45rem;
min-block-size: 1.25rem;
padding-inline: .38rem;
place-items: center;
border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-surface-high, #EEF2F6);
color: var(--sdb-color-on-surface-muted, #5F6B76);
font-family: var(--sdb-font-meta, inherit);
font-size: var(--sdb-type-metadata-size, .68rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1;
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(.is-active, [aria-selected="true"], [aria-current="page"]) .sdb-tabs__badge {
border-color: color-mix(in srgb, var(--sdb-tabs-accent) 18%, transparent);
background: color-mix(in srgb, var(--sdb-tabs-accent) 10%, var(--sdb-tabs-surface-bg));
color: var(--sdb-tabs-text-active);
}
.sdb-tabs__status {
display: inline-block;
flex: 0 0 auto;
inline-size: .52rem;
block-size: .52rem;
border-radius: 50%;
background: var(--sdb-color-muted, #8895A4);
}
.sdb-tabs__status--unread { background: var(--sdb-tabs-accent); }
.sdb-tabs__status--success { background: var(--sdb-color-success, #2F8F4E); }
.sdb-tabs__status--warning { background: var(--sdb-color-warning, #B7791F); }
.sdb-tabs__status--error { background: var(--sdb-color-error, #C53030); }
.sdb-tabs__action {
appearance: none;
display: inline-grid;
flex: 0 0 auto;
min-inline-size: 32px;
min-block-size: 32px;
padding: 0;
place-items: center;
border: 0;
border-radius: var(--sdb-tabs-tab-radius, 8px);
background: transparent;
color: var(--sdb-tabs-text);
cursor: pointer;
}
.sdb-tabs__action:is(:hover, :focus-visible) {
background: var(--sdb-tabs-hover-bg);
color: var(--sdb-tabs-text-active);
outline: none;
}
.sdb-tabs > .sdb-tabs__panel {
min-inline-size: 0;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #51606F));
}
.sdb-tabs > .sdb-tabs__panel[hidden] {
display: none;
} .sdb-tabs--standard,
.sdb-tabs--underline {
--sdb-tabs-active-bg: color-mix(in srgb, var(--sdb-tabs-accent) 6%, transparent);
}
.sdb-tabs--underline {
--sdb-tabs-indicator-inset: 8px;
} .sdb-tabs--quiet > .sdb-tabs__list {
border-block-end-color: transparent;
}
.sdb-tabs--quiet {
--sdb-tabs-active-bg: transparent;
--sdb-tabs-indicator-inset: 14px;
} :is(.sdb-tabs--segmented, .sdb-tabs--boxed) > .sdb-tabs__list,
.sdb-filter-tabs {
display: inline-flex;
inline-size: fit-content;
max-inline-size: 100%;
align-items: stretch;
gap: 4px;
padding: 4px;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid var(--sdb-tabs-separator);
border-radius: calc(var(--sdb-tabs-tab-radius, 8px) + 4px);
background: var(--sdb-tabs-contained-bg);
box-shadow: none;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
}
:is(.sdb-tabs--segmented, .sdb-tabs--boxed) > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]),
.sdb-filter-tabs__item {
border: 1px solid transparent;
border-radius: var(--sdb-tabs-tab-radius, 8px);
}
:is(.sdb-tabs--segmented, .sdb-tabs--boxed) > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"])::after,
.sdb-filter-tabs__item::after {
display: none;
}
:is(.sdb-tabs--segmented, .sdb-tabs--boxed) > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(.is-active, [aria-selected="true"], [aria-current="page"]) {
border-color: color-mix(in srgb, var(--sdb-tabs-separator) 88%, var(--sdb-tabs-accent) 12%);
background: var(--sdb-tabs-surface-bg);
box-shadow: 0 1px 2px rgba(16, 40, 70, .06);
} .sdb-tabs--surface {
--sdb-tabs-active-bg: color-mix(in srgb, var(--sdb-tabs-surface-bg) 82%, var(--sdb-tabs-accent) 18%);
--sdb-tabs-text: var(--sdb-color-on-surface-muted, #5F6B76);
}
.sdb-tabs--surface > .sdb-tabs__list {
margin-block-end: 0;
} .sdb-tabs--sm {
--sdb-tabs-tab-min-height: var(--sdb-tabs-min-height-sm, 34px);
--sdb-tabs-tab-padding: 5px 10px;
--sdb-tabs-tab-font-size: var(--sdb-type-label-sm-size, .8125rem);
--sdb-tabs-content-gap: 5px;
}
.sdb-tabs--md {
--sdb-tabs-tab-min-height: var(--sdb-tabs-min-height-md, 40px);
--sdb-tabs-tab-padding: var(--sdb-tabs-item-padding, 8px 14px);
--sdb-tabs-tab-font-size: var(--sdb-type-label-md-size, .875rem);
}
.sdb-tabs--lg {
--sdb-tabs-tab-min-height: var(--sdb-tabs-min-height-lg, 48px);
--sdb-tabs-tab-padding: 10px 18px;
--sdb-tabs-tab-font-size: var(--sdb-type-label-lg-size, .9375rem);
--sdb-tabs-content-gap: 8px;
} .sdb-tabs--center > .sdb-tabs__list { justify-content: center; }
.sdb-tabs--end > .sdb-tabs__list { justify-content: flex-end; }
.sdb-tabs--fill > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]) {
flex: 1 1 auto;
}
.sdb-tabs--stretch > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]) {
flex: 1 1 0;
min-inline-size: 0;
}
.sdb-tabs--stretch .sdb-tabs__label {
inline-size: 100%;
} .sdb-tabs--scroll > .sdb-tabs__list {
scroll-snap-type: inline proximity;
overscroll-behavior-inline: contain;
}
.sdb-tabs--scroll > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]) {
scroll-snap-align: start;
} .sdb-tabs--dark {
--sdb-tabs-accent: var(--sdb-color-secondary, #35B7EA);
--sdb-tabs-text: rgba(255, 255, 255, .76);
--sdb-tabs-text-active: #FFFFFF;
--sdb-tabs-separator: rgba(255, 255, 255, .18);
--sdb-tabs-hover-bg: rgba(255, 255, 255, .08);
--sdb-tabs-pressed-bg: rgba(255, 255, 255, .14);
--sdb-tabs-active-bg: rgba(255, 255, 255, .10);
--sdb-tabs-surface-bg: rgba(255, 255, 255, .12);
--sdb-tabs-contained-bg: rgba(255, 255, 255, .06);
--sdb-tabs-focus-ring: 0 0 0 3px rgba(53, 183, 234, .34);
}
.sdb-tabs--dark .sdb-tabs__badge {
border-color: rgba(255, 255, 255, .14);
background: rgba(255, 255, 255, .10);
color: rgba(255, 255, 255, .82);
}
.sdb-tabs--dark > .sdb-tabs__panel {
color: rgba(255, 255, 255, .82);
} .sdb-filter-tabs {
--sdb-tabs-accent: var(--sdb-mdb-color-primary, #F26722);
--sdb-tabs-text: var(--sdb-mdb-tab-text, var(--sdb-mdb-color-text-soft, #6B7785));
--sdb-tabs-text-active: var(--sdb-mdb-tab-active-text, #FFFFFF);
--sdb-tabs-separator: var(--sdb-mdb-color-border, #F6C7B0);
--sdb-tabs-hover-bg: var(--sdb-mdb-tab-hover-bg, #FFF0E8);
--sdb-tabs-pressed-bg: color-mix(in srgb, var(--sdb-mdb-color-primary, #F26722) 18%, transparent);
--sdb-tabs-active-bg: var(--sdb-mdb-tab-active-bg, var(--sdb-mdb-color-primary, #F26722));
--sdb-tabs-contained-bg: var(--sdb-mdb-tab-bg, var(--sdb-mdb-color-surface, #FFFFFF));
--sdb-tabs-tab-min-height: var(--sdb-tabs-min-height-md, 40px);
--sdb-tabs-tab-padding: var(--sdb-tabs-item-padding, 8px 14px);
--sdb-tabs-tab-radius: var(--sdb-tabs-radius, 8px);
--sdb-tabs-content-gap: 7px;
}
@media (pointer: coarse) {
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]),
.sdb-filter-tabs__item,
.sdb-tabs__action {
min-block-size: var(--sdb-touch-target-min, 44px);
}
.sdb-tabs__action {
min-inline-size: var(--sdb-touch-target-min, 44px);
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]),
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"])::after,
.sdb-filter-tabs__item {
transition: none;
}
}
@media (forced-colors: active) {
.sdb-tabs > .sdb-tabs__list {
border-block-end-color: CanvasText;
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):is(.is-active, [aria-selected="true"], [aria-current="page"])::after {
background: Highlight;
}
.sdb-tabs > .sdb-tabs__list > :is(.sdb-tabs__tab, [role="tab"]):focus-visible {
outline: 2px solid Highlight;
outline-offset: 2px;
box-shadow: none;
}
}
.sdb-accordion {
display: grid;
gap: var(--sdb-accordion-gap, 10px);
}
.sdb-accordion__item {
overflow: clip;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-elevation-0, none);
}
.sdb-accordion__summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: var(--sdb-accordion-padding, 16px);
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
font-weight: var(--sdb-font-weight-semibold, 600);
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease);
}
.sdb-accordion__summary:hover {
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-accordion__summary:focus-visible {
outline: none;
box-shadow: inset var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22));
}
.sdb-accordion__summary::-webkit-details-marker { display: none; }
.sdb-accordion__summary::after {
content: "";
inline-size: .55rem;
block-size: .55rem;
flex: 0 0 auto;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-accordion__item[open] .sdb-accordion__summary::after { transform: rotate(225deg); }
.sdb-accordion__panel {
padding: var(--sdb-accordion-padding, 16px);
border-top: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
}
.sdb-accordion--boxed .sdb-accordion__item { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); }
.sdb-accordion--editorial .sdb-accordion__summary { font-family: var(--sdb-font-heading, inherit); }
.sdb-breadcrumb {
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
font-size: var(--sdb-type-label-md-size, .875rem);
}
.sdb-breadcrumb__list,
.sdb-breadcrumb ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-breadcrumb-gap, .45rem);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-breadcrumb__item,
.sdb-breadcrumb li { display: inline-flex; align-items: center; gap: var(--sdb-breadcrumb-gap, .45rem); }
.sdb-breadcrumb__item + .sdb-breadcrumb__item::before,
.sdb-breadcrumb li + li::before {
content: "/";
color: var(--sdb-color-muted, #8E9AA7);
}
.sdb-breadcrumb__link,
.sdb-breadcrumb a {
color: inherit;
text-decoration: none;
}
.sdb-breadcrumb__link:hover,
.sdb-breadcrumb__link:focus-visible,
.sdb-breadcrumb a:hover,
.sdb-breadcrumb a:focus-visible {
color: var(--sdb-color-primary, #0058B7);
text-decoration: underline;
text-underline-offset: .18em;
}
.sdb-breadcrumb__current,
.sdb-breadcrumb [aria-current="page"] {
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-action-menu {
position: relative;
display: inline-block;
text-align: left;
}
.sdb-action-menu__trigger {
cursor: pointer;
list-style: none;
} .sdb-action-menu__trigger.sdb-btn--compact {
box-sizing: border-box !important;
min-block-size: var(--sdb-btn-sm-min-height, 32px) !important;
block-size: var(--sdb-btn-sm-min-height, 32px) !important;
padding: var(--sdb-btn-sm-padding-y, 6px) var(--sdb-btn-sm-padding-x, 12px) !important;
line-height: 1.2 !important;
}
.sdb-action-menu__trigger::-webkit-details-marker { display: none; }
.sdb-action-menu__panel {
position: absolute;
inset-inline-end: 0;
z-index: var(--sdb-z-dropdown, 40);
display: grid;
gap: .25rem;
min-inline-size: var(--sdb-action-menu-min-width, 220px);
margin-block-start: .45rem;
padding: .45rem;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-action-menu-panel-bg, var(--sdb-color-surface, #fff));
box-shadow: var(--sdb-action-menu-panel-shadow, var(--sdb-elevation-3, 0 16px 36px rgba(31,42,54,.12)));
}
.sdb-action-menu:not([open]) .sdb-action-menu__panel { display: none; }
.sdb-action-menu--floating .sdb-action-menu__panel {
position: fixed;
inset: auto;
inset-inline-start: var(--sdb-action-menu-floating-x, 0);
inset-block-start: var(--sdb-action-menu-floating-y, 0);
margin: 0;
max-inline-size: min(320px, calc(100vw - 16px));
}
.sdb-action-menu__item {
appearance: none;
display: flex;
align-items: center;
gap: .55rem;
inline-size: 100%;
min-height: 36px;
padding: .48rem .58rem;
border: 0;
border-radius: var(--sdb-radius-sm, 6px);
background: transparent;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-text, #6B7785));
font: inherit;
text-align: left;
text-decoration: none;
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease);
}
.sdb-action-menu__item:hover,
.sdb-action-menu__item:focus-visible {
outline: none;
color: var(--sdb-color-primary, #0058B7);
background: var(--sdb-state-hover-bg, rgba(0,88,183,.06));
}
.sdb-action-menu__item:focus-visible { box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); }
.sdb-action-menu__item-icon { inline-size: 1.1em; flex: 0 0 auto; text-align: center; }
.sdb-skeleton-group { display: grid; gap: .65rem; inline-size: 100%; }
.sdb-skeleton {
display: block;
inline-size: 100%;
min-block-size: .95rem;
border-radius: var(--sdb-skeleton-radius, var(--sdb-radius-sm, 6px));
background: var(--sdb-skeleton-bg, linear-gradient(90deg, rgba(238,243,248,.75), rgba(255,255,255,.92), rgba(238,243,248,.75)));
background-size: 220% 100%;
animation: sdb-skeleton-shimmer 1.25s var(--sdb-motion-easing-standard, ease) infinite;
}
.sdb-skeleton--title { max-inline-size: 70%; block-size: 1.35rem; }
.sdb-skeleton--text { max-inline-size: 100%; block-size: .95rem; }
.sdb-skeleton--short { max-inline-size: 52%; }
.sdb-skeleton--card { min-block-size: 9rem; border-radius: var(--sdb-radius-md, 12px); }
.sdb-toast-stack { display: grid; gap: .65rem; max-inline-size: var(--sdb-toast-width, min(100%, 420px)); }
.sdb-toast {
max-inline-size: var(--sdb-toast-width, min(100%, 420px));
padding: var(--sdb-toast-padding, .8rem 1rem);
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-on-surface, var(--sdb-color-title, #364048));
box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31,42,54,.08));
z-index: var(--sdb-toast-z-index, 10020);
}
.sdb-toast--success { border-color: var(--sdb-color-success, #2e7d32); background: var(--sdb-color-success-bg, #e9f6ee); color: var(--sdb-color-success-text, #1e5f34); }
.sdb-toast--warning { border-color: var(--sdb-color-warning, #f59e0b); background: var(--sdb-color-warning-bg, #fff7e6); color: var(--sdb-color-warning-text, #7a4b00); }
.sdb-toast--error { border-color: var(--sdb-color-error, #c62828); background: var(--sdb-color-error-bg, #fdecec); color: var(--sdb-color-error-text, #7f1d1d); }
@media (prefers-reduced-motion: reduce) {
.sdb-skeleton { animation: none; }
}
@media (max-width: 782px) {
.sdb-action-menu__panel {
inset-inline: auto 0;
max-inline-size: min(92vw, 320px);
}
.sdb-tabs__list { padding-block-end: 2px; }
} .sdb-responsive-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--sdb-responsive-grid-min, min(100%, 260px)), 1fr));
gap: var(--sdb-responsive-gap-md, var(--sdb-space-md, 1.25rem));
inline-size: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-responsive-grid--2 { --sdb-responsive-grid-min: min(100%, 340px); }
.sdb-responsive-grid--3 { --sdb-responsive-grid-min: min(100%, 260px); }
.sdb-responsive-grid--4 { --sdb-responsive-grid-min: min(100%, 220px); }
.sdb-adaptive-stack,
.sdb-responsive-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem));
inline-size: 100%;
min-width: 0;
box-sizing: border-box;
}
.sdb-adaptive-stack > *,
.sdb-responsive-toolbar > * { min-width: 0; }
.sdb-adaptive-stack__actions,
.sdb-responsive-toolbar__actions,
.sdb-responsive-toolbar__main {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--sdb-responsive-gap-sm, var(--sdb-space-sm, .75rem));
min-width: 0;
}
.sdb-responsive-toolbar__main { flex: 1 1 22rem; }
.sdb-responsive-toolbar__actions { justify-content: flex-end; flex: 0 1 auto; }
.sdb-scroll-region {
overflow-x: auto;
overflow-y: hidden;
max-inline-size: 100%;
min-width: 0;
border-radius: var(--sdb-radius-md, 12px);
-webkit-overflow-scrolling: touch;
scrollbar-gutter: stable both-edges;
}
.sdb-scroll-region:focus-visible { outline: none; box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0,88,183,.22)); }
.sdb-scroll-region > :where(table, .sdb-admin-data-table, .sdb-table) { min-inline-size: max-content; }
.sdb-u-touch-target {
min-inline-size: var(--sdb-touch-target-min, 44px);
min-block-size: var(--sdb-touch-target-min, 44px);
}
.sdb-density-comfortable { --sdb-density-current-gap: var(--sdb-density-comfortable-gap, var(--sdb-space-lg, 2rem)); }
.sdb-density-compact { --sdb-density-current-gap: var(--sdb-density-compact-gap, var(--sdb-space-sm, .75rem)); }
.sdb-density-dense { --sdb-density-current-gap: var(--sdb-density-dense-gap, .5rem); }
.sdb-density-comfortable :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar),
.sdb-density-compact :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar),
.sdb-density-dense :where(.sdb-responsive-grid, .sdb-adaptive-stack, .sdb-responsive-toolbar) {
gap: var(--sdb-density-current-gap);
}
.sdb-density-dense :where(.sdb-card, .sdb-admin-card, .sdb-admin-tool-panel) { padding: var(--sdb-admin-card-padding-compact, 14px 16px); }
.sdb-density-dense :where(.sdb-btn, .sdb-form__control) { min-block-size: var(--sdb-admin-control-height-sm, 34px); }
.sdb-motion-safe {
transition: var(--sdb-motion-safe-transition, transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease);
}
@media (hover: hover) and (pointer: fine) {
.sdb-motion-safe:is(a, button, [role="button"], .sdb-card, .sdb-admin-card):hover {
transform: var(--sdb-motion-transform-hover, translateY(-1px));
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-motion-safe,
.sdb-motion-safe * {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transform: none !important;
}
}
@media (max-width: 1024px) {
.sdb-responsive-grid { --sdb-responsive-grid-min: min(100%, 240px); }
}
@media (max-width: 782px) {
.sdb-adaptive-stack,
.sdb-responsive-toolbar {
align-items: stretch;
flex-direction: column;
}
.sdb-adaptive-stack__actions,
.sdb-responsive-toolbar__main,
.sdb-responsive-toolbar__actions {
inline-size: 100%;
flex-direction: column;
align-items: stretch;
}
.sdb-responsive-toolbar :where(.sdb-btn, button, input, select, textarea) { inline-size: 100%; }
.sdb-u-touch-target { min-block-size: var(--sdb-touch-target-min, 44px); }
} :root {
--sdb-mdb-color-surface: var(--sdb-color-surface, #FFFFFF);
--sdb-mdb-color-surface-soft: #FFF8F4;
--sdb-mdb-color-surface-strong: #FFEFE6;
--sdb-mdb-color-text: var(--sdb-color-title, #364048);
--sdb-mdb-color-text-soft: var(--sdb-color-text, #6B7785);
--sdb-mdb-color-border: #F6C7B0;
--sdb-mdb-color-overlay: linear-gradient(
180deg,
rgba(54, 64, 72, 0) 0%,
rgba(54, 64, 72, .36) 48%,
rgba(54, 64, 72, .82) 100%
);
--sdb-mdb-color-badge-bg: #FFF0E8;
--sdb-mdb-color-badge-text: #8A3208;
--sdb-mdb-progress-track: #FFE7D8;
--sdb-mdb-progress-fill: var(--sdb-gradient-mdb);
--sdb-mdb-metric-value: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-metric-label: var(--sdb-mdb-color-text-soft);
--sdb-mdb-card-radius: var(--sdb-mdb-radius-card, var(--sdb-radius-lg, 20px));
--sdb-mdb-card-shadow: var(--sdb-mdb-shadow-card, var(--sdb-shadow-card, 0 12px 30px rgba(19,39,61,.08)));
--sdb-mdb-card-shadow-hover: var(--sdb-shadow-element, 0 8px 22px rgba(19,39,61,.10));
--sdb-mdb-card-padding: var(--sdb-card-padding, 1.5rem);
--sdb-mdb-card-gap: var(--sdb-space-md, 1.25rem);
--sdb-mdb-hero-bg: #FFF8F4;
--sdb-mdb-hero-accent-shape: rgba(242,103,34,.16);
--sdb-mdb-hero-surface: rgba(255,255,255,.92);
--sdb-mdb-info-box-bg: #FFF4EE;
--sdb-mdb-tab-bg: var(--sdb-mdb-color-surface);
--sdb-mdb-tab-active-bg: var(--sdb-mdb-color-primary, #F26722);
--sdb-mdb-tab-active-text: #FFFFFF;
--sdb-mdb-tab-text: var(--sdb-mdb-color-text-soft);
--sdb-mdb-tab-hover-bg: #FFF0E8;
}
.sdb-cause-card {
position: relative;
overflow: hidden;
display: grid;
gap: 0;
min-width: 0;
background: var(--sdb-mdb-color-surface);
border: 1px solid var(--sdb-mdb-color-border);
border-radius: var(--sdb-mdb-card-radius);
box-shadow: var(--sdb-mdb-card-shadow);
color: var(--sdb-mdb-color-text);
}
.sdb-cause-card:is(a),
a.sdb-cause-card { text-decoration: none; color: var(--sdb-mdb-color-text); }
.sdb-cause-card__media {
position: relative;
overflow: hidden;
margin: 0;
aspect-ratio: 16 / 9;
background: var(--sdb-mdb-color-surface-strong);
}
.sdb-cause-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdb-cause-card__body { display: grid; gap: var(--sdb-mdb-card-gap); padding: var(--sdb-mdb-card-padding); min-width: 0; }
.sdb-cause-card__badge { justify-self: start; display: inline-flex; align-items: center; min-height: 26px; padding: .34em .72em; border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-color-badge-bg); color: var(--sdb-mdb-color-badge-text); font-family: var(--sdb-font-meta, inherit); font-size: .76rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sdb-cause-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: var(--sdb-mdb-title-card, var(--sdb-editorial-title-md, 1.35rem)); line-height: 1.14; }
.sdb-cause-card__text { margin: 0; color: var(--sdb-mdb-color-text-soft); line-height: 1.55; }
.sdb-cause-card__meta { display: flex; flex-wrap: wrap; gap: .45rem .7rem; color: var(--sdb-mdb-color-text-soft); font-size: .9rem; }
@media (hover: hover) and (pointer: fine) {
.sdb-cause-card:is(a, [role="link"]):hover,
a.sdb-cause-card:hover,
.sdb-cause-card.is-clickable:hover {
box-shadow: var(--sdb-mdb-card-shadow-hover);
transform: translateY(-1px);
}
}
.sdb-cause-card--featured {
min-height: clamp(360px, 46vw, 560px);
align-items: end;
background: var(--sdb-mdb-hero-bg);
color: #fff;
}
.sdb-cause-card--featured .sdb-cause-card__media { position: absolute; inset: 0; aspect-ratio: auto; z-index: 0; }
.sdb-cause-card--featured .sdb-cause-card__media::after { content: ""; position: absolute; inset: 0; background: var(--sdb-mdb-color-overlay); }
.sdb-cause-card--featured .sdb-cause-card__body { position: relative; z-index: 1; width: min(100%, 760px); padding: clamp(24px, 4vw, 48px); color: #fff; }
.sdb-cause-card--featured .sdb-cause-card__title,
.sdb-cause-card--featured .sdb-cause-card__text,
.sdb-cause-card--featured .sdb-cause-card__meta { color: currentColor; }
.sdb-cause-card--featured .sdb-cause-card__badge { background: rgba(255,255,255,.18); color: #fff; backdrop-filter: blur(8px); }
.sdb-cause-card--compact { grid-template-columns: minmax(104px, 32%) 1fr; align-items: stretch; }
.sdb-cause-card--compact .sdb-cause-card__media { aspect-ratio: auto; min-height: 100%; }
.sdb-cause-card--compact .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .72rem; }
.sdb-cause-card--compact .sdb-cause-card__title { font-size: clamp(1rem, 1.2vw, 1.18rem); }
.sdb-cause-card--compact .sdb-cause-card__text { font-size: .92rem; }
.sdb-cause-card--related { box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); }
.sdb-cause-card--related .sdb-cause-card__body { padding: clamp(14px, 2vw, 18px); gap: .65rem; }
.sdb-cause-card--related .sdb-cause-card__title { font-size: clamp(1rem, 1.1vw, 1.14rem); } .sdb-impact-progress { --sdb-progress-value: var(--sdb-impact-progress-value, 0%); display: grid; gap: .65rem; min-width: 0; }
.sdb-impact-progress__summary { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .35rem .75rem; }
.sdb-impact-progress__value { color: var(--sdb-mdb-metric-value); font-family: var(--sdb-font-heading, inherit); font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 800; line-height: 1; }
.sdb-impact-progress__goal,
.sdb-impact-progress__percent { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .88rem; font-weight: 700; }
.sdb-impact-progress__track { overflow: hidden; height: var(--sdb-progress-height, 10px); border-radius: var(--sdb-radius-pill, 999px); background: var(--sdb-mdb-progress-track); }
.sdb-impact-progress__bar { display: block; width: var(--sdb-progress-value); height: 100%; border-radius: inherit; background: var(--sdb-mdb-progress-fill); transition: width 350ms ease; }
.sdb-meta-box { display: grid; gap: .28rem; padding: .9rem 1rem; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-radius-md, 12px); background: var(--sdb-mdb-info-box-bg); min-width: 0; }
.sdb-meta-box__label { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-meta-box__value { color: var(--sdb-mdb-color-text); font-size: 1rem; line-height: 1.25; }
.sdb-meta-box-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: var(--sdb-space-sm, .75rem); }
.sdb-related-editorial-card { overflow: hidden; display: grid; grid-template-columns: minmax(96px, 34%) 1fr; gap: 0; min-width: 0; border: 1px solid var(--sdb-mdb-color-border); border-radius: var(--sdb-mdb-card-radius); background: var(--sdb-mdb-color-surface); box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31,42,54,.05)); color: var(--sdb-mdb-color-text); text-decoration: none; }
.sdb-related-editorial-card__media { margin: 0; min-height: 100%; background: var(--sdb-mdb-color-surface-strong); }
.sdb-related-editorial-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sdb-related-editorial-card__body { display: grid; align-content: center; gap: .45rem; padding: clamp(14px, 2vw, 18px); }
.sdb-related-editorial-card__meta { color: var(--sdb-mdb-metric-label); font-family: var(--sdb-font-meta, inherit); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sdb-related-editorial-card__title { margin: 0; color: var(--sdb-mdb-color-text); font-family: var(--sdb-mdb-font-title, var(--sdb-font-heading, inherit)); font-size: clamp(1rem, 1.12vw, 1.18rem); line-height: 1.18; }
@media (hover: hover) and (pointer: fine) {
.sdb-related-editorial-card:is(a):hover,
a.sdb-related-editorial-card:hover { box-shadow: var(--sdb-mdb-card-shadow-hover); transform: translateY(-1px); }
}
@media (max-width: 782px) {
.sdb-cause-card--compact,
.sdb-related-editorial-card { grid-template-columns: 1fr; }
.sdb-cause-card--compact .sdb-cause-card__media,
.sdb-related-editorial-card__media { aspect-ratio: 16 / 9; }
.sdb-filter-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; border-radius: var(--sdb-radius-md, 12px); }
.sdb-filter-tabs__item { flex: 0 0 auto; }
} .sdb-pagination__link,
a.sdb-share-action,
.sdb-slider-control--minimal,
.sdb-tabs [role="tab"],
.sdb-action-menu__item,
.sdb-filter-tabs__item,
a.sdb-nav-strip__link,
.sdb-nav__cta,
.sdb-dismiss-button {
min-width: var(--sdb-touch-target-min, 44px);
min-height: var(--sdb-touch-target-min, 44px);
}
.sdb-share-action,
.sdb-slider-control--minimal,
.sdb-dismiss-button {
width: var(--sdb-touch-target-min, 44px);
height: var(--sdb-touch-target-min, 44px);
}
@media (prefers-contrast: more) {
.sdb-card,
.sdb-alert,
.sdb-empty-state,
.sdb-filter-bar,
.sdb-table,
.sdb-admin-card,
.sdb-cta-panel,
.sdb-transparency-panel {
border-color: var(--sdb-color-border-strong, #D8E2EE);
}
.sdb-btn,
.sdb-pagination__link,
.sdb-tabs [role="tab"],
.sdb-action-menu__item,
a.sdb-nav-strip__link {
outline: var(--sdb-focus-ring-width, 2px) solid transparent;
outline-offset: var(--sdb-focus-ring-offset, 2px);
}
.sdb-btn:focus-visible,
.sdb-pagination__link:focus-visible,
.sdb-tabs [role="tab"]:focus-visible,
.sdb-action-menu__item:focus-visible,
a.sdb-nav-strip__link:focus-visible {
outline-color: var(--sdb-color-primary, #0058B7);
box-shadow: 0 0 0 4px rgba(0, 88, 183, .22);
}
.sdb-alert--info,
.sdb-admin-note,
.sdb-origin-chip {
color: var(--sdb-color-info-text, #34348A);
border-color: var(--sdb-color-info, #4B4BB5);
}
} :root {
--sdb-visual-language: minimal-institutional-ui;
--sdb-color-primary-soft: #EAF3FF;
--sdb-color-primary-muted: #D8E9FF;
--sdb-color-primary-border: #BFD8FF;
--sdb-color-background: #F7FAFD;
--sdb-color-surface: #FFFFFF;
--sdb-color-surface-soft: #FAFCFE;
--sdb-color-border: #E8EEF5;
--sdb-color-border-soft: #F0F4F8;
--sdb-color-title: #17212B;
--sdb-color-text: #5F6B7A;
--sdb-color-muted: #94A0AE;
--sdb-color-soft-black: #161E28;
--sdb-shadow-card: 0 6px 18px rgba(20, 35, 50, .035);
--sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055);
--sdb-shadow-element: 0 8px 24px rgba(20, 35, 50, .06);
--sdb-shadow-modal: 0 18px 50px rgba(20, 35, 50, .14);
--sdb-radius-sm: 8px;
--sdb-radius-md: 12px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 20px;
--sdb-ui-page-bg: var(--sdb-color-background);
--sdb-ui-surface: var(--sdb-color-surface);
--sdb-ui-surface-soft: var(--sdb-color-surface-soft);
--sdb-ui-border: var(--sdb-color-border);
--sdb-ui-border-soft: var(--sdb-color-border-soft);
--sdb-ui-shadow-flat: var(--sdb-shadow-card);
--sdb-ui-shadow-floating: var(--sdb-shadow-modal);
--sdb-ui-active-bg: var(--sdb-color-primary-soft);
--sdb-ui-active-text: var(--sdb-color-primary);
--sdb-ui-control-height: 40px;
--sdb-ui-control-radius: 10px;
--sdb-ui-card-radius: 16px;
--sdb-ui-card-padding: 18px;
--sdb-ui-grid-gap: 16px;
--sdb-admin-title-size: clamp(23px, 1.8vw, 30px);
--sdb-admin-section-title-size: 19px;
--sdb-admin-card-title-size: 15px;
--sdb-admin-body-size: 14px;
--sdb-admin-meta-size: 12px;
} :root {
--sdb-visual-language: sdb-next-minimal-institutional;
--sdb-blue-50: #EFF6FF;
--sdb-blue-100: #DBE9FE;
--sdb-blue-200: #BBD3FB;
--sdb-blue-300: #84B0F6;
--sdb-blue-400: #4A86EC;
--sdb-blue-500: #1E72D0;
--sdb-blue-600: #0058B7;
--sdb-blue-700: #00468F;
--sdb-blue-800: #073A72;
--sdb-blue-900: #0C2F58;
--sdb-sky-50: #EBF8FD;
--sdb-sky-100: #DEF3FB;
--sdb-sky-300: #7FD3F0;
--sdb-sky-500: #009BD8;
--sdb-sky-600: #0082B8;
--sdb-ink: #16233B;
--sdb-text: #51606F;
--sdb-muted: #8895A4;
--sdb-border: #E7EEF5;
--sdb-border-strong: #D6E0EB;
--sdb-surface: #FFFFFF;
--sdb-surface-2: #F8FAFC;
--sdb-background: #F4F7FB;
--sdb-on-image: #FFFFFF;
--sdb-success: #16A34A;
--sdb-success-bg: #E7F6ED;
--sdb-success-text: #0F7A37;
--sdb-warning: #F59E0B;
--sdb-warning-bg: #FEF4E2;
--sdb-warning-text: #B5740A;
--sdb-danger: #F14545;
--sdb-danger-bg: #FDECEC;
--sdb-danger-text: #C92C2C;
--sdb-info: #009BD8;
--sdb-info-bg: #E2F4FB;
--sdb-info-text: #0A7AA8;
--sdb-acc-blue: #3863C6;
--sdb-acc-sky: #2BB7E3;
--sdb-acc-violet: #6C5CE7;
--sdb-acc-amber: #F59E0B;
--sdb-acc-green: #16A34A;
--sdb-acc-coral: #F1645A;
--sdb-color-primary: var(--sdb-blue-600);
--sdb-color-secondary: var(--sdb-sky-500);
--sdb-color-title: var(--sdb-ink);
--sdb-color-text: var(--sdb-text);
--sdb-color-muted: var(--sdb-muted);
--sdb-color-border: var(--sdb-border);
--sdb-color-border-strong: var(--sdb-border-strong);
--sdb-color-surface: var(--sdb-surface);
--sdb-color-background: var(--sdb-background);
--sdb-color-primary-soft: var(--sdb-blue-50);
--sdb-color-primary-muted: var(--sdb-blue-100);
--sdb-color-primary-border: var(--sdb-blue-200);
--sdb-text-display: clamp(2.6rem, 4.2vw, 3.6rem);
--sdb-text-h1: clamp(1.9rem, 2.65vw, 2.35rem);
--sdb-text-h2: 1.625rem;
--sdb-text-h3: 1.25rem;
--sdb-text-h4: 1.0625rem;
--sdb-text-lg: 1.0625rem;
--sdb-text-base: 0.9375rem;
--sdb-text-sm: 0.8125rem;
--sdb-text-xs: 0.75rem;
--sdb-text-overline: 0.6875rem;
--sdb-leading-tight: 1.15;
--sdb-leading-snug: 1.35;
--sdb-leading-body: 1.65;
--sdb-tracking-overline: 0.12em;
--sdb-control-height: 44px;
--sdb-control-height-sm: 36px;
--sdb-control-height-md: 44px;
--sdb-control-height-lg: 52px;
--sdb-card-padding: 1.25rem;
--sdb-radius-sm: 8px;
--sdb-radius-md: 12px;
--sdb-radius-lg: 16px;
--sdb-radius-xl: 20px;
--sdb-radius-pill: 999px;
--sdb-shadow-xs: 0 1px 2px rgba(16, 40, 70, .06);
--sdb-shadow-sm: 0 4px 14px rgba(16, 40, 70, .06);
--sdb-shadow-md: 0 12px 30px rgba(19, 39, 61, .08);
--sdb-shadow-lg: 0 24px 60px rgba(19, 39, 61, .12);
--sdb-shadow-focus: 0 0 0 4px rgba(0, 88, 183, .16);
--sdb-shadow-card: var(--sdb-shadow-sm);
--sdb-shadow-card-hover: 0 10px 26px rgba(20, 35, 50, .055);
--sdb-shadow-modal: var(--sdb-shadow-lg);
--sdb-ease: cubic-bezier(.22, .61, .36, 1);
--sdb-dur: 180ms;
--sdb-next-page-bg: var(--sdb-background);
--sdb-next-surface: var(--sdb-surface);
--sdb-next-surface-muted: var(--sdb-surface-2);
--sdb-next-border: var(--sdb-border);
--sdb-next-border-strong: var(--sdb-border-strong);
--sdb-next-control-height: var(--sdb-control-height);
--sdb-next-control-radius: var(--sdb-radius-md);
--sdb-next-card-radius: var(--sdb-radius-lg);
--sdb-next-card-shadow: var(--sdb-shadow-sm);
--sdb-next-card-shadow-hover: var(--sdb-shadow-md);
}
.sdb-overline,
.sdb-next-overline {
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-overline);
font-weight: 700;
letter-spacing: var(--sdb-tracking-overline);
text-transform: uppercase;
color: var(--sdb-blue-600);
}
.sdb-btn {
--_bg: var(--sdb-blue-600);
--_fg: #fff;
--_bd: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .5rem;
min-height: var(--sdb-control-height);
padding: 0 1.15rem;
border: 1px solid var(--_bd);
border-radius: var(--sdb-radius-md);
background: var(--_bg);
color: var(--_fg);
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-base);
font-weight: 650;
line-height: 1;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
box-shadow: none;
transition: transform var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease), border-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease);
}
.sdb-btn:hover { box-shadow: var(--sdb-shadow-sm); }
.sdb-btn:active { transform: translateY(1px); }
.sdb-btn:focus-visible { outline: 0; box-shadow: var(--sdb-shadow-focus); }
.sdb-btn--primary { --_bg: var(--sdb-blue-600); --_fg: #fff; }
.sdb-btn--secondary,
.sdb-btn--subtle { --_bg: var(--sdb-blue-50); --_fg: var(--sdb-blue-700); --_bd: var(--sdb-blue-100); }
.sdb-btn--outline { --_bg: #fff; --_fg: var(--sdb-ink); --_bd: var(--sdb-border-strong); }
.sdb-btn--ghost { --_bg: transparent; --_fg: var(--sdb-text); --_bd: transparent; }
.sdb-btn--danger { --_bg: var(--sdb-danger); --_fg: #fff; }
.sdb-btn--success { --_bg: var(--sdb-success); --_fg: #fff; }
.sdb-btn--sm { min-height: var(--sdb-control-height-sm); padding-inline: .875rem; font-size: var(--sdb-text-sm); border-radius: var(--sdb-radius-sm); }
.sdb-btn--lg { min-height: var(--sdb-control-height-lg); padding-inline: 1.65rem; font-size: var(--sdb-text-lg); }
.sdb-btn--icon { width: var(--sdb-control-height); padding: 0; }
.sdb-btn[disabled],
.sdb-btn[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.sdb-field { display: flex; flex-direction: column; gap: .4rem; }
.sdb-label { font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 650; color: var(--sdb-ink); }
.sdb-label .req { color: var(--sdb-danger); }
.sdb-hint { font-size: var(--sdb-text-xs); color: var(--sdb-muted); }
.sdb-error-text { display: flex; align-items: center; gap: 4px; font-size: var(--sdb-text-xs); color: var(--sdb-danger-text); }
.sdb-input,
.sdb-select,
.sdb-textarea {
width: 100%;
min-height: var(--sdb-control-height);
padding: 0 .875rem;
border: 1px solid var(--sdb-border-strong);
border-radius: var(--sdb-radius-md);
background: var(--sdb-surface);
color: var(--sdb-ink);
font-family: var(--sdb-font-body, Archivo, Arial, sans-serif);
font-size: var(--sdb-text-base);
box-shadow: none;
transition: border-color var(--sdb-dur) var(--sdb-ease), box-shadow var(--sdb-dur) var(--sdb-ease), background-color var(--sdb-dur) var(--sdb-ease);
}
.sdb-textarea { min-height: 96px; padding-block: .75rem; line-height: 1.5; resize: vertical; }
.sdb-input::placeholder,
.sdb-textarea::placeholder { color: var(--sdb-muted); }
.sdb-input:focus,
.sdb-select:focus,
.sdb-textarea:focus { outline: 0; border-color: var(--sdb-blue-500); box-shadow: var(--sdb-shadow-focus); }
.sdb-field--error .sdb-input,
.sdb-field--error .sdb-select,
.sdb-field--error .sdb-textarea { border-color: var(--sdb-danger); box-shadow: 0 0 0 4px rgba(241, 69, 69, .12); }
.sdb-select { appearance: none; padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--sdb-muted) 50%), linear-gradient(135deg, var(--sdb-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 12px) 52%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; }
.sdb-input-group { position: relative; display: flex; align-items: center; }
.sdb-input-group .sdb-input { padding-left: 2.6rem; }
.sdb-input-icon { position: absolute; left: .875rem; color: var(--sdb-muted); display: inline-flex; }
.sdb-radio-row { display: flex; gap: .5rem; }
.sdb-radio { display: flex; align-items: center; gap: .5rem; min-height: var(--sdb-control-height); padding: 0 1rem; border: 1px solid var(--sdb-border-strong); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-ink); font-size: var(--sdb-text-base); cursor: pointer; }
.sdb-radio--active { border-color: var(--sdb-blue-500); background: var(--sdb-blue-50); }
.sdb-toggle { position: relative; flex: none; width: 42px; height: 24px; border-radius: var(--sdb-radius-pill); background: var(--sdb-border-strong); cursor: pointer; transition: background-color var(--sdb-dur) var(--sdb-ease); }
.sdb-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: var(--sdb-shadow-xs); transition: transform var(--sdb-dur) var(--sdb-ease); }
.sdb-toggle--on { background: var(--sdb-blue-600); }
.sdb-toggle--on::after { transform: translateX(18px); }
.sdb-badge,
.sdb-tag {
display: inline-flex;
align-items: center;
gap: .375rem;
border-radius: var(--sdb-radius-pill);
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif);
font-size: var(--sdb-text-xs);
font-weight: 650;
line-height: 1.4;
white-space: nowrap;
}
.sdb-badge { padding: .25rem .625rem; background: var(--sdb-surface-2); color: var(--sdb-text); }
.sdb-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.sdb-badge--success { background: var(--sdb-success-bg); color: var(--sdb-success-text); }
.sdb-badge--warning { background: var(--sdb-warning-bg); color: var(--sdb-warning-text); }
.sdb-badge--danger { background: var(--sdb-danger-bg); color: var(--sdb-danger-text); }
.sdb-badge--info { background: var(--sdb-info-bg); color: var(--sdb-info-text); }
.sdb-badge--primary { background: var(--sdb-blue-50); color: var(--sdb-blue-700); }
.sdb-badge--neutral { background: var(--sdb-surface-2); color: var(--sdb-text); } .sdb-badge--metadata {
font-family: var(--sdb-font-body, Arial, sans-serif);
font-size: var(--sdb-type-metadata-size, .72rem);
font-weight: var(--sdb-font-weight-medium, 500);
letter-spacing: 0;
}
.sdb-tag { padding: .25rem .625rem; border: 1px solid var(--sdb-blue-100); background: var(--sdb-blue-50); color: var(--sdb-blue-700); }
.sdb-card {
background: var(--sdb-surface);
border: 1px solid var(--sdb-border);
border-radius: var(--sdb-radius-lg);
padding: var(--sdb-card-padding);
box-shadow: var(--sdb-shadow-sm);
}
.sdb-card--flat { box-shadow: none; }
.sdb-kpi { display: flex; flex-direction: column; gap: .875rem; }
.sdb-kpi-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.sdb-kpi-ico { width: 42px; height: 42px; border-radius: var(--sdb-radius-md); display: grid; place-items: center; background: var(--sdb-blue-50); color: var(--sdb-blue-600); }
.sdb-kpi-label { color: var(--sdb-muted); font-size: var(--sdb-text-sm); font-weight: 500; }
.sdb-kpi-value { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: 2rem; font-weight: 700; line-height: 1; }
.sdb-kpi-delta { display: inline-flex; align-items: center; gap: 3px; font-size: var(--sdb-text-xs); font-weight: 650; }
.sdb-kpi-delta--up { color: var(--sdb-success-text); }
.sdb-kpi-delta--down { color: var(--sdb-danger-text); }
.sdb-table-wrap { overflow: hidden; background: var(--sdb-surface); border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-lg); }
.sdb-table { width: 100%; border-collapse: collapse; font-size: var(--sdb-text-sm); }
.sdb-table thead th { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); background: var(--sdb-surface-2); color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-xs); font-weight: 650; text-align: left; white-space: nowrap; }
.sdb-table tbody td { padding: .875rem 1.25rem; border-bottom: 1px solid var(--sdb-border); color: var(--sdb-text); vertical-align: middle; }
.sdb-table tbody tr:last-child td { border-bottom: 0; }
.sdb-table tbody tr:hover { background: var(--sdb-blue-50); }
.sdb-cell-strong { color: var(--sdb-ink); font-weight: 650; }
.sdb-cell-user { display: flex; align-items: center; gap: .625rem; }
.sdb-pagination { display: flex; align-items: center; gap: .25rem; }
.sdb-page { display: grid; place-items: center; min-width: 34px; height: 34px; padding: 0 .5rem; border: 1px solid transparent; border-radius: var(--sdb-radius-sm); background: transparent; color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; cursor: pointer; }
.sdb-page:hover { background: var(--sdb-surface-2); }
.sdb-page--active { background: var(--sdb-blue-600); color: #fff; }
.sdb-sidebar { width: 248px; background: var(--sdb-surface); border-right: 1px solid var(--sdb-border); display: flex; flex-direction: column; flex: none; }
.sdb-side-group { padding: .5rem .75rem; }
.sdb-side-group-label { padding: .75rem .75rem .4rem; color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; }
.sdb-nav-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; border-radius: var(--sdb-radius-md); color: var(--sdb-text); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 500; cursor: pointer; text-decoration: none; transition: background-color var(--sdb-dur) var(--sdb-ease), color var(--sdb-dur) var(--sdb-ease); }
.sdb-nav-item:hover { background: var(--sdb-surface-2); color: var(--sdb-ink); }
.sdb-nav-item--active { background: var(--sdb-blue-50); color: var(--sdb-blue-700); font-weight: 650; } .sdb-tabs:has(> .sdb-tab) { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--sdb-border); }
.sdb-tab { position: relative; padding: .75rem 0; border: 0; background: none; color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-base); font-weight: 650; cursor: pointer; }
.sdb-tab--active { color: var(--sdb-blue-700); }
.sdb-tab--active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2.5px; border-radius: 2px; background: var(--sdb-blue-600); }
.sdb-search { display: flex; align-items: center; gap: .5rem; height: 40px; padding: 0 .875rem; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface-2); color: var(--sdb-muted); }
.sdb-search__input { width: 100%; border: 0; background: transparent; outline: 0; color: var(--sdb-ink); font-family: var(--sdb-font-body, Archivo, Arial, sans-serif); font-size: var(--sdb-text-sm); }
.sdb-iconbtn { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--sdb-border); border-radius: var(--sdb-radius-md); background: var(--sdb-surface); color: var(--sdb-text); cursor: pointer; }
.sdb-iconbtn:hover { background: var(--sdb-surface-2); }
.sdb-modal-overlay { position: absolute; inset: 0; background: rgba(16, 40, 70, .35); backdrop-filter: blur(2px); }
.sdb-modal:not([data-sdb-component="modal"]) { width: 440px; max-width: 100%; overflow: hidden; border-radius: var(--sdb-radius-xl); background: var(--sdb-surface); box-shadow: var(--sdb-shadow-lg); }
.sdb-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.5rem; }
.sdb-modal-title { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-h4); font-weight: 700; }
.sdb-modal-body { display: flex; flex-direction: column; gap: 1rem; padding: 0 1.5rem 1.25rem; }
.sdb-modal-foot { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; padding: 1rem 1.5rem; border-top: 1px solid var(--sdb-border); }
.sdb-stepper { display: flex; align-items: center; padding: 0 1.5rem 1.25rem; }
.sdb-step { display: flex; flex: none; flex-direction: column; align-items: center; gap: .4rem; text-align: center; }
.sdb-step-dot { width: 38px; height: 38px; border: 1.5px solid var(--sdb-border-strong); border-radius: 50%; display: grid; place-items: center; background: var(--sdb-surface-2); color: var(--sdb-muted); }
.sdb-step-name { color: var(--sdb-muted); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-size: var(--sdb-text-sm); font-weight: 500; }
.sdb-step-num { color: var(--sdb-muted); font-size: var(--sdb-text-overline); font-weight: 700; letter-spacing: var(--sdb-tracking-overline); text-transform: uppercase; }
.sdb-step-line { flex: 1; align-self: flex-start; height: 2px; margin: 18px .5rem 0; border-radius: 2px; background: var(--sdb-border-strong); }
.sdb-step--active .sdb-step-dot { border-color: var(--sdb-blue-600); background: var(--sdb-blue-50); color: var(--sdb-blue-600); box-shadow: var(--sdb-shadow-focus); }
.sdb-step--active .sdb-step-name { color: var(--sdb-ink); font-weight: 650; }
.sdb-step--done .sdb-step-dot { border-color: var(--sdb-success); background: var(--sdb-success); color: #fff; }
.sdb-step-line--done { background: var(--sdb-success); }
.sdb-bars { display: flex; align-items: flex-end; gap: .75rem; height: 180px; }
.sdb-bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: .5rem; height: 100%; }
.sdb-bar { width: 60%; max-width: 34px; border-radius: 8px 8px 4px 4px; background: var(--sdb-blue-100); }
.sdb-bar--active { background: linear-gradient(180deg, var(--sdb-blue-500), var(--sdb-blue-600)); box-shadow: var(--sdb-shadow-md); }
.sdb-bar-label { color: var(--sdb-muted); font-size: var(--sdb-text-xs); }
.sdb-progress-bar-track { height: 10px; overflow: hidden; border-radius: var(--sdb-radius-pill); background: var(--sdb-blue-50); }
.sdb-progress-bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sdb-blue-500), var(--sdb-sky-500)); }
.sdb-week { display: flex; gap: .4rem; }
.sdb-day { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: .5rem 0; border-radius: var(--sdb-radius-md); cursor: pointer; }
.sdb-day .dow { color: var(--sdb-muted); font-size: var(--sdb-text-xs); }
.sdb-day .dom { color: var(--sdb-ink); font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif); font-weight: 650; }
.sdb-day--active { background: var(--sdb-blue-600); }
.sdb-day--active .dow,
.sdb-day--active .dom { color: #fff; }
.sdb-agenda-item { display: flex; gap: .75rem; padding: .75rem; border-radius: var(--sdb-radius-md); }
.sdb-agenda-item .bar { width: 3px; border-radius: 3px; flex: none; }
.sdb-agenda-item--green { background: var(--sdb-success-bg); }
.sdb-agenda-item--green .bar { background: var(--sdb-success); }
.sdb-agenda-item--amber { background: var(--sdb-warning-bg); }
.sdb-agenda-item--amber .bar { background: var(--sdb-warning); }
.sdb-agenda-item--blue { background: var(--sdb-blue-50); }
.sdb-agenda-item--blue .bar { background: var(--sdb-blue-600); }
.sdb-flex { display: flex; }
.sdb-items-center { align-items: center; }
.sdb-justify-between { justify-content: space-between; }
.sdb-wrap { flex-wrap: wrap; }
.sdb-grid { display: grid; }
.sdb-gap-1 { gap: .25rem; }
.sdb-gap-2 { gap: .5rem; }
.sdb-gap-3 { gap: .75rem; }
.sdb-gap-4 { gap: 1rem; }
.sdb-gap-6 { gap: 1.5rem; }
.sdb-divider { height: 1px; margin: 0; border: 0; background: var(--sdb-border); }  .sdb-admin-icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--sdb-admin-control-height, 36px);
block-size: var(--sdb-admin-control-height, 36px);
padding: 0;
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
color: var(--sdb-admin-text, var(--sdb-color-title));
cursor: pointer;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.sdb-admin-icon-button:hover {
background: var(--sdb-admin-surface-muted, var(--sdb-color-background));
border-color: var(--sdb-admin-border-strong, var(--sdb-color-border));
}
.sdb-admin-icon-button:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-admin-icon-button[disabled],
.sdb-admin-icon-button[aria-disabled="true"] {
opacity: var(--sdb-state-disabled-opacity, 0.56);
pointer-events: none;
}
.sdb-admin-icon-button .sdb-icon { inline-size: 1.15em; block-size: 1.15em; }
.sdb-admin-icon-button--sm { inline-size: 30px; block-size: 30px; }
.sdb-admin-icon-button--ghost { border-color: transparent; background: transparent; }
.sdb-admin-icon-button--danger { color: var(--sdb-color-error, #c53030); }
.sdb-admin-icon-button--danger:hover { background: var(--sdb-color-error-bg, #fdecec); border-color: var(--sdb-color-error, #c53030); } .sdb-admin-search-control {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
inline-size: 100%;
max-inline-size: var(--sdb-admin-search-width, 320px);
block-size: var(--sdb-admin-control-height, 36px);
min-block-size: var(--sdb-admin-control-height, 36px);
box-sizing: border-box;
padding-inline: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-search-control:focus-within {
border-color: var(--sdb-admin-primary, var(--sdb-color-primary));
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
}
.sdb-admin-search-control__icon { color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); flex: 0 0 auto; }
.sdb-admin-search-control__input,
.sdb-admin-search-control > input.sdb-admin-search-control__input[type="search"] {
appearance: none;
flex: 1 1 auto;
min-inline-size: 0;
min-block-size: 0;
block-size: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
color: var(--sdb-admin-text, var(--sdb-color-title));
font: inherit;
line-height: 1.25;
}
.sdb-admin-search-control__input::-webkit-search-decoration,
.sdb-admin-search-control__input::-webkit-search-cancel-button {
appearance: none;
}
.sdb-admin-search-control__input:focus { outline: none; }
.sdb-admin-search-control__clear {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
inline-size: 28px;
block-size: 28px;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--sdb-admin-text-muted, var(--sdb-color-muted));
line-height: 1;
cursor: pointer;
} .sdb-admin-chart-card {
display: flex;
flex-direction: column;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-admin-dashboard-card-padding, var(--sdb-space-4, 16px));
border: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-chart-card__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--sdb-space-3, 12px);
}
.sdb-admin-chart-card__title {
margin: 0;
font-family: var(--sdb-font-heading, inherit);
font-size: var(--sdb-admin-card-title-size, 16px);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-admin-heading, var(--sdb-color-title));
}
.sdb-admin-chart-card__meta { font-size: var(--sdb-admin-meta-size, 12px); color: var(--sdb-admin-text-muted, var(--sdb-color-muted)); } .sdb-admin-chart-card__fallback {
margin: 0;
font-size: var(--sdb-admin-meta-size, 12px);
color: var(--sdb-admin-text-muted, var(--sdb-color-muted));
} .sdb-admin-error-state {
display: grid;
justify-items: center;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-8, 32px);
border: 1px solid var(--sdb-color-error, #c53030);
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-error-bg, #fdecec);
color: var(--sdb-color-error-text, #7f1d1d);
text-align: center;
}
.sdb-admin-error-state__title { margin: 0; font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); }
.sdb-admin-error-state__actions { display: flex; flex-wrap: wrap; gap: var(--sdb-space-2, 8px); justify-content: center; } .sdb-admin-fullscreen-layout {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
block-size: min(100vh, var(--sdb-admin-fullscreen-height, 100vh));
background: var(--sdb-admin-bg, var(--sdb-color-background));
}
.sdb-admin-fullscreen-layout__bar {
display: flex;
align-items: center;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px);
border-block-end: 1px solid var(--sdb-admin-border, var(--sdb-color-border));
background: var(--sdb-admin-surface, #fff);
}
.sdb-admin-fullscreen-layout__canvas {
min-block-size: 0;
overflow: auto;
padding: var(--sdb-space-4, 16px);
} .sdb-confirm-dialog { max-inline-size: var(--sdb-modal-width-sm, 420px); }
.sdb-confirm-dialog__title { margin: 0 0 var(--sdb-space-2, 8px); font-family: var(--sdb-font-heading, inherit); font-weight: var(--sdb-font-weight-semibold, 600); color: var(--sdb-color-title); }
.sdb-confirm-dialog__body { margin: 0 0 var(--sdb-space-4, 16px); color: var(--sdb-color-text); }
.sdb-confirm-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sdb-space-2, 8px); }
.sdb-confirm-dialog--danger .sdb-confirm-dialog__title { color: var(--sdb-color-error, #c53030); } .sdb-form-adapter {
font-family: var(--sdb-font-body, inherit);
color: var(--sdb-color-text, #6b7785);
display: grid;
gap: var(--sdb-form-field-gap, var(--sdb-space-4, 16px));
} .sdb-form-adapter h1,
.sdb-form-adapter h2,
.sdb-form-adapter h3,
.sdb-form-adapter h4,
.sdb-form-adapter legend {
color: var(--sdb-color-title, #364048);
}
.sdb-form-adapter label {
display: inline-block;
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-medium, 500);
} .sdb-form-adapter input[type="text"],
.sdb-form-adapter input[type="email"],
.sdb-form-adapter input[type="tel"],
.sdb-form-adapter input[type="url"],
.sdb-form-adapter input[type="number"],
.sdb-form-adapter input[type="date"],
.sdb-form-adapter input[type="time"],
.sdb-form-adapter input[type="search"],
.sdb-form-adapter input[type="password"],
.sdb-form-adapter select,
.sdb-form-adapter textarea {
inline-size: 100%;
max-inline-size: 100%;
min-block-size: var(--sdb-control-height, var(--sdb-control-height-md, 44px));
padding: 0 var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-title, #364048);
font: inherit;
box-sizing: border-box;
transition: border-color var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease),
box-shadow var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-form-adapter textarea {
min-block-size: calc(var(--sdb-control-height, 44px) * 2);
padding-block: var(--sdb-space-2, 8px);
resize: vertical;
}
.sdb-form-adapter select {
appearance: none;
padding-inline-end: var(--sdb-space-8, 32px);
} .sdb-form-adapter input:hover,
.sdb-form-adapter select:hover,
.sdb-form-adapter textarea:hover {
border-color: var(--sdb-color-border-strong, var(--sdb-color-muted, #8e9aa7));
}
.sdb-form-adapter input:focus-visible,
.sdb-form-adapter select:focus-visible,
.sdb-form-adapter textarea:focus-visible,
.sdb-form-adapter button:focus-visible,
.sdb-form-adapter [href]:focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
border-color: var(--sdb-color-primary, #0058b7);
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, 0.22));
} .sdb-form-adapter input[type="checkbox"],
.sdb-form-adapter input[type="radio"] {
inline-size: var(--sdb-choice-size, 20px);
block-size: var(--sdb-choice-size, 20px);
margin-block-start: var(--sdb-choice-input-offset, 2px);
accent-color: var(--sdb-color-primary, #0058b7);
flex: 0 0 auto;
}
.sdb-form-adapter label:has(> input[type="checkbox"]),
.sdb-form-adapter label:has(> input[type="radio"]) {
display: flex;
align-items: var(--sdb-choice-label-align, flex-start);
gap: var(--sdb-choice-content-gap, var(--sdb-choice-gap, 10px));
font-weight: var(--sdb-font-weight-regular, 400);
}
.sdb-form-adapter fieldset {
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
padding: var(--sdb-space-3, 12px);
} .sdb-form-adapter input[type="file"] {
inline-size: 100%;
padding: var(--sdb-space-2, 8px);
border: 1px dashed var(--sdb-color-border-strong, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
background: var(--sdb-color-background, #f5f8fb);
color: var(--sdb-color-text, #6b7785);
} .sdb-form-adapter__help {
color: var(--sdb-color-muted, #8e9aa7);
font-size: 0.85rem;
}
.sdb-form-adapter__required {
color: var(--sdb-color-error, #c53030);
margin-inline-start: 2px;
} .sdb-form-adapter button[type="submit"],
.sdb-form-adapter input[type="submit"] {
min-block-size: var(--sdb-control-height, 44px);
padding: 0 var(--sdb-space-5, 20px);
border: 1px solid transparent;
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
background: var(--sdb-color-primary, #0058b7);
color: #fff;
font: inherit;
font-weight: var(--sdb-font-weight-medium, 500);
cursor: pointer;
transition: background-color var(--sdb-motion-duration-base, 160ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-form-adapter button[type="submit"]:hover,
.sdb-form-adapter input[type="submit"]:hover {
background: var(--sdb-color-primary-hover, #004a9b);
} .sdb-form-adapter input:disabled,
.sdb-form-adapter select:disabled,
.sdb-form-adapter textarea:disabled,
.sdb-form-adapter button:disabled {
opacity: var(--sdb-state-disabled-opacity, 0.56);
cursor: not-allowed;
}
.sdb-form-adapter input:read-only,
.sdb-form-adapter textarea:read-only {
background: var(--sdb-color-background, #f5f8fb);
border-style: dashed;
} .sdb-form-adapter [aria-invalid="true"],
.sdb-form-adapter .is-error input,
.sdb-form-adapter .is-error select,
.sdb-form-adapter .is-error textarea {
border-color: var(--sdb-color-error, #c53030);
box-shadow: 0 0 0 1px var(--sdb-color-error, #c53030);
} .sdb-form-adapter__message,
.sdb-form-adapter [role="alert"],
.sdb-form-adapter [role="status"] {
padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px);
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
border-inline-start-width: 4px;
}
.sdb-form-adapter__message--error,
.sdb-form-adapter [role="alert"] {
border-color: var(--sdb-color-error, #c53030);
background: var(--sdb-color-error-bg, #fdecec);
color: var(--sdb-color-error-text, #7f1d1d);
}
.sdb-form-adapter__message--success {
border-color: var(--sdb-color-success, #2f8f4e);
background: var(--sdb-color-success-bg, #e9f6ee);
color: var(--sdb-color-success-text, #1e5f34);
}
.sdb-form-adapter__message--info {
border-color: var(--sdb-color-info, #8686f2);
background: var(--sdb-color-info-bg, #f1f1fe);
color: var(--sdb-color-info-text, #4b4bb5);
} .sdb-form-adapter__message--error::before { content: "⚠ "; }
.sdb-form-adapter__message--success::before { content: "✓ "; } .sdb-form-adapter.is-loading,
.sdb-form-adapter[aria-busy="true"] {
opacity: 0.7;
pointer-events: none;
} .sdb-form-adapter--full {
inline-size: 100%;
max-inline-size: none;
} @media (max-width: 480px) {
.sdb-form-adapter select { padding-inline-end: var(--sdb-space-6, 24px); }
.sdb-form-adapter button[type="submit"],
.sdb-form-adapter input[type="submit"] { inline-size: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.sdb-form-adapter input,
.sdb-form-adapter select,
.sdb-form-adapter textarea,
.sdb-form-adapter button[type="submit"],
.sdb-form-adapter input[type="submit"] { transition: none; }
} .sdb-form-adapter form {
display: grid;
gap: var(--sdb-form-field-gap, var(--sdb-space-5, 20px));
align-content: start;
} .sdb-form-adapter form > p {
margin-block: 0;
} .sdb-form-adapter form > p:empty {
display: none;
} .sdb-form-adapter form > * {
min-inline-size: 0;
} .sdb-form-adapter label:has(input:not([type="checkbox"]):not([type="radio"])),
.sdb-form-adapter label:has(select),
.sdb-form-adapter label:has(textarea) {
display: block;
} .sdb-form-adapter span:has(> input:not([type="checkbox"]):not([type="radio"])),
.sdb-form-adapter span:has(> select),
.sdb-form-adapter span:has(> textarea) {
display: block;
} .sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form-control-wrap {
display: block;
}
.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-not-valid-tip {
display: block;
margin-block-start: var(--sdb-space-2, 8px);
color: var(--sdb-color-error-text, #7f1d1d);
font-size: var(--sdb-legal-text-size, .88rem);
} .sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-response-output {
margin: 0;
padding: var(--sdb-space-3, 12px) var(--sdb-space-4, 16px);
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
font-size: var(--sdb-legal-text-size, .88rem);
} .sdb-consent-block--optional {
border-inline-start-width: 1px;
border-inline-start-color: var(--sdb-consent-border);
background: transparent;
}
.sdb-consent-block--optional.sdb-consent-block--checked {
background: transparent;
border-inline-start-color: var(--sdb-consent-checked-border);
} .sdb-calendar-shell,
.sdb-calendar-shell * {
box-sizing: border-box;
}
.sdb-calendar-shell {
--sdb-calendar-columns: 7;
color: var(--sdb-color-text, #6B7785);
border: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8));
border-radius: var(--sdb-radius-lg, 16px);
background: var(--sdb-color-surface, #FFFFFF);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31, 42, 54, .05));
overflow: clip;
}
.sdb-calendar-shell__header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-3, 12px) var(--sdb-space-5, 20px);
padding: var(--sdb-space-4, 16px) var(--sdb-space-5, 20px);
border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8));
background: var(--sdb-color-surface-low, #FAFCFE);
}
.sdb-calendar-shell__heading,
.sdb-calendar-shell__period,
.sdb-calendar-shell__actions,
.sdb-calendar-shell__period-nav,
.sdb-calendar-shell__legend {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2, 8px);
}
.sdb-calendar-shell__heading {
min-inline-size: min(100%, 18rem);
}
.sdb-calendar-shell__title {
margin: 0;
color: var(--sdb-color-title, #364048);
font: var(--sdb-font-weight-semibold, 600) 1.05rem/1.3 var(--sdb-font-heading, inherit);
}
.sdb-calendar-shell__period-title {
min-inline-size: 10ch;
margin: 0;
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
text-align: center;
}
.sdb-calendar-shell__nav-button,
.sdb-calendar-shell__action,
.sdb-calendar-shell__overflow {
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: var(--sdb-touch-target-min, 44px);
min-block-size: var(--sdb-touch-target-min, 44px);
padding: var(--sdb-space-2, 8px) var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-outline, #D6E0EA);
border-radius: var(--sdb-ui-control-radius, var(--sdb-radius-md, 10px));
background: var(--sdb-color-surface, #FFFFFF);
color: var(--sdb-color-title, #364048);
font: inherit;
font-weight: var(--sdb-font-weight-medium, 500);
cursor: pointer;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease);
}
.sdb-calendar-shell__nav-button:hover,
.sdb-calendar-shell__action:hover,
.sdb-calendar-shell__overflow:hover {
border-color: var(--sdb-color-primary, #0058B7);
color: var(--sdb-color-primary, #0058B7);
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
}
.sdb-calendar-shell__nav-button:focus-visible,
.sdb-calendar-shell__action:focus-visible,
.sdb-calendar-shell__overflow:focus-visible,
.sdb-calendar-shell__cell:focus-visible,
.sdb-calendar-shell__event-slot:focus-visible,
.sdb-calendar-shell__event:focus-visible,
.sdb-calendar-shell__mobile-item :where(a, button):focus-visible {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: var(--sdb-state-focus-ring, 0 0 0 3px rgba(0, 155, 216, .22));
}
.sdb-calendar-shell__legend {
padding: var(--sdb-space-3, 12px) var(--sdb-space-5, 20px);
margin: 0;
border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8));
background: var(--sdb-color-surface, #FFFFFF);
font-size: .82rem;
list-style: none;
}
.sdb-calendar-shell__legend-title {
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell__legend-item {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-1, 4px);
}
.sdb-calendar-shell__legend-swatch {
inline-size: .75rem;
block-size: .75rem;
border: 1px solid currentColor;
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-calendar-legend-bg, var(--sdb-hue-blue-bg, #E4F1FF));
color: var(--sdb-calendar-legend-border, var(--sdb-hue-blue-border, #A9CDF5));
}
.sdb-calendar-shell__legend-swatch--training {
--sdb-calendar-legend-bg: var(--sdb-hue-purple-bg, #F0ECFB);
--sdb-calendar-legend-border: var(--sdb-hue-purple-border, #CFC2F0);
}
.sdb-calendar-shell__legend-swatch--remote {
--sdb-calendar-legend-bg: var(--sdb-hue-grey-bg, #EEF2F6);
--sdb-calendar-legend-border: var(--sdb-hue-grey-border, #CBD5DF);
}
.sdb-calendar-shell__viewport {
max-inline-size: 100%;
overflow: auto;
overscroll-behavior-inline: contain;
scrollbar-gutter: stable;
-webkit-overflow-scrolling: touch;
}
.sdb-calendar-shell__grid {
display: grid;
grid-template-columns: repeat(var(--sdb-calendar-columns), minmax(var(--sdb-calendar-cell-min-width, 116px), 1fr));
inline-size: max-content;
min-inline-size: 100%;
background: var(--sdb-color-surface, #FFFFFF);
}
.sdb-calendar-shell__row {
display: contents;
}
.sdb-calendar-shell__column-header,
.sdb-calendar-shell__row-header,
.sdb-calendar-shell__cell,
.sdb-calendar-shell__event-slot {
min-inline-size: 0;
min-block-size: var(--sdb-calendar-cell-min-height, 72px);
padding: var(--sdb-space-2, 8px);
border-inline-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8));
border-block-end: 1px solid var(--sdb-calendar-grid-border, var(--sdb-color-outline-variant, #EEF3F8));
background: var(--sdb-color-surface, #FFFFFF);
}
.sdb-calendar-shell__column-header {
position: sticky;
inset-block-start: 0;
z-index: var(--sdb-z-sticky, 20);
min-block-size: auto;
background: var(--sdb-color-surface-low, #FAFCFE);
color: var(--sdb-color-title, #364048);
font-size: .78rem;
font-weight: var(--sdb-font-weight-semibold, 600);
text-align: start;
}
.sdb-calendar-shell__column-header time {
display: block;
color: inherit;
}
.sdb-calendar-shell__cell,
.sdb-calendar-shell__event-slot {
position: relative;
display: grid;
align-content: start;
gap: var(--sdb-calendar-event-gap, 4px);
outline: none;
transition: background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-calendar-shell__cell:hover,
.sdb-calendar-shell__event-slot:hover {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
}
.sdb-calendar-shell__cell[aria-selected="true"],
.sdb-calendar-shell__cell.is-selected,
.sdb-calendar-shell__cell.is-in-range,
.sdb-calendar-shell__cell--selected,
.sdb-calendar-shell__cell--in-range,
.sdb-calendar-shell__event-slot[aria-selected="true"],
.sdb-calendar-shell__event-slot.is-selected,
.sdb-calendar-shell__event-slot.is-in-range,
.sdb-calendar-shell__event-slot--selected,
.sdb-calendar-shell__event-slot--in-range {
background: var(--sdb-calendar-selected-bg, rgba(0, 88, 183, .085));
}
.sdb-calendar-shell__cell.is-today,
.sdb-calendar-shell__cell--today,
.sdb-calendar-shell__event-slot.is-today,
.sdb-calendar-shell__event-slot--today {
box-shadow: inset 0 0 0 2px var(--sdb-calendar-today-outline, #0058B7);
}
.sdb-calendar-shell__cell.is-today::before,
.sdb-calendar-shell__cell--today::before,
.sdb-calendar-shell__event-slot.is-today::before,
.sdb-calendar-shell__event-slot--today::before {
content: attr(data-sdb-today-label);
color: var(--sdb-color-primary, #0058B7);
font-size: .72rem;
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell__cell.is-empty,
.sdb-calendar-shell__cell--empty,
.sdb-calendar-shell__event-slot.is-empty,
.sdb-calendar-shell__event-slot--empty {
place-content: center;
color: var(--sdb-color-muted, #8E9AA7);
}
.sdb-calendar-shell__event-stack {
display: grid;
gap: var(--sdb-calendar-event-gap, 4px);
}
.sdb-calendar-shell__event {
display: grid;
gap: 2px;
min-block-size: var(--sdb-touch-target-min, 44px);
padding: var(--sdb-space-2, 8px);
border: 1px solid var(--sdb-calendar-event-border, var(--sdb-hue-blue-border, #A9CDF5));
border-radius: var(--sdb-calendar-event-radius, var(--sdb-radius-sm, 6px));
background: var(--sdb-calendar-event-bg, var(--sdb-hue-blue-bg, #E4F1FF));
color: var(--sdb-calendar-event-text, var(--sdb-hue-blue-fg, #0B4A8F));
font: inherit;
line-height: 1.25;
text-align: start;
text-decoration: none;
cursor: default;
overflow: hidden;
}
.sdb-calendar-shell :is(a, button).sdb-calendar-shell__event {
cursor: pointer;
}
.sdb-calendar-shell :is(a, button).sdb-calendar-shell__event:hover {
border-color: currentColor;
}
.sdb-calendar-shell__event-title {
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell__event-meta {
font-size: .75rem;
opacity: .88;
}
.sdb-calendar-shell__event--absence {
--sdb-calendar-event-bg: var(--sdb-hue-amber-bg, #FFF3D6);
--sdb-calendar-event-text: var(--sdb-hue-amber-fg, #8A5200);
--sdb-calendar-event-border: var(--sdb-hue-amber-border, #F4D48A);
}
.sdb-calendar-shell__event--training {
--sdb-calendar-event-bg: var(--sdb-hue-purple-bg, #F0ECFB);
--sdb-calendar-event-text: var(--sdb-hue-purple-fg, #4B32A8);
--sdb-calendar-event-border: var(--sdb-hue-purple-border, #CFC2F0);
}
.sdb-calendar-shell__event--remote {
--sdb-calendar-event-bg: var(--sdb-hue-grey-bg, #EEF2F6);
--sdb-calendar-event-text: var(--sdb-hue-grey-fg, #41505E);
--sdb-calendar-event-border: var(--sdb-hue-grey-border, #CBD5DF);
}
.sdb-calendar-shell__overflow {
justify-self: start;
min-inline-size: 0;
min-block-size: var(--sdb-touch-target-min, 44px);
padding-block: 4px;
color: var(--sdb-color-primary, #0058B7);
font-size: .78rem;
}
.sdb-calendar-shell__mobile-list {
display: none;
margin: 0;
padding: var(--sdb-space-3, 12px);
list-style: none;
}
.sdb-calendar-shell__mobile-group + .sdb-calendar-shell__mobile-group {
margin-block-start: var(--sdb-space-4, 16px);
}
.sdb-calendar-shell__mobile-date,
.sdb-calendar-shell__mobile-group > time {
display: block;
margin-block-end: var(--sdb-space-2, 8px);
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell__mobile-items,
.sdb-calendar-shell__mobile-group > ul {
display: grid;
gap: var(--sdb-space-2, 8px);
margin: 0;
padding: 0;
list-style: none;
}
.sdb-calendar-shell__mobile-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--sdb-space-2, 8px);
align-items: center;
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-outline-variant, #EEF3F8);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-color-surface, #FFFFFF);
}
.sdb-calendar-shell__mobile-item-title {
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell__empty {
display: grid;
justify-items: start;
gap: var(--sdb-space-2, 8px);
padding: var(--sdb-space-6, 24px);
color: var(--sdb-color-muted, #8E9AA7);
} .sdb-calendar-shell--team-map {
--sdb-calendar-period-columns: 7;
}
.sdb-calendar-shell--team-map .sdb-calendar-shell__grid {
grid-template-columns:
minmax(var(--sdb-calendar-team-column-width, 196px), var(--sdb-calendar-team-column-width, 196px))
repeat(var(--sdb-calendar-period-columns), minmax(var(--sdb-calendar-cell-min-width, 116px), 1fr));
inline-size: max-content;
min-inline-size: 100%;
}
.sdb-calendar-shell--team-map .sdb-calendar-shell__row-header,
.sdb-calendar-shell--team-map .sdb-calendar-shell__column-header--people {
position: sticky;
inset-inline-start: 0;
z-index: calc(var(--sdb-z-sticky, 20) + 1);
background: var(--sdb-color-surface-lowest, #FFFFFF);
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-calendar-shell--team-map .sdb-calendar-shell__column-header--people {
z-index: calc(var(--sdb-z-sticky, 20) + 2);
background: var(--sdb-color-surface-low, #FAFCFE);
}
.sdb-calendar-shell--team-map .sdb-calendar-shell__event-slot {
display: grid;
align-content: center;
padding: var(--sdb-calendar-event-gap, 4px);
}
.sdb-calendar-shell--high-contrast {
--sdb-calendar-grid-border: var(--sdb-color-outline, #D6E0EA);
--sdb-calendar-selected-bg: var(--sdb-color-primary-bg, #E4F5FF);
}
.sdb-calendar-shell--high-contrast .sdb-calendar-shell__event {
border-width: 2px;
}
@media (max-width: 782px) {
.sdb-calendar-shell {
overflow: visible;
border-radius: var(--sdb-radius-md, 10px);
}
.sdb-calendar-shell__header,
.sdb-calendar-shell__legend {
padding-inline: var(--sdb-space-3, 12px);
}
.sdb-calendar-shell__heading,
.sdb-calendar-shell__period,
.sdb-calendar-shell__actions {
inline-size: 100%;
}
.sdb-calendar-shell__period {
justify-content: space-between;
}
.sdb-calendar-shell__period-title {
flex: 1 1 auto;
}
.sdb-calendar-shell__actions > * {
flex: 1 1 auto;
}
.sdb-calendar-shell__viewport {
display: none;
}
.sdb-calendar-shell__mobile-list {
display: block;
}
.sdb-calendar-shell__mobile-item {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-calendar-shell__nav-button,
.sdb-calendar-shell__action,
.sdb-calendar-shell__overflow,
.sdb-calendar-shell__cell {
transition: none;
}
}
@media (forced-colors: active) {
.sdb-calendar-shell,
.sdb-calendar-shell__event,
.sdb-calendar-shell__cell,
.sdb-calendar-shell__event-slot,
.sdb-calendar-shell__column-header,
.sdb-calendar-shell__row-header {
border-color: CanvasText;
}
.sdb-calendar-shell__cell.is-today,
.sdb-calendar-shell__cell--today,
.sdb-calendar-shell__event-slot.is-today,
.sdb-calendar-shell__event-slot--today,
.sdb-calendar-shell__cell[aria-selected="true"] {
outline: 2px solid Highlight;
outline-offset: -3px;
}
.sdb-calendar-shell__event,
.sdb-calendar-shell__nav-button,
.sdb-calendar-shell__action {
forced-color-adjust: auto;
}
} .sdb-report,
.sdb-report * {
box-sizing: border-box;
}
.sdb-report {
page: sdb-institutional-report;
inline-size: min(100%, 210mm);
min-block-size: 297mm;
margin-inline: auto;
padding: 16mm;
color: var(--sdb-color-title, #364048);
background: var(--sdb-color-surface, #FFFFFF);
font-family: var(--sdb-font-body, Arial, sans-serif);
line-height: 1.45;
}
.sdb-report--landscape,
.sdb-report__wide {
page: sdb-institutional-report-wide;
}
.sdb-report__header,
.sdb-report__title-block,
.sdb-report__section,
.sdb-report__metrics,
.sdb-report__methodology {
break-inside: avoid;
}
.sdb-report__header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--sdb-space-4, 16px);
align-items: end;
padding-block-end: var(--sdb-space-4, 16px);
border-block-end: 2px solid var(--sdb-color-primary, #0058B7);
}
.sdb-report__identity {
display: grid;
gap: var(--sdb-space-1, 4px);
}
.sdb-report__institution {
color: var(--sdb-color-primary, #0058B7);
font-family: var(--sdb-font-heading, Arial, sans-serif);
font-size: 1rem;
font-weight: var(--sdb-font-weight-bold, 700);
}
.sdb-report__context,
.sdb-report__meta,
.sdb-report__generated {
color: var(--sdb-color-muted, #8E9AA7);
font-size: .78rem;
}
.sdb-report__title-block {
padding-block: var(--sdb-space-6, 24px);
}
.sdb-report__title {
margin: 0;
color: var(--sdb-color-title, #364048);
font: var(--sdb-font-weight-bold, 700) 1.75rem/1.15 var(--sdb-font-heading, Arial, sans-serif);
}
.sdb-report__subtitle {
margin: var(--sdb-space-2, 8px) 0 0;
color: var(--sdb-color-text, #6B7785);
}
.sdb-report__metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(32mm, 1fr));
gap: var(--sdb-space-3, 12px);
margin-block: 0 var(--sdb-space-6, 24px);
}
.sdb-report__metric {
display: grid;
gap: var(--sdb-space-1, 4px);
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-outline-variant, #EEF3F8);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-surface-low, #FAFCFE);
}
.sdb-report__metric-value,
.sdb-report__metric > strong {
color: var(--sdb-color-title, #364048);
font: var(--sdb-font-weight-bold, 700) 1.4rem/1 var(--sdb-font-heading, Arial, sans-serif);
}
.sdb-report__metric-label,
.sdb-report__metric > span {
color: var(--sdb-color-text, #6B7785);
font-size: .75rem;
}
.sdb-report__section {
margin-block: 0 var(--sdb-space-6, 24px);
}
.sdb-report__section-title,
.sdb-report__section > :is(h2, h3, h4) {
margin: 0 0 var(--sdb-space-3, 12px);
padding-block-end: var(--sdb-space-2, 8px);
border-block-end: 1px solid var(--sdb-color-outline, #D6E0EA);
color: var(--sdb-color-title, #364048);
font: var(--sdb-font-weight-semibold, 600) 1.05rem/1.25 var(--sdb-font-heading, Arial, sans-serif);
}
.sdb-report__table-wrap {
max-inline-size: 100%;
}
.sdb-report__table {
inline-size: 100%;
border-collapse: collapse;
font-size: .78rem;
}
.sdb-report__table caption {
margin-block-end: var(--sdb-space-2, 8px);
color: var(--sdb-color-text, #6B7785);
font-weight: var(--sdb-font-weight-semibold, 600);
text-align: start;
}
.sdb-report__table th,
.sdb-report__table td {
padding: 6px 8px;
border: 1px solid var(--sdb-color-outline-variant, #EEF3F8);
text-align: start;
vertical-align: top;
}
.sdb-report__table th {
background: var(--sdb-color-surface-high, #F5F8FB);
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
}
.sdb-report__chart {
display: grid;
gap: var(--sdb-space-2, 8px);
min-block-size: 42mm;
padding: var(--sdb-space-3, 12px);
border: 1px solid var(--sdb-color-outline-variant, #EEF3F8);
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-color-surface, #FFFFFF);
}
.sdb-report__chart-caption,
.sdb-report__chart figcaption {
color: var(--sdb-color-text, #6B7785);
font-size: .75rem;
}
.sdb-report__chart-bars {
display: flex;
align-items: end;
gap: var(--sdb-space-3, 12px);
min-block-size: 28mm;
padding: var(--sdb-space-2, 8px);
border-block-end: 1px solid var(--sdb-chart-grid, var(--sdb-color-outline-variant, #EEF3F8));
}
.sdb-report__chart-bars > span {
flex: 1 1 0;
block-size: var(--sdb-report-value, 50%);
min-inline-size: 8mm;
border-radius: var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) 0 0;
background: var(--sdb-chart-1, var(--sdb-color-primary, #0058B7));
}
.sdb-report__chart-bars > span:nth-child(2) {
background: var(--sdb-chart-2, var(--sdb-color-secondary, #009BD8));
}
.sdb-report__chart-bars > span:nth-child(3) {
background: var(--sdb-chart-3, var(--sdb-hue-teal-fg, #0C5A55));
}
.sdb-report__methodology {
padding: var(--sdb-space-3, 12px);
border-inline-start: 3px solid var(--sdb-color-outline, #D6E0EA);
background: var(--sdb-color-surface-low, #FAFCFE);
color: var(--sdb-color-text, #6B7785);
font-size: .76rem;
}
.sdb-report__footer {
display: flex;
align-items: end;
justify-content: space-between;
gap: var(--sdb-space-3, 12px);
margin-block-start: var(--sdb-space-8, 32px);
padding-block-start: var(--sdb-space-3, 12px);
border-block-start: 1px solid var(--sdb-color-outline, #D6E0EA);
color: var(--sdb-color-muted, #8E9AA7);
font-size: .7rem;
}
.sdb-report__page-number::after {
content: counter(page);
}
.sdb-report__page-total::after {
content: counter(pages);
}
.sdb-report__interactive-only {
display: initial;
}
.sdb-report__page-break-before,
.sdb-report__section--new-page {
break-before: page;
}
.sdb-report__page-break-after {
break-after: page;
}
.sdb-report__keep-together {
break-inside: avoid;
}
.sdb-report__wide {
font-size: .9em;
word-break: normal;
}
.sdb-report--monochrome,
.sdb-report--monochrome * {
color: #000000;
border-color: #777777;
background: #FFFFFF;
box-shadow: none;
text-shadow: none;
}
@page sdb-institutional-report {
size: A4 portrait;
margin: 14mm 14mm 18mm;
}
@page sdb-institutional-report-wide {
size: A4 landscape;
margin: 12mm 14mm 16mm;
}
@media print {
.sdb-report {
inline-size: auto;
min-block-size: 0;
margin: 0;
padding: 0;
color: #111111;
background: #FFFFFF;
box-shadow: none;
print-color-adjust: exact;
-webkit-print-color-adjust: exact;
}
.sdb-report__interactive-only,
.sdb-report :where(nav, [data-sdb-interactive-only="true"]) {
display: none !important;
}
.sdb-report__header,
.sdb-report__metric,
.sdb-report__chart,
.sdb-report__methodology {
box-shadow: none;
}
.sdb-report__table thead {
display: table-header-group;
}
.sdb-report__table tfoot {
display: table-footer-group;
}
.sdb-report__table tr,
.sdb-report__chart,
.sdb-report__metric,
.sdb-report__methodology {
break-inside: avoid;
}
.sdb-report__section--new-page,
.sdb-report__page-break-before {
break-before: page;
}
.sdb-report__page-break-after {
break-after: page;
}
.sdb-report__footer {
position: fixed;
inset-inline: 0;
inset-block-end: -12mm;
}
.sdb-report--monochrome,
.sdb-report--monochrome * {
color: #000000 !important;
border-color: #777777 !important;
background: #FFFFFF !important;
}
} .sdb-surface--gradient-soft {
background: var(--sdb-color-surface, #FFFFFF);
background:
linear-gradient(
135deg,
color-mix(in srgb, var(--sdb-color-primary, #0058B7) 5%, var(--sdb-color-surface, #FFFFFF)),
var(--sdb-color-surface, #FFFFFF) 58%,
color-mix(in srgb, var(--sdb-color-secondary, #009BD8) 4%, var(--sdb-color-surface, #FFFFFF))
);
}
.sdb-surface--glass {
border: 1px solid var(--sdb-color-outline-variant, #EEF3F8);
background: var(--sdb-color-surface, #FFFFFF);
box-shadow: var(--sdb-elevation-2, 0 10px 24px rgba(31, 42, 54, .08));
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
.sdb-surface--glass {
background: color-mix(in srgb, var(--sdb-color-surface, #FFFFFF) 88%, transparent);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
} :root {
--sdb-type-page-title-size: clamp(1.65rem, 2.1vw, 2.15rem);
--sdb-type-page-title-line-height: 1.12;
--sdb-type-section-title-size: var(--sdb-type-title-lg-size, 1.35rem);
--sdb-type-section-title-line-height: 1.25;
--sdb-type-card-title-size: var(--sdb-type-title-md-size, 1.125rem);
--sdb-type-card-title-line-height: var(--sdb-type-title-md-line-height, 1.3);
--sdb-type-body-md-line-height: 1.55;
--sdb-type-body-sm-line-height: 1.45;
--sdb-type-label-md-line-height: 1.3;
--sdb-type-label-sm-line-height: 1.25;
--sdb-type-metadata-size: var(--sdb-type-label-sm-size, .78rem);
--sdb-type-metadata-line-height: 1.35;
--sdb-type-eyebrow-size: var(--sdb-type-label-sm-size, .78rem);
--sdb-type-eyebrow-line-height: 1.2;
--sdb-type-kpi-md-size: clamp(1.45rem, 2.2vw, 1.85rem);
--sdb-type-kpi-lg-size: clamp(1.9rem, 3vw, 2.55rem);
--sdb-type-kpi-line-height: 1.05;
--sdb-type-table-size: var(--sdb-type-body-sm-size, .925rem);
--sdb-type-caption-size: var(--sdb-type-label-sm-size, .78rem);
--sdb-icon-size-xs: 12px;
--sdb-icon-size-sm: 16px;
--sdb-icon-size-md: 18px;
--sdb-icon-size-lg: 20px;
--sdb-icon-size-xl: 24px;
}
.sdb-icon {
display: inline-block;
inline-size: var(--sdb-icon-size-md);
block-size: var(--sdb-icon-size-md);
flex: 0 0 auto;
vertical-align: -.125em;
overflow: visible;
}
.sdb-icon--xs { inline-size: var(--sdb-icon-size-xs); block-size: var(--sdb-icon-size-xs); }
.sdb-icon--sm { inline-size: var(--sdb-icon-size-sm); block-size: var(--sdb-icon-size-sm); }
.sdb-icon--md { inline-size: var(--sdb-icon-size-md); block-size: var(--sdb-icon-size-md); }
.sdb-icon--lg { inline-size: var(--sdb-icon-size-lg); block-size: var(--sdb-icon-size-lg); }
.sdb-icon--xl { inline-size: var(--sdb-icon-size-xl); block-size: var(--sdb-icon-size-xl); }
.sdb-u-tabular-nums {
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1;
}
.sdb-type-page-title {
font-family: var(--sdb-font-heading);
font-size: var(--sdb-type-page-title-size);
line-height: var(--sdb-type-page-title-line-height);
font-weight: var(--sdb-font-weight-bold, 700);
color: var(--sdb-color-title);
letter-spacing: -.02em;
}
.sdb-type-section-title {
font-family: var(--sdb-font-heading);
font-size: var(--sdb-type-section-title-size);
line-height: var(--sdb-type-section-title-line-height);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title);
}
.sdb-type-card-title {
font-family: var(--sdb-font-heading);
font-size: var(--sdb-type-card-title-size);
line-height: var(--sdb-type-card-title-line-height);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title);
}
.sdb-type-metadata {
font-family: var(--sdb-font-meta);
font-size: var(--sdb-type-metadata-size);
line-height: var(--sdb-type-metadata-line-height);
color: var(--sdb-color-muted);
}
.sdb-type-kpi--md,
.sdb-type-kpi--lg {
font-family: var(--sdb-font-heading);
font-weight: var(--sdb-font-weight-bold, 700);
line-height: var(--sdb-type-kpi-line-height);
letter-spacing: -.02em;
font-variant-numeric: tabular-nums;
}
.sdb-type-kpi--md { font-size: var(--sdb-type-kpi-md-size); }
.sdb-type-kpi--lg { font-size: var(--sdb-type-kpi-lg-size); }
@media (max-width: 782px) {
:root {
--sdb-type-page-title-size: clamp(1.45rem, 6vw, 1.85rem);
--sdb-type-kpi-lg-size: clamp(1.7rem, 8vw, 2.15rem);
}
}
@media (forced-colors: active) {
.sdb-icon { forced-color-adjust: auto; }
} :root {
--sdb-side-panel-width-sm: min(100vw, 360px);
--sdb-side-panel-width-md: min(100vw, 480px);
--sdb-side-panel-width-lg: min(100vw, 640px);
--sdb-side-panel-width-xl: min(100vw, 880px);
--sdb-side-panel-header-padding: var(--sdb-space-5, 20px) var(--sdb-space-5, 20px) var(--sdb-space-4, 16px);
--sdb-side-panel-body-padding: var(--sdb-space-5, 20px);
--sdb-side-panel-actions-padding: var(--sdb-space-4, 16px) var(--sdb-space-5, 20px);
--sdb-side-panel-section-gap: var(--sdb-space-6, 24px);
}
.sdb-side-panel--sm { --sdb-side-panel-width: var(--sdb-side-panel-width-sm); }
.sdb-side-panel--md { --sdb-side-panel-width: var(--sdb-side-panel-width-md); }
.sdb-side-panel--lg { --sdb-side-panel-width: var(--sdb-side-panel-width-lg); }
.sdb-side-panel--xl { --sdb-side-panel-width: var(--sdb-side-panel-width-xl); }
.sdb-side-panel[data-sdb-component="side-panel"]:not([data-sdb-mode="complementary"]) {
position: fixed;
inset-block: 0;
inset-inline-end: 0;
z-index: calc(var(--sdb-modal-z-index, var(--sdb-z-modal, 1000)) + 1 + var(--sdb-layer-stack-offset, 0));
inline-size: var(--sdb-side-panel-width, var(--sdb-side-panel-width-md));
max-inline-size: 100vw;
block-size: 100dvh;
padding: 0;
border-block: 0;
border-inline-end: 0;
border-radius: var(--sdb-shape-lg, 16px) 0 0 var(--sdb-shape-lg, 16px);
overflow: hidden;
display: grid;
grid-template-rows: auto minmax(0, 1fr) auto;
}
[dir="rtl"] .sdb-side-panel[data-sdb-component="side-panel"]:not([data-sdb-mode="complementary"]) {
inset-inline-start: 0;
inset-inline-end: auto;
border-radius: 0 var(--sdb-shape-lg, 16px) var(--sdb-shape-lg, 16px) 0;
}
.sdb-side-panel[hidden] { display: none !important; }
.sdb-side-panel__header {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--sdb-space-3, 12px);
align-items: start;
padding: var(--sdb-side-panel-header-padding);
border-block-end: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border));
}
.sdb-side-panel__title {
margin: 0;
font-family: var(--sdb-font-heading);
font-size: var(--sdb-type-section-title-size, 1.35rem);
line-height: var(--sdb-type-section-title-line-height, 1.25);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title);
}
.sdb-side-panel__description {
grid-column: 1 / -1;
margin: 0;
max-inline-size: 56ch;
color: var(--sdb-color-text);
font-size: var(--sdb-type-body-sm-size, .925rem);
line-height: var(--sdb-type-body-sm-line-height, 1.45);
}
.sdb-side-panel__body {
min-block-size: 0;
overflow-y: auto;
overscroll-behavior: contain;
padding: var(--sdb-side-panel-body-padding);
}
.sdb-side-panel__section {
display: grid;
gap: var(--sdb-space-3, 12px);
}
.sdb-side-panel__section--compact {
gap: var(--sdb-space-2, 8px);
}
.sdb-side-panel__section + .sdb-side-panel__section {
margin-block-start: var(--sdb-side-panel-section-gap);
padding-block-start: var(--sdb-side-panel-section-gap);
border-block-start: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border));
}
.sdb-side-panel__section-title {
margin: 0 !important;
font-family: var(--sdb-font-heading);
font-size: var(--sdb-type-card-title-size, 1.125rem);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title);
}
.sdb-side-panel__section-title + * {
margin-block-start: 0 !important;
}
.sdb-side-panel__actions {
position: sticky;
inset-block-end: 0;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--sdb-space-2, 8px);
padding: var(--sdb-side-panel-actions-padding);
border-block-start: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border));
background: var(--sdb-color-surface);
}
.sdb-side-panel[data-sdb-mode="complementary"] {
position: static;
inline-size: min(100%, var(--sdb-side-panel-width, var(--sdb-side-panel-width-md)));
padding: 0;
border-radius: var(--sdb-shape-lg, 16px);
box-shadow: var(--sdb-elevation-1, none);
overflow: clip;
}
.sdb-active-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-space-2, 8px);
min-inline-size: 0;
}
.sdb-active-filters__label {
font-size: var(--sdb-type-label-sm-size, .78rem);
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-muted);
}
.sdb-filter-chip {
display: inline-flex;
align-items: center;
gap: 2px;
min-block-size: 30px;
padding-inline-start: 10px;
padding-inline-end: 4px;
border: 1px solid var(--sdb-hue-blue-border, rgba(0, 88, 183, .18));
border-radius: var(--sdb-shape-pill, 999px);
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
color: var(--sdb-color-on-surface, var(--sdb-color-title));
font-size: var(--sdb-type-label-sm-size, .78rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
box-shadow: var(--sdb-elevation-0, none);
transition:
background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease),
border-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease),
color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease),
box-shadow var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-filter-chip:hover,
.sdb-filter-chip:focus-within {
border-color: var(--sdb-state-selected-border, rgba(0, 88, 183, .35));
background: var(--sdb-state-selected-bg, rgba(0, 88, 183, .085));
color: var(--sdb-color-primary, #0058b7);
box-shadow: var(--sdb-elevation-1, 0 4px 12px rgba(31, 42, 54, .05));
}
.sdb-filter-chip__remove {
--sdb-filter-chip-remove-size: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
min-inline-size: var(--sdb-filter-chip-remove-size);
min-block-size: var(--sdb-filter-chip-remove-size);
margin: -2px -1px -2px -2px;
border: 0;
border-radius: var(--sdb-shape-pill, 999px);
background: transparent;
color: var(--sdb-color-on-surface-muted, var(--sdb-color-muted));
text-decoration: none;
cursor: pointer;
transition:
background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease),
color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease),
transform var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
.sdb-filter-chip__remove .sdb-icon {
inline-size: 12px;
block-size: 12px;
}
.sdb-filter-chip__remove:hover {
background: var(--sdb-state-active-bg, rgba(0, 88, 183, .10));
color: var(--sdb-color-primary-hover, #00458f);
text-decoration: none;
}
.sdb-filter-chip__remove:active {
transform: scale(.94);
}
.sdb-filter-chip__remove:focus-visible {
outline: none;
box-shadow: var(--sdb-state-focus-ring);
text-decoration: none;
}
.sdb-filters-trigger {
display: inline-flex;
align-items: center;
gap: var(--sdb-space-2, 8px);
}
.sdb-filters-trigger__count {
display: inline-grid;
place-items: center;
min-inline-size: 1.45em;
block-size: 1.45em;
padding-inline: .3em;
border-radius: var(--sdb-shape-pill, 999px);
background: var(--sdb-state-selected-bg);
color: var(--sdb-color-primary);
font-size: .82em;
font-variant-numeric: tabular-nums;
}
.sdb-admin-kpi-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: var(--sdb-touch-target-min, 44px);
block-size: var(--sdb-touch-target-min, 44px);
color: var(--sdb-admin-accent-surface-color, var(--sdb-color-primary));
align-self: start;
}
.sdb-admin-kpi-card__icon .sdb-icon {
inline-size: var(--sdb-icon-size-lg, 20px);
block-size: var(--sdb-icon-size-lg, 20px);
}
.sdb-admin-kpi-strip {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--sdb-admin-dashboard-kpi-min-width, 160px)), 1fr));
gap: var(--sdb-admin-dashboard-gap, 20px);
}
.sdb-admin-kpi-card__value {
font-variant-numeric: tabular-nums;
}
@media (max-width: 782px) {
.sdb-side-panel[data-sdb-component="side-panel"]:not([data-sdb-mode="complementary"]) {
inline-size: min(100vw, var(--sdb-side-panel-width, 100vw));
border-radius: 0;
}
.sdb-side-panel__actions {
justify-content: stretch;
}
.sdb-side-panel__actions > .sdb-btn {
flex: 1 1 10rem;
min-block-size: var(--sdb-touch-target-min, 44px);
}
.sdb-active-filters {
align-items: stretch;
}
.sdb-admin-kpi-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.sdb-admin-kpi-strip { grid-template-columns: 1fr; }
}
@media (hover: none), (pointer: coarse) {
.sdb-filter-chip__remove {
--sdb-filter-chip-remove-size: var(--sdb-touch-target-min, 44px);
margin: -6px -8px -6px 0;
}
}
@media (forced-colors: active) {
.sdb-side-panel,
.sdb-filter-chip,
.sdb-admin-kpi-card { border-color: CanvasText; }
} .sdb-document-list--attachments {
display: grid;
gap: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--sdb-color-border, #e7eef5);
border-radius: var(--sdb-radius-lg, 14px);
background: var(--sdb-color-surface, #fff);
box-shadow: var(--sdb-shadow-sm, 0 4px 14px rgba(16,40,70,.06));
}
.sdb-document-list--attachments .sdb-document-item {
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--sdb-space-3, 12px);
min-block-size: 48px;
margin: 0;
padding: 9px 12px;
border: 0;
background: var(--sdb-color-surface, #fff);
}
.sdb-document-list--attachments .sdb-document-item + .sdb-document-item {
border-block-start: 1px solid var(--sdb-color-border-soft, #edf2f7);
}
.sdb-document-list--attachments .sdb-document-item__icon {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 28px;
block-size: 28px;
border-radius: var(--sdb-radius-sm, 6px);
background: var(--sdb-hue-blue-bg, #e4f1ff);
color: var(--sdb-hue-blue-fg, #0b4a8f);
}
.sdb-document-list--attachments .sdb-document-item__body {
display: grid;
gap: 2px;
min-inline-size: 0;
}
.sdb-document-list--attachments .sdb-document-item__title {
width: fit-content;
max-width: 100%;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--sdb-color-title, #16233b);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-body-sm-size, .78rem);
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.35;
text-align: start;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
button.sdb-document-item__title,
a.sdb-document-item__title { cursor: pointer; }
button.sdb-document-item__title:hover,
button.sdb-document-item__title:focus-visible,
a.sdb-document-item__title:hover,
a.sdb-document-item__title:focus-visible {
color: var(--sdb-color-primary, #0058b7);
text-decoration: underline;
text-underline-offset: 2px;
outline: none;
}
.sdb-document-list--attachments .sdb-document-item__meta {
color: var(--sdb-color-muted, #8895a4);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-metadata-size, .68rem);
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.35;
}
.sdb-document-list--attachments .sdb-document-item__actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: var(--sdb-space-1, 4px);
}
.sdb-document-list--attachments .sdb-document-item--preserved {
background: color-mix(in srgb, var(--sdb-hue-blue-bg, #e4f1ff) 34%, var(--sdb-color-surface, #fff));
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--sdb-color-primary, #0058b7) 42%, transparent);
}
.sdb-document-list--attachments .sdb-document-item--preserved .sdb-document-item__icon {
background: var(--sdb-color-surface, #fff);
}
.sdb-document-list--attachments .sdb-document-item__preserved-label {
color: var(--sdb-color-muted, #8895a4);
font-size: var(--sdb-type-metadata-size, .66rem);
font-weight: var(--sdb-font-weight-medium, 500);
white-space: nowrap;
}
.sdb-checklist {
display: grid;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
border: 1px solid var(--sdb-color-border, #e7eef5);
border-radius: var(--sdb-radius-lg, 14px);
background: var(--sdb-color-surface, #fff);
}
.sdb-checklist__item {
position: relative;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--sdb-space-3, 12px);
align-items: center;
min-block-size: 52px;
padding: 9px 12px;
background: var(--sdb-color-surface, #fff);
}
.sdb-checklist__item + .sdb-checklist__item {
border-block-start: 1px solid var(--sdb-color-border-soft, #edf2f7);
}
.sdb-checklist__marker {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 20px;
block-size: 20px;
border: 1.5px solid var(--sdb-color-border-strong, #d6e0eb);
border-radius: 50%;
background: var(--sdb-color-surface, #fff);
color: transparent;
flex: 0 0 auto;
}
.sdb-checklist__item--active .sdb-checklist__marker {
border-color: var(--sdb-hue-blue-fg, #0b4a8f);
box-shadow: inset 0 0 0 4px var(--sdb-hue-blue-bg, #e4f1ff);
}
.sdb-checklist__item--done .sdb-checklist__marker {
border-color: var(--sdb-hue-green-fg, #1e5f34);
background: var(--sdb-hue-green-bg, #e6f4ec);
color: var(--sdb-hue-green-fg, #1e5f34);
}
.sdb-checklist__item--done .sdb-checklist__marker::before {
content: "✓";
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.sdb-checklist__body {
display: grid;
gap: 3px;
min-inline-size: 0;
}
.sdb-checklist__title {
color: var(--sdb-color-title, #16233b);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-body-sm-size, .78rem);
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sdb-checklist__meta {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
color: var(--sdb-color-muted, #8895a4);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-metadata-size, .68rem);
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.3;
}
.sdb-checklist__actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: var(--sdb-space-1, 4px);
}
.sdb-checklist__item--done .sdb-checklist__title {
color: var(--sdb-color-text, #51606f);
}
@media (max-width: 620px) {
.sdb-document-list--attachments .sdb-document-item,
.sdb-checklist__item {
grid-template-columns: auto minmax(0, 1fr);
}
.sdb-document-list--attachments .sdb-document-item__actions,
.sdb-checklist__actions {
grid-column: 2;
justify-content: flex-start;
}
} .sdb-checklist--binary .sdb-checklist__item {
grid-template-columns: auto minmax(0, 1fr);
}
.sdb-checklist--binary .sdb-checklist__body {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--sdb-space-2, 8px) var(--sdb-space-4, 16px);
}
.sdb-checklist--binary .sdb-checklist__meta {
justify-content: flex-end;
white-space: nowrap;
}
.sdb-time-list {
display: grid;
gap: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--sdb-color-border, #e7eef5);
border-radius: var(--sdb-radius-lg, 14px);
background: var(--sdb-color-surface, #fff);
}
.sdb-time-list__item {
display: grid;
grid-template-columns: minmax(72px, auto) minmax(0, 1fr) auto;
align-items: center;
gap: var(--sdb-space-3, 12px);
min-block-size: 48px;
padding: 8px 12px;
}
.sdb-time-list__item + .sdb-time-list__item {
border-block-start: 1px solid var(--sdb-color-border-soft, #edf2f7);
}
.sdb-time-list__duration {
color: var(--sdb-color-title, #16233b);
font-family: var(--sdb-font-body, inherit);
font-size: var(--sdb-type-body-sm-size, .78rem);
font-weight: var(--sdb-font-weight-semibold, 600);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.sdb-time-list__body {
display: grid;
grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
align-items: center;
gap: 4px var(--sdb-space-4, 16px);
min-inline-size: 0;
}
.sdb-time-list__person,
.sdb-time-list__context {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sdb-time-list__person {
color: var(--sdb-color-text, #51606f);
font-size: var(--sdb-type-body-sm-size, .78rem);
}
.sdb-time-list__context {
color: var(--sdb-color-muted, #8895a4);
font-size: var(--sdb-type-body-sm-size, .78rem);
}
.sdb-time-list__meta {
grid-column: 1 / -1;
color: var(--sdb-color-muted, #8895a4);
font-size: var(--sdb-type-metadata-size, .68rem);
font-variant-numeric: tabular-nums;
}
.sdb-time-list__actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: var(--sdb-space-1, 4px);
}
@media (max-width: 620px) {
.sdb-checklist--binary .sdb-checklist__body {
grid-template-columns: minmax(0, 1fr);
gap: 2px;
}
.sdb-checklist--binary .sdb-checklist__meta {
justify-content: flex-start;
}
.sdb-time-list__item {
grid-template-columns: minmax(64px, auto) minmax(0, 1fr);
}
.sdb-time-list__body {
grid-template-columns: minmax(0, 1fr);
}
.sdb-time-list__meta {
grid-column: auto;
}
.sdb-time-list__actions {
grid-column: 2;
justify-content: flex-start;
}
} :root {
--sdb-app-panel-radius: var(--sdb-shape-lg, 14px);
--sdb-app-panel-border: var(--sdb-app-border, var(--sdb-color-border, #eef3f8));
--sdb-app-toolbar-radius: var(--sdb-shape-lg, 12px);
--sdb-app-toolbar-padding: 6px 8px;
--sdb-app-toolbar-gap: var(--sdb-space-2, 8px);
--sdb-app-toolbar-control-height: var(--sdb-admin-control-height, 36px);
--sdb-app-toolbar-search-max-width: 440px;
}
.sdb-app__page-header--divider {
margin-block-end: var(--sdb-space-3, 12px);
padding-block-end: var(--sdb-space-3, 12px);
border-block-end: 1px solid var(--sdb-app-border, var(--sdb-color-border, #eef3f8));
}
.sdb-app__page-header--divider.sdb-app__page-header--compact {
padding-block-end: var(--sdb-space-2, 8px);
}
.sdb-app-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--sdb-app-toolbar-gap);
inline-size: 100%;
min-inline-size: 0;
box-sizing: border-box;
margin: 0 0 var(--sdb-space-3, 12px);
padding: var(--sdb-app-toolbar-padding);
border: 1px solid var(--sdb-app-panel-border);
border-radius: var(--sdb-app-toolbar-radius);
background: var(--sdb-app-surface, var(--sdb-color-surface, #fff));
box-shadow: var(--sdb-elevation-0, none);
}
.sdb-app-toolbar :is(.sdb-admin-search-control.sdb-app-toolbar__search, .sdb-filters-trigger) {
box-sizing: border-box !important;
block-size: var(--sdb-app-toolbar-control-height) !important;
min-block-size: var(--sdb-app-toolbar-control-height) !important;
}
.sdb-app-toolbar__search {
flex: 1 1 360px;
inline-size: min(100%, var(--sdb-app-toolbar-search-max-width));
max-inline-size: var(--sdb-app-toolbar-search-max-width);
min-inline-size: 260px;
--sdb-admin-search-width: 100%;
}
.sdb-app-toolbar--no-context .sdb-app-toolbar__search {
flex: 1 1 auto;
inline-size: auto;
max-inline-size: none;
}
.sdb-app-toolbar__context {
display: flex;
align-items: center;
flex: 1 1 auto;
gap: var(--sdb-space-1, 4px);
min-inline-size: 0;
overflow-x: auto;
padding: 1px 2px;
scrollbar-width: none;
white-space: nowrap;
}
.sdb-app-toolbar__context::-webkit-scrollbar {
display: none;
}
.sdb-app-toolbar__actions {
display: flex;
align-items: center;
justify-content: flex-end;
flex: 0 0 auto;
gap: var(--sdb-space-2, 8px);
min-inline-size: 0;
margin-inline-start: auto;
}
.sdb-app-panel {
min-inline-size: 0;
border: 1px solid var(--sdb-app-panel-border);
border-radius: var(--sdb-app-panel-radius);
background: var(--sdb-app-surface, var(--sdb-color-surface, #fff));
box-shadow: var(--sdb-elevation-0, none);
overflow: hidden;
}
.sdb-app-panel__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-4, 16px);
min-inline-size: 0;
padding: var(--sdb-app-panel-padding-block, 16px) var(--sdb-app-panel-padding-inline, 20px);
}
.sdb-app-panel__header > * {
min-inline-size: 0;
}
.sdb-app-panel__header :where(h2, h3, p) {
margin: 0;
}
.sdb-app-panel__header :where(h2, h3) {
font-family: var(--sdb-font-heading, inherit);
font-size: var(--sdb-type-section-title-size, 1.05rem);
line-height: 1.25;
color: var(--sdb-color-title, #364048);
}
.sdb-app-panel__kicker {
display: inline-flex;
align-items: center;
gap: 5px;
margin-block-end: 3px;
font-family: var(--sdb-font-meta, inherit);
font-size: var(--sdb-type-metadata-size, .68rem);
font-weight: var(--sdb-font-weight-semibold, 600);
letter-spacing: .05em;
text-transform: uppercase;
color: var(--sdb-color-muted, #8e9aa7);
}
.sdb-app-panel__count {
margin-inline-start: 5px;
font-family: var(--sdb-font-meta, inherit);
font-size: .72em;
font-weight: var(--sdb-font-weight-medium, 500);
color: var(--sdb-color-muted, #8e9aa7);
}
.sdb-app-panel__meta {
flex: 0 1 auto;
font-size: var(--sdb-type-metadata-size, .72rem);
color: var(--sdb-color-muted, #8e9aa7);
}
.sdb-app-panel__body {
padding: var(--sdb-app-panel-padding-block, 16px) var(--sdb-app-panel-padding-inline, 20px);
}
.sdb-app-panel__table-region {
inline-size: 100%;
max-inline-size: 100%;
min-inline-size: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
overflow-x: auto;
overflow-y: hidden;
border-block-start: 1px solid var(--sdb-app-panel-border);
scrollbar-gutter: auto;
}
.sdb-app-panel > .sdb-app-panel__table-region.sdb-table-wrap--fit {
border-inline: 0 !important;
border-block-start: 1px solid var(--sdb-app-panel-border) !important;
border-block-end: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.sdb-app-panel__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--sdb-space-3, 12px);
padding: var(--sdb-space-3, 12px) var(--sdb-app-panel-padding-inline, 20px);
border-block-start: 1px solid var(--sdb-app-panel-border);
background: var(--sdb-app-surface, var(--sdb-color-surface, #fff));
}
@media (max-width: 640px) {
.sdb-app-toolbar__search {
flex-basis: 100%;
inline-size: 100%;
max-inline-size: none;
min-inline-size: 0;
}
.sdb-app-panel__header {
align-items: flex-start;
}
.sdb-app-panel__meta {
text-align: end;
}
.sdb-app-panel__footer {
align-items: stretch;
flex-direction: column;
}
}
@media (forced-colors: active) {
.sdb-app__page-header--divider,
.sdb-app-toolbar,
.sdb-app-panel,
.sdb-app-panel__table-region,
.sdb-app-panel__footer {
border-color: CanvasText;
}
} form[data-sdb-submit-ready="1"][aria-busy="true"] [data-sdb-submit-active="1"] {
cursor: wait;
}
[data-sdb-submit-active="1"] {
position: relative;
}
.sdb-submit-guard__spinner {
display: inline-block;
inline-size: 1em;
block-size: 1em;
margin-inline-end: .45em;
border: 2px solid currentColor;
border-inline-end-color: transparent;
border-radius: 50%;
vertical-align: -.12em;
flex: 0 0 auto;
animation: sdb-submit-guard-spin var(--sdb-motion-duration-slow, 800ms) linear infinite;
}
@keyframes sdb-submit-guard-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.sdb-submit-guard__spinner {
animation: none !important;
}
} .sdb-app-promo {
--sdb-app-promo-media-width: clamp(108px, 11vw, 156px);
--sdb-app-promo-gap: clamp(16px, 2vw, 26px);
--sdb-app-promo-title-color: var(--sdb-color-title);
--sdb-app-promo-text-color: var(--sdb-color-text);
--sdb-app-promo-eyebrow-color: var(--sdb-color-primary);
--sdb-app-promo-link-bg: var(--sdb-color-surface);
--sdb-app-promo-link-color: var(--sdb-color-title);
--sdb-app-promo-link-border: var(--sdb-color-border);
display: grid;
grid-template-columns: minmax(0, var(--sdb-app-promo-media-width)) minmax(0, 1fr);
gap: var(--sdb-app-promo-gap);
align-items: center;
min-width: 0;
color: var(--sdb-app-promo-text-color);
}
.sdb-app-promo__media {
min-width: 0;
margin: 0;
}
.sdb-app-promo__media img {
display: block;
width: 100%;
max-height: 156px;
object-fit: contain;
}
.sdb-app-promo__content {
min-width: 0;
}
.sdb-app-promo__eyebrow {
margin: 0 0 5px;
color: var(--sdb-app-promo-eyebrow-color);
font-size: .68rem;
font-weight: var(--sdb-font-weight-bold, 700);
letter-spacing: .14em;
line-height: 1.3;
text-transform: uppercase;
}
.sdb-app-promo__title {
margin: 0;
color: var(--sdb-app-promo-title-color);
font-family: var(--sdb-font-heading);
font-size: clamp(1.15rem, 1rem + .5vw, 1.5rem);
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.12;
text-wrap: balance;
}
.sdb-app-promo__text {
margin: 7px 0 0;
color: var(--sdb-app-promo-text-color);
font-size: .9rem;
line-height: 1.45;
}
.sdb-app-promo__store-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.sdb-app-promo__store-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 7px 12px;
border: 1px solid var(--sdb-app-promo-link-border);
border-radius: var(--sdb-radius-md, 10px);
background: var(--sdb-app-promo-link-bg);
color: var(--sdb-app-promo-link-color);
font-size: .78rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.15;
text-decoration: none;
transition: border-color var(--sdb-transition-fast, 160ms) ease, color var(--sdb-transition-fast, 160ms) ease, background-color var(--sdb-transition-fast, 160ms) ease;
}
.sdb-app-promo__store-link:hover {
border-color: var(--sdb-color-primary);
color: var(--sdb-color-primary);
text-decoration: none;
}
.sdb-app-promo__store-link:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .18));
}
.sdb-app-promo--media-end {
grid-template-columns: minmax(0, 1fr) minmax(0, var(--sdb-app-promo-media-width));
}
.sdb-app-promo--media-end .sdb-app-promo__media {
grid-column: 2;
grid-row: 1;
}
.sdb-app-promo--media-end .sdb-app-promo__content {
grid-column: 1;
grid-row: 1;
}
@media (max-width: 520px) {
.sdb-app-promo,
.sdb-app-promo--media-end {
grid-template-columns: 1fr;
gap: 12px;
}
.sdb-app-promo .sdb-app-promo__media,
.sdb-app-promo--media-end .sdb-app-promo__media,
.sdb-app-promo .sdb-app-promo__content,
.sdb-app-promo--media-end .sdb-app-promo__content {
grid-column: 1;
}
.sdb-app-promo .sdb-app-promo__media,
.sdb-app-promo--media-end .sdb-app-promo__media {
grid-row: 1;
width: min(42%, 132px);
}
.sdb-app-promo .sdb-app-promo__content,
.sdb-app-promo--media-end .sdb-app-promo__content {
grid-row: 2;
}
}
@media (prefers-reduced-motion: reduce) {
.sdb-app-promo__store-link {
transition: none;
}
} .sdb-document-list--attachments .sdb-document-list__item {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: var(--sdb-space-3, 12px);
align-items: center;
min-block-size: 48px;
margin: 0;
padding: 9px 12px;
border: 0;
background: var(--sdb-color-surface, #fff);
}
.sdb-document-list--attachments .sdb-document-list__item + .sdb-document-list__item { border-block-start: 1px solid var(--sdb-color-border-soft, #edf2f7); }
.sdb-document-list--attachments .sdb-document-list__icon { inline-size: 28px; block-size: 28px; border-radius: var(--sdb-radius-sm, 6px); background: var(--sdb-hue-blue-bg, #e4f1ff); color: var(--sdb-hue-blue-fg, #0b4a8f); }
.sdb-document-list--attachments .sdb-document-list__content { display: grid; gap: 2px; min-inline-size: 0; }
.sdb-document-list--attachments .sdb-document-list__title { width: fit-content; max-width: 100%; min-width: 0; font-size: var(--sdb-type-body-sm-size, .78rem); font-weight: var(--sdb-font-weight-medium, 500); line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sdb-document-list--attachments .sdb-document-list__meta { display: flex; flex-wrap: wrap; gap: var(--sdb-document-meta-gap, 8px); font-size: var(--sdb-type-metadata-size, .68rem); }
.sdb-document-list--attachments .sdb-document-list__actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--sdb-space-1, 4px); }
.sdb-document-list--attachments .sdb-document-list__item--preserved { background: color-mix(in srgb, var(--sdb-hue-blue-bg, #e4f1ff) 34%, var(--sdb-color-surface, #fff)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--sdb-color-primary, #0058b7) 42%, transparent); }
.sdb-document-list--attachments .sdb-document-list__item--preserved .sdb-document-list__icon { background: var(--sdb-color-surface, #fff); }
.sdb-document-list__preserved-label { color: var(--sdb-color-muted, #8895a4); font-size: var(--sdb-type-metadata-size, .66rem); font-weight: var(--sdb-font-weight-medium, 500); white-space: nowrap; }
:is(.sdb-document-list__item--unavailable, .sdb-document-item--unavailable) { opacity: .68; }
:is(.sdb-document-list__item--unavailable, .sdb-document-item--unavailable) :is(.sdb-document-list__title, .sdb-document-item__title) { color: var(--sdb-color-muted, #8895a4); text-decoration: line-through; text-decoration-thickness: 1px; }
:is(.sdb-document-list__item--unavailable, .sdb-document-item--unavailable) :is(.sdb-document-list__icon, .sdb-document-item__icon) { filter: grayscale(1); }
@media (max-width: 620px) {
.sdb-document-list--attachments .sdb-document-list__item { grid-template-columns: auto minmax(0, 1fr); }
.sdb-document-list--attachments .sdb-document-list__actions { grid-column: 2; justify-content: flex-start; }
}  .sdb-comment__relation {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
inline-size: fit-content;
max-inline-size: 100%;
gap: 6px;
margin-block: 2px var(--sdb-space-2, 8px);
color: var(--sdb-color-muted, #7b8794);
font-family: var(--sdb-font-meta, inherit);
font-size: 0.73rem;
line-height: 1.35;
}
.sdb-comment__relation-icon {
display: inline-grid;
place-items: center;
flex: 0 0 auto;
color: var(--sdb-comment-tone-fg, var(--sdb-color-muted, #7b8794));
opacity: .78;
}
.sdb-comment__relation-link,
.sdb-comment a.sdb-comment__relation-link {
color: var(--sdb-color-title, #364048);
font-weight: var(--sdb-font-weight-semibold, 600);
text-decoration: none !important;
text-underline-offset: 2px;
}
.sdb-comment__relation-link:hover,
.sdb-comment__relation-link:focus-visible,
.sdb-comment a.sdb-comment__relation-link:hover,
.sdb-comment a.sdb-comment__relation-link:focus-visible {
color: var(--sdb-comment-tone-fg, var(--sdb-color-title, #364048));
text-decoration: none !important;
}
.sdb-comment__relation-link:focus-visible {
outline: var(--sdb-focus-ring, 2px solid #7aa7df);
outline-offset: 2px;
border-radius: 3px;
} .sdb-comment__actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--sdb-space-2, 8px);
margin-block-start: var(--sdb-space-2, 8px);
}
.sdb-comment__action,
.sdb-comment a.sdb-comment__action,
.sdb-comment button.sdb-comment__action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-block-size: 28px;
padding: 4px 9px;
border: 1px solid transparent;
border-radius: var(--sdb-radius-pill, 999px);
background: transparent;
color: var(--sdb-color-muted, #647080);
font: inherit;
font-size: 0.76rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.2;
text-decoration: none !important;
cursor: pointer;
transition:
background-color var(--sdb-motion-duration-fast, 120ms) ease,
border-color var(--sdb-motion-duration-fast, 120ms) ease,
color var(--sdb-motion-duration-fast, 120ms) ease;
}
.sdb-comment__action:hover,
.sdb-comment a.sdb-comment__action:hover,
.sdb-comment button.sdb-comment__action:hover {
border-color: color-mix(in srgb, var(--sdb-comment-tone-border, var(--sdb-color-border, #d8e2ee)) 72%, transparent);
background: color-mix(in srgb, var(--sdb-comment-tone-bg, var(--sdb-color-surface-high, #f7f9fb)) 62%, var(--sdb-color-surface, #fff));
color: var(--sdb-color-title, #364048);
text-decoration: none !important;
}
.sdb-comment__action:focus-visible,
.sdb-comment a.sdb-comment__action:focus-visible,
.sdb-comment button.sdb-comment__action:focus-visible {
outline: var(--sdb-focus-ring, 2px solid #7aa7df);
outline-offset: 2px;
text-decoration: none !important;
}
.sdb-comment__relation-icon .sdb-icon,
.sdb-comment__action .sdb-icon {
inline-size: var(--sdb-icon-size-xs, 12px);
block-size: var(--sdb-icon-size-xs, 12px);
flex: 0 0 auto;
} .sdb-comment__reactions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin-block-start: var(--sdb-space-2, 8px);
}
.sdb-comment__reaction-form {
display: inline-flex;
margin: 0;
}
.sdb-comment__reaction,
.sdb-comment button.sdb-comment__reaction {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
min-block-size: 28px;
padding: 3px 8px;
border: 1px solid var(--sdb-color-border, #d8e2ee);
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-surface, #fff);
color: var(--sdb-color-title, #364048);
font: inherit;
font-size: 0.76rem;
line-height: 1;
cursor: pointer;
transition:
background-color var(--sdb-motion-duration-fast, 120ms) ease,
border-color var(--sdb-motion-duration-fast, 120ms) ease,
color var(--sdb-motion-duration-fast, 120ms) ease;
}
.sdb-comment__reaction:hover,
.sdb-comment button.sdb-comment__reaction:hover {
border-color: color-mix(in srgb, var(--sdb-color-primary, #0b57a4) 36%, var(--sdb-color-border, #d8e2ee));
background: var(--sdb-color-surface-high, #f7f9fb);
}
.sdb-comment__reaction[aria-pressed="true"],
.sdb-comment__reaction.is-active,
.sdb-comment button.sdb-comment__reaction[aria-pressed="true"],
.sdb-comment button.sdb-comment__reaction.is-active {
border-color: color-mix(in srgb, var(--sdb-color-primary, #0b57a4) 52%, var(--sdb-color-border, #d8e2ee));
background: var(--sdb-hue-blue-bg, #eaf2fb);
color: var(--sdb-color-primary, #0b57a4);
}
.sdb-comment__reaction:focus-visible,
.sdb-comment button.sdb-comment__reaction:focus-visible {
outline: var(--sdb-focus-ring, 2px solid #7aa7df);
outline-offset: 2px;
}
.sdb-comment__reaction-count {
min-inline-size: 1ch;
color: var(--sdb-color-muted, #647080);
font-size: 0.72rem;
font-weight: var(--sdb-font-weight-semibold, 600);
font-variant-numeric: tabular-nums;
}
.sdb-comment__reaction[aria-pressed="true"] .sdb-comment__reaction-count,
.sdb-comment__reaction.is-active .sdb-comment__reaction-count {
color: currentColor;
} .sdb-form label.sdb-consent-block,
.sdb-form-adapter label.sdb-consent-block,
label.sdb-consent-block {
display: grid !important;
grid-template-columns: var(--sdb-choice-real-control-column, 18px) minmax(0, 1fr) !important;
column-gap: var(--sdb-choice-real-gap, 12px) !important;
row-gap: 0 !important;
align-items: start !important;
box-sizing: border-box !important;
min-block-size: var(--sdb-touch-target-min, 44px);
padding-block: var(--sdb-consent-padding-y, var(--sdb-consent-padding, 14px)) !important;
padding-inline: var(--sdb-consent-padding-x, var(--sdb-consent-padding, 16px)) !important;
}
.sdb-form label.sdb-consent-block > input[type="checkbox"],
.sdb-form label.sdb-consent-block > input[type="radio"],
.sdb-form-adapter label.sdb-consent-block > input[type="checkbox"],
.sdb-form-adapter label.sdb-consent-block > input[type="radio"],
label.sdb-consent-block > input[type="checkbox"],
label.sdb-consent-block > input[type="radio"] {
grid-column: 1 !important;
grid-row: 1 !important;
align-self: start !important;
justify-self: start !important;
margin: var(--sdb-choice-real-baseline-offset, .16em) 0 0 !important;
padding: 0 !important;
}
.sdb-form label.sdb-consent-block > :where(span, p, div):not(input),
.sdb-form-adapter label.sdb-consent-block > :where(span, p, div):not(input),
label.sdb-consent-block > :where(span, p, div):not(input) {
grid-column: 2 !important;
grid-row: 1 !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.45 !important;
}
@media (max-width: 640px) {
.sdb-form label.sdb-consent-block,
.sdb-form-adapter label.sdb-consent-block,
label.sdb-consent-block {
padding-block: 12px !important;
padding-inline: 14px !important;
}
}
:where(.sdb-design-system-ready) { --sdb-asset-domain-core-loaded: 1; }.sdb-erw-form-wrap,
.sdb-erw-workshops-grid{ --sdb-erw-primary:var(--sdb-color-primary,#0058B7);
--sdb-erw-on-primary:var(--sdb-color-on-primary,#fff);
--sdb-erw-title:var(--sdb-color-on-surface,var(--sdb-color-title,#16233B));
--sdb-erw-text:var(--sdb-color-on-surface-muted,var(--sdb-color-text,#364048));
--sdb-erw-muted:var(--sdb-color-muted,#6B7785);
--sdb-erw-border:var(--sdb-color-outline-variant,var(--sdb-color-border,#D8E2EE));
--sdb-erw-surface:var(--sdb-color-surface,#fff);
--sdb-erw-bg:var(--sdb-color-surface-low,var(--sdb-color-background,#F5F8FB));
--sdb-erw-radius:var(--sdb-shape-lg,var(--sdb-radius-lg,16px));
--sdb-erw-radius-sm:var(--sdb-shape-sm,var(--sdb-radius-sm,8px));
--sdb-erw-radius-pill:var(--sdb-radius-pill,999px);
--sdb-erw-shadow:var(--sdb-elevation-1,var(--sdb-shadow-card,0 2px 10px rgba(22,35,59,.08)));
--sdb-erw-focus-ring:var(--sdb-state-focus-ring,0 0 0 3px rgba(0,88,183,.35));
--sdb-erw-choice-size:var(--sdb-choice-size,18px);
--sdb-erw-choice-gap:var(--sdb-choice-gap,.75rem);
--sdb-erw-choice-content-gap:var(--sdb-choice-content-gap,.5rem);
--sdb-erw-choice-input-offset:var(--sdb-choice-input-offset,.15rem);
font-family:var(--sdb-font-body,inherit);
color:var(--sdb-erw-text);
}
.sdb-erw-form{display:flex;flex-direction:column;gap:var(--sdb-form-section-gap,var(--sdb-space-md))}.sdb-erw-section{background:var(--sdb-erw-surface);border:1px solid var(--sdb-erw-border);border-radius:var(--sdb-erw-radius);padding:var(--sdb-form-section-padding,var(--sdb-card-padding));box-shadow:var(--sdb-erw-shadow)}
.sdb-erw-section-title,.sdb-form__section-title,.sdb-confirmation-panel__title{margin:0 0 var(--sdb-space-md);color:var(--sdb-form-section-title-color,var(--sdb-erw-title));font-size:var(--sdb-form-section-title-size);line-height:1.3;font-weight:var(--sdb-font-weight-semibold)}
.sdb-erw-fields,.sdb-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sdb-form-field-gap,var(--sdb-space-md))}.sdb-erw-field,.sdb-field{display:flex;flex-direction:column;gap:.4rem}.sdb-erw-field-label,.sdb-field__label{color:var(--sdb-erw-title);font-weight:var(--sdb-font-weight-semibold)}.sdb-erw-field input,.sdb-erw-field select,.sdb-field__control{min-height:var(--sdb-control-height-md);border:1px solid var(--sdb-comp-field-border,var(--sdb-field-border,var(--sdb-erw-border)));border-radius:var(--sdb-shape-md,var(--sdb-radius-md));padding:.65rem .8rem;background:var(--sdb-comp-field-bg,var(--sdb-field-bg,var(--sdb-erw-surface)));color:var(--sdb-erw-title)}.sdb-erw-field input:focus,.sdb-erw-field select:focus,.sdb-field__control:focus{outline:0;border-color:var(--sdb-erw-primary);box-shadow:var(--sdb-erw-focus-ring)}
.sdb-choice-group{margin:0 0 var(--sdb-space-md);padding:0;border:0}.sdb-choice-group__legend{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--sdb-erw-choice-gap);padding:0 0 var(--sdb-space-sm);border-bottom:1px solid var(--sdb-erw-border);color:var(--sdb-erw-title)}.sdb-choice-group__items{display:flex;flex-direction:column;gap:var(--sdb-erw-choice-gap);padding-top:var(--sdb-space-sm)}
.sdb-session-card{display:block;margin:0;border:1px solid var(--sdb-erw-border);border-radius:var(--sdb-erw-radius);background:var(--sdb-erw-surface);transition:border-color var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard),background var(--sdb-motion-duration-fast) var(--sdb-motion-easing-standard)}.sdb-session-card[data-selected=true]{background:var(--sdb-session-card-selected-bg,var(--sdb-state-selected-bg));border-color:var(--sdb-state-checked-border,var(--sdb-erw-primary))}.sdb-session-card.is-disabled{opacity:var(--sdb-state-disabled-opacity)}
.sdb-session-card__inner{display:grid;grid-template-columns:var(--sdb-erw-choice-size) minmax(0,1fr) auto;align-items:center;gap:var(--sdb-erw-choice-gap);padding:var(--sdb-session-card-padding,var(--sdb-card-padding));cursor:pointer}.sdb-session-card__choice{position:relative;width:var(--sdb-erw-choice-size);height:var(--sdb-erw-choice-size);display:block}.sdb-erw-session-input{position:absolute;inset:0;width:var(--sdb-erw-choice-size);height:var(--sdb-erw-choice-size);margin:0;opacity:0;cursor:pointer}.sdb-erw-radio-visual,.sdb-erw-checkbox-visual{width:var(--sdb-erw-choice-size);height:var(--sdb-erw-choice-size);display:block;border:2px solid var(--sdb-color-outline,var(--sdb-erw-border));background:var(--sdb-erw-surface)}.sdb-erw-radio-visual{border-radius:var(--sdb-erw-radius-pill)}.sdb-erw-checkbox-visual{border-radius:var(--sdb-shape-sm,var(--sdb-radius-sm))}
.sdb-session-card__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sdb-session-card__title{color:var(--sdb-erw-title);font-weight:var(--sdb-font-weight-semibold)}.sdb-session-card__meta{color:var(--sdb-erw-muted);font-size:var(--sdb-type-body-sm-size)}.sdb-capacity-indicator{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--sdb-erw-radius-pill);padding:.25rem .55rem;font-size:var(--sdb-type-label-md-size);font-weight:var(--sdb-font-weight-semibold);background:var(--sdb-state-available-bg,var(--sdb-color-surface-high));color:var(--sdb-erw-title)}.sdb-capacity-indicator.is-unavailable{background:var(--sdb-state-full-bg,var(--sdb-color-surface-highest))}.sdb-erw-card-action-link{margin:.55rem 0 0 calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap) + var(--sdb-session-card-padding,var(--sdb-card-padding)));background:transparent;border:0;color:var(--sdb-card-action-link-color,var(--sdb-erw-primary));font-weight:var(--sdb-font-weight-semibold);cursor:pointer;padding:0}.sdb-erw-card-action-link:focus-visible{outline:0;box-shadow:var(--sdb-erw-focus-ring)}.sdb-erw-session-details{margin:.5rem 0 0 calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap) + var(--sdb-session-card-padding,var(--sdb-card-padding)));color:var(--sdb-erw-text)}
.sdb-confirmation-panel{background:var(--sdb-confirmation-bg,var(--sdb-color-surface-low));border:1px solid var(--sdb-state-success-border,var(--sdb-erw-border));border-radius:var(--sdb-erw-radius);padding:var(--sdb-confirmation-padding,var(--sdb-card-padding))}.sdb-erw-summary-list{margin:0;padding-left:1.1rem}.sdb-erw-submit,.sdb-erw-ticket-button,.sdb-erw-auto-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--sdb-control-height-md);padding:.75rem 1.1rem;border:0;border-radius:var(--sdb-shape-md,var(--sdb-radius-md));background:var(--sdb-erw-primary);color:var(--sdb-erw-on-primary);text-decoration:none;font-weight:var(--sdb-font-weight-semibold);cursor:pointer}.sdb-erw-submit:focus-visible,.sdb-erw-ticket-button:focus-visible,.sdb-erw-auto-button:focus-visible{outline:0;box-shadow:var(--sdb-erw-focus-ring)}.sdb-erw-submit.is-submitting{opacity:var(--sdb-state-loading-opacity);cursor:wait}
.sdb-erw-message,.sdb-alert{border-radius:var(--sdb-erw-radius);padding:var(--sdb-space-md);margin:0 0 var(--sdb-space-md)}.sdb-erw-error{background:var(--sdb-form-error-bg,var(--sdb-sem-color-feedback-error-bg,var(--sdb-color-surface-high)));color:var(--sdb-color-on-error,var(--sdb-erw-title))}.sdb-erw-success{background:var(--sdb-form-success-bg,var(--sdb-sem-color-feedback-success-bg,var(--sdb-color-surface-high)));color:var(--sdb-color-on-success,var(--sdb-erw-title))}.sdb-ticket{background:var(--sdb-ticket-bg,var(--sdb-erw-surface));border:1px solid var(--sdb-ticket-border,var(--sdb-erw-border));border-radius:var(--sdb-erw-radius);padding:var(--sdb-confirmation-padding,var(--sdb-card-padding));box-shadow:var(--sdb-ticket-shadow,var(--sdb-erw-shadow))}.sdb-ticket__code{font-family:var(--sdb-font-mono)}.sdb-erw-ticket-code{padding:.75rem .9rem;border-radius:var(--sdb-erw-radius-sm);background:var(--sdb-erw-bg);border:1px dashed var(--sdb-erw-border)}
.sdb-erw-workshops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sdb-card-gap,var(--sdb-space-md))}.sdb-erw-workshop-card{background:var(--sdb-erw-surface);border:1px solid var(--sdb-erw-border);border-radius:var(--sdb-erw-radius);padding:var(--sdb-card-padding);box-shadow:var(--sdb-erw-shadow)}.sdb-erw-workshop-card p{margin:.5rem 0 0}.sdb-erw-workshop-notice{margin:0 0 var(--sdb-space-md)}
@media(max-width:782px){.sdb-erw-fields,.sdb-form__grid{grid-template-columns:1fr}.sdb-session-card__inner{grid-template-columns:var(--sdb-erw-choice-size) minmax(0,1fr)}.sdb-session-card__capacity{grid-column:2}.sdb-erw-card-action-link,.sdb-erw-session-details{margin-left:calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap))}.sdb-erw-submit{width:100%}} .sdb-erw-form .sdb-form__actions{display:flex;align-items:center;gap:var(--sdb-space-sm)}
.sdb-erw-form .sdb-field-message{margin:.25rem 0 0;color:var(--sdb-color-on-surface-muted,var(--sdb-erw-muted));font-size:var(--sdb-type-body-sm-size);line-height:1.4}
.sdb-session-list__item{display:block}
.sdb-session-card.sdb-session-card--choice{display:grid;grid-template-columns:var(--sdb-erw-choice-size) minmax(0,1fr);align-items:start;gap:var(--sdb-erw-choice-gap);padding:var(--sdb-session-card-padding,var(--sdb-card-padding));cursor:pointer}
.sdb-session-card.sdb-session-card--choice .sdb-session-card__control{position:relative;inset:auto;width:var(--sdb-erw-choice-size);height:var(--sdb-erw-choice-size);min-width:var(--sdb-erw-choice-size);min-height:var(--sdb-erw-choice-size);margin:var(--sdb-erw-choice-input-offset) 0 0;opacity:1;accent-color:var(--sdb-state-checked-bg,var(--sdb-color-primary));cursor:pointer;grid-column:1;grid-row:1}
.sdb-session-card.sdb-session-card--choice .sdb-session-card__body{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:var(--sdb-erw-choice-content-gap);min-width:0}
.sdb-session-card.sdb-session-card--choice .sdb-session-card__title{display:block;line-height:1.3}
.sdb-session-card.sdb-session-card--choice .sdb-session-card__meta{display:block;line-height:1.35}
.sdb-session-card.sdb-session-card--selected,.sdb-session-card[data-selected=true]{background:var(--sdb-session-card-selected-bg,var(--sdb-state-selected-bg));border-color:var(--sdb-state-checked-border,var(--sdb-erw-primary))}
.sdb-session-card.sdb-session-card--unavailable{opacity:var(--sdb-state-disabled-opacity)}
.sdb-erw-radio-visual,.sdb-erw-checkbox-visual{display:none}
.sdb-erw-session-details-toggle.sdb-session-card__details{margin:.5rem 0 0 calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap) + var(--sdb-session-card-padding,var(--sdb-card-padding)));line-height:1.4}
@media(max-width:782px){.sdb-erw-form .sdb-form__actions{display:block}.sdb-erw-session-details-toggle.sdb-session-card__details{margin-left:calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap))}} .sdb-erw-auto-heading{
position:relative;
width:100%;
box-sizing:border-box;
margin:clamp(2rem,4vw,3rem) 0 var(--sdb-space-md,var(--sdb-space-4,1rem));
padding:clamp(1.25rem,2.5vw,1.9rem) clamp(1.25rem,3vw,2.25rem);
border:1px solid var(--sdb-color-outline-variant,var(--sdb-color-border));
border-radius:var(--sdb-shape-lg,var(--sdb-radius-lg));
background:
linear-gradient(135deg, var(--sdb-state-selected-bg) 0%, var(--sdb-color-surface-low) 42%, transparent 72%),
var(--sdb-color-surface,var(--sdb-erw-surface));
box-shadow:var(--sdb-elevation-1,var(--sdb-shadow-card));
font-family:var(--sdb-font-body,inherit);
color:var(--sdb-color-on-surface,var(--sdb-color-title));
overflow:hidden;
}
.sdb-erw-auto-heading::before{
content:"";
position:absolute;
inset-block:clamp(1.1rem,2vw,1.6rem);
inset-inline-start:0;
width:4px;
border-radius:0 var(--sdb-radius-pill,999px) var(--sdb-radius-pill,999px) 0;
background:linear-gradient(180deg,var(--sdb-color-primary),var(--sdb-color-secondary));
}
.sdb-erw-auto-heading__body{
max-width:var(--sdb-layout-max-width-reading,860px);
}
.sdb-erw-auto-heading__eyebrow{
display:inline-flex;
align-items:center;
gap:.35rem;
margin:0 0 .45rem;
color:var(--sdb-color-primary,var(--sdb-erw-primary));
font-size:var(--sdb-type-label-md-size,.875rem);
line-height:1.2;
font-weight:var(--sdb-font-weight-bold,700);
letter-spacing:.08em;
text-transform:uppercase;
}
.sdb-erw-auto-heading h2{
margin:0;
color:var(--sdb-color-primary,var(--sdb-erw-primary));
font-family:var(--sdb-font-heading,var(--sdb-font-body,inherit));
font-size:clamp(1.6rem,1.25rem + 1.45vw,2.35rem);
line-height:1.08;
font-weight:var(--sdb-font-weight-bold,700);
letter-spacing:-.02em;
}
.sdb-erw-auto-heading__text{
max-width:680px;
margin:.65rem 0 0;
color:var(--sdb-color-on-surface-muted,var(--sdb-color-text));
font-size:clamp(.98rem,.94rem + .18vw,1.06rem);
line-height:1.55;
}
.sdb-erw-section.sdb-session-list{overflow:visible}
.sdb-erw-session-row{min-width:0}
.sdb-erw-session.sdb-session-card--choice{box-sizing:border-box;width:100%;padding-left:var(--sdb-session-card-padding,var(--sdb-card-padding))}
.sdb-erw-workshop-layout--compact .sdb-choice-group__items{gap:.45rem}
.sdb-erw-workshop-layout--compact .sdb-session-card.sdb-session-card--choice{grid-template-columns:var(--sdb-erw-choice-size) minmax(0,1fr);align-items:center;padding:var(--sdb-space-sm) var(--sdb-space-md);border-radius:var(--sdb-shape-md,var(--sdb-radius-md))}
.sdb-erw-workshop-layout--compact .sdb-session-card__body{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) auto;align-items:center;column-gap:var(--sdb-space-sm);row-gap:.2rem}
.sdb-erw-workshop-layout--compact .sdb-session-card__title,.sdb-erw-workshop-layout--compact .sdb-session-card__meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdb-erw-workshop-layout--compact .sdb-session-card__capacity{justify-self:end}
.sdb-erw-workshop-layout--compact .sdb-erw-session-details-toggle{margin:.35rem 0 0 calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap) + var(--sdb-space-md))}
@media(max-width:782px){.sdb-erw-workshop-layout--compact .sdb-session-card__body{grid-template-columns:1fr}.sdb-erw-workshop-layout--compact .sdb-session-card__title,.sdb-erw-workshop-layout--compact .sdb-session-card__meta{white-space:normal}.sdb-erw-workshop-layout--compact .sdb-session-card__capacity{justify-self:start}} .sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-choice-group__items{
display:flex;
flex-direction:column;
gap:var(--sdb-erw-choice-content-gap);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-erw-session-row{
margin:0;
padding:0;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice{
display:grid;
grid-template-columns:var(--sdb-erw-choice-size) minmax(0,1fr);
align-items:center;
gap:var(--sdb-erw-choice-gap);
min-height:0;
width:100%;
padding:var(--sdb-space-sm) var(--sdb-space-md);
text-align:left;
box-shadow:var(--sdb-elevation-0);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-session-card__control,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-input{
position:static;
inset:auto;
grid-column:1;
width:var(--sdb-erw-choice-size);
height:var(--sdb-erw-choice-size);
min-width:var(--sdb-erw-choice-size);
min-height:var(--sdb-erw-choice-size);
margin:0;
opacity:1;
accent-color:var(--sdb-state-checked-bg,var(--sdb-color-primary));
appearance:auto;
-webkit-appearance:radio;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-main.sdb-session-card__body{
grid-column:2;
display:grid;
grid-template-columns:minmax(260px,1.6fr) minmax(220px,1fr) max-content;
align-items:center;
justify-items:start;
gap:var(--sdb-space-sm);
width:100%;
min-width:0;
text-align:left;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__title,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__meta,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
align-self:center;
justify-self:start;
margin:0;
text-align:left;
line-height:1.25;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__title{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
font-size:var(--sdb-type-body-md-size);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__meta{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
font-size:var(--sdb-type-body-sm-size);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
justify-self:end;
white-space:nowrap;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-erw-session-details-toggle.sdb-session-card__details{
margin:var(--sdb-erw-choice-content-gap) 0 0 calc(var(--sdb-erw-choice-size) + var(--sdb-erw-choice-gap));
}
@media(max-width:900px){
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-main.sdb-session-card__body{
grid-template-columns:minmax(0,1fr) max-content;
row-gap:var(--sdb-erw-choice-content-gap);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__meta{
grid-column:1;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
grid-column:2;
grid-row:1 / span 2;
}
}
@media(max-width:640px){
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice{
align-items:flex-start;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-main.sdb-session-card__body{
grid-template-columns:minmax(0,1fr);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__title,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__meta{
white-space:normal;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
grid-column:auto;
grid-row:auto;
justify-self:start;
}
} .sdb-erw-form-wrap .sdb-erw-form .sdb-session-card.sdb-session-card--choice{
align-items:center;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-session-card.sdb-session-card--choice > .sdb-session-card__control,
.sdb-erw-form-wrap .sdb-erw-form .sdb-session-card.sdb-session-card--choice > .sdb-erw-session-input{
position:static;
inset:auto;
display:block;
flex:0 0 var(--sdb-erw-choice-size);
width:var(--sdb-erw-choice-size);
height:var(--sdb-erw-choice-size);
min-width:var(--sdb-erw-choice-size);
min-height:var(--sdb-erw-choice-size);
margin:var(--sdb-erw-choice-input-offset) 0 0;
opacity:1;
appearance:auto;
-webkit-appearance:radio;
accent-color:var(--sdb-state-checked-bg,var(--sdb-color-primary));
transform:none;
float:none;
box-sizing:border-box;
} .sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session.sdb-session-card--choice{
display:grid;
grid-template-columns:var(--sdb-choice-size,18px) minmax(0,1fr);
column-gap:var(--sdb-erw-choice-gap);
row-gap:0;
align-items:start;
text-align:left;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-erw-session-input,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-session-card__control{
grid-column:1;
grid-row:1;
position:static;
inset:auto;
float:none;
clear:none;
display:block;
inline-size:var(--sdb-choice-size,18px);
block-size:var(--sdb-choice-size,18px);
min-inline-size:var(--sdb-choice-size,18px);
min-block-size:var(--sdb-choice-size,18px);
margin:var(--sdb-erw-choice-input-offset) 0 0;
opacity:1;
transform:none;
appearance:auto;
-webkit-appearance:radio;
accent-color:var(--sdb-state-checked-bg,var(--sdb-color-primary));
box-sizing:border-box;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-erw-session-main,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-session-card__body{
grid-column:2;
grid-row:1;
min-width:0;
text-align:left;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-erw-radio-visual,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-session .sdb-erw-checkbox-visual{
display:none;
} .sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice{
grid-template-columns:var(--sdb-choice-size,18px) minmax(0,1fr);
align-items:center;
padding:var(--sdb-space-xs,8px) var(--sdb-space-sm,12px);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-input,
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-session-card__control{
align-self:center;
margin:0;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-main.sdb-session-card__body{
display:grid;
grid-template-columns:minmax(0,1fr) max-content;
grid-template-rows:auto auto;
column-gap:var(--sdb-space-sm,12px);
row-gap:var(--sdb-space-2xs,3px);
align-items:center;
width:100%;
min-width:0;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__title{
grid-column:1;
grid-row:1;
overflow:visible;
text-overflow:clip;
white-space:normal;
max-width:none;
font-size:var(--sdb-type-label-lg-size,var(--sdb-type-body-md-size,1rem));
line-height:1.18;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__meta{
grid-column:1;
grid-row:2;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
font-size:var(--sdb-type-label-md-size,var(--sdb-type-body-sm-size,.875rem));
line-height:1.15;
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
grid-column:2;
grid-row:1 / span 2;
align-self:center;
justify-self:end;
white-space:nowrap;
}
@media(max-width:640px){
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact label.sdb-erw-session.sdb-session-card.sdb-session-card--choice .sdb-erw-session-main.sdb-session-card__body{
grid-template-columns:minmax(0,1fr);
}
.sdb-erw-form-wrap .sdb-erw-form .sdb-erw-workshop-layout--compact .sdb-session-card__capacity{
grid-column:1;
grid-row:3;
justify-self:start;
}
} .sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block{
margin:0 0 var(--sdb-space-sm,var(--sdb-space-3,12px));
padding:0;
border:1px solid var(--sdb-erw-border);
border-radius:var(--sdb-shape-md,var(--sdb-radius-md));
background:var(--sdb-erw-surface);
overflow:hidden;
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block[open]{
box-shadow:var(--sdb-elevation-0,none);
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-summary{
display:grid;
grid-template-columns:var(--sdb-choice-size,18px) minmax(0,1fr) auto auto;
gap:var(--sdb-space-sm,var(--sdb-space-3,12px));
align-items:center;
padding:var(--sdb-space-sm,var(--sdb-space-3,12px)) var(--sdb-space-md,var(--sdb-space-4,16px));
border:0;
cursor:pointer;
list-style:none;
color:var(--sdb-erw-title);
background:var(--sdb-color-surface-low,var(--sdb-erw-surface));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-summary::-webkit-details-marker{display:none}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-summary::before{
content:"›";
display:inline-grid;
place-items:center;
width:var(--sdb-choice-size,18px);
height:var(--sdb-choice-size,18px);
border-radius:var(--sdb-radius-pill,999px);
color:var(--sdb-erw-primary);
transform:rotate(0deg);
transition:transform var(--sdb-motion-duration-fast,.16s) var(--sdb-motion-easing-standard,ease);
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block[open] > .sdb-erw-accordion-summary::before{transform:rotate(90deg)}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-title{
min-width:0;
display:flex;
align-items:center;
gap:var(--sdb-space-xs,var(--sdb-space-2,8px));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-selected{
max-width:22rem;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--sdb-erw-muted);
font-size:var(--sdb-type-label-sm-size,var(--sdb-type-body-sm-size,.875rem));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block.has-selection .sdb-erw-block-selected{
color:var(--sdb-color-success-text,var(--sdb-erw-text));
font-weight:var(--sdb-font-weight-semibold,600);
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-time{
justify-self:end;
white-space:nowrap;
color:var(--sdb-erw-title);
font-weight:var(--sdb-font-weight-semibold,600);
}
.sdb-erw-workshop-blocks--accordion .sdb-choice-group__items{
padding:var(--sdb-space-sm,var(--sdb-space-3,12px));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-summary:focus-visible{
outline:0;
box-shadow:var(--sdb-erw-focus-ring);
}
@media(max-width:782px){
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-summary{
grid-template-columns:var(--sdb-choice-size,18px) minmax(0,1fr) auto;
row-gap:var(--sdb-space-2xs,4px);
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-selected{
grid-column:2 / -1;
max-width:100%;
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-time{
grid-column:3;
grid-row:1;
}
} .sdb-erw-choice-guidance{
margin-block:var(--sdb-space-sm,var(--sdb-space-3,12px));
}
.sdb-erw-block-rule-message{
margin:0 0 var(--sdb-space-sm,var(--sdb-space-3,12px));
color:var(--sdb-color-warning-text,var(--sdb-erw-muted));
}
.sdb-erw-session.is-rule-disabled{
background:var(--sdb-color-surface-disabled,var(--sdb-color-surface-low,var(--sdb-erw-bg)));
border-color:var(--sdb-color-border-muted,var(--sdb-erw-border));
}
.sdb-erw-session.is-rule-disabled .sdb-session-card__title,
.sdb-erw-session.is-rule-disabled .sdb-session-card__meta,
.sdb-erw-session.is-rule-disabled .sdb-erw-session-status{
opacity:var(--sdb-state-disabled-opacity,.58);
}
.sdb-erw-session-rule-note{
display:block;
margin-top:var(--sdb-space-2xs,4px);
color:var(--sdb-color-warning-text,var(--sdb-erw-muted));
font-size:var(--sdb-type-label-sm-size,var(--sdb-type-body-sm-size,.875rem));
line-height:1.25;
}
.sdb-erw-accordion-block.is-rule-disabled > .sdb-erw-accordion-summary{
background:var(--sdb-color-surface-disabled,var(--sdb-color-surface-low,var(--sdb-erw-surface)));
}
.sdb-erw-accordion-block.is-rule-disabled .sdb-erw-block-selected{
color:var(--sdb-color-warning-text,var(--sdb-erw-muted));
font-weight:var(--sdb-font-weight-semibold,600);
} .sdb-erw-form-wrap.sdb-registration-form--full,
.sdb-erw-form.sdb-form--full,
.sdb-erw-form .sdb-registration-form__section,
.sdb-erw-form .sdb-u-w-full{
width:100%;
max-width:none;
box-sizing:border-box;
}
.sdb-erw-form{
display:flex;
flex-direction:column;
gap:var(--sdb-form-section-gap,var(--sdb-space-md));
}
.sdb-erw-consent-section{
width:100%;
box-sizing:border-box;
}
.sdb-erw-form .sdb-field__message:empty{
display:none;
}
.sdb-erw-form :is(input,select,textarea)[aria-invalid="true"] + .sdb-field__message{
color:var(--sdb-color-error-text,var(--sdb-color-error,var(--sdb-erw-title)));
font-weight:var(--sdb-font-weight-semibold,600);
} .sdb-erw-consent-section .sdb-erw-consent-error{
margin-top:var(--sdb-space-xs,8px);
color:var(--sdb-color-error-text,var(--sdb-color-error,var(--sdb-erw-title)));
font-weight:var(--sdb-font-weight-semibold,600);
}
.sdb-erw-consent-section .sdb-erw-consent-error[hidden]{
display:none;
} .sdb-erw-session.is-rule-advisory{
border-color:var(--sdb-color-warning-border,var(--sdb-color-warning,var(--sdb-erw-border)));
background:var(--sdb-alert-warning-bg,var(--sdb-color-warning-bg,var(--sdb-color-surface-low,var(--sdb-erw-bg))));
}
.sdb-erw-accordion-block.is-rule-alternative > .sdb-erw-accordion-summary{
background:var(--sdb-alert-warning-bg,var(--sdb-color-warning-bg,var(--sdb-color-surface-low,var(--sdb-erw-surface))));
}
.sdb-erw-accordion-block.is-rule-alternative .sdb-erw-block-selected{
color:var(--sdb-alert-warning-text,var(--sdb-color-warning-text,var(--sdb-erw-muted)));
font-weight:var(--sdb-font-weight-semibold,600);
}
.sdb-erw-accordion-block.is-rule-alternative .sdb-erw-block-rule-message{
color:var(--sdb-alert-warning-text,var(--sdb-color-warning-text,var(--sdb-erw-muted)));
} .sdb-erw-workshop-blocks--accordion .sdb-erw-block-title > strong{
display:inline-flex;
align-items:center;
min-width:0;
font-family:var(--sdb-font-heading,var(--sdb-font-body,inherit));
font-size:clamp(1.02rem, .98rem + .18vw, 1.13rem);
line-height:1.14;
font-weight:var(--sdb-font-weight-bold,700);
letter-spacing:.01em;
color:var(--sdb-color-title,var(--sdb-erw-title));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block[open] > .sdb-erw-accordion-summary .sdb-erw-block-title > strong{
color:var(--sdb-color-primary,var(--sdb-erw-primary));
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-title > strong::after{
content:"";
inline-size:.44rem;
block-size:.44rem;
flex:0 0 auto;
margin-inline-start:.48rem;
border-radius:var(--sdb-radius-pill,999px);
background:var(--sdb-color-secondary,var(--sdb-erw-primary));
opacity:.48;
}
.sdb-erw-workshop-blocks--accordion .sdb-erw-accordion-block[open] > .sdb-erw-accordion-summary .sdb-erw-block-title > strong::after{
opacity:1;
}
@media(max-width:782px){
.sdb-erw-workshop-blocks--accordion .sdb-erw-block-title > strong{
font-size:clamp(1rem, 4.2vw, 1.1rem);
}
} .sls-event-tabs__panel--registration .sdb-erw-auto-heading{
margin-top:0;
}
.sls-event-tabs__panel--registration .sdb-erw-auto-form{
width:100%;
} .sdb-erw-auto-heading.sdb-erw-auto-heading--compact{
margin:0 0 var(--sdb-space-md,var(--sdb-space-4,1rem));
padding:var(--sdb-form-section-padding,clamp(16px,2vw,22px));
border-radius:var(--sdb-radius-lg,var(--sdb-erw-radius));
background:var(--sdb-color-surface-low,var(--sdb-erw-surface));
box-shadow:var(--sdb-elevation-0,none);
}
.sdb-erw-auto-heading.sdb-erw-auto-heading--compact::before{
inset-block:var(--sdb-space-md,1rem);
width:3px;
}
.sdb-erw-auto-heading.sdb-erw-auto-heading--compact .sdb-erw-auto-heading__eyebrow{
display:none;
}
.sdb-erw-auto-heading.sdb-erw-auto-heading--compact h2{
font-size:clamp(1.15rem,1.02rem + .5vw,1.45rem);
line-height:1.18;
letter-spacing:-.01em;
}
.sdb-erw-auto-heading.sdb-erw-auto-heading--compact .sdb-erw-auto-heading__text{
margin:.35rem 0 0;
font-size:var(--sdb-type-body-sm-size,.925rem);
line-height:1.5;
}
.sls-event-tabs__panel--registration .sdb-erw-auto-heading.sdb-erw-auto-heading--compact{
margin-top:0;
} .sdb-erw-form-wrap .sdb-erw-message.sdb-alert--error,
.sdb-erw-form-wrap .sdb-erw-error.sdb-alert--error,
.sdb-erw-form-wrap .sdb-erw-error{
background:var(--sdb-alert-error-bg,var(--sdb-color-error-bg,var(--sdb-color-surface-low,var(--sdb-erw-bg))));
color:var(--sdb-alert-error-text,var(--sdb-color-error-text,var(--sdb-color-error,var(--sdb-erw-title))));
border:1px solid var(--sdb-alert-error-border,var(--sdb-color-error-border,var(--sdb-state-error-border,var(--sdb-color-error,var(--sdb-erw-border)))));
box-shadow:var(--sdb-elevation-0,none);
}
.sdb-erw-form-wrap .sdb-erw-message.sdb-alert--error a,
.sdb-erw-form-wrap .sdb-erw-error.sdb-alert--error a{
color:currentColor;
text-decoration:underline;
text-underline-offset:2px;
} .sdb-erw-hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.sdb-erw-turnstile{margin:var(--sdb-space-md,1rem) 0} .sdb-erw-request-page{margin:0;background:var(--sdb-color-background,#F5F8FB);color:var(--sdb-color-text,#6B7785);font-family:var(--sdb-font-body,Arial,sans-serif)}
.sdb-erw-request-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(18px,4vw,48px)}
.sdb-erw-request-card{width:min(100%,760px);background:var(--sdb-color-surface,#fff);border:1px solid var(--sdb-color-border,#EEF3F8);border-radius:var(--sdb-radius-lg,20px);box-shadow:var(--sdb-shadow-card,0 12px 30px rgba(19,39,61,.08));padding:clamp(22px,4vw,38px)}
.sdb-erw-request-header{border-bottom:1px solid var(--sdb-color-border,#EEF3F8);padding-bottom:18px;margin-bottom:22px}
.sdb-erw-request-header h1{margin:.2rem 0;color:var(--sdb-color-title,#364048);font-family:var(--sdb-font-heading,Arial,sans-serif);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15}
.sdb-erw-request-header p,.sdb-erw-request-intro p{margin:.45rem 0}.sdb-erw-kicker{text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:.78rem;color:var(--sdb-color-primary,#0058B7)}
.sdb-erw-request-intro h2{margin:1.2rem 0 .8rem;color:var(--sdb-color-title,#364048);font-size:1.15rem}.sdb-erw-request-options{display:grid;gap:12px;margin:18px 0}
.sdb-erw-request-option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--sdb-color-border,#EEF3F8);border-radius:var(--sdb-radius-md,12px);padding:16px;background:var(--sdb-color-surface,#fff);cursor:pointer}
.sdb-erw-request-option:hover,.sdb-erw-request-option.is-selected{border-color:var(--sdb-color-primary,#0058B7);background:rgba(0,88,183,.045)}
.sdb-erw-request-option input{margin-top:.25em}.sdb-erw-request-option strong{display:block;color:var(--sdb-color-title,#364048)}.sdb-erw-request-option small{display:block;margin-top:.25rem;color:var(--sdb-color-text,#6B7785);line-height:1.45}
.sdb-erw-request-actions{margin-top:20px}.sdb-erw-request-actions .sdb-btn,.sdb-erw-request-actions button{min-height:44px;border:0;border-radius:999px;background:var(--sdb-color-primary,#0058B7);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.sdb-erw-message{border-radius:12px;padding:12px 14px;margin:0 0 18px;font-weight:600}.sdb-erw-message--success{background:#e9f6ee;color:#1e5f34}.sdb-erw-message--error{background:#fdecec;color:#7f1d1d}
.sdb-erw-request-footer{border-top:1px solid var(--sdb-color-border,#EEF3F8);margin-top:24px;padding-top:14px;color:var(--sdb-color-muted,#8E9AA7);font-size:.92rem} .sdb-erw-request-page .sdb-erw-message--warning{
background:var(--sdb-color-warning-bg,#fff7e6);
border-color:var(--sdb-color-warning-border,#f5d58a);
color:var(--sdb-color-warning-text,#7a4b00);
} body.sdb-erw-request-page{width:100%;min-width:0;max-width:none;overflow-x:hidden}
body.sdb-erw-request-page *{box-sizing:border-box}
body.sdb-erw-request-page .sdb-erw-request-shell{width:100%;max-width:none;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px)}
body.sdb-erw-request-page .sdb-erw-request-card{display:block;width:min(760px,calc(100vw - 32px));max-width:760px;min-width:0;margin:0 auto;background:var(--sdb-color-surface,#fff);border:1px solid var(--sdb-color-border,#EEF3F8);border-radius:var(--sdb-radius-lg,20px);box-shadow:var(--sdb-shadow-card,0 12px 30px rgba(19,39,61,.08));padding:clamp(22px,4vw,38px);overflow:visible}
body.sdb-erw-request-page .sdb-erw-request-card h1,body.sdb-erw-request-page .sdb-erw-request-card h2,body.sdb-erw-request-page .sdb-erw-request-card p{max-width:none;white-space:normal;overflow-wrap:anywhere}
body.sdb-erw-request-page .sdb-erw-request-option,body.sdb-erw-request-page .sdb-erw-request-option span{min-width:0;max-width:100%}
@media(max-width:640px){body.sdb-erw-request-page .sdb-erw-request-shell{align-items:flex-start;padding:14px}body.sdb-erw-request-page .sdb-erw-request-card{width:100%;padding:20px;border-radius:16px}} .sdb-erw-group-section .sdb-erw-group-participants-head{
margin-bottom:var(--sdb-space-sm,12px);
}
.sdb-erw-group-section .sdb-erw-group-heading-line{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:var(--sdb-space-xs,8px);
}
.sdb-erw-group-section .sdb-erw-group-heading-line .sdb-erw-section-title{
margin-bottom:0;
}
.sdb-erw-group-count{
color:var(--sdb-color-on-surface-muted,var(--sdb-erw-muted));
font-size:var(--sdb-type-label-sm-size,var(--sdb-type-body-sm-size,.875rem));
font-weight:var(--sdb-font-weight-semibold,600);
white-space:nowrap;
}
.sdb-erw-group-participants{
display:flex;
flex-direction:column;
gap:var(--sdb-space-xs,8px);
}
.sdb-erw-group-participant{
position:relative;
min-width:0;
margin:0;
padding:var(--sdb-space-sm,12px);
border:1px solid var(--sdb-erw-border);
border-radius:var(--sdb-shape-md,var(--sdb-radius-md,var(--sdb-erw-radius)));
background:var(--sdb-color-surface,var(--sdb-erw-surface));
box-shadow:none;
}
.sdb-erw-group-participant__legend{
max-width:calc(100% - 5rem);
padding:0 var(--sdb-space-2xs,4px);
color:var(--sdb-erw-title);
font-size:var(--sdb-type-label-md-size,var(--sdb-type-body-sm-size,.875rem));
line-height:1.2;
font-weight:var(--sdb-font-weight-bold,700);
}
.sdb-erw-group-remove{
position:absolute;
top:var(--sdb-space-xs,8px);
right:var(--sdb-space-xs,8px);
min-height:0;
padding:var(--sdb-space-2xs,4px) var(--sdb-space-xs,8px);
border:0;
background:transparent;
color:var(--sdb-color-on-surface-muted,var(--sdb-erw-muted));
font:inherit;
font-size:var(--sdb-type-label-sm-size,var(--sdb-type-body-sm-size,.8rem));
font-weight:var(--sdb-font-weight-semibold,600);
line-height:1.2;
cursor:pointer;
}
.sdb-erw-group-remove:hover{
color:var(--sdb-color-error-text,var(--sdb-erw-title));
}
.sdb-erw-group-remove:focus-visible{
outline:0;
box-shadow:var(--sdb-erw-focus-ring);
border-radius:var(--sdb-shape-sm,var(--sdb-radius-sm));
}
.sdb-erw-group-remove[hidden]{
display:none!important;
}
.sdb-erw-group-participant__grid{
display:grid;
grid-template-columns:minmax(0,1.7fr) minmax(120px,.65fr);
align-items:start;
gap:var(--sdb-space-xs,8px) var(--sdb-space-sm,12px);
margin-top:var(--sdb-space-2xs,4px);
}
.sdb-erw-group-participant__grid .sdb-erw-field{
gap:var(--sdb-space-2xs,4px);
}
.sdb-erw-group-participant__grid .sdb-form__label{
font-size:var(--sdb-type-label-sm-size,var(--sdb-type-body-sm-size,.82rem));
line-height:1.2;
}
.sdb-erw-group-participant__grid .sdb-form__control{
min-height:var(--sdb-control-height-sm,36px);
padding:var(--sdb-space-xs,8px) var(--sdb-space-sm,12px);
}
.sdb-erw-group-participant__grid .sdb-erw-group-dietary{
grid-column:1 / -1;
}
.sdb-erw-group-add-wrap{
margin-top:var(--sdb-space-sm,12px);
}
.sdb-erw-group-add-button{
display:flex;
width:100%;
min-height:var(--sdb-control-height-lg,46px);
align-items:center;
justify-content:center;
gap:var(--sdb-space-xs,8px);
border:1px solid var(--sdb-color-primary,var(--sdb-erw-primary));
border-radius:var(--sdb-shape-md,var(--sdb-radius-md));
background:var(--sdb-color-surface-low,var(--sdb-erw-surface));
color:var(--sdb-color-primary,var(--sdb-erw-primary));
font-weight:var(--sdb-font-weight-bold,700);
}
.sdb-erw-group-add-button:hover{
background:var(--sdb-color-surface-high,var(--sdb-color-surface-low,var(--sdb-erw-surface)));
}
.sdb-erw-group-add-button:focus-visible{
outline:0;
box-shadow:var(--sdb-erw-focus-ring);
}
.sdb-erw-group-add-icon{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:1.25em;
line-height:1;
}
@media(max-width:600px){
.sdb-erw-group-participant__grid{
grid-template-columns:1fr;
}
.sdb-erw-group-participant__grid .sdb-erw-group-dietary{
grid-column:auto;
}
} .sdb-erw-form.sdb-erw-group-form{
gap:var(--sdb-space-lg,24px);
}
.sdb-erw-group-form .sdb-erw-group-zone{
padding:clamp(18px,2.2vw,28px);
border-color:var(--sdb-color-border,var(--sdb-erw-border));
box-shadow:var(--sdb-elevation-0,none);
}
.sdb-erw-group-form .sdb-erw-section-head{
margin-bottom:var(--sdb-space-md,16px);
}
.sdb-erw-group-form .sdb-erw-section-head .sdb-erw-section-title,
.sdb-erw-group-form .sdb-erw-group-heading-line .sdb-erw-section-title{
margin:0 0 var(--sdb-space-2xs,4px);
}
.sdb-erw-group-form .sdb-erw-section-head .sdb-field-message,
.sdb-erw-group-form .sdb-erw-group-participants-head .sdb-field-message{
margin-top:0;
max-width:72ch;
}
.sdb-erw-responsible-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--sdb-space-md,16px) var(--sdb-space-lg,20px);
}
.sdb-erw-responsible-grid .sdb-erw-col-6{grid-column:span 6}
.sdb-erw-responsible-grid .sdb-erw-col-4{grid-column:span 4}
.sdb-erw-responsible-grid .sdb-form__control{
width:100%;
box-sizing:border-box;
}
.sdb-erw-group-form .sdb-erw-group-participants{
gap:var(--sdb-space-sm,12px);
}
.sdb-erw-group-form .sdb-erw-group-participant{
padding:var(--sdb-space-sm,12px) var(--sdb-space-md,16px) var(--sdb-space-md,16px);
border-color:var(--sdb-color-border,var(--sdb-erw-border));
background:var(--sdb-color-surface-low,var(--sdb-erw-surface));
}
.sdb-erw-group-form .sdb-erw-group-participant__legend{
padding-inline:var(--sdb-space-xs,8px);
}
.sdb-erw-group-form .sdb-erw-group-participant__grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:var(--sdb-space-sm,12px);
margin-top:var(--sdb-space-xs,8px);
}
.sdb-erw-group-form .sdb-erw-group-name{grid-column:span 5}
.sdb-erw-group-form .sdb-erw-group-lunch{grid-column:span 2}
.sdb-erw-group-form .sdb-erw-group-dietary{grid-column:span 5}
.sdb-erw-group-form .sdb-erw-group-participant__grid .sdb-form__control{
width:100%;
min-height:var(--sdb-control-height-sm,38px);
box-sizing:border-box;
}
.sdb-erw-group-form .sdb-erw-group-add-wrap{
margin-top:var(--sdb-space-md,16px);
}
.sdb-erw-group-form .sdb-erw-group-add-button{
min-height:48px;
}
.sdb-erw-group-form .sdb-erw-consent-section{
padding:clamp(18px,2.2vw,28px);
}
.sdb-erw-group-form .sdb-erw-consent-list{
display:grid;
gap:var(--sdb-space-sm,12px);
}
.sdb-erw-group-form .sdb-erw-consent{
display:grid;
grid-template-columns:20px minmax(0,1fr);
align-items:start;
gap:var(--sdb-space-sm,12px);
margin:0;
padding:var(--sdb-space-sm,12px) var(--sdb-space-md,16px);
border:1px solid var(--sdb-color-border,var(--sdb-erw-border));
border-radius:var(--sdb-shape-md,var(--sdb-radius-md));
background:var(--sdb-color-surface-low,var(--sdb-erw-surface));
box-sizing:border-box;
}
.sdb-erw-group-form .sdb-erw-consent-input{
width:18px;
height:18px;
margin:2px 0 0;
padding:0;
align-self:start;
}
.sdb-erw-group-form .sdb-consent-block__text{
min-width:0;
line-height:1.45;
}
.sdb-erw-group-form .sdb-erw-group-submit{
display:flex;
justify-content:flex-end;
padding-top:var(--sdb-space-2xs,4px);
}
.sdb-erw-group-form .sdb-erw-group-submit .sdb-erw-submit{
min-width:210px;
}
.sdb-erw-hp-field[hidden]{
display:none!important;
}
@media(max-width:900px){
.sdb-erw-group-form .sdb-erw-group-name{grid-column:span 7}
.sdb-erw-group-form .sdb-erw-group-lunch{grid-column:span 5}
.sdb-erw-group-form .sdb-erw-group-dietary{grid-column:1 / -1}
}
@media(max-width:782px){
.sdb-erw-responsible-grid .sdb-erw-col-6,
.sdb-erw-responsible-grid .sdb-erw-col-4{grid-column:span 6}
.sdb-erw-responsible-grid .sdb-erw-col-4:last-child{grid-column:1 / -1}
}
@media(max-width:600px){
.sdb-erw-responsible-grid .sdb-erw-col-6,
.sdb-erw-responsible-grid .sdb-erw-col-4,
.sdb-erw-group-form .sdb-erw-group-name,
.sdb-erw-group-form .sdb-erw-group-lunch,
.sdb-erw-group-form .sdb-erw-group-dietary{
grid-column:1 / -1;
}
.sdb-erw-group-form .sdb-erw-group-zone{
padding:var(--sdb-space-md,16px);
}
.sdb-erw-group-form .sdb-erw-group-submit{
display:block;
}
.sdb-erw-group-form .sdb-erw-group-submit .sdb-erw-submit{
width:100%;
min-width:0;
}
}body.sdb-kingster-child {
color: var(--sdb-color-text, inherit);
}
body.sdb-kingster-child .kingster-body-wrapper {
background-color: var(--sdb-color-surface, #ffffff);
} body.sdb-kingster-child #kingster-page-wrapper,
body.sdb-kingster-child .kingster-page-wrapper {
overflow-x: clip;
}
body.sdb-kingster-child .kingster-content-area,
body.sdb-kingster-child .kingster-sidebar-area {
padding-top: 30px;
} body.sdb-job-offer-layout-active .sdb-job-offer-outer-sidebar {
display: none !important;
}
body.sdb-job-offer-layout-active .sdb-job-offer-full-width-node {
float: none !important;
clear: both !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
flex-basis: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
body.sdb-job-offer-layout-active .sdb-job-offer-sidebar-wrap {
display: block !important;
width: 100% !important;
} body.sdb-kingster-child.single-sdb_job_offer .kingster-sidebar-area {
display: none !important;
}
body.sdb-kingster-child.single-sdb_job_offer .kingster-content-area,
body.sdb-kingster-child.single-sdb_job_offer .kingster-sidebar-center {
float: none !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
} body.sdb-kingster-child.single-sdb_job_offer .kingster-single-social-share {
display: none !important;
} body.sdb-kingster-child .gdlr-core-text-box-item-content > .sss-slider-global-wrapper,
body.sdb-kingster-child .gdlr-core-text-box-item-content > .sss-m-global-wrapper {
margin: 0 !important;
padding: 0 !important;
} body.sdb-kingster-child
:where(.kingster-page-wrapper, .kingster-content-area, .gdlr-core-page-builder-body)
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible
:not(:where(
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) {
outline: 2px solid color-mix(in srgb, var(--sdb-color-primary, currentColor) 48%, transparent);
outline-offset: 3px;
}body.sdb-kingster-child .kingster-page-title-wrap.kingster-style-custom {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-bottom: 1px solid color-mix(in srgb, var(--sdb-color-border, #eef3f8) 72%, transparent);
border-bottom-left-radius: var(--sdb-radius-lg, 14px);
border-bottom-right-radius: var(--sdb-radius-lg, 14px);
box-shadow: var(--sdb-shadow-element, 0 8px 24px rgba(31, 42, 54, 0.06));
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-title-container,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-title-content {
position: relative;
z-index: 2;
} body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-title {
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.08;
letter-spacing: -0.035em;
text-wrap: balance;
} body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-caption {
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.45;
letter-spacing: -0.01em;
max-width: 820px;
text-wrap: pretty;
} body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs span {
font-size: var(--sdb-type-body-sm-size, 14px);
font-weight: var(--sdb-font-weight-medium, 500);
letter-spacing: 0.04em;
line-height: 1.4;
text-transform: uppercase;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs {
margin-top: 16px;
opacity: 0.86;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a {
text-decoration: none;
text-underline-offset: 0.24em;
transition: opacity 160ms ease, text-decoration-color 160ms ease;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a:hover,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a:focus-visible {
opacity: 1;
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: currentColor;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a:focus-visible {
outline: 2px solid color-mix(in srgb, var(--sdb-color-primary, #0058b7) 48%, transparent);
outline-offset: 3px;
border-radius: var(--sdb-radius-sm, 6px);
} @media (min-width: 1024px) {
body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-title {
max-width: 980px;
}
}  @media (max-width: 767px) {
body.sdb-kingster-child .kingster-page-title-wrap.kingster-style-custom {
border-bottom-left-radius: var(--sdb-radius-md, 10px);
border-bottom-right-radius: var(--sdb-radius-md, 10px);
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-title {
line-height: 1.12;
letter-spacing: -0.03em;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-page-caption {
line-height: 1.45;
}
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs a,
body.sdb-kingster-child .kingster-page-title-wrap .kingster-breadcrumbs span {
font-size: var(--sdb-type-label-md-size, 12px);
letter-spacing: 0.035em;
}
} @media (max-width: 782px) {
body.sdb-navigation-enabled.sdb-brand-bar-enabled.sdb-brand-bar-transparent.sdb-kingster-child:not(.sdb-alternative-header-context)
.kingster-page-title-wrap.kingster-style-custom .kingster-page-title-container {
padding-top: clamp(32px, 8vw, 44px);
box-sizing: border-box;
}
} body.sdb-kingster-child .kingster-top-bar-menu i {
color: currentColor;
opacity: 0.78;
}body.sdb-kingster-child.single-post .kingster-single-article-head {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas:
"title title"
"date meta";
align-items: center;
column-gap: 32px;
row-gap: 18px;
margin: 0 0 34px;
padding-bottom: 22px;
border-bottom: 1px solid color-mix(in srgb, var(--sdb-color-border, #eef3f8) 82%, transparent);
} body.sdb-kingster-child.single-post .kingster-single-article-head-right {
display: contents;
}
body.sdb-kingster-child.single-post h1.kingster-single-article-title {
grid-area: title;
max-width: 980px;
margin: 0;
font-size: clamp(32px, 4vw, 48px) !important;
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.13 !important;
letter-spacing: -0.038em;
color: var(--sdb-color-text, inherit);
}
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper {
grid-area: date;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto;
max-width: max-content;
min-width: 0 !important;
margin: 0 !important;
padding: 8px 14px !important;
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058b7) 18%, var(--sdb-color-border, #eef3f8)) !important;
border-radius: var(--sdb-radius-pill, 999px) !important;
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 6%, var(--sdb-color-surface, #ffffff));
box-shadow: var(--sdb-shadow-element, 0 4px 12px rgba(143, 154, 164, 0.08));
box-sizing: border-box;
font-size: 12px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1;
letter-spacing: 0.035em;
color: var(--sdb-color-primary, currentColor);
} body.sdb-kingster-child.single-post .kingster-single-article-date-day,
body.sdb-kingster-child.single-post .kingster-single-article-date-month,
body.sdb-kingster-child.single-post .kingster-single-article-date-year {
display: inline-flex !important;
align-items: center;
margin: 0 !important;
padding: 0 !important;
background: transparent;
border: 0;
font-size: 12px !important;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1;
letter-spacing: 0.055em;
text-transform: uppercase;
color: inherit;
}
body.sdb-kingster-child.single-post .kingster-single-article-date-month::before,
body.sdb-kingster-child.single-post .kingster-single-article-date-year::before {
content: "/";
display: inline-block;
margin: 0 8px;
color: color-mix(in srgb, var(--sdb-color-muted, #8e9aa7) 55%, transparent);
} body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper.sdb-date-enhanced {
text-transform: none;
letter-spacing: 0.01em;
}
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper.sdb-date-enhanced .kingster-single-article-date-day,
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper.sdb-date-enhanced .kingster-single-article-date-month,
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper.sdb-date-enhanced .kingster-single-article-date-year {
display: none !important;
}
body.sdb-kingster-child.single-post .sdb-single-date-readable {
display: inline-flex;
align-items: center;
font: inherit;
line-height: inherit;
color: inherit;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper,
body.sdb-kingster-child.single-post .kingster-single-article-head-right .kingster-blog-info-wrapper {
grid-area: meta;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px 10px;
margin: 0;
font-size: 13px;
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.4;
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info {
position: relative;
display: inline-flex;
align-items: center;
margin: 0 !important;
font: inherit;
letter-spacing: inherit;
text-transform: none;
color: inherit;
} body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info::before,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-sep {
content: none !important;
display: none !important;
} body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-author {
gap: 0.35rem;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-author .kingster-head {
margin: 0 !important;
font-size: 13px;
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.4;
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-author .fn,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-author .fn a {
font-size: 13.5px;
font-weight: var(--sdb-font-weight-semibold, 600);
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-title, var(--sdb-color-text, #364048));
} body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-category,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-tag {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-category .gdlr-core-sep,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-tag .gdlr-core-sep {
display: none !important;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-category a,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-tag a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 5px 10px;
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058b7) 16%, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-radius-pill, 999px);
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 5%, var(--sdb-color-surface, #ffffff));
font-size: 12px;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1;
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-primary, #0058b7);
text-decoration: none;
transition: background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease), border-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease), color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-category a:hover,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper .kingster-blog-info-tag a:hover {
border-color: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 30%, var(--sdb-color-border, #eef3f8));
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 10%, var(--sdb-color-surface, #ffffff));
color: var(--sdb-color-primary, #0058b7);
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper a {
text-decoration: none;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper a:focus-visible {
outline: 2px solid var(--sdb-color-secondary, #009bd8);
outline-offset: 3px;
border-radius: var(--sdb-radius-sm, 6px);
}
@media (max-width: 767px) {
body.sdb-kingster-child.single-post .kingster-single-article-head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
margin-bottom: 28px;
padding-bottom: 20px;
}
body.sdb-kingster-child.single-post .kingster-single-article-head-right {
display: contents;
}
body.sdb-kingster-child.single-post h1.kingster-single-article-title {
order: 1;
font-size: clamp(28px, 7vw, 38px) !important;
line-height: 1.16 !important;
letter-spacing: -0.032em;
}
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper {
order: 2;
padding: 8px 13px !important;
font-size: 11px;
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper,
body.sdb-kingster-child.single-post .kingster-single-article-head-right .kingster-blog-info-wrapper {
order: 3;
justify-content: flex-start;
font-size: 12px;
letter-spacing: 0;
}
} body.sdb-kingster-child.single-post .kingster-single-article-thumbnail {
margin: 0 0 34px;
}
body.sdb-kingster-child.single-post .kingster-single-article-thumbnail img {
display: block;
width: 100%;
height: auto;
border-radius: var(--sdb-radius-lg, 14px) !important;
box-shadow: var(--sdb-shadow-element, 0 8px 24px rgba(31, 42, 54, 0.08));
overflow: hidden;
}
body.sdb-kingster-child.single-post .kingster-single-article-thumbnail + .kingster-single-article-content {
margin-top: 0;
}
@media (max-width: 767px) {
body.sdb-kingster-child.single-post .kingster-single-article-thumbnail {
margin-bottom: 26px;
}
body.sdb-kingster-child.single-post .kingster-single-article-thumbnail img {
border-radius: var(--sdb-radius-md, 10px) !important;
}
} body.sdb-kingster-child.single-post .kingster-single-article-content {
font-size: var(--sdb-type-body-md-size, 17px);
line-height: var(--sdb-line-height-body, 1.74);
color: var(--sdb-color-text, inherit);
}
body.sdb-kingster-child.single-post .kingster-single-article-content > *:first-child {
margin-top: 0;
}
body.sdb-kingster-child.single-post .kingster-single-article-content > *:last-child {
margin-bottom: 0;
}
body.sdb-kingster-child.single-post .kingster-single-article-content p {
margin-bottom: 1.45em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content ul,
body.sdb-kingster-child.single-post .kingster-single-article-content ol {
margin: 0 0 1.55em 1.25em;
padding-left: 1.1em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content li {
margin-bottom: 0.45em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content h2.kingster-editorial-heading,
body.sdb-kingster-child.single-post .kingster-single-article-content h3.kingster-editorial-heading,
body.sdb-kingster-child.single-post .kingster-single-article-content h4.kingster-editorial-heading {
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.2;
letter-spacing: -0.025em;
color: var(--sdb-color-text, inherit);
}
body.sdb-kingster-child.single-post .kingster-single-article-content h2.kingster-editorial-heading {
margin-top: 2.1em;
margin-bottom: 0.75em;
font-size: clamp(26px, 3vw, 34px);
}
body.sdb-kingster-child.single-post .kingster-single-article-content h3.kingster-editorial-heading {
margin-top: 1.8em;
margin-bottom: 0.65em;
font-size: clamp(22px, 2.5vw, 28px);
}
body.sdb-kingster-child.single-post .kingster-single-article-content h4.kingster-editorial-heading {
margin-top: 1.6em;
margin-bottom: 0.55em;
font-size: clamp(19px, 2vw, 23px);
}
body.sdb-kingster-child.single-post .kingster-single-article-content a:not(:where(
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) {
color: var(--sdb-color-primary, currentColor);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content blockquote {
margin: 2.1em 0;
padding: 22px 26px;
border-left: 4px solid var(--sdb-color-primary, #0058b7);
border-radius: var(--sdb-radius-md, 10px);
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 5%, var(--sdb-color-surface, #ffffff));
box-shadow: var(--sdb-shadow-element, 0 8px 22px rgba(31, 42, 54, 0.05));
}
body.sdb-kingster-child.single-post .kingster-single-article-content blockquote p:last-child {
margin-bottom: 0;
}
body.sdb-kingster-child.single-post .kingster-single-article-content figure,
body.sdb-kingster-child.single-post .kingster-single-article-content .wp-caption {
margin-top: 2em;
margin-bottom: 2em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content figcaption,
body.sdb-kingster-child.single-post .kingster-single-article-content .wp-caption-text {
margin-top: 10px;
font-size: 13px;
line-height: 1.45;
color: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-kingster-child.single-post .kingster-single-article-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) {
width: 100%;
margin: 2em 0;
border-collapse: collapse;
font-size: 0.95em;
}
body.sdb-kingster-child.single-post .kingster-single-article-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) :where(th, td) {
padding: 12px 14px;
border: 1px solid var(--sdb-color-border, #eef3f8);
vertical-align: top;
}
body.sdb-kingster-child.single-post .kingster-single-article-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) th {
font-weight: var(--sdb-font-weight-semibold, 600);
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 5%, var(--sdb-color-surface, #ffffff));
}
body.sdb-kingster-child.single-post .kingster-single-nav-area,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap,
body.sdb-kingster-child.single-post .kingster-comments-area {
margin-top: 42px;
padding-top: 32px;
border-top: 1px solid var(--sdb-color-border, #eef3f8);
}
@media (max-width: 767px) {
body.sdb-kingster-child.single-post .kingster-single-article-content {
font-size: var(--sdb-type-body-md-size, 16px);
line-height: var(--sdb-line-height-body, 1.68);
}
body.sdb-kingster-child.single-post .kingster-single-article-content blockquote {
padding: 18px 20px;
}
body.sdb-kingster-child.single-post .kingster-single-nav-area,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap,
body.sdb-kingster-child.single-post .kingster-comments-area {
margin-top: 32px;
padding-top: 24px;
}
}
body.sdb-kingster-child.single-post .kingster-single-article-title {
font-weight: var(--sdb-font-weight-bold, 700);
color: var(--sdb-color-title, var(--sdb-color-text, inherit));
text-wrap: balance;
}
body.sdb-kingster-child.single-post .kingster-single-article-head {
border-color: var(--sdb-color-border, currentColor);
}
body.sdb-kingster-child.single-post .kingster-single-article-date-wrapper {
border-color: color-mix(in srgb, var(--sdb-color-primary, currentColor) 18%, var(--sdb-color-border, transparent));
color: var(--sdb-color-primary, currentColor);
}
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper,
body.sdb-kingster-child.single-post .kingster-blog-info-wrapper a {
color: var(--sdb-color-muted, inherit);
}
body.sdb-kingster-child.single-post .kingster-single-article-thumbnail img {
border-radius: var(--sdb-radius-lg, 14px);
box-shadow: var(--sdb-shadow-element, 0 8px 24px rgba(31, 42, 54, 0.06));
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap {
padding-top: clamp(38px, 4vw, 52px) !important;
padding-bottom: clamp(76px, 7vw, 104px) !important;
border-top: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
background: transparent;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-container {
max-width: min(100%, 860px);
margin: 0 auto !important;
padding-right: clamp(18px, 2.8vw, 34px) !important;
padding-left: clamp(18px, 2.8vw, 34px) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-content {
width: 100%;
margin: 0 auto !important;
} body.sdb-kingster-child.single-post .kingster-single-related-post-title {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0 0 clamp(24px, 2.8vw, 34px) !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--sdb-font-heading, inherit);
font-size: var(--sdb-type-label-md-size, 0.875rem) !important;
font-weight: var(--sdb-font-weight-semibold, 600) !important;
line-height: 1.2 !important;
letter-spacing: 0.075em;
text-transform: uppercase;
color: var(--sdb-color-editorial-accent, var(--sdb-color-title, #364048)) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-title::before {
content: "";
flex: 0 0 28px;
width: 28px;
height: 8px;
border: 0;
border-radius: var(--sdb-shape-pill, 999px);
background: linear-gradient(90deg, var(--sdb-color-primary, #0058b7) 0%, var(--sdb-color-secondary, #009bd8) 100%);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--sdb-color-primary, #0058b7) 8%, transparent);
}
body.sdb-kingster-child.single-post .kingster-single-related-post-title::after {
content: none !important;
display: none !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-item-holder {
margin-right: calc(0px - 14px);
margin-bottom: calc(0px - var(--sdb-editorial-gap-lg, 1.5rem));
margin-left: calc(0px - 14px);
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-item-list {
display: block;
padding-right: 14px !important;
padding-left: 14px !important;
margin-bottom: var(--sdb-editorial-gap-lg, 1.5rem) !important;
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid {
display: block;
width: 100%;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid:hover,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid:focus-within {
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail {
position: relative;
margin: 0 !important;
border-radius: var(--sdb-shape-md, var(--sdb-radius-md, 12px)) !important;
background: var(--sdb-color-surface-high, var(--sdb-color-background, #f5f8fb));
box-shadow: none !important;
overflow: hidden;
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail.gdlr-core-media-image {
aspect-ratio: 3 / 2;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail.gdlr-core-media-image > a {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
overflow: hidden;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail.gdlr-core-media-image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: inherit !important;
box-shadow: none !important;
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));
}
@media (hover: hover) and (pointer: fine) {
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid:hover .gdlr-core-blog-thumbnail.gdlr-core-media-image img {
transform: scale(1.018);
}
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid-frame,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-grid-content-wrap {
display: block;
height: auto !important;
min-height: 0 !important;
padding: 1rem 0 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-wrapper {
display: flex !important;
flex-wrap: wrap;
align-items: center;
column-gap: 0;
row-gap: 0.42rem;
margin: 0 0 0.72rem !important;
padding: 0 !important;
border: 0 !important;
font-family: var(--sdb-font-meta, var(--sdb-font-body, inherit));
font-size: var(--sdb-type-body-sm-size, 0.925rem) !important;
font-weight: var(--sdb-font-weight-regular, 400) !important;
line-height: 1.35 !important;
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-muted, #8e9aa7) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-wrapper .gdlr-core-blog-info {
display: inline-flex !important;
align-items: center;
margin: 0 !important;
padding: 0 !important;
float: none !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info::before,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info::after,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-sep {
content: none !important;
display: none !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info + .gdlr-core-blog-info::before {
content: "" !important;
display: inline-block !important;
width: 3px;
height: 3px;
margin: 0 0.62rem;
border-radius: 50%;
background: color-mix(in srgb, var(--sdb-color-muted, #8e9aa7) 54%, transparent);
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-date {
display: inline-flex !important;
align-items: center;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-date::after {
content: "";
width: 14px;
height: 14px;
margin-right: 0.46rem;
order: -1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Crect x='1.5' y='2.5' width='11' height='10' rx='2' stroke='%238E9AA7' stroke-width='1.1'/%3E%3Cpath d='M1.5 5.1H12.5' stroke='%238E9AA7' stroke-width='1.1'/%3E%3Cpath d='M4.2 1.5V3.7' stroke='%238E9AA7' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M9.8 1.5V3.7' stroke='%238E9AA7' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
opacity: 0.85;
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-category,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-tag {
display: inline-flex !important;
flex-wrap: wrap;
align-items: center;
gap: 0.42rem;
font-size: 0 !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-category a,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-tag a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
padding: 0.24rem 0.68rem;
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058b7) 12%, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-shape-pill, 999px);
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 6%, var(--sdb-color-surface, #ffffff));
font-size: 0.74rem !important;
font-weight: var(--sdb-font-weight-semibold, 600) !important;
line-height: 1.1 !important;
letter-spacing: 0.025em;
color: var(--sdb-color-title, #364048) !important;
text-decoration: none;
transition: background-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)), border-color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)), color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-wrapper a {
color: inherit !important;
text-decoration: none;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-category a:hover,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-tag a:hover {
border-color: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 24%, var(--sdb-color-border, #eef3f8));
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 11%, var(--sdb-color-surface, #ffffff));
color: var(--sdb-color-primary, #0058b7) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-wrapper > a:hover,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-date a:hover,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-author a:hover {
color: var(--sdb-color-editorial-accent, var(--sdb-color-primary, #0058b7)) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title {
margin: 0 !important;
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(1.08rem, 1.45vw, 1.2rem) !important;
font-weight: var(--sdb-font-weight-semibold, 600) !important;
line-height: 1.3 !important;
letter-spacing: -0.018em;
color: var(--sdb-context-editorial-title, var(--sdb-color-title, #364048)) !important;
text-wrap: pretty;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
color: inherit !important;
text-decoration: none !important;
transition: color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title a:hover {
color: var(--sdb-editorial-cta-color, var(--sdb-color-primary, #0058b7)) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title a:focus-visible,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail a:focus-visible {
outline: 2px solid var(--sdb-color-secondary, #009bd8);
outline-offset: 4px;
border-radius: var(--sdb-shape-sm, var(--sdb-radius-sm, 6px));
} body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-sticky-banner {
top: 14px;
right: auto;
bottom: auto;
left: 14px;
padding: 7px 10px !important;
border: 1px solid rgba(255, 255, 255, 0.32);
border-radius: var(--sdb-shape-pill, var(--sdb-radius-pill, 999px));
background: var(--sdb-tag-on-image-bg, rgba(0, 0, 0, 0.42)) !important;
color: var(--sdb-tag-on-image-color, var(--sdb-color-on-image, #ffffff)) !important;
box-shadow: none !important;
font-size: 0.7rem !important;
font-weight: var(--sdb-font-weight-semibold, 600) !important;
line-height: 1 !important;
letter-spacing: 0.065em;
text-transform: uppercase;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-sticky-banner i {
margin-right: 6px;
font-size: 0.72rem;
}
@media (max-width: 767px) {
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap {
padding-top: 34px !important;
padding-bottom: 64px !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-container {
padding-right: 20px !important;
padding-left: 20px !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-title {
margin-bottom: var(--sdb-editorial-gap-lg, 1.5rem) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-title::before {
flex-basis: 24px;
width: 24px;
height: 8px
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-item-holder {
margin-right: 0;
margin-left: 0;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-item-list {
padding-right: 0 !important;
padding-left: 0 !important;
margin-bottom: clamp(30px, 7vw, 42px) !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title {
font-size: clamp(1.05rem, 5vw, 1.18rem) !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail.gdlr-core-media-image img,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-title a,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-category a,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-tag a {
transition: none !important;
transform: none !important;
}
}
@media (forced-colors: active) {
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-thumbnail {
outline: 1px solid CanvasText;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .kingster-single-related-post-title::before,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-category a,
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-blog-info-tag a {
border-color: CanvasText !important;
background: Canvas !important;
color: CanvasText !important;
}
body.sdb-kingster-child.single-post .kingster-single-related-post-wrap .gdlr-core-sticky-banner {
border-color: CanvasText;
background: Canvas !important;
color: CanvasText !important;
}
}body.sdb-kingster-child .gdlr-core-columnize-item-content.gdlr-core-skin-divider {
border-color: var(--sdb-color-border, currentColor);
} body.sdb-kingster-child .gdlr-core-page-list.gdlr-core-style-grid .gdlr-core-thumbnail,
body.sdb-kingster-child .gdlr-core-class-list.gdlr-core-style-grid .gdlr-core-thumbnail,
body.sdb-kingster-child .gdlr-core-course-info-item .gdlr-core-course-info-item-inner,
body.sdb-kingster-child .gdlr-core-course-item.gdlr-core-course-style-list-info .gdlr-core-course-item-list,
body.sdb-kingster-child .gdlr-core-course-item.gdlr-core-course-style-grid .gdlr-core-course-item-list-inner,
body.sdb-kingster-child .gdlr-core-course-search-item .gdlr-core-search-frame,
body.sdb-kingster-child .gdlr-core-hover-opacity {
border-radius: var(--sdb-radius-md, 10px) !important;
box-shadow: var(--sdb-shadow-element, 0 8px 24px rgba(31, 42, 54, 0.06));
overflow: hidden;
}
body.sdb-kingster-child .gdlr-core-alert-box-item-inner {
border-color: var(--sdb-color-border, currentColor);
border-radius: var(--sdb-radius-md, 10px) !important;
box-shadow: var(--sdb-shadow-element, 5px 5px 5px rgba(143, 154, 164, 0.05)) !important;
padding-top: 25px !important;
padding-bottom: 10px !important;
border-style: solid;
overflow: hidden;
}   body.sdb-kingster-child .kingster-sidebar-area .kingster-widget {
margin-bottom: clamp(40px, 4vw, 48px);
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-title {
position: relative;
display: flex;
align-items: center;
min-height: 58px;
margin: 0 0 20px !important;
padding: 15px 18px 15px 22px !important;
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #e7edf3)) !important;
border-bottom: 0 !important;
border-radius: var(--sdb-radius-lg, 14px) var(--sdb-radius-lg, 14px) var(--sdb-radius-sm, 6px) var(--sdb-radius-sm, 6px) !important;
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 4%, var(--sdb-color-surface, #ffffff)) !important;
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--sdb-color-primary, #0058b7) 8%, transparent);
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(1rem, 1.2vw, 1.08rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.25;
letter-spacing: -0.012em;
text-transform: none;
color: var(--sdb-color-title, var(--sdb-color-text, #364048));
overflow: hidden;
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-title::before {
content: "";
position: absolute;
top: 13px;
bottom: 13px;
left: 0;
width: 4px;
border-radius: 0 var(--sdb-radius-pill, 999px) var(--sdb-radius-pill, 999px) 0;
background: linear-gradient(180deg, var(--sdb-color-primary, #0058b7), var(--sdb-color-secondary, #009bd8));
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-head-text {
float: none !important;
margin: 0 !important;
color: inherit;
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-head-divider {
display: none !important;
} body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-wrap {
padding-top: 0 !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget {
position: relative;
min-height: 72px;
margin: 0 !important;
padding: 0 0 15px !important;
border-bottom: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #edf2f6));
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget + .gdlr-core-recent-post-widget {
padding-top: 15px !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget:last-child {
padding-bottom: 0 !important;
border-bottom: 0;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-thumbnail {
float: left !important;
width: 68px !important;
max-width: 68px !important;
aspect-ratio: 1 / 1;
margin: 0 14px 0 0 !important;
border-radius: var(--sdb-radius-md, 10px) !important;
background: var(--sdb-color-surface-high, #f5f8fb);
box-shadow: none !important;
overflow: hidden;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-thumbnail > a {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
overflow: hidden;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-thumbnail img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: inherit !important;
transition: transform var(--sdb-motion-duration-base, 180ms) var(--sdb-motion-easing-standard, ease);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-content {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 68px;
overflow: hidden;
} body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-info {
order: 1;
margin: 0 0 5px !important;
font-family: var(--sdb-font-meta, var(--sdb-font-body, inherit));
font-size: 0.72rem;
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-info .gdlr-core-blog-info {
margin: 0 !important;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-info i,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-info .gdlr-core-head,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-info .gdlr-core-blog-info-sep {
display: none !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-title {
order: 2;
margin: 0 !important;
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(0.94rem, 1.15vw, 1rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
letter-spacing: -0.012em;
color: var(--sdb-color-title, #364048);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-title a {
color: inherit;
text-decoration: none;
transition: color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
@media (hover: hover) and (pointer: fine) {
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget:hover .gdlr-core-recent-post-widget-thumbnail img {
transform: scale(1.035);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget:hover .gdlr-core-recent-post-widget-title a {
color: var(--sdb-color-primary, #0058b7);
}
} body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-event-widget .gdlr-core-event-item {
padding-bottom: 0 !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget {
position: relative;
min-height: 62px;
margin: 0 !important;
padding: 0 0 16px !important;
border-bottom: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #edf2f6));
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget + .gdlr-core-event-item-list.gdlr-core-style-widget {
padding-top: 16px !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget:last-child {
padding-bottom: 0 !important;
border-bottom: 0;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-info.gdlr-core-type-start-date-month {
float: left !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
width: 58px !important;
min-width: 58px;
min-height: 56px;
margin: 0 14px 0 0 !important;
padding: 7px 6px !important;
border: 1px solid color-mix(in srgb, var(--sdb-color-primary, #0058b7) 20%, var(--sdb-color-border, #e7edf3)) !important;
border-radius: var(--sdb-radius-md, 10px) !important;
background: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 6%, var(--sdb-color-surface, #ffffff));
box-shadow: none !important;
color: var(--sdb-color-primary, #0058b7);
text-align: center;
white-space: nowrap;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-type-start-date-month .gdlr-core-date {
font-size: 1rem;
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1.05;
color: var(--sdb-color-primary, #0058b7);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-type-start-date-month .gdlr-core-month {
margin-top: 2px;
font-size: 0.68rem;
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.05;
letter-spacing: 0.015em;
text-transform: uppercase;
color: color-mix(in srgb, var(--sdb-color-primary, #0058b7) 78%, var(--sdb-color-text, #364048));
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-content-wrap {
min-width: 0;
padding-top: 2px;
overflow: hidden;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-title {
margin: 0 0 7px !important;
font-family: var(--sdb-font-heading, inherit);
font-size: clamp(0.96rem, 1.2vw, 1.03rem);
font-weight: var(--sdb-font-weight-semibold, 600);
line-height: 1.3;
letter-spacing: -0.012em;
color: var(--sdb-color-title, #364048);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-title a {
color: inherit;
text-decoration: none;
transition: color var(--sdb-motion-duration-fast, 120ms) var(--sdb-motion-easing-standard, ease);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item .gdlr-core-event-item-info-wrap {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
margin: 0;
font-family: var(--sdb-font-meta, var(--sdb-font-body, inherit));
font-size: 0.78rem;
font-weight: var(--sdb-font-weight-regular, 400);
line-height: 1.35;
color: var(--sdb-color-muted, #8e9aa7);
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget .gdlr-core-event-item-info {
display: inline-flex;
align-items: center;
margin: 0 !important;
color: inherit;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-info-wrap .gdlr-core-head {
margin-right: 5px !important;
color: var(--sdb-color-primary, #0058b7);
opacity: 0.72;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-info-wrap .gdlr-core-head i {
font-size: 0.88em;
}
@media (hover: hover) and (pointer: fine) {
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget:hover .gdlr-core-event-item-title a {
color: var(--sdb-color-primary, #0058b7);
}
} body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget a:focus-visible,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-list.gdlr-core-style-widget a:focus-visible {
outline: 2px solid var(--sdb-color-secondary, #009bd8);
outline-offset: 3px;
border-radius: var(--sdb-radius-sm, 6px);
}
@media (max-width: 767px) {
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget {
margin-bottom: 36px;
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-title {
min-height: 54px;
margin-bottom: 18px !important;
padding: 14px 16px 14px 20px !important;
font-size: 1rem;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-thumbnail {
width: 62px !important;
max-width: 62px !important;
margin-right: 12px !important;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-content {
min-height: 62px;
}
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-info.gdlr-core-type-start-date-month {
width: 54px !important;
min-width: 54px;
min-height: 54px;
margin-right: 12px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-thumbnail img,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-recent-post-widget-title a,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-title a {
transition: none !important;
transform: none !important;
}
}
@media (forced-colors: active) {
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-title,
body.sdb-kingster-child .kingster-sidebar-area .gdlr-core-event-item-info.gdlr-core-type-start-date-month {
border-color: CanvasText !important;
background: Canvas !important;
color: CanvasText !important;
}
body.sdb-kingster-child .kingster-sidebar-area .kingster-widget-title::before {
background: CanvasText !important;
}
}body.sdb-kingster-child .gdlr-core-social-share-wrap a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin-right: 10px !important;
border-radius: 50% !important;
background-color: var(--sdb-color-surface-high, var(--sdb-color-background, #f2f2f4)) !important;
color: var(--sdb-color-muted, inherit);
transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}
body.sdb-kingster-child .gdlr-core-social-share-wrap a i {
font-size: 18px !important;
color: var(--sdb-color-muted, #8f9ba4) !important;
}
body.sdb-kingster-child .gdlr-core-social-share-wrap a:hover {
background-color: var(--sdb-color-border, #ddd) !important;
color: var(--sdb-color-primary, currentColor);
}
body.sdb-kingster-child .gdlr-core-social-share-wrap a:focus-visible {
color: var(--sdb-color-primary, currentColor);
}
body.sdb-kingster-child .gdlr-core-social-share-wrap a:hover i {
color: var(--sdb-color-primary, #0058b7) !important;
}body.sdb-kingster-child .kingster-page-wrapper :where(.wp-block-image figcaption, .wp-block-embed figcaption, .blocks-gallery-caption) {
font-size: 0.875rem;
line-height: 1.45;
color: var(--sdb-color-muted, inherit);
}
body.sdb-kingster-child .kingster-page-wrapper :where(figure.wp-block-image, figure.wp-block-embed, figure.wp-block-gallery) {
margin-bottom: var(--sdb-space-lg, 2rem);
}
body.sdb-kingster-child .kingster-page-wrapper .wp-block-image img {
border-radius: var(--sdb-radius-md, 10px);
}body.sdb-kingster-child .wpcf7-radio.radio-box,
body.sdb-kingster-child .wpcf7-checkbox.radio-box {
display: flex;
flex-wrap: wrap;
gap: 10px 14px;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form {
margin: 0;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form > p {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--sdb-form-field-gap, 16px);
margin: 0;
padding: 0;
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form > br,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form > p > br,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form > p > label > br {
display: none;
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form > p > label {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 7px;
margin: 0;
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-form-control-wrap {
display: block;
width: 100%;
min-width: 0;
margin: 0;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-acceptance,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-acceptance .wpcf7-list-item {
display: block;
margin: 0;
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-list-item-label {
min-width: 0;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .sdb-consent-block--optional {
margin: 0;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-turnstile,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .cf-turnstile {
max-width: 100%;
min-height: 0;
margin: var(--sdb-form-field-gap, 16px) 0 0;
padding: 0;
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-spinner {
margin: 0 0 0 10px;
vertical-align: middle;
} body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-not-valid-tip {
display: block;
margin: 7px 0 0;
font-size: .8125rem;
font-weight: var(--sdb-font-weight-medium, 500);
line-height: 1.45;
color: var(--sdb-color-error-text, var(--sdb-color-error, #c53030));
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] .wpcf7-response-output {
margin: var(--sdb-form-field-gap, 16px) 0 0;
padding: 12px 14px;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-ui-control-radius, 10px);
background: var(--sdb-color-surface, #ffffff);
font-size: var(--sdb-type-body-sm-size, .925rem);
line-height: 1.5;
color: var(--sdb-color-text, #6b7785);
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.sent .wpcf7-response-output {
border-color: var(--sdb-color-success, #2f8f4e);
background: var(--sdb-color-success-bg, #e9f6ee);
color: var(--sdb-color-success-text, #1e5f34);
}
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.invalid .wpcf7-response-output,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.unaccepted .wpcf7-response-output,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.failed .wpcf7-response-output,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.aborted .wpcf7-response-output,
body.sdb-kingster-child .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] form.spam .wpcf7-response-output {
border-color: var(--sdb-color-error, #c53030);
background: var(--sdb-color-error-bg, #fdecec);
color: var(--sdb-color-error-text, #7f1d1d);
} body.sdb-kingster-child.sdb-brand-context-missaodombosco .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] input[type="submit"].wpcf7-submit {
border-color: var(--sdb-mdb-cta-bg, var(--sdb-mdb-color-primary, #f26722));
background: var(--sdb-mdb-cta-bg, var(--sdb-mdb-color-primary, #f26722));
color: var(--sdb-mdb-cta-text, #ffffff);
}
body.sdb-kingster-child.sdb-brand-context-missaodombosco .wpcf7.sdb-form-adapter[data-sdb-form-provider="contact-form-7"] input[type="submit"].wpcf7-submit:hover:not(:disabled) {
border-color: var(--sdb-mdb-cta-bg-hover, var(--sdb-mdb-color-primary-dark, #e24b00));
background: var(--sdb-mdb-cta-bg-hover, var(--sdb-mdb-color-primary-dark, #e24b00));
} body.sdb-kingster-child #cf7-success-modal {
display: none !important;
position: fixed;
inset: 0;
z-index: var(--sdb-modal-z-index, 999998);
}
body.sdb-kingster-child #cf7-success-modal.is-open,
body.sdb-kingster-child #cf7-success-modal.active {
display: block !important;
}
body.sdb-kingster-child #cf7-success-modal[aria-hidden="true"] {
display: none !important;
}
body.sdb-kingster-child #cf7-success-modal .cf7-success-backdrop {
position: absolute;
inset: 0;
background: rgba(22, 35, 59, .52);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
animation: sdb-cf7-backdrop-in var(--sdb-motion-duration-enter, 180ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)) both;
}
body.sdb-kingster-child #cf7-success-modal .cf7-success-box {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(var(--sdb-modal-width-md, 640px), calc(100vw - 32px));
max-width: 540px;
max-height: min(84vh, 680px);
max-height: min(84dvh, 680px);
overflow: auto;
box-sizing: border-box;
padding: clamp(30px, 4vw, 40px) clamp(24px, 4vw, 36px) clamp(28px, 3.5vw, 34px);
background: var(--sdb-color-surface, #ffffff);
border: 1px solid var(--sdb-color-outline-variant, var(--sdb-color-border, #eef3f8));
border-radius: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px));
box-shadow: var(--sdb-elevation-4, 0 24px 60px rgba(31, 42, 54, .18));
color: var(--sdb-color-text, #6b7785);
font-family: var(--sdb-font-body, Archivo, Arial, sans-serif);
text-align: center;
z-index: 1;
animation: sdb-cf7-dialog-in var(--sdb-motion-duration-enter, 180ms) var(--sdb-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)) both;
} body.sdb-kingster-child #cf7-success-modal .sdb-cf7-success-icon,
body.sdb-kingster-child #cf7-success-modal .cf7-success-icon {
display: grid;
place-items: center;
width: 56px;
height: 56px;
margin: 0 auto 18px;
border-radius: var(--sdb-radius-pill, 999px);
background: var(--sdb-color-success-bg, #e9f6ee);
color: var(--sdb-color-success-text, #1e5f34);
font-family: var(--sdb-font-body, Archivo, Arial, sans-serif);
font-size: 26px;
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1;
box-shadow: inset 0 0 0 1px rgba(47, 143, 78, .12);
}
body.sdb-kingster-child #cf7-success-modal .sdb-cf7-success-title {
margin: 0 !important;
color: var(--sdb-color-title, #364048) !important;
font-family: var(--sdb-font-heading, "Neo Sans", Arial, sans-serif) !important;
font-size: clamp(1.4rem, 2.6vw, 1.7rem) !important;
font-style: normal;
font-weight: var(--sdb-font-weight-semibold, 600) !important;
letter-spacing: 0;
line-height: 1.25;
text-transform: none;
}
body.sdb-kingster-child #cf7-success-modal .sdb-cf7-success-description {
max-width: 43ch;
margin: 12px auto 0 !important;
color: var(--sdb-color-text, #6b7785) !important;
font-family: var(--sdb-font-body, Archivo, Arial, sans-serif) !important;
font-size: 1rem !important;
font-weight: var(--sdb-font-weight-regular, 400);
line-height: var(--sdb-line-height-body, 1.65);
} body.sdb-kingster-child #cf7-success-modal :where(.sdb-cf7-success-close, .cf7-success-close, [data-cf7-modal-close]) {
position: absolute !important;
top: 14px !important;
right: 14px !important;
left: auto !important;
bottom: auto !important;
display: grid !important;
place-items: center !important;
width: var(--sdb-dismiss-size, 34px) !important;
height: var(--sdb-dismiss-size, 34px) !important;
min-width: var(--sdb-dismiss-size, 34px) !important;
min-height: var(--sdb-dismiss-size, 34px) !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(--sdb-dismiss-radius, var(--sdb-radius-pill, 999px)) !important;
background: transparent !important;
box-shadow: none !important;
color: var(--sdb-color-muted, #8e9aa7) !important;
font: inherit !important;
font-size: 23px !important;
font-weight: var(--sdb-font-weight-regular, 400) !important;
line-height: 1 !important;
text-indent: 0 !important;
text-shadow: none !important;
transform: none !important;
transition: background-color var(--sdb-motion-duration-fast, 120ms) ease, color var(--sdb-motion-duration-fast, 120ms) ease, box-shadow var(--sdb-motion-duration-fast, 120ms) ease !important;
cursor: pointer;
}
body.sdb-kingster-child #cf7-success-modal :where(.sdb-cf7-success-close, .cf7-success-close, [data-cf7-modal-close]):hover {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06)) !important;
color: var(--sdb-color-title, #364048) !important;
}
body.sdb-kingster-child #cf7-success-modal :where(.sdb-cf7-success-close, .cf7-success-close, [data-cf7-modal-close]):focus-visible {
outline: 0 !important;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .22)) !important;
}
html.sdb-cf7-modal-open,
html.sdb-cf7-modal-open body {
overflow: hidden;
}
@keyframes sdb-cf7-backdrop-in {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes sdb-cf7-dialog-in {
from {
opacity: 0;
transform: translate(-50%, calc(-50% + 8px)) scale(.985);
}
to {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
}
@media (max-width: 520px) {
body.sdb-kingster-child #cf7-success-modal .cf7-success-box {
width: calc(100vw - 24px);
padding: 32px 22px 26px;
border-radius: var(--sdb-shape-lg, var(--sdb-radius-lg, 16px));
}
body.sdb-kingster-child #cf7-success-modal .sdb-cf7-success-icon,
body.sdb-kingster-child #cf7-success-modal .cf7-success-icon {
width: 52px;
height: 52px;
margin-bottom: 16px;
font-size: 24px;
}
}
@media (prefers-reduced-motion: reduce) {
body.sdb-kingster-child #cf7-success-modal .cf7-success-backdrop,
body.sdb-kingster-child #cf7-success-modal .cf7-success-box {
animation: none;
}
body.sdb-kingster-child #cf7-success-modal :where(.sdb-cf7-success-close, .cf7-success-close, [data-cf7-modal-close]) {
transition: none !important;
}
}
@media (forced-colors: active) {
body.sdb-kingster-child #cf7-success-modal .cf7-success-box,
body.sdb-kingster-child #cf7-success-modal .sdb-cf7-success-icon,
body.sdb-kingster-child #cf7-success-modal .cf7-success-icon {
border: 1px solid CanvasText;
}
}body.sdb-kingster-child .wp-block-table table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)),
body.sdb-kingster-child .gdlr-core-text-box-item-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) {
width: 100%;
border-collapse: collapse;
color: var(--sdb-color-text, inherit);
}
body.sdb-kingster-child .wp-block-table table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) :where(th, td),
body.sdb-kingster-child .gdlr-core-text-box-item-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) :where(th, td) {
border-color: var(--sdb-color-border, currentColor);
}
body.sdb-kingster-child .wp-block-table table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) th,
body.sdb-kingster-child .gdlr-core-text-box-item-content table:not(:where(
.sdb-table,
[class^="sdb-"],
[class*=" sdb-"],
[class^="sdb-"] *,
[class*=" sdb-"] *
)) th {
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-title, var(--sdb-color-text, inherit));
}button{ line-height: 1.7; cursor: pointer; border: none; padding: 13px 28px; font-size: 16px; font-weight: 600; margin-right: 4px; color: #fff; }
button:focus{ outline: none; } .kingster-learn-press-nav-tabs-wrap{ position: relative; margin-bottom: 65px; }
ul.learn-press-nav-tabs{ border-bottom-width: 1px; margin-bottom: 0px; }
.kingster-tab-slidebar{ overflow: hidden; height: 13px; width: 100px; margin-top: -1px; }
.kingster-tab-slidebar .kingster-tab-slidebar-border{ border-top-width: 1px; border-top-style: solid; }
.kingster-tab-slidebar .kingster-tab-slidebar-border:before{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; border-style: solid;  display: block; margin: 0px auto; }
.kingster-tab-slidebar:after{ content: " "; width: 0px; height: 0px; border-width: 12px 12px 0px 12px; border-style: solid; border-color: #ffffff transparent transparent; display: block; margin: -13px auto 0px; } .checkout-review-order tr.cart-subtotal th{ padding: 6px 0px 0px; font-weight: 400; border: 0px; }
.checkout-review-order tr.cart-subtotal td{ padding: 6px 0px 0px; font-weight: 500; border: 0px; }
.checkout-review-order tr.order-total th{ padding: 0px 0px 30px; font-weight: 400; }
.checkout-review-order tr.order-total td{ font-weight: 600; }
#learn-press-order-review{ margin-top: 36px; margin-bottom: 50px;  }
.checkout-review-order h4{ font-size: 24px; margin-bottom: 25px; }
.learn-press-checkout-comment{ margin-bottom: 50px; }
.learn-press-checkout-comment h4{ font-size: 24px; margin-bottom: 25px; }
.learn-press-checkout-comment textarea{ font-size: 16px; padding: 16px 22px 20px; }
.learn-press-checkout-payment h4{ font-size: 24px; margin-bottom: 25px; }
#learn-press-payment .payment-methods{ max-width: 470px; margin-bottom: 30px; }
#learn-press-payment .payment-methods .payment-method-form{ border: 0px; background: transparent; padding: 8px 18px 8px 49px; }
#learn-press-payment .payment-methods .lp-payment-method > label{ padding: 5px 18px; }
#learn-press-payment .payment-methods .lp-payment-method.selected > label{ padding: 5px 18px; }
#learn-press-payment .lp-payment-method input[type="radio"]{ margin-right: 7px; margin-top: 0px; }
#learn-press-payment .lp-payment-method img{ margin-left: 13px; }
form#learn-press-checkout + a{ display: inline-block; font-style: italic; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 13px; line-height: 1.2; }
table.order_details{ border-spacing: 1px; text-align: left; margin-bottom: 50px; }
table.order_details tr th{ width: 300px; }
table.order_details tr th, table.order_details tr td{ font-size: 18px; font-weight: 500; padding: 14px 22px; }
h4.kingster-lp-received-order-title{ font-size: 24px; text-align: center; margin-bottom: 50px; font-weight: 600; } .kingster-lp-course-social-share .kingster-head{ float: left; font-size: 13px; text-transform: uppercase; font-weight: 600; margin-right: 20px; margin-top: 12px; }
.kingster-lp-course-social-share .gdlr-core-social-share-wrap a{ border-width: 1px; border-style: solid; line-height: 40px; display: inline-block; width: 42px; 
text-align: center; font-size: 13px; margin-right: 15px; margin-left: 0px; 
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.kingster-lp-course-social-share .gdlr-core-social-share-wrap a:hover{ color: #fff; } .kingster-lp-course-ralated-container{ margin-bottom: 40px; }
.kingster-lp-course-ralated-container .kingster-lp-course-ralated-head{ margin-bottom: 42px; }
.kingster-lp-course-ralated-container .kingster-lp-course-related-title{ margin-bottom: 0px; float: left; }
.kingster-lp-course-ralated-container .kingster-lp-course-related-view-all{ float: right; margin-top: 15px; }
.kingster-lp-course-buttom-subscription{ margin-bottom: -95px; position: relative; z-index: 1;
background-position: center; background-size: cover;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.kingster-lp-course-buttom-subscription-inner{ padding: 60px; max-width: 1200px; margin: 0px auto; }
.kingster-lp-course-buttom-subscription .kingster-title{ font-size: 32px; font-weight: 600; line-height: 1; margin-bottom: 5px; }
.kingster-lp-course-buttom-subscription .kingster-caption{ font-size: 32px; font-weight: 200; line-height: 1; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-top: 12px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email{ padding-right: 0px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email input[type="email"]{ padding: 17px 20px; height: 52px;
border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit{ margin-left: -3px; width: 30%; overflow: visible; float: left; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit input[type="submit"]{ font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; height: 52px; padding: 17px; }
.kingster-lp-with-footer-subscription .kingster-footer-container{ padding-top: 95px; } .kingster-lp-single-course-info{ background: #fff; padding: 30px 10px; margin-top: -52px; z-index: 1; position: relative;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2); }
.kingster-lp-single-course-info .kingster-left{ float: left; }
.kingster-lp-single-course-info .kingster-lp-course-info-item{ margin-bottom: 0px; }
.kingster-lp-single-course-info .kingster-lp-course-info-item .kingster-lp-course-info{ width: auto; display: inline-block; }
.kingster-lp-single-course-info .kingster-right{ float: right; }
.kingster-lp-single-course-info .kingster-lp-course-price-item{ margin-bottom: 0px; padding-bottom: 0px; }
.kingster-lp-single-course-info .kingster-lp-course-price-item .course-price{ display: inline-block; margin-right: 14px; margin-bottom: 0px; }
.kingster-lp-single-course-info .kingster-lp-course-price-item .course-price .price{ font-size: 27px; font-weight: 600; }
.kingster-lp-single-course-info .kingster-lp-course-price-item .retake-course, 
.kingster-lp-single-course-info .kingster-lp-course-price-item .enroll-course, 
.kingster-lp-single-course-info .kingster-lp-course-price-item .purchase-course{ display: inline-block; }
.kingster-lp-single-course-info .kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 15px; }
.lp-single-course{ margin-bottom: 50px; }
.lp-single-course .learn-press-breadcrumb{ display: none;  }
.learn-press-course-results-progress .items-progress .lp-course-progress-heading, 
.learn-press-course-results-progress .course-progress .lp-course-progress-heading{ font-size: 24px; margin-bottom: 20px; }
.learn-press-course-results-progress .items-progress .number, 
.learn-press-course-results-progress .course-progress .number{ font-size: 18px; }
.learn-press-course-results-progress .items-progress .learn-press-progress,
.learn-press-course-results-progress .course-progress .learn-press-progress{ margin-top: 9px; }
.learn-press-course-results-progress .items-progress .lp-course-status .grade.passed, 
.learn-press-course-results-progress .course-progress .lp-course-status .grade.passed{ font-size: 14px; padding: 5px 10px; margin-left: 7px; }
.learn-press-course-results-progress .items-progress .lp-progress-bar, 
.learn-press-course-results-progress .course-progress .lp-progress-bar{ height: 7px; }
.lp-course-progress .lp-passing-conditional{ height: 7px; }
.course-remaining-time{ font-size: 18px; font-weight: 500; }
.course-remaining-time .lp-label.label-enrolled{ font-size: 12px; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; padding: 5px 10px; border-radius: 2px; margin-right: 15px; }
.course-learning-summary #learn-press-course-tabs{ padding-top: 30px; }
ul.learn-press-nav-tabs .course-nav.active:after, 
ul.learn-press-nav-tabs .course-nav:hover:after{ display: none; }
ul.learn-press-nav-tabs .course-nav a{ font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; padding: 0px 30px 15px; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section{ margin-bottom: 30px; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-header .section-title{ font-size: 22px; font-weight: 600; color: #222222; font-size: 19px; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-header{ padding-bottom: 20px; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before{ display: none; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before{ display: none; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ font-size: 18px; font-weight: 500; padding: 16px 0px 0px; }
.course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name .kingster-head{ margin-right: 30px; font-weight: normal; display: inline; }
.lp-single-course .course-author .author-name a{ color: #222; }
.course-tab-panel-instructor .author-thumbnail{ float: left; line-height: 0; overflow: hidden; margin-right: 40px;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.course-tab-panel-instructor .author-bio{ overflow: hidden; }
.lp-single-course .course-author .author-name{ font-size: 22px; float: none; text-align: left; font-style: normal; font-weight: 600; margin-bottom: 20px; }
.lp-single-course .course-author .author-description{ font-size:  18px; }
.course-tab-panel-reviews{ max-width: 900px; }
.course-tab-panel-reviews .course-rate-wrap{ margin-bottom: 40px; }
.kingster-course-rating-summary{ float: left; margin-right: 40px; padding: 50px 55px; }
.kingster-course-rating-summary .kingster-course-rating-summary-amount{ font-size: 46px; font-weight: 600; line-height: 1; margin-bottom: 11px; text-align: center; }
.kingster-course-rating-summary .kingster-course-rating-summary-number { font-size: 17px; text-align: center; }
.kingster-course-rating-summary .review-stars-rated{ margin-bottom: 5px; display: block; margin: 0px auto 10px; }
.kingster-course-rating-content{ overflow: hidden; }
.kingster-course-rating-content .course-rate{ margin-top: 12px; margin-bottom: 12px; }
.kingster-course-rating-content .review-bar, 
.kingster-course-rating-content .review-bar .rating{ height: 7px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.kingster-course-rating-content .review-bar{ width: calc(100% - 200px); margin-right: 18px; }
.kingster-course-rating-content .review-stars-rated{ vertical-align: middle; margin-top: -3px; margin-right: 8px; }
.kingster-course-rating-content .review-stars-rated .review-stars.empty, 
.kingster-course-rating-content .review-stars-rated .review-stars.filled{ font-size: 15px; height: auto; line-height: 0; letter-spacing: 4px }
.course-reviews-list li, .course-reviews-list-shortcode li{ border-color: #f3f3f3; }
.course-reviews-list li, .course-reviews-list-shortcode li{ background: transparent; border-width: 2px; padding: 45px; }
.course-reviews-list li .review-author, .course-reviews-list-shortcode li .review-author{ width: 150px; }
.course-reviews-list li{ margin-bottom: 30px; }
.course-reviews-list li .review-author-image{ line-height: 0; width: 88px; margin: 0px auto 25px; overflow: hidden;
border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.course-reviews-list li .review-author h4{ font-size: 16px; margin: 0px 0px 14px; text-align: center; }
.course-reviews-list li .review-stars-rated{ width: 100px; margin: 0px auto; display: block; }
.course-reviews-list li .review-stars-rated .review-stars.empty,
.course-reviews-list li .review-stars-rated .review-stars.filled{ font-size: 16px; letter-spacing: 5px; }
.course-reviews-list li .review-text{ overflow: hidden; width: auto; float: none; }
.course-reviews-list li .review-title{ font-size: 19px; font-style: normal; margin-bottom: 20px; }
.course-reviews-list li .review-content { font-size: 18px; }
.course-item-nav .kingster-nav{ display:inline-block; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: transparent; }
.course-item-nav .kingster-nav-title{ display: block; font-size: 16px; margin-top: 6px; }
.course-item-nav .prev .kingster-nav:before{ font-family: fontAwesome; content: "\f177"; display: inline-block; width: 0px; overflow: hidden; vertical-align: middle;
transition: width 150ms; -webkit-transition: width 150ms; -moz-transition: width 150ms; }
.course-item-nav .next .kingster-nav:after{ font-family: fontAwesome; content: "\f178"; display: inline-block; width: 0px; overflow: hidden; vertical-align: middle;
transition: width 150ms; -webkit-transition: width 150ms; -moz-transition: width 150ms; }
.course-item-nav .prev:hover .kingster-nav:before,
.course-item-nav .next:hover .kingster-nav:after{ width: 25px; } .course-curriculum ul.curriculum-sections .section-content .course-item .item-name .kingster-head{ display: none; }
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ font-size: 18px;  }
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ background: transparent; color: #a1a1a1; font-size: 18px; }
.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status{ background-color: #127bbe; padding: 1px 6px; height: auto; font-size: 12px; }
.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status:before{ font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ height: auto; padding: 1px 6px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
body.course-item-popup #learn-press-content-item .content-item-wrap{ margin-top: 60px; padding: 0px 30px; }
body.course-item-popup #learn-press-content-item .content-item-wrap.kingster-continue{ margin-top: 0px; margin-bottom: 60px; }
body.course-item-popup #learn-press-content-item .course-item-title{ font-size: 25px; margin-bottom: 43px; }
body.course-item-popup.wpadminbar .content-item-description{ margin-bottom: 50px; }
body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 36px; }
body.course-item-popup .course-curriculum ul.curriculum-sections .section-header .section-title{ font-weight: 600; margin-bottom: 15px; padding-bottom: 0px; }
body.course-item-popup #learn-press-course-curriculum .section-header .section-desc{ margin-bottom: 18px; margin-top: 12px; }
body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item:before{ display: none; }
body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .item-name { font-weight: 500; font-size: 16px; }
.course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before{ content: "\e04c"; font-family: "simple-line-icons"; }
.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before{ content: "\e08e"; font-weight: normal; font-family: "simple-line-icons"; }
.course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_quiz .section-item-link:before{ content: "\e081"; font-family: "simple-line-icons"; }
.course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed .course-item-status:before,
.course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-started .course-item-status:before{ content: "\4e"; font-family: "ElegantIcons"; }
.course-curriculum ul.curriculum-sections .section-content .course-item.has-status.status-completed.failed .course-item-status:before{ content: "\e082"; font-family: "simple-line-icons"; } #course-item-content-header .course-item-search{ background: #f5f5f5; } #course-item-content-header .course-item-search input{ color: #748494; }
#course-item-content-header .course-item-search input::placeholder{  color: #748494; opacity: 1; }
#course-item-content-header .course-item-search input:-ms-input-placeholder{ color: #748494; }
#course-item-content-header .course-item-search input::-ms-input-placeholder{ color: #748494; } #course-item-content-header .course-title a{ color: #222; } body.kingster-body #course-item-content-header,
body.kingster-body.course-item-popup.wpadminbar #course-item-content-header{ background: #f8faff; }
#course-item-content-header{ height: 50px; }
#course-item-content-header .course-item-search{ padding: 10px 15px; border-right-width: 1px; border-right-style: solid; }
#course-item-content-header .course-item-search input{ font-style: normal; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; }
#course-item-content-header .course-item-search button:after{ content: "\e090"; font-family: "simple-line-icons"; }
#course-item-content-header .course-item-search.has-keyword button:after{ content: "\e090"; }
body.kingster-body #course-item-content-header .course-title{ height: 50px; line-height: 50px; font-size: 16px; font-weight: 500; }
body.kingster-body #course-item-content-header,
body.kingster-body.course-item-popup.wpadminbar #course-item-content-header{ border-bottom: 0px; }
#course-item-content-header .form-button.lp-button-back button{ line-height: 1; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; padding: 10px 20px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#course-item-content-header{ height: 50px; line-height: 50px; }
body.kingster-body.course-item-popup #learn-press-course-curriculum, 
body.kingster-body.course-item-popup #learn-press-content-item{ top: 50px; }
body.kingster-body.course-item-popup.wpadminbar #learn-press-course-curriculum, 
body.kingster-body.course-item-popup.wpadminbar #learn-press-content-item{ top: 82px; box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); }
.content-item-wrap.kingster-continue form{ margin-bottom: 50px; } .quiz-intro{ font-size: 18px; min-width: 430px; }
.quiz-intro li label{ padding-bottom: 14px; }
.quiz-progress{ padding: 22px 0px; margin-bottom: 55px; }
.quiz-progress .progress-items .progress-item .progress-number{ font-size: 25px; font-weight: bold; margin-bottom: 18px; }
.quiz-progress .progress-items .progress-item .progress-label{ font-size: 18px; font-weight: 500; }
body.course-item-popup #learn-press-content-item .content-question-summary .question-title{ font-size: 19px; margin-bottom: 22px; }
.answer-options{ margin-bottom: 46px; }
.answer-options .answer-option{ padding: 16px; margin-bottom: 10px;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.answer-options .answer-option .option-title:before{ display: none; }
.answer-options .answer-option .option-title .option-title-content{ transition: color 200ms; -webkit-transition: color 200ms; -moz-transition: color 200ms; }
.answer-options .answer-option input[type="checkbox"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.answer-options .answer-option input[type="checkbox"]:checked ~ .option-title:before{ display: none; }
.answer-options .answer-option input[type="checkbox"]{ width: 26px; height: 26px; margin: 4px 20px 0px 4px; min-width: 26px; }
.answer-options .answer-option input[type="checkbox"]:after{ width: 5px; height: 13px; margin-top: -9px; }
.answer-options .answer-option input[type="radio"]:checked ~ .option-title:before{ display: none; }
.answer-options .answer-option input[type="radio"]:after{ width: 5px; height: 13px; margin-top: -9px; left: 12px; }
.quiz-result{ margin-bottom: 50px; }
.quiz-result .result-statistic{ font-size: 18px; }
.quiz-result .result-statistic .result-statistic-field{ margin-bottom: 8px; }
.quiz-result .result-statistic .result-statistic-field label{ font-weight: 600; }
.quiz-result .result-grade{ width: 275px; margin: 35px auto 42px; background: #f8f8f8; padding: 25px 0px 22px; }
.quiz-result .result-grade .result-achieved{ border: 0px; font-weight: 600; font-size: 43px; }
.quiz-result .result-grade .result-achieved:after{ content: " "; display: block; width: 26px; border-bottom-width: 3px; border-bottom-style: solid; margin: 4px auto 10px; }
.quiz-result .result-grade .result-require{ font-size: 22px; font-weight: 500; }
.quiz-result .result-grade .result-message{ font-size: 17px; margin-top: 11px; } .learn-press-message{ padding: 20px 24px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
.learn-press-message.error:before{ width: 3px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
#popup_container #popup_content{ padding: 0px; }
body.confirm #popup_container{ padding: 40px 50px !important;
border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
body.confirm #popup_container #popup_content{ padding: 30px 40px; text-align: center; }
body.confirm #popup_container .close{ font-size: 18px; top: 13px; right: 18px; }
body.confirm #popup_container #popup_content #popup_message{ font-size: 18px; font-weight: 600; padding: 0px; margin: 0px; background: transparent; }
body.confirm #popup_container #popup_panel input[type="button"]{ padding: 8px 35px; height: auto; }
.review-stars > li span{ font-size: 17px; }
.review-stars > li{ width: auto; height: auto; margin-right: 4px; }
.review-form{ padding: 45px 50px; }
.review-form form h3{ font-size: 26px; }
.review-form h3 .close{ margin: 0px; position: absolute; top: 13px; right: 18px; }
.review-form h3 .close::before{ content: "\f00d"; font-family: fontAwesome; font-size: 18px; }
.review-form button.close{ margin: 0; }
.review-form .review-fields > li > label{ font-size: 18px; font-weight: 500; }
.review-form .review-fields > li input[type="text"]{ font-size: 16px; padding: 12px 22px 16px; }
.review-form .review-fields > li textarea{ font-size: 16px; padding: 16px 22px 20px; } #learn-press-user-profile{ margin-bottom: 40px; }
#learn-press-user-profile .learn-press-form-login,
#learn-press-user-profile .learn-press-form-register{ position: relative; width: 50%; float: left; border: 0px; padding: 40px; }
#learn-press-user-profile .learn-press-form-login:before{ content: " "; position: absolute; 
top: 0px; right: 20px; bottom: 0px; left: 0px; pointer-events: none; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); }
#learn-press-user-profile .learn-press-form-register:before{ content: " "; position: absolute; 
top: 0px; right: 0px; bottom: 0px; left: 20px; pointer-events: none; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1) }
#learn-press-user-profile .learn-press-form-login{ padding-right: 60px; }
#learn-press-user-profile .learn-press-form-login h3{ font-size: 26px; }
#learn-press-user-profile .learn-press-form-login button{ margin-top: 15px; }
#learn-press-user-profile .learn-press-form-login a{ border-bottom-width: 1px; border-bottom-style: solid; }
#learn-press-user-profile .learn-press-form-register{ padding-left: 60px; }
#learn-press-user-profile .learn-press-form-register h3{ font-size: 26px; }
#learn-press-user-profile .learn-press-form-register button{ margin-top: 15px; }
#learn-press-user-profile .learn-press-form-register .description{ margin-top: 22px; }
#learn-press-profile-header{ height: auto; background: transparent; margin-bottom: 60px; }
#learn-press-profile-header .lp-profile-cover:after{ content: " "; display: block; clear: both; width: 0px; height: 0px; }
#learn-press-profile-header .lp-profile-avatar{ position: static; float: left; line-height: 0; overflow: hidden; margin-right: 40px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#learn-press-profile-header .kingster-learn-press-profile-cover-content{ overflow: hidden; padding-top: 18px; }
#learn-press-profile-header .profile-name{ position: static; font-size: 22px; text-align: left; font-weight: 600; }
#learn-press-profile-header .profile-email{ font-size: 18px; }
#learn-press-profile-nav{ min-width: 250px; background: transparent; padding-top: 0px; }
#learn-press-profile-nav:before{ display: none; }
#learn-press-profile-nav .tabs > li{ margin-bottom: 3px; }
#learn-press-profile-nav .tabs > li a{ padding: 12px 20px; }
#learn-press-profile-nav .tabs > li a i{ margin-right: 12px; }
#learn-press-profile-nav .tabs > li.active ul{ display: none; }
#learn-press-profile-nav .tabs > li:hover:not(.active) ul{ display: none; }
#learn-press-profile-content{ width: auto; float: none; padding-left: 60px; margin-top: 0px; }
.kingster-learn-press-profile-nav-logout{ display: block; padding: 12px 20px; font-style: italic; }
.kingster-learn-press-profile-nav-logout i{ margin-right: 12px; }
.lp-tab-sections{ background: transparent; margin-bottom: 45px; }
.lp-tab-sections .section-tab.active span{ border-bottom-width: 3px; }
.lp-tab-sections .section-tab a, .lp-tab-sections .section-tab span{ font-size: 18px;  font-weight: 600; padding-left: 0px; padding-right: 0px; margin-right: 30px; }
.learn-press-form .form-fields .form-field label{ font-size: 18px; font-weight: 500; margin-bottom: 16px; }
.learn-press-form .form-fields .form-field .description{ font-size: 16px; font-weight: 300; }
.learn-press-form .form-fields .form-field{ margin-bottom: 32px; }
.learn-press-form .form-fields .form-field input[type="text"], 
.learn-press-form .form-fields .form-field input[type="email"], 
.learn-press-form .form-fields .form-field input[type="number"], 
.learn-press-form .form-fields .form-field input[type="password"]{ font-size: 16px; padding: 12px 22px 16px; }
.learn-press-form .form-fields .form-field textarea{ font-size: 16px; padding: 16px 22px 20px; }
.learn-press-form .form-fields .form-field select{ font-size: 16px; padding: 12px 22px 16px; min-width: 220px; }
.learn-press-form .form-fields .form-field select:focus{ outline: none; }
.learn-press-form .form-fields .form-field .kingster-lp-combobox{ display: inline-block; padding-right: 10px; border-width: 1px; border-style: solid; }
.learn-press-form .form-fields .form-field .kingster-lp-combobox select{ padding: 11px 22px 15px; border: none; }
form[name="profile-avatar"] p{ margin-bottom: 8px; }
form[name="profile-avatar"] .lp-avatar-preview .profile-picture{ margin: 0px; }
form[name="profile-avatar"] .lp-avatar-preview{ line-height: 1; margin-bottom: 8px; }
form[name="profile-avatar"] button#lp-upload-photo{ width: 200px; padding: 12px 25px; }
form[name="profile-publicity"] input[type="checkbox"]{ float: left; margin-right: 12px; margin-top: 5px; }
form[name="profile-publicity"] .form-fields .form-field .description { font-weight: 400; font-style: normal; } .learn-press-subtab-content .profile-heading{ font-size: 24px; margin-bottom: 30px; }
.learn-press-subtab-content .lp-sub-menu{ font-size: 18px; font-weight: 500; line-height: 1.5; margin-bottom: 38px; }
.learn-press-subtab-content .lp-sub-menu span{ border-bottom-width: 3px; border-style: solid; }
.lp-label{ border-radius: 0px; padding: 7px 8px; }
.lp-list-table{ border-spacing: 1px; }
.lp-list-table th{ padding: 22px; font-weight: 500; font-size: 18px; }
.lp-list-table td{ font-weight: 500; padding: 28px 20px 0px 0px; }
.lp-list-table tr:last-child td{ padding-bottom: 22px; }
.lp-list-table tbody tr td{ font-size: 17px; border: 0px; }
.lp-list-table tfoot tr td, .lp-list-table tfoot tr th{ font-size: 17px; }
.lp-list-table .list-table-nav td{ font-size: 17px; font-weight: 400; padding-bottom: 22px; padding-top: 20px; border-top-width: 1px;  border-style: solid; }
.profile-list-table .result-percent{ font-size: 17px; font-weight: 500; }
.profile-recover-order{ border: 0px; padding: 20px 0px 0px; font-size: 19px; }
.profile-recover-order:after{ content: " "; display: block; clear: both; width: 0px; height: 0px; }
.profile-recover-order .order-recover{ margin-top: 20px; }
.profile-recover-order .order-recover input[name="order-key"]{ line-height: 1.7; padding: 13px 19px; font-size: 16px; background: #f7f7f7; border: 0px; float: left; }
div#profile-content-order-details strong{ margin-right: 5px; } #profile-content-orders h3,
#profile-content-order-details h3{ font-size: 24px; margin-bottom: 30px; }
.lp-list-table.order-table-details{ padding-bottom: 15px; margin-bottom: 34px;
border-bottom-width: 1px; border-bottom-style: solid; }
.lp-list-table.order-table-details td{ font-weight: 400; }
.lp-list-table.order-table-details tfoot tr td, 
.lp-list-table.order-table-details tfoot tr th{ font-weight: 400; padding: 0px 0px 20px 0px; border-bottom: 0px; }
.lp-list-table.order-table-details tfoot tr:last-child th{ font-weight: 600; } #learn-press-profile-tab-course-wishlist ul.learn-press-courses .course{ width: 33.33%; margin: 0px; padding: 0px 15px; }
#learn-press-profile-tab-course-wishlist ul.learn-press-courses{ margin: 0px -15px; } #profile-content-courses .profile-courses-list{ margin: 0px -15px; }
#profile-content-courses .kingster-profile-owned-course-list{ padding: 0px 15px; } form.kingster-lp-menu-search{ position: relative; float: left; margin-left: 30px; }
form.kingster-lp-menu-search:after{ content: "\e090"; position: absolute; right: 14px; top: 2px; font-family: simple-line-icons; line-height: 50px; pointer-events: none; }
form.kingster-lp-menu-search input[type="text"]{ font-size: 16px; border: none; height: 50px; line-height: 20px; padding: 15px 40px 15px 20px; width: 300px; }
form.kingster-lp-menu-search input[type="submit"]{ position: absolute; right: 0px; top: 0px; width: 40px; height: 50px; padding: 0px; color: transparent; background: transparent; } .kingster-lp-top-bar-user-button{ color: #fff; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a, 
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a:hover{ color: #1c2a44; }
.kingster-lp-top-bar-user{ display: inline-block; padding-left: 25px; position: relative; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-user-button{ font-family: FontAwesome; font-size: 14px; width: 32px; text-align: center; line-height: 32px; cursor: pointer;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav{ position: absolute; right: 0px; width: 180px; z-index: 99; 
padding-top: 8px; opacity: 0; pointer-events: none; transition: opacity 200ms;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content{ background: #fff; padding: 22px 25px 14px; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a{ display: block; margin-bottom: 10px; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a:first-child{ margin-top: 8px; }
.kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a i{ margin-right: 12px; }
.kingster-lp-top-bar-user:hover .kingster-lp-top-bar-nav{ opacity: 1; pointer-events: auto; }
.kingster-lp-top-bar-user a.kingster-lp-page-dashboard,
.kingster-lp-top-bar-user a.kingster-lp-page-quizzes,
.kingster-lp-top-bar-user a.kingster-lp-page-orders,
.kingster-lp-top-bar-user a.kingster-lp-page-order-details{ display: none; } body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ font-size: 14px; padding: 0 0px; }
body.viewing-course-item  .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: block; white-space: nowrap; padding-left: 0px; text-align: left; margin-bottom: 20px; }
body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ margin-bottom: 10px; }
.content-item-scrollable .gdlr-core-page-builder-body { margin-bottom: 0px; }
#learn-press-content-item .content-item-wrap #comments { margin-top: 60px; }
.question-fill-in-blank .question-passage, .question-type-fill_in_blank .question-passage { margin-bottom: 40px; }
#content-item-quiz input.answer-options{ margin-bottom: 0; }
.question-numbers{ margin-top: 45px; }
body .question-numbers li a{ padding: 20px; border: 0; min-width: 12px; min-height: 12px; border-radius: 27px; }
body .question-numbers li a:hover{ border: 0; }
body .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: table-cell !important; white-space: nowrap !important; padding-left: 20px !important; text-align: right !important; font-size: 14px; vertical-align: middle; }
body.viewing-course-item  .course-curriculum ul.curriculum-sections .section-header .section-meta{ display: block !important; white-space: nowrap !important; padding-left: 0px !important; text-align: left !important; margin-bottom: 20px; }
body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ margin-bottom: 5px !important; }
body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 15px !important; }
body .course-curriculum ul.curriculum-sections{ padding-top: 25px; }
body .course-curriculum ul.curriculum-sections .section-content .course-item .item-icon, 
body .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ padding: 16px 10px; }
body .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before{ padding: 7px 0px 20px ; }
body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ background: #ffe7df; color: #e67550; }
body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.item-failed .course-item-status, 
body .course-curriculum ul.curriculum-sections .section-content .course-item.has-status.failed .course-item-status{ color: #ffb4b4; }
body #course-item-content-header .course-item-search input{ font-weight: 400; }
body #course-item-content-header .course-item-search{ padding: 10px 20px; }
body #course-item-content-header .course-title { padding: 0 25px; letter-spacing: 0.5px; }
body #course-item-content-header .toggle-content-item:before{ font: 17px/50px fontawesome; }
body #course-item-content-header .toggle-content-item{ width: 55px; height: 50px; }
body.full-screen-content-item #course-item-content-header .toggle-content-item:before{ font: 19px/50px fontawesome; }
body .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before{ color: #111111; }
body .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ font-size: 11px; }
body .learn-press-progress .progress-bg { height: 6px; top: -1px; }
body .kingster-lp-course-social-share .kingster-head{ font-size: 15px; letter-spacing: 1px; }
body .kingster-lp-course-social-share .gdlr-core-social-share-wrap a{ line-height: 48px; width: 50px; font-size: 17px; }
body .kingster-lp-course-social-share .kingster-head{ margin-top: 13px; }
body .kingster-lp-course-social-share .gdlr-core-social-share-item.gdlr-core-item-pdb.gdlr-core-left-align.gdlr-core-social-share-left-text.gdlr-core-item-mglr.gdlr-core-style-plain.gdlr-core-no-counter{ margin-bottom: 35px; }
body form[name="search-course"]{ margin-bottom: 60px; }
body form[name="search-course"] .search-course-input{ width: 100%; padding: 18px 20px; }
body form[name="search-course"] .search-course-button{ right: -3px; padding: 13px 30px 16px; }
body .learn-press-pagination .page-numbers > li a, 
body .learn-press-pagination .page-numbers > li span{ display: block; padding: 15px 20px; }
body .learn-press-course-results-progress{ margin-bottom: 30px; }
body .kingster-learn-press-nav-tabs-wrap{ margin-bottom: 25px; }
body #learn-press-course-tabs{ margin-bottom: 60px; }
body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 0px !important; }
body.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-title{ padding-top: 1px; }
body.course-item-popup #learn-press-course-curriculum .section-header{ padding-top: 20px !important; }
body .course-curriculum ul.curriculum-sections{ padding-top: 15px; }
.kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 40px; }
.kingster-lp-course-price-item .course-price .price{ font-size: 70px; }
.kingster-lp-course-price-item .course-price .price{ font-size: 69px; }
.course-curriculum ul.curriculum-sections .section-header .section-left{ padding-bottom: 0px; }
.viewing-course-item .course-curriculum ul.curriculum-sections .section-header .section-left{ padding-bottom: 20px; }
body .lp-single-course .course-price .price{ margin-bottom: 20; font-weight: 600; }
body .lp-single-course .course-price{ margin-bottom: 25px; }
h3.kingster-lp-course-related-title{ font-size: 29px; }
body .kingster-lp-course-grid .kingster-lp-course-info-wrap{ margin-bottom: 13px; }
@media screen and (max-width: 1300px) {
body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ display: block; overflow: hidden; padding-bottom: 8px; }
body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before{ display: block; float: left; padding-bottom: 5px; }
body.course-item-popup .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta{ display: block; padding: 0px 0px 10px; text-align: left; margin-left: -5px; }
}
@media screen and (max-width: 1200px) { 
body.course-item-popup #learn-press-content-item .content-item-wrap { width: auto; } 
}
@media screen and (max-width: 782px){
body.course-item-popup.wpadminbar #course-item-content-header{ top: 46px; }
body.kingster-body.course-item-popup.wpadminbar #learn-press-course-curriculum, 
body.kingster-body.course-item-popup.wpadminbar #learn-press-content-item{ top: 96px; }
}
@media screen and (max-width: 768px) {
div#learn-press-content-item{ width: 100%; }
body.course-item-popup #course-item-content-header .course-item-search{ width: 300px; }
body.course-item-popup #course-item-content-header .course-item-search input{ width: 100%; }
body.course-item-popup #course-item-content-header .course-item-search button{ left: 300px; }
body.course-item-popup #learn-press-course-curriculum{ width: 300px; }
body.course-item-popup #content-item-nav,
body.course-item-popup #learn-press-content-item,
body.course-item-popup #course-item-content-footer{ left: 300px; }
body #course-item-content-header .toggle-content-item{ position: absolute; top: 65px; border-left: none; width: 42px; height: 42px;
-webkit-animation: delayLeft 500ms forwards; -moz-animation: delayLeft 500ms forwards; animation: delayLeft 500ms forwards; }
body #course-item-content-header .toggle-content-item:before{ font-size: 15px; line-height: 42px; display: block; }
body.full-screen-content-item #course-item-content-header .toggle-content-item{ left: 0px; 
-webkit-animation: none; -moz-animation: none; animation: none; }
body.full-screen-content-item #course-item-content-header .toggle-content-item:before{ font-size: 17px; line-height: 42px; }
#course-item-content-header .form-button.lp-button-back{ opacity: 0; transition: opacity 300ms; pointer-events: none; }
body.full-screen-content-item #course-item-content-header .form-button.lp-button-back{ opacity: 1; pointer-events: auto; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-left: 0px; }
}
@media screen and (max-width: 767px){
#learn-press-user-profile .learn-press-form-login{ float: none; width: auto; padding-right: 40px; }
#learn-press-user-profile .learn-press-form-login:before{ right: 0px; }
#learn-press-user-profile .learn-press-form-register{ float: none; width: auto; padding-left: 40px;}
#learn-press-user-profile .learn-press-form-register:before{ left: 0px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item{ margin-top: 30px; padding: 0px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email{ width: 100%; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-email input[type="email"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit{ width: 100%; margin: 0px; }
.kingster-lp-course-buttom-subscription .gdlr-core-newsletter-item.gdlr-core-style-curve .gdlr-core-newsletter-submit input[type="submit"]{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.kingster-lp-course-social-share .gdlr-core-social-share-left-text{ text-align: left; }
.kingster-course-rating-summary { float: none; margin: 0px 0px 30px; }
.course-tab-panel-instructor .author-thumbnail{ float: none; margin: 0px 0px 30px; text-align: center; }
} @keyframes delayLeft{ 			0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } }
@-webkit-keyframes delayLeft{ 	0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } }
@-moz-keyframes delayLeft{ 		0% { left: 0px; } 80% { left: 0px; } 100% { left: 300px; } }
@keyframes delayLeft2{ 			0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } }
@-webkit-keyframes delayLeft2{ 	0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } }
@-moz-keyframes delayLeft2{ 	0% { left: 0px; } 80% { left: 0px; } 100% { left: 200px; } }
@media screen and (max-width: 768px) {
body.full-screen-content-item #course-item-content-header .toggle-content-item{}
} ul.learn-press-nav-tabs{ display: flex; max-height: none; background: transparent; border-width: 0px 0px 1px; border-style: solid; }
ul.learn-press-nav-tabs .course-nav.active::before{ display: none; }
ul.learn-press-nav-tabs .course-nav{ border: none; }
#learn-press-course-tabs .course-nav label{ font-size: 15px; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; padding: 0 30px 15px; }
.review-stars-rated{ line-height: 1; }
.kingster-lp-course-info-item .review-stars-rated{ margin-top: 5px; margin-bottom: 5px; }
.kingster-course-rating-content .review-bar{ margin-top: 10px; }
.kingster-course-rating-content .review-stars-rated{ margin-bottom: 0px; margin-top: 5px; }
.kingster-course-rating-content .course-rate{ overflow: visible; }
.course-reviews-list .review-stars-rated .review-star{ display: inline; margin: 0px }
#learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-reviews,
#learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-instructor, 
#learn-press-course-tabs .course-tab-panels .course-tab-panel.course-tab-panel-faqs{ padding-top: 0px; }
#learn-press-course-tabs .course-tab-panels .course-tab-panel{ padding-top: 20px; }
.single-lp_course{ margin-bottom: 0px; }
.single-lp_course .learn-press-breadcrumb{ display: none;  }
.single-lp_course .course-author .author-name{ font-size: 22px; float: none; text-align: left; font-style: normal; font-weight: 600; margin-bottom: 20px; }
.single-lp_course .course-author .author-description{ font-size:  18px; }
.single-lp_course .course-author .author-name a{ color: #222; }
.kingster-lp-course-price-item{ text-align: center; }
#learn-press-course-tabs .course-curriculum .section-header .section-left{ display: block; }
#learn-press-course-tabs .course-curriculum .section-header .section-left .section-toggle{ display: none; }
#learn-press-course-tabs #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-meta{ display: none !important; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item{ background: transparent; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 0px; padding-right: 0px; display: block; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link::before{ display: none; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .item-name{ padding-left: 0px; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link{ width: 100%; }
#popup-course #popup-sidebar .course-curriculum .section .section-header{ height: auto; }
#popup-course #popup-sidebar .course-curriculum .section .section-header .section-meta{ display: none !important; }
#popup-course #popup-sidebar .course-curriculum .section .section-header .section-left .section-title{ padding: 4px 0px; margin-bottom: 0px !important; font-size: 18px; }
#popup-course #popup-sidebar .course-curriculum .section .section-header .section-left{ padding-bottom: 0; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link{ height: auto; line-height: 1.7; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .item-name{ font-weight: 500; font-size: 16px; padding: 16px 0px 0px; line-height: 1.3; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta{ padding-top: 0px; padding-bottom: 16px; margin-left: -14px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{ margin-left: 14px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item{ background: transparent; height: auto; margin-bottom: 0; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link:before{ display: table-cell; content: "\e04c"; font-family: "simple-line-icons"; padding-right: 10px; vertical-align: top; margin-right: 10px; padding-bottom: 0px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta{ text-transform: none; vertical-align: baseline; }
#popup-course #popup-content #learn-press-content-item .content-item-wrap{ width: 900px; margin-top: 60px; padding: 0; }
#popup-course #popup-footer .course-item-nav a.kingster-nav-title{ display: none; }
#popup-course #popup-footer .course-item-nav .prev::before { display: none; }
#popup-course #popup-footer .course-item-nav .next::before { display: none; }
#popup-course #popup-footer{ padding: 0px 15px; max-width: calc(100% - 475px); }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child{ height: auto; padding: 0px; display: inline; }
@media screen and (max-width: 1280px){ #popup-course #popup-footer{ max-width: calc(100% - 300px); } }
@media screen and (max-width: 900px){ #popup-course #popup-footer{ max-width: calc(100% - 40px); } }
.learn-press-breadcrumb{ max-width: 1360px; width: auto; padding: 60px 40px 0px; margin-bottom: 20px; }
.learn-press-breadcrumb { font-size: 16px; font-weight:normal; }
.learn-press-breadcrumb li a{ color:inherit; font-weight: normal; }
.learn-press-breadcrumb li.breadcrumb-delimiter i{ display: none; }
.learn-press-breadcrumb li.breadcrumb-delimiter:before{ content: "/"; margin: 0px 5px; }
.lp-courses-bar{ display: block; float: none; width: 100%; padding: 0px 20px; }
.lp-courses-bar .search-courses { width: 100%; }
.lp-courses-bar .search-courses input[type="text"] { border-radius: 0; height: auto; padding: 16px 25px; border-bottom-width: 2px; }
.archive .kingster-lp-content-area{ padding-top: 0px; padding-bottom: 30px; }
.archive .switch-layout{ display: none; }
@media (max-width: 767px) {
.archive .lp-courses-bar .search-courses{ margin-left: 20px; }
}
.learn-press-message.error:before{ display: none; }
.kingster-lp-course-price-item button.lp-button{ font-size: 13px; font-weight: 600; text-transform: uppercase; border:none; }
.kingster-lp-course-price-item button.lp-button, 
.kingster-lp-course-price-item button.lp-button:hover{ color: #fff; }
.kingster-lp-course-wishlist i{ font-family: "fontAwesome"; }
div#learn-press-checkout{ padding-top: 60px; padding-bottom: 30px; }
div#checkout-account-login label{ margin-bottom: 5px; display: block; }
div#checkout-account-guest input[type="text"],
div#checkout-account-login input[type="text"],
div#checkout-account-login input[type="password"]{ width: 100%; border-width: 1px; font-size: 13px; padding: 13px 15px; }
div#checkout-account-login input[type="checkbox"]{ vertical-align: baseline; }
.learn-press-checkout-comment textarea{ border-width: 1px; font-size: 13px; padding: 13px 15px; }
#checkout-order .lp-checkout-order__inner .course-thumbnail{ padding: 0; line-height: 0; }
#checkout-order .lp-checkout-order__inner .course-name{ vertical-align: middle; padding: 0px 20px; }
#checkout-order .lp-checkout-order__inner{ padding: 0px; border: none; border-radius: 0px; }
#checkout-order .lp-checkout-order__inner table{ border-collapse: collapse; }
body #checkout-order .lp-checkout-order__inner .col-number{ padding: 0 20px; vertical-align: middle; }
#checkout-order .lp-checkout-order__inner tfoot .order-total th{ padding: 18px 20px; }
#checkout-order .lp-checkout-order__inner .order-total .col-number{ font-size: 22px; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{ content: "\e08e"; font-weight: normal; font-family: "simple-line-icons"; }
#popup-course #popup-header{ background: #f8faff; border-bottom: 0px; }
#popup-course #popup-header .popup-header__inner .course-title a,
#popup-course #popup-header .popup-header__inner .course-title a:hover{ color: #222; font-weight: 600; }
#popup-course #popup-header .popup-header__inner{ width: auto; margin: 0px 25px; }
#popup-course #popup-header .popup-header__inner .course-title{ line-height: 50px; }
#popup-course #popup-sidebar .search-course input[name="s"]{ font-size: 16px; font-style: normal; }
#popup-course #popup-sidebar .search-course{ height: 50px; }
#popup-course #popup-sidebar .search-course button{ height: 50px; font-size: 15px; }
#popup-course #popup-sidebar .search-course button:before{ content: "\e090"; font-family: "simple-line-icons"; }
#popup-course #popup-sidebar .search-course{ background: #f5f5f5; }
#popup-course #popup-sidebar{ border-right: 1px solid #e7e7e7; box-shadow: none; }
.course-item-popup .kingster-mobile-header-wrap{ display: none; }
#popup-course #sidebar-toggle{ position: fixed; top: auto; right: 0px; left: auto; z-index: 101; height: 50px; box-shadow: none; 
border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 1px solid #DDD; background: transparent; width: 50px; }
#popup-course #sidebar-toggle:focus{ border-left: 1px solid #ddd; }
#popup-course #sidebar-toggle:before{ font: 17px/50px fontawesome; content: "\f065"; }
#popup-course #sidebar-toggle:checked{ left: auto; }
#popup-course #sidebar-toggle:checked:before{ content: "\f066"; }
.kingster-lp-course-info{ position: relative; }
@media only screen and (max-width: 1400px){ 
.kingster-lp-course-info.gdlr-core-column-15{ width: 50%; margin-bottom: 15px; }
.kingster-lp-course-info.gdlr-core-column-15:nth-child(2n + 1){ clear: left; }
.kingster-lp-course-info.gdlr-core-column-15:nth-child(2n + 1) .kingster-lp-course-info-divider{ display: none; }
}
@media only screen and (max-width: 1300px){
body .kingster-lp-course-price-item .course-price .price{ font-size: 60px; }
} 
@media only screen and (max-width: 1150px){
.kingster-lp-course-price-item button.lp-button{ min-width: 0px; white-space: nowrap; }
body .kingster-lp-course-price-item .course-price .price{ font-size: 42px; }
} 
@media only screen and (max-width: 767px){ 
.kingster-lp-course-info-item .kingster-lp-course-info-content{ padding-left: 0px; padding-right: 0px; }
.kingster-lp-course-info-item .kingster-lp-course-info-item-inner{ margin-left: 0px; margin-right: 0px; }
}
.kingster-top-bar-right-social i {
font-family: 'FontAwesome';
}
.kingster-top-bar-right-social i.fa5b{
font-family: "Font Awesome 5 Brands";
}
.kingster-top-bar-right-social i.fa5s {
font-family: "Font Awesome 5 Free";
}
.kingster-top-bar-right-social i.fa6b {
font-family: 'Font Awesome 6 Brands';
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-preview,
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{ font-size: 11px; text-transform: uppercase; }
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{ padding: 0px; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .item-meta{ margin-left: 10px; color: #2f2f2f; width: 23px; height: 23px; margin-top: 0px; padding-top: 3px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .item-name{ display: table-cell; vertical-align: middle; padding: 10px 0px 0px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta{ display: table-cell; vertical-align: middle; padding: 0px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta:first-child { position: static; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status::before { font-size: 17px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta { font-size: 14px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-preview:before{ padding: 1px 6px; font-size: 12px; text-transform: uppercase; border-radius: 3px; color: #fff; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.count-questions{ padding: 1px 6px; font-size: 12px; text-transform: uppercase; height: auto; }
.review-stars-rated .review-stars.empty:before{ color: #989898; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-desc{ margin-top: 8px; }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-desc{ margin-top: 8px; }
#popup-course #popup-content{ margin-top: 50px; margin-bottom: 0px; }
.course-item-nav .prev, .course-item-nav .next{ flex: 1; }
.content-item-wrap.kingster-continue{ max-width: 900px; margin: 0px auto 60px; padding: 0 30px; }
body.checkout .learn-press-breadcrumb{ display: none; }
body #checkout-order .lp-checkout-order__inner .course-thumbnail > img { width: 0; display: none;}
body #checkout-order .lp-checkout-order__inner .course-thumbnail { width: 0px;}
body #checkout-order .lp-checkout-order__inner .course-name { padding: 15px 20px;}
body #checkout-order .lp-checkout-order__inner tfoot .cart-subtotal > th { padding: 20px 20px 17px 20px; color: #444;}
body #learn-press-checkout .payment-methods .lp-payment-method{ margin-bottom: 10px; }
body .learn-press-checkout-comment textarea { font-size: 16px; padding: 13px 15px; color: #555555;}
body .lp-terms-and-conditions { font-weight: 400;}
body .learn-press-message.error { margin-bottom: 60px;}
body div#checkout-account-guest input[type="text"], 
body div#checkout-account-login input[type="text"], 
body div#checkout-account-login input[type="password"] { font-size: 16px; }
body #checkout-payment #checkout-order-action button{ border: none; border-radius: 0px; }
#checkout-payment .payment-methods .lp-payment-method .gateway-input{ width: 14px; height: 14px; }
body #learn-press-checkout .payment-methods .lp-payment-method label{ background: #f5f5f5; }
body #learn-press-checkout .payment-methods .lp-payment-method.selected label{ background: #e7f7ff; }
#learn-press-checkout .payment-methods .payment-method-form{ background: transparent; padding: 15px 0px; border-top: none; }
body #learn-press-profile #profile-sidebar { border: 0px; }
body #learn-press-profile .wrapper-profile-header { color: #2D2D2D; background: transparent;}
body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username { font-size: 28px;}
body #learn-press-profile .wrapper-profile-header .lp-profile-content-area { min-height: 208px; padding-top: 10px;}
body #learn-press-profile #profile-content { padding-top: 0;}
body #learn-press-profile .dashboard-general-statistic__row .statistic-box { border: 0px; background: #F5F5F5;}
body #learn-press-profile .wrapper-profile-header .lp-profile-left { width: 200px; padding: 0; border: 0;}
body #learn-press-profile #profile-sidebar { width: 200px;}
@media (max-width: 990px){#learn-press-profile #profile-content { margin-top: 50px !important; } }
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{ color: #555; font-size: 18px; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta.course-item-status::before{ color: #111; }
.content-item-wrap.kingster-continue { width: 100%; max-width: 953px; }
.lp-courses-bar .search-courses input[type="text"]:focus { border-color: inherit; }
#learn-press-profile #profile-sidebar{ margin-top: 0px; }
#learn-press-profile #profile-header{ padding: 60px 0px 42px; }
#learn-press-profile .lp-user-profile-avatar{ max-width: 120px; float: left; border-radius: 50%; margin: 0px 40px 20px 0px; overflow: hidden; line-height: 0; }
#learn-press-profile .lp-user-profile-socials{ display: none; }
#learn-press-profile .wrapper-profile-header #profile-header .lp-profile-header__inner { padding: 0px; width: auto; overflow: hidden; min-height: 0px; }
#learn-press-profile .wrapper-profile-header #profile-header .lp-profile-header__inner .lp-profile-user-bio { padding-bottom: 18px; }
body #learn-press-profile #profile-sidebar { width: 250px; box-shadow: none; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li { border-top: none; margin-bottom: 2px; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs li > ul { display: none !important; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a::after { display: none; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li a{ font-weight: 400; }
div#profile-nav i.fa-chalkboard-teacher:before{ font-family: simple-line-icons; content: "\e06a"; }
div#profile-nav i.fa-book-open:before{ font-family: simple-line-icons; content: "\e04c"; }
div#profile-nav i.fa-puzzle-piece:before{ font-family: simple-line-icons; content: "\e05f"; }
div#profile-nav i.fa-shopping-cart:before{ font-family: simple-line-icons; content: "\e04e"; }
div#profile-nav i.fa-cog:before{ font-family: simple-line-icons; content: "\e06c"; }
div#profile-nav i.fa-sign-out-alt:before{ font-family: simple-line-icons; content: "\e065"; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li.wishlist > a::before{ font-family: simple-line-icons; content:"\e08a"; font-weight: 400; font-size: 16px; left: 20px; }
#learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a > i { font-weight: 400; font-size: 16px; left: 20px; }
.learn-press-tabs{ background: transparent; }
.learn-press-tabs .learn-press-tabs__nav{ border: none; }
.learn-press-tabs .learn-press-tabs__tab::before{ display: none; }
.learn-press-tabs .learn-press-tabs__tab::after{ display: none; }
.learn-press-tabs .learn-press-tabs__tab > label{ padding: 0; margin-right: 30px; }
.learn-press-tabs .learn-press-tabs__tab{ border: none; background: transparent; }
.learn-press-tabs .learn-press-tabs__tab.active label{ border-bottom-width: 3px; border-bottom-style: solid; }
.learn-press-subtab-content .learn-press-filters > li::after{ display: none; }
.learn-press-subtab-content .learn-press-filters > li > span.count{ display: none; }
.learn-press-subtab-content .learn-press-filters > li{ margin-right: 12px; }
.learn-press-subtab-content .learn-press-filters > li > span{ border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; }
#learn-press-profile-basic-information .form-field .form-field-input input, 
form[name="profile-change-password"] .form-field .form-field-input input{ height: auto; padding: 12px 22px 16px; border-bottom-width: 2px; }
#learn-press-profile-basic-information .form-field .form-field-input textarea{ padding: 12px 22px 16px; border-bottom-width: 2px; }
#learn-press-profile-basic-information .form-field .form-field-input input[type="password"], form[name="profile-change-password"] .form-field .form-field-input input[type="password"]{ padding: 12px 22px 16px; }
.lp-password-input .lp-show-password-input { top: 14px; }
#learn-press-profile-basic-information button, form[name="profile-change-password"] button{ border-radius: 0; margin-top: 10px; font-weight: 600; }
#learn-press-profile-basic-information button:hover, form[name="profile-change-password"] button:hover{ opacity: 1; }
#learn-press-profile-basic-information .form-field > label, form[name="profile-change-password"] .form-field > label{ font-style: normal; font-size: 18px; }
.learn-press-form .form-fields .form-field label { font-style: normal; }
#learn-press-profile-basic-information .form-field .form-field-input input, #learn-press-profile-basic-information .form-field .form-field-input textarea, form[name="profile-change-password"] .form-field .form-field-input input, form[name="profile-change-password"] .form-field .form-field-input textarea{ font-style: normal; font-weight: 400; font-size: 16px; }
#lp-user-edit-avatar .lp-avatar-preview{ margin: 0px;}
#lp-user-edit-avatar #lp-avatar-actions a{ display: block; width: auto; border-radius: 0px; border: none; padding: 3px 0px; height: auto; }
#lp-user-edit-avatar #lp-avatar-actions{ display: block; }
body.learnpress .lp-list-table th { font-size: 18px; font-weight: 500; text-align: left; padding: 0px 20px; color: #fff; vertical-align: middle; }
body.learnpress .lp-list-table tbody tr td { font-size: 17px; font-weight: 500; }
span.lp-label.label-pending { background: #e5e5e5; }
ul.courses-list li{ float: left; list-style: none; }
.kingster-profile-owned-course-list { padding: 0px 15px; }
body #learn-press-profile #profile-content { padding-top: 0; }
@media (max-width: 990px){ #learn-press-profile #profile-content { margin-top: 50px !important; } }
.lp-user-profile.guest { padding: 80px 0px 80px; }
.lp-user-profile.guest .learn-press-form-login,
.lp-user-profile.guest .learn-press-form-register{ float: left; width: 46%; margin: 0 2%; border: none; box-shadow: 0px 10px 30px rgb(0 0 0 / 10%) !important; }
.learn-press-form .form-fields .form-field input[type="text"], 
.learn-press-form .form-fields .form-field input[type="email"], 
.learn-press-form .form-fields .form-field input[type="number"], 
.learn-press-form .form-fields .form-field input[type="password"]{ height: auto; line-height: 1; border-radius: 0px; border-bottom-width: 2px; }
.learn-press-form-login button[type="submit"], .learn-press-form-register button[type="submit"] { width: auto; border-radius: 0px; }
form[name="learn-press-login"] p a { text-decoration: underline; }
body .lp-user-profile.guest{ padding: 30px 0px 60px; }
body #learn-press-profile .dashboard-general-statistic__row .statistic-box { margin: 0 15px 30px 15px; }
body #learn-press-profile #profile-content { margin-bottom: 20px; }
body .learn-press-message { margin: 0 35px 50px; } 
body .learn-press-message.success{ margin: 0px 0px 50px; }
body #popup-course #popup-header .popup-header__inner .items-progress .number { color: #524F4F; font-weight: 400; margin-left: 20px; }
.lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content .pd-2em { padding: 19px 30px; }
body .lp-modal-dialog .lp-modal-footer { padding: 0px 20px 27px; background-color: #ffffff; }
body .learnpress-page .lp-button { font-size: 15px; font-weight: 500; line-height: 1.7; padding: 5px 28px; }
body .learn-press-form .form-fields .form-field .description { display: inline; }
#popup-course #popup-content .lp-button { border-radius: 0; font-weight: 600; border-width: 0px; }
#learn-press-profile-tab-course-wishlist ul.learn-press-courses .course:nth-child(3n+1) { clear: left; }
.profile-recover-order .order-recover input[name="order-key"] { height: auto; }
#learn-press-profile #profile-content .order-recover .lp-button{ border-radius: 0px; margin-bottom: 0; }
body #learn-press-profile .wrapper-profile-header .lp-profile-left { position: relative; float: left; width: auto; }
#learn-press-profile .wrapper-profile-header .lp-profile-right { margin-left: 0px; overflow: hidden; padding-left: 0px; padding-top: 18px; }
#learn-press-profile .lp-user-profile-avatar { margin-bottom: 0px; }
body #learn-press-profile .wrapper-profile-header .lp-profile-right .lp-profile-username { font-size: 22px; font-weight: 600; line-height: 1; padding-bottom: 13px; }
body .lp-label { font-weight: 500; }
.quiz-status > div{ background: #f3f3f3; margin: 30px 0px 20px; border-radius: 0;}
.quiz-status { margin-left: 0px !important; margin-right: 0px !important; }
.quiz-status .countdown { padding: 16px 29px 17px; }
body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed{ position: static; margin-left: 0px !important; transform: none; }
#popup-course .quiz-result .result-grade { background: transparent; }
#popup-course #popup-content #learn-press-quiz-app .quiz-buttons .button-right .lp-button.submit-quiz { margin-top: 24px; text-transform: uppercase; margin-left: 0px; }
#popup-course .question .answer-option input[type="radio"],  #popup-course .question .answer-option input[type="checkbox"]{ margin-top: -14px; margin-left: 15px; }
#popup-course .question .answer-option .option-title{ border-radius: 0; }
.answer-options .answer-option input[type="checkbox"]:after{ margin-top: -10px; left: 6px; }
.answer-options .answer-option input[type="checkbox"], .answer-options .answer-option input[type="radio"]{ width: 26px; height: 26px; min-width: 0; }
.answer-options .answer-option input[type="radio"]:after{ left: 6px; }
#popup-course .question .answer-option .option-title { padding-top: 13px; padding-bottom: 13px; }
.learnpress-checkout .lp-form-fields .form-field input[type=text], .learnpress-checkout .lp-form-fields .form-field input[type=email], .learnpress-checkout .lp-form-fields .form-field input[type=number], .learnpress-checkout .lp-form-fields .form-field input[type=password] { padding: 13px 17px; }
.learnpress-checkout .lp-form-fields .form-field .lp-password-input .lp-show-password-input { top: 10px; right: 19px; }
.learn-press-profile-course__tab__inner a {  padding: 0px; }
.learn-press-profile-course__tab__inner a.active { border-top: 0px; border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; background: transparent; }
.learn-press-profile-course__tab__inner { background: transparent; }
.learn-press-profile-course__tab__inner > li { font-size: 16px; margin-right: 25px !important; }
.learn-press-course-tab-filters .learn-press-filters a.active{ border-bottom-width: 3px; border-style: solid; padding-bottom: 2px; }
.learn-press-course-tab-filters .learn-press-filters a, .learn-press-profile-course__tab__inner a { cursor: pointer; }
@media only screen and (max-width: 900px){ 
.lp-user-profile.guest .learn-press-form-login, .lp-user-profile.guest .learn-press-form-register { float: none; width: auto; margin: 0px auto; }
}
body .kingster-lp-top-bar-user .kingster-lp-top-bar-nav-content a { margin-bottom: 15px; }
body.lp-sidebar-toggle__close #popup-course > #sidebar-toggle { left: auto;}
body.lp-sidebar-toggle__close #popup-course > #sidebar-toggle::before { content: "\f066";}
body .learn-press-subtab-content .learn-press-filters > li { margin-right: 25px; }
.lp-profile-content ul.learn-press-profile-course__tab__inner { margin-bottom: 35px; }
body .quiz-status > div{ max-width: none; padding: 5px 0px 5px 25px; }
body .quiz-status .submit-quiz button { margin-right: 6px !important; }
body #popup-course #popup-header .popup-header__inner .items-progress .number { color: #524F4F; font-weight: 400; margin-left: 20px; }
body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed { bottom: 50px; }
body #popup-course #popup-content #learn-press-quiz-app .questions-pagination .nav-links .page-numbers { font-weight: 600; }
body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons { justify-content: left; text-align: left; }
body #profile-content-quizzes .lp-label { color: #fff; margin-left: 10px; }
body .lp-label { font-weight: 500; }
.quiz-status > div{ background: #f3f3f3; margin: 30px 0px 20px; border-radius: 0;}
.quiz-status { margin-left: 0px !important; margin-right: 0px !important; }
.quiz-status .countdown { padding: 16px 29px 17px; }
body #popup-course #popup-content #learn-press-quiz-app .quiz-buttons.align-center .button-left.fixed{ position: static; margin-left: 0px !important; transform: none; }
#popup-course .quiz-result .result-grade { background: transparent; }
#popup-course #popup-content #learn-press-quiz-app .quiz-buttons .button-right .lp-button.submit-quiz { margin-top: 24px; text-transform: uppercase; margin-left: 0px; }
body .lp-modal-dialog .lp-modal-footer button { padding: 10px 30px; font-weight: 500;}
.lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h3, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content h2, .lp-modal-dialog .lp-modal-content .lp-modal-body .main-content .pd-2em { color: #555;}
body #popup-course #popup-content .lp-button.completed { margin-bottom: 40px;}
.learn-press-course-tab-enrolled .lp_profile_course_progress__item a { font-weight: 500; }
.learn-press-profile-course__tab__inner a.active {
border-bottom: 0px;
padding-bottom: 3px;
}
.learn-press-profile-course__tab__inner a.active::before{ top: auto; bottom: 0px; }
#popup-course #popup-header .popup-header__inner .course-title {
line-height: 1;
}
#popup-course #popup-header {
height: 50px;
}
.course-extra-box h3{ font-size: 20px; margin-bottom: 0px; }
.lp-user-profile .lp-profile-username::before, 
.lp-user-profile .lp-profile-username::after{ display: none; }
#popup-course #popup-sidebar .course-curriculum .section .section-content .course-item{ padding-left: 20px; padding-right: 20px; }
.lp-user-profile #profile-content-settings .learn-press-tabs__nav{ border: 0px; }
div#profile-nav i.fa-bars:before { font-family: simple-line-icons; content: "\e013"; }
.learn-press-profile-course__progress .lp_profile_course_progress__item td { vertical-align: middle }
.learn-press-profile-course__progress .lp_profile_course_progress { border-collapse: collapse; }
.lp-profile-content table.lp-list-table tr td { padding-left: 20px; padding-bottom: 20px; }
.lp-profile-content table.lp-list-table tr td:first-child,
.lp-profile-content table.lp-list-table tr th:first-child{ text-align: left; }
body.learnpress-checkout h1.lp-content-area {
display: none;
}
body .course-tab-panel-curriculum .course-curriculum ul.curriculum-sections .section-content .course-item .item-name {
padding-top: 0;
}
#learn-press-course-tabs .course-tab-panels .course-tab-panel {
padding-top: 0px;
}
body #learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-meta .item-meta {
color: #ffffff;
}.review-stars{ margin: 0 0; list-style: none; overflow: hidden; }
.review-stars-rated{ width: 90px; position: relative; display: inline-block; display: flex; margin-left: 15px; justify-content: unset; }
.kingster-tail .review-stars-rated { margin-left: 0; }
.review-stars-rated .review-stars.empty,
.review-stars-rated .review-stars.filled{ width: 120px; height: 24px; font-family: dashicons; font-size: 18px; }
.review-stars-rated .review-stars.empty:before{ content: '\f154\f154\f154\f154\f154'; line-height: 1; vertical-align: top; white-space: nowrap; }
.review-stars-rated .review-stars.filled:before{ content: '\f155\f155\f155\f155\f155'; line-height: 1; vertical-align: top; white-space: nowrap; }
.review-stars-rated .review-stars.filled{ position: absolute; top: 0; left: 0; }
.content-item-scrollable [data-gdlr-animation="fadeIn"], 
.content-item-scrollable [data-gdlr-animation="fadeInDown"],
.content-item-scrollable [data-gdlr-animation="fadeInUp"], 
.content-item-scrollable [data-gdlr-animation="fadeInLeft"], 
.content-item-scrollable [data-gdlr-animation="fadeInRight"]{ opacity: 1; }
.content-item-scrollable .gdlr-core-page-builder-body{ margin-bottom: 50px; }
.content-item-scrollable .gdlr-core-page-builder-body *{ box-sizing: border-box; } .kingster-lp-course-left-thumbnail .kingster-lp-course-title a{ color: #222; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head{ color: #777; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-tail{ color: #373737; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-more-button,
.kingster-lp-course-left-thumbnail .kingster-lp-course-more-button:hover{ background: #2dd17b; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-price{ color: #222; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-head,
.kingster-lp-course-left-thumbnail .kingster-lp-course-wishlist{ color: #b1b1b1; }
.kingster-lp-course-left-thumbnail{ margin-bottom: 60px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-thumbnail-wrap{ max-width: 30%; margin-right: 60px; float: left; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-thumbnail{ overflow: hidden;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-content-wrap{ overflow: hidden; padding-top: 20px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-more-button{ font-size: 13px; font-weight: 600; 
text-transform: uppercase; display: block; margin-top: 8px; padding: 15px 20px; text-align: center;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-more-button,
.kingster-lp-course-left-thumbnail .kingster-lp-course-more-button:hover{ color: #fff; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-title{ font-size: 24px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-excerpt{ font-size: 18px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap{ margin-bottom: 32px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-lp-course-info{ float: left; margin-right: 25px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head:after{ content: ":"; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-head{ display: inline; font-weight: 500; margin-right: 6px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-tail{ display: inline; font-weight: 600; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-wrap .kingster-type-review .kingster-tail{ font-weight: 500; }
.kingster-lp-course-left-thumbnail .kingster-type-review .kingster-head{ display: none; }
.kingster-lp-course-left-thumbnail .review-stars-rated{ vertical-align: middle; width: 72px; margin-right: 7px; margin-bottom: -5px; }
.kingster-lp-course-left-thumbnail .review-stars-rated .review-stars.empty, 
.kingster-lp-course-left-thumbnail .review-stars-rated .review-stars.filled{ height: auto; font-size: 12px; letter-spacing: 3px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-info-bottom-wrap{ margin-top: 37px; position: relative; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info{ float: left; margin-left: 34px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info-content{ margin-left: 34px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info-divider{ position: absolute; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child{ margin-left: 0px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child .kingster-lp-course-bottom-info-content{ margin-left: 0px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info:first-child .kingster-lp-course-bottom-info-divider{ display: none; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-head{ font-size: 16px; font-weight: 500; line-height: 1.4; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-teacher .kingster-tail{ font-size: 13px; text-transform: uppercase; font-weight: 600 }
.kingster-lp-course-left-thumbnail .kingster-author-thumbnail{ float: left; width: 48px; overflow: hidden; margin-right: 18px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.kingster-lp-course-left-thumbnail .kingster-author-content{ overflow: hidden; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-middle{ position: relative; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-text{ display: none; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-lp-course-wishlist{ padding-top: 8px; transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .kingster-lp-course-wishlist i{ margin-right: 12px; font-size: 18px; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; }
.kingster-lp-course-left-thumbnail .kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info.kingster-type-price{ padding-top: 5px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info .origin-price{ text-decoration: line-through; margin-right: 5px; font-size: 13px; }
.kingster-lp-course-left-thumbnail .kingster-lp-course-bottom-info .price{ font-size: 20px; font-weight: 500; } .kingster-lp-course-grid .kingster-lp-course-title { font-size: 20px; margin-bottom: 30px; }
.kingster-lp-course-grid .kingster-lp-course-excerpt{ margin-bottom: 35px; margin-top: -10px; }
.kingster-lp-course-grid .kingster-lp-course-info-wrap{ font-size: 15px; margin-bottom: 18px; }
.kingster-lp-course-grid .kingster-lp-course-info{ float: left; }
.kingster-lp-course-grid .kingster-lp-course-info .kingster-head{ display: none; }
.kingster-lp-course-grid .kingster-lp-course-info.kingster-type-category {float: left;}
.kingster-lp-course-grid .kingster-lp-course-info.kingster-type-review{ float: right; }
.kingster-lp-course-grid .kingster-lp-course-info.kingster-type-review .kingster-text{ display: none; }
.kingster-lp-course-grid .review-stars-rated .review-stars.empty, 
.kingster-lp-course-grid .review-stars-rated .review-stars.filled{ font-size: 13px; letter-spacing: 2px; width: 73px; height: 13px; }
.kingster-lp-course-grid .review-stars-rated{ width: 73px; float: none; }
.kingster-lp-course-grid .kingster-lp-course-info-bottom-wrap{ border-top-width: 1px; border-top-style: solid; padding: 16px 35px; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist{ float: right; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-middle{ position: relative; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-text{ display: none; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .kingster-lp-course-wishlist{ transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info.kingster-type-price{ float: left; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info .origin-price{ font-size: 15px; text-decoration: line-through; margin-right: 5px; }
.kingster-lp-course-grid .kingster-lp-course-bottom-info .price{ font-size: 20px; line-height: 1; }
.kingster-lp-course-grid .kingster-lp-course-info-bottom2-wrap{ border-top-width: 1px; border-top-style: solid; padding: 16px 35px; }
.kingster-lp-course-grid .kingster-lp-course-bottom2-info { display: inline-block; margin-right: 19px; }
.kingster-lp-course-grid .kingster-lp-course-bottom2-info:last-child{ margin-right: 0px; }
.kingster-lp-course-grid .kingster-lp-course-bottom2-info .kingster-head{ display: inline; margin-right: 12px; font-size: 15px; }
.kingster-lp-course-grid .kingster-lp-course-bottom2-info .kingster-tail{ display: inline; font-weight: 500; }
.kingster-lp-course-grid .kingster-lp-course-grid-frame{ padding: 25px 33px 0px; border-width: 1px; border-style: solid; }
.kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap{ margin: 0px -35px; }
.kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom2-wrap{ margin: 0px -35px; }
.kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-thumbnail{ margin-bottom: 30px; }
.kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-info-bottom-wrap{ padding-left: 0px; padding-right: 0px; }
.kingster-lp-course-grid.gdlr-core-without-frame .kingster-lp-course-info-bottom2-wrap{ padding-left: 0px; padding-right: 0px; }
.kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap.kingster-with-info2{ padding-top: 30px; }
.kingster-lp-course-grid .kingster-lp-course-grid-frame .kingster-lp-course-info-bottom-wrap + .kingster-lp-course-info-bottom2-wrap{ border-top: none; padding-top: 0px; margin-top: -10px; padding-bottom: 30px; } .kingster-lp-course-info-item .kingster-head,
.kingster-lp-course-info-item .kingster-middle{ color: #b1b1b1; }
.kingster-lp-course-info-item{ position: relative; }
.kingster-lp-course-info-item .kingster-lp-course-info-item-inner{ margin-left: -30px; margin-right: -30px; }
.kingster-lp-course-info-item .kingster-lp-course-info-divider{ position: absolute; top: 0px; bottom: 0px;
border-left-width: 1px; border-left-style: solid; }
.kingster-lp-course-info-item .kingster-lp-course-info-content{ padding-left: 35px; padding-right: 35px; }
.kingster-lp-course-info-item .kingster-author-thumbnail{ float: left; width: 45px; overflow: hidden; margin-right: 18px;
border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.kingster-lp-course-info-item .kingster-head,
.kingster-lp-course-info-item .kingster-middle{ font-size: 16px; }
.kingster-lp-course-info-item .kingster-lp-course-info{ font-weight: 500; line-height: 1.5; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist{ cursor: pointer; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist i{ font-size: 18px; margin-right: 12px; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-middle{ padding-top: 10px; font-weight: 400; }
.kingster-lp-course-info-item .kingster-author-content{ overflow: hidden; }
.kingster-lp-course-info-item .kingster-tail{ font-size: 13px; text-transform: uppercase; }
.kingster-lp-course-info-item .review-stars-rated{ vertical-align: middle; width: 72px; margin-right: 7px; margin-top: 2px; }
.kingster-lp-course-info-item .review-stars-rated .review-stars.empty, 
.kingster-lp-course-info-item .review-stars-rated .review-stars.filled{ height: auto; font-size: 12px; letter-spacing: 3px; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-middle{ position: relative; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .course-wishlist{ cursor: pointer; opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .kingster-lp-course-wishlist{ transition: opacity 150ms; -webkit-transition: opacity 150ms; -moz-transition: opacity 150ms; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .ajaxload_wishlist + .kingster-lp-course-wishlist{ opacity: 0.5; }
.kingster-lp-course-info-item .kingster-lp-course-info.kingster-type-wishlist .course-wishlist.on + .kingster-lp-course-wishlist i:before{ content: "\f02e"; }
.kingster-lp-course-price-item button{ min-width: 175px; margin: 0px auto; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; }
.kingster-lp-course-price-item .retake-course, 
.kingster-lp-course-price-item .enroll-course, 
.kingster-lp-course-price-item .purchase-course{ display: block; }
.kingster-lp-course-price-item .course-price{ text-align: center; line-height: 1; margin-bottom: 30px; }
.kingster-lp-course-price-item .course-price .price{ font-size: 62px; }
.kingster-lp-course-price-item .course-price .price .kingster-currency-symbol{ font-size: 0.6em; vertical-align: super; margin-right: 3px; }
.kingster-lp-course-price-item .origin-price{ text-decoration: line-through; display: block; margin-bottom: 10px; } .kingster-lp-course-search-item .kingster-lp-course-search-column{ padding-left: 10px; }
.kingster-lp-course-search-item .kingster-lp-course-search-column:first-child{ padding-left: 0px; }
.kingster-lp-course-search-item select{ font-size: 13px; height: 50px; padding: 12px 20px; margin: 0px; width: 100%; border: 0px; outline: none;
text-transform: uppercase; font-weight: 500; letter-spacing: 1px;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.kingster-lp-course-search-item select, 
.kingster-lp-course-search-item select:focus{ 
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
-webkit-appearance: none; -moz-appearance: none; appearance: none; }
.kingster-lp-course-search-item .kingster-combobox{ position: relative; }
.kingster-lp-course-search-item .kingster-combobox:after{ font-family: fontAwesome; content: "\f0dd"; font-size: 14px; line-height: 20px;
position: absolute; right: 16px; top: 50%; margin-top: -13px; pointer-events: none; }
.kingster-lp-course-search-item input[name="s"]{ width: 100%; padding: 12px 20px; margin: 0px; font-size: 16px; font-style: italic; height: 50px; border: none; box-shadow: none; 
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.kingster-lp-course-search-item input[type="submit"]{ font-size: 13px; text-transform: uppercase; letter-spacing: 1px; 
font-weight: 600; width: 100%; height: 50px; margin: 0px; border: 0px; outline: none;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.kingster-lp-course-search.kingster-lp-align-center{ margin-left: auto; margin-right: auto; }
.kingster-lp-course-search.kingster-lp-align-left{ margin-right: auto; }
.kingster-lp-course-search.kingster-lp-align-right{ margin-left: auto; }
.kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column{ width: 40%; float: left; }
.kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column.kingster-lp-type-button{ width: 20%; }
.kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column{ width: 26.66%; float: left; }
.kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column.kingster-lp-type-button{ width: 20%; }
@media screen and (max-width: 767px){    
.kingster-lp-course-info-item .kingster-lp-course-info{ margin-bottom: 20px; }
.kingster-lp-course-info-item .kingster-lp-course-info-divider{ display: none; }
.kingster-lp-course-search-item .kingster-lp-course-search-column{ padding-left: 0px; margin-bottom: 10px; }
.kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column{ width: auto; float: none; }
.kingster-lp-course-search.kingster-lp-size-2 .kingster-lp-course-search-column.kingster-lp-type-button{ width: auto; }
.kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column{ width: auto; float: none; }
.kingster-lp-course-search.kingster-lp-size-3 .kingster-lp-course-search-column.kingster-lp-type-button{ width: auto; }
}
.wp-core-ui .kingster-lp-course-price-item button{ padding: 13px 28px; height: auto; font-size: 13px; 
font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: 0px; box-shadow: none; line-height: 1.7;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }