/* Visual refinement against the approved boards and W3match v4 Creator Hub. */
html.w3l-redesign {
  --w3-rail:236px;
  --w3-context:320px;
  --w3-line:rgba(166,180,200,.12);
  --w3-control-line:rgba(166,180,200,.24);
}
html.w3l-redesign.light-mode {
  --w3-line:rgba(20,34,56,.10);
  --w3-control-line:rgba(20,34,56,.22);
}
.w3l-redesign body {-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:14.5px!important}
.w3l-redesign h1,.w3l-redesign h2,.w3l-redesign h3,.w3l-redesign h4,.w3l-brand {text-shadow:none!important;letter-spacing:-.025em}
.w3l-redesign h1 {font-size:28px!important;line-height:1.2!important;letter-spacing:-.035em}
.w3l-redesign h2 {font-size:21px;line-height:1.3}
.w3l-redesign h3 {font-size:16px}
.w3l-redesign a,.w3l-redesign button {font-family:'Instrument Sans',sans-serif!important;transition:background-color .15s,color .15s,border-color .15s}
.w3l-redesign .w3l-page>header {padding:28px 36px 16px!important;text-align:left!important}
.w3l-redesign .w3l-page>header:not(:has(h1)) {display:none!important}
.w3l-redesign .header-content,.w3l-redesign .header-content>h1,.w3l-redesign .header-content>.subtitle,.w3l-redesign .w3l-with-context>header .hero-text {text-align:left!important;align-items:flex-start!important}
.w3l-redesign .w3l-with-context>header .hero-content {display:block!important}
.w3l-page-kicker {display:block;margin-bottom:10px;font-size:10px;letter-spacing:.12em;color:var(--w3-muted)}
.w3l-redesign .subtitle,.w3l-redesign .hero-subtitle {font-size:14px!important;line-height:1.6!important;margin-bottom:0!important;max-width:68ch!important}
.w3l-redesign .search-container {margin-top:24px!important;border-color:var(--w3-control-line)!important;background:transparent!important}
.w3l-redesign .search-container input {height:44px;font-size:13px;padding-left:40px!important}
.w3l-redesign .search-container>i {font-size:15px;top:14px!important;left:14px!important}
.w3l-redesign .search-container:focus-within {border-color:var(--w3-blue)!important;box-shadow:0 0 0 3px var(--w3-soft)!important}
.w3l-redesign .w3l-page>main {padding:8px 36px 32px!important}
.w3l-redesign .w3l-page>footer {margin-top:12px!important;padding:22px 0 28px!important}

/* One rail, one reading column, one full-height contextual column. */
.w3l-rail {padding:24px 12px 16px}
.w3l-rail .w3l-brand {padding:0 10px 28px;font-size:22px;gap:10px;letter-spacing:-.045em}
.w3l-rail .w3l-brand svg {width:26px;height:26px}
.w3l-nav {gap:2px}
.w3l-nav a {padding:9px 12px;min-height:40px;font-size:14px;gap:11px}
.w3l-nav a[aria-current=page] {background:var(--w3-soft);font-weight:700;box-shadow:inset 0 0 0 1px rgba(60,126,255,.10)}
.w3l-rail-note {margin:26px 12px;font-size:12px;line-height:1.65;color:var(--w3-muted)}
.w3l-rail-note a {margin-top:12px;color:var(--w3-ice);font-size:11px}
.w3l-rail-bottom {gap:10px;padding-top:12px}
.w3l-theme {font-size:13px;justify-content:flex-start}
.w3l-theme::after {content:'';margin-left:auto;width:30px;height:18px;border:1px solid var(--w3-control-line);border-radius:20px;background:radial-gradient(circle at 21px 8px,var(--w3-blue) 5px,transparent 6px)}
.light-mode .w3l-theme::after {background:radial-gradient(circle at 8px 8px,var(--w3-blue) 5px,transparent 6px)}
.w3l-rail .w3l-auth-btn {min-height:40px;gap:8px}
.w3l-with-context {margin-right:var(--w3-context)}
.w3l-redesign .w3l-with-context>main,.w3l-redesign .w3l-with-context .tools-container {display:block!important}
.w3l-redesign .w3l-with-context>.w3l-context {
  position:fixed;top:0;right:0;bottom:0;width:var(--w3-context);height:100dvh;
  padding:28px 24px;overflow-y:auto;background:var(--w3-surface);border-left:1px solid var(--w3-line);
  font-size:13px;scrollbar-width:thin;z-index:40;
}
.w3l-context .eyebrow {font-size:10px;color:var(--w3-muted);letter-spacing:.1em}
.w3l-context h2 {font-size:18px;margin:6px 0 14px;line-height:1.35}
.w3l-context h3 {font-size:14px;margin:24px 0 10px}
.w3l-context p {font-size:13px;line-height:1.65}
.w3l-context hr {margin:24px -24px;border-top-color:var(--w3-line)}
.w3l-context ol {padding:0;list-style:none;margin:24px 0}
.w3l-context ol li {display:flex;align-items:flex-start;gap:12px;margin:0 0 22px}
.w3l-context ol strong {display:block;color:var(--w3-text);font-size:13px}
.w3l-context ol p {margin:4px 0 0;font-size:12px}
.w3l-step-index {display:grid;place-items:center;flex:none;width:28px;height:28px;background:var(--w3-blue);color:var(--w3-blue-ink);border-radius:50%;font-size:12px;font-weight:700}
.w3l-context .w3l-feature-list {margin-bottom:24px}
.w3l-context .w3l-feature-list li {margin:0;padding:12px 0 12px 22px;line-height:1.5}
.w3l-context .w3l-feature-list li::before {top:12px;font-size:12px}
.w3l-context .w3l-tool-heading {margin:26px 0 20px;align-items:center}
.w3l-context .w3l-tool-heading h2 {font-size:22px;margin:0 0 3px}
.w3l-tool-heading+p {border-block:1px solid var(--w3-line);padding:18px 0;margin:0}
.w3l-button.secondary,.w3l-redesign .btn-secondary {border-color:var(--w3-control-line)!important}
.w3l-redesign .w3l-button {font-size:13px!important;min-height:40px;padding:9px 14px}
.w3l-button.secondary:hover {background:var(--w3-hover)!important;border-color:var(--w3-blue)!important}
.w3l-redesign .bookmark-btn {border-color:transparent!important;width:30px;height:32px;font-size:15px!important}
.w3l-redesign .bookmark-btn:hover {color:var(--w3-ice)!important;background:var(--w3-hover)!important}
.w3l-redesign .bookmark-btn.bookmarked {background:var(--w3-soft)!important;color:var(--w3-blue)!important}
.w3l-redesign .tag,.w3l-redesign .category-tag {border-color:var(--w3-line)!important;color:var(--w3-secondary)!important;font-size:10px!important}

/* Directories: quiet controls and aligned rows, rather than legacy cards. */
.w3l-redesign .filter-container {padding-bottom:16px!important;margin-bottom:0!important}
.w3l-redesign .chips-row {gap:6px!important}
.w3l-redesign .category-chip {padding:6px 10px!important;font-size:11px!important;border-radius:6px!important;background:transparent!important;border-color:var(--w3-line)!important}
.w3l-redesign .category-chip.active {background:var(--w3-soft)!important;border-color:rgba(60,126,255,.35)!important}
.w3l-redesign .filter-bottom-row {margin-top:16px!important;justify-content:space-between!important;align-items:center!important}
.w3l-redesign .filter-bottom-row .sort-container {margin:0!important;justify-content:flex-start!important;gap:6px!important;font-size:12px}
.w3l-redesign .sort-option {background:transparent!important;font-size:11px!important;border-color:var(--w3-line)!important;padding:6px 10px!important}
.w3l-redesign .sort-option.active {border-color:rgba(60,126,255,.35)!important}
.w3l-redesign .counts {margin:0!important;text-align:left!important}
.w3l-redesign .category-filter {display:flex!important;justify-content:flex-start!important;flex-wrap:wrap;gap:6px!important;margin:0!important}
.w3l-redesign .filter-container>.sort-container {justify-content:flex-start!important;margin:16px 0 12px!important;font-size:12px;gap:6px!important}
.w3l-redesign .filter-container>.filter-separator {display:none!important}
.w3l-redesign .contact-submission-section .submission-card {padding:24px!important;border:1px solid var(--w3-line)!important;border-radius:8px!important;background:var(--w3-surface)!important;box-shadow:none!important}
.w3l-redesign .submission-icon {background:var(--w3-soft)!important;color:var(--w3-blue)!important;box-shadow:none!important;width:40px!important;height:40px!important;font-size:18px!important;margin:0 0 16px!important;border-radius:8px!important}
.w3l-redesign .submission-header {text-align:left!important}
.w3l-redesign .submission-header h2 {font-size:20px!important}
.w3l-redesign .submission-header p {font-size:13px!important;line-height:1.7!important}
.w3l-redesign .submission-benefit,.w3l-redesign .benefit-item {background:none!important;border-color:var(--w3-line)!important;box-shadow:none!important}
.w3l-table-head {display:flex;justify-content:space-between;color:var(--w3-muted);font-size:11px;padding:12px 0;border-bottom:1px solid var(--w3-line)}
.w3l-redesign .list-card {padding:18px 0!important;gap:14px;grid-template-columns:minmax(0,1fr) auto}
.w3l-redesign .list-card .card-body {display:flex!important;flex-direction:row!important;gap:14px;align-items:flex-start}
.w3l-list-symbol {width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--w3-soft);color:var(--w3-blue);border:1px solid var(--w3-line);border-radius:9px;margin-top:2px}
.w3l-list-symbol svg {width:22px;height:22px}
.w3l-list-copy {min-width:0}
.w3l-redesign .w3l-list-meta {gap:5px;margin:0 0 6px}
.w3l-redesign .list-title {font-size:15px!important;font-weight:700!important;line-height:1.35!important;margin-bottom:5px!important}
.w3l-redesign .list-description {font-size:12px!important;line-height:1.6!important;max-width:52ch!important}
.w3l-list-query {margin-top:7px!important}
.w3l-list-query summary {font-size:10px;color:var(--w3-muted)}
.w3l-redesign .list-card .card-footer {gap:4px;align-self:center}
.w3l-redesign .list-link {display:inline-flex!important;align-items:center;justify-content:center;padding:7px 9px!important;border:1px solid var(--w3-control-line)!important;white-space:nowrap;font-size:11px!important;min-height:32px!important}
.w3l-redesign .w3l-share-button {font-size:0;width:30px;height:32px;padding:0;border-color:transparent}
.w3l-share-button svg {width:16px;height:16px;vertical-align:middle}
.w3l-share-button:hover {background:var(--w3-hover);color:var(--w3-text)}
.w3l-redesign .w3l-tool-tabs {padding:0;margin:0;gap:3px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.w3l-tool-tabs button {font-size:12px;padding:10px 10px 12px;white-space:nowrap;font-weight:700}
.w3l-redesign .tools-toolbar {padding:12px 0!important;gap:10px}
.w3l-redesign .toolbar-right {display:flex;gap:10px;align-items:center}
.w3l-redesign .toolbar-stats,.w3l-filter-drawer>summary {font-size:11px}
.w3l-redesign .sort-dropdown {font-size:11px!important;padding:7px 9px!important;min-height:32px!important;background:transparent!important;border-color:var(--w3-control-line)!important}
.w3l-redesign .w3l-tools-table-head {display:grid;grid-template-columns:42px minmax(140px,.8fr) minmax(0,1.2fr) 68px;gap:14px}
.w3l-tools-table-head>span:first-child {grid-column:1/3}
.w3l-redesign .tool-card {grid-template-columns:42px minmax(140px,.8fr) minmax(0,1.2fr) 68px;gap:14px;padding:16px 0!important;min-height:80px!important}
.w3l-redesign .tool-card.w3l-selected {background:var(--w3-soft)!important;box-shadow:inset 3px 0 var(--w3-blue)!important;padding-left:10px!important}
.w3l-tool-logo-wrap {width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid var(--w3-line);border-radius:8px;overflow:hidden}
.w3l-redesign .tool-logo {max-width:34px;width:auto!important;height:32px!important;object-fit:contain;max-height:34px;border:0!important;border-radius:5px!important}
.w3l-tool-logo-wrap>span {display:none}
.w3l-logo-fallback>span {display:block;color:var(--w3-blue);font-weight:700}
.w3l-tool-main h3 {font-size:14px!important;margin:0 0 4px!important;line-height:1.35}
.w3l-tool-main .tool-categories {color:var(--w3-muted);font-size:11px;line-height:1.4}
.w3l-tool-purpose {font-size:13px;line-height:1.6;margin:0;color:var(--w3-secondary)}
.w3l-tool-actions {gap:3px}
.w3l-tool-actions button[data-w3l-tool] {padding:6px;width:30px;height:32px;border-color:transparent;border-radius:6px;color:var(--w3-muted)}
.w3l-tool-actions button[data-w3l-tool] svg {width:16px;height:16px;vertical-align:middle}
.w3l-tool-actions button[data-w3l-tool]:hover {background:var(--w3-hover);color:var(--w3-ice)}
.w3l-redesign .opportunity-card {grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:20px 0!important}
.w3l-opportunity-icon {display:grid;place-items:center;width:40px;height:40px;background:var(--w3-soft);border-radius:9px;color:var(--w3-blue);align-self:start;margin-top:4px;font-size:18px}
.w3l-opportunity-main {min-width:0}
.w3l-opportunity-meta {display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;color:var(--w3-muted);font-size:10px;margin-bottom:6px}
.w3l-redesign .opportunity-title {font-size:15px!important;line-height:1.4!important;margin:0 0 7px!important}
.w3l-redesign .opportunity-description {font-size:12px!important;line-height:1.65!important;margin:0 0 10px!important;white-space:pre-line}
.w3l-opportunity-tags {display:flex;flex-wrap:wrap;gap:5px}
.w3l-redesign .opportunity-actions {align-self:start;gap:6px;padding-top:24px!important}
.w3l-redesign .opportunity-actions .w3l-button {min-height:32px;font-size:11px!important;padding:6px 10px}
.w3l-opportunity-requirements {margin-top:10px;font-size:11px}
.w3l-opportunity-requirements summary {display:flex;gap:8px;align-items:center;color:var(--w3-muted);cursor:pointer;list-style:none}
.w3l-opportunity-requirements[open] summary {color:var(--w3-ice)}
.w3l-opportunity-requirements[open] summary span {transform:rotate(45deg)}
.w3l-opportunity-requirements dl {padding:12px 14px;background:var(--w3-surface);border:1px solid var(--w3-line);border-radius:8px;margin:10px 0 0}
.w3l-opportunity-requirements dl>div {padding:5px 0;display:grid;grid-template-columns:110px 1fr;gap:12px}
.w3l-opportunity-requirements dt {color:var(--w3-muted)}
.w3l-opportunity-requirements dd {margin:0;color:var(--w3-secondary)}

/* Home: the proportions and list motif of the approved desktop board. */
.w3l-redesign .w3l-page>.w3l-home {max-width:1260px!important;margin:0 auto!important;padding:0 36px 8px!important}
.w3l-home-topline {display:flex;justify-content:space-between;align-items:center;gap:24px;height:68px;color:var(--w3-muted);font-size:10px;letter-spacing:.12em;border-bottom:1px solid var(--w3-line)}
.w3l-home-search {display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:0;color:var(--w3-secondary)!important;padding:8px 0}
.w3l-home-search svg {width:17px;height:17px;color:var(--w3-muted)}
.w3l-search-arrow {display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--w3-control-line);border-radius:5px;margin-left:18px}
.w3l-search-arrow svg {width:14px;height:14px}
.w3l-home-hero {min-height:0;grid-template-columns:1fr 1fr;gap:40px;padding:42px 0 38px}
.w3l-home-hero .eyebrow {font-size:10px;letter-spacing:.12em;color:var(--w3-muted)}
.w3l-home-hero h1 {font-size:clamp(38px,3.6vw,54px)!important;line-height:1.06!important;letter-spacing:-.05em!important;max-width:none;margin:12px 0 18px!important}
.w3l-home-hero p {font-size:15px;line-height:1.65;max-width:43ch;margin:0 0 22px}
.w3l-home-hero .w3l-button {padding:12px 20px;min-height:44px;font-size:13px!important}
.w3l-hero-demo {padding:0 0 0 6px}
.w3l-demo-label {font-size:10px;letter-spacing:.08em;margin:0 0 14px}
.w3l-demo-label>span:last-child {letter-spacing:0}
.w3l-demo-list {gap:14px;padding:17px 14px;margin:10px 0;border-radius:8px;background:var(--w3-surface);border-color:var(--w3-control-line)}
.w3l-demo-list:first-of-type {border-color:rgba(60,126,255,.5);transform:rotate(-2deg);margin-bottom:14px}
.w3l-demo-list:nth-of-type(2) {margin-left:12px;transform:rotate(-2deg)}
.w3l-demo-list:nth-of-type(3) {margin-left:24px;transform:rotate(-2deg)}
.w3l-demo-list:hover {transform:translateY(-3px) rotate(-2deg);background:var(--w3-hover)}
.w3l-demo-icon {width:42px;height:42px;border:1px solid rgba(60,126,255,.24);border-radius:8px;background:var(--w3-soft)}
.w3l-demo-copy {min-width:0}
.w3l-demo-list strong {font-size:14px;line-height:1.3;display:block}
.w3l-demo-list small {font-size:12px;line-height:1.5;margin-top:5px;max-width:40ch}
.w3l-demo-check {display:grid;place-items:center;width:20px;height:20px;flex:none;background:var(--w3-blue);color:var(--w3-blue-ink)!important;border-radius:50%;font-size:12px;font-weight:700}
.w3l-demo-tail {display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:10px 22px 0 55px;transform:rotate(-2deg);opacity:.4}
.w3l-demo-tail i {height:7px;background:var(--w3-hover);border-radius:3px}
.w3l-demo-tail i:nth-child(3n) {width:65%}
.w3l-quick-start>a,.w3l-quick-start>a+a {display:flex;gap:16px;padding:22px 18px 22px 0;align-items:flex-start}
.w3l-quick-start>a+a {padding-left:22px}
.w3l-quick-icon {flex:none}
.w3l-quick-start svg {width:28px;height:28px;margin:3px 0 0}
.w3l-quick-start strong {font-size:14px;line-height:1.4}
.w3l-quick-start p {font-size:12px;line-height:1.55;margin:5px 0 0}
.w3l-home-section {padding:24px 0 0}
.w3l-section-heading {margin-bottom:14px;align-items:flex-start;gap:16px}
.w3l-section-heading h2 {font-size:22px;letter-spacing:-.035em;margin-bottom:4px}
.w3l-section-heading p {font-size:13px;line-height:1.5}
.w3l-section-heading>a {font-size:11px;padding-top:4px}
.w3l-home-row {gap:16px;padding:14px 0;min-height:75px}
.w3l-home-row strong {font-size:14px;line-height:1.4}
.w3l-home-row p {font-size:13px;max-width:62ch;margin-top:3px}
.w3l-home-row .row-arrow {font-size:11px;padding-left:8px}
.w3l-home-row .w3l-demo-icon {width:40px;height:40px}
.w3l-home-row img {width:32px;height:32px}
.w3l-home-split {grid-template-columns:1.4fr 1fr;gap:26px}
.w3l-home-split .w3l-home-section+.w3l-home-section {padding-left:26px}
.w3l-home-split .w3l-home-row {min-height:66px;padding:12px 0}
.w3l-home-split .w3l-section-heading h2 {font-size:20px}
.w3l-skills-preview {margin:0 0 10px}
.w3l-skills-preview li {border:0;font-size:11px;padding:9px 0;align-items:center;gap:12px}
.w3l-skills-preview li>span:first-child {flex:1;min-width:0}
.w3l-skill-track {height:5px;width:85px;flex:none;border-radius:4px;background:var(--w3-hover);overflow:hidden}
.w3l-skill-track i {display:block;height:100%;background:var(--w3-blue);border-radius:4px}
.w3l-preview-caption {font-size:10px!important;color:var(--w3-muted)!important;margin:6px 0 14px}
.w3l-home-split .w3l-home-section>.w3l-button {width:100%;min-height:36px;font-size:12px!important;margin-bottom:20px;color:var(--w3-ice)!important;border-color:rgba(60,126,255,.5)!important}
.w3l-home-blog {margin-top:24px}
.w3l-home .w3l-migration {padding:20px;border-radius:8px;gap:20px;background:var(--w3-surface);align-items:center;border-color:var(--w3-line)}
.w3l-migration h2 {font-size:19px;margin:4px 0 6px;letter-spacing:-.03em}
.w3l-home .w3l-migration p {font-size:12px;line-height:1.6;max-width:67ch}
.w3l-home .w3l-migration .eyebrow {font-size:9px}
.w3l-community {padding:20px;margin:16px 0 20px;border:1px solid var(--w3-line);background:var(--w3-surface);border-radius:8px;gap:20px}
.w3l-community>div,.w3l-home-blog>div {flex:1}
.w3l-community h2 {font-size:18px;margin-bottom:6px}
.w3l-community p {font-size:12px;line-height:1.6}
.w3l-community-icon {width:34px;height:34px;flex:none;color:var(--w3-blue);display:grid;place-items:center}
.w3l-community-icon svg {width:28px;height:28px}
.w3l-home-page>.w3l-simple-footer {margin-top:0!important}
.w3l-simple-footer nav {gap:16px;font-size:11px}
.w3l-simple-footer a {color:var(--w3-muted)}
.w3l-simple-footer a:hover {color:var(--w3-ice)}

/* Assessment, access states and archive use the same quiet visual rhythm. */
.w3l-assessment-intro {padding:22px 0 24px}
.w3l-intro-symbol {display:grid;place-items:center;width:44px;height:44px;color:var(--w3-blue);background:var(--w3-soft);border:1px solid var(--w3-line);border-radius:10px;margin-bottom:20px}
.w3l-intro-symbol svg {width:25px;height:25px}
.w3l-assessment-intro h2 {font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:0 0 18px}
.w3l-assessment-meta {display:flex;gap:16px;color:var(--w3-muted);font-size:11px}
.w3l-assessment-meta span+span {border-left:1px solid var(--w3-line);padding-left:16px}
.w3l-redesign .assessment-intro {font-size:13px!important;max-width:65ch;line-height:1.7!important;margin-bottom:20px!important}
.w3l-redesign #how-it-works-page {padding-top:24px!important}
.w3l-redesign #how-it-works-page h2 {font-size:18px!important;margin:0 0 12px!important}
.w3l-redesign .w3l-skills-layout .step-item {display:flex!important;padding:18px 0!important;gap:14px!important;border-bottom:1px solid var(--w3-line)!important;align-items:flex-start!important;margin:0!important}
.w3l-redesign .w3l-skills-layout .step-content {min-width:0;padding:0!important}
.w3l-redesign .w3l-skills-layout .step-content h4 {font-size:13px!important;margin:0 0 5px!important}
.w3l-redesign .w3l-skills-layout .step-content p {font-size:12px!important;line-height:1.65!important}
.w3l-redesign .w3l-skills-layout .step-number {width:25px!important;height:25px!important;font-size:11px!important;background:var(--w3-soft)!important;color:var(--w3-ice)!important;border:1px solid var(--w3-line)!important;margin:0!important}
.w3l-redesign .assessment-note {margin-top:18px!important;font-size:11px!important;padding:12px!important;border-radius:8px!important;border:1px solid var(--w3-line)!important;background:var(--w3-surface)!important}
.w3l-redesign .assessment-note p {margin:0;font-size:11px}
.w3l-redesign .quiz-content {padding-top:24px!important}
.w3l-redesign .quiz-header h2 {font-size:19px!important}
.w3l-redesign .quiz-content h3 {font-size:23px!important;line-height:1.45!important}
.w3l-redesign .quiz-info {color:var(--w3-muted)!important}
.w3l-redesign .option {font-size:13px!important;padding:14px 16px!important;border-color:var(--w3-control-line)!important;border-radius:8px!important;min-height:48px!important}
.w3l-redesign .content-section {padding:24px 36px!important}
.w3l-redesign .section-subtitle {text-align:left!important;font-size:13px!important;max-width:70ch;margin:8px 0 24px!important;line-height:1.65!important}
.w3l-redesign .section-title {font-size:21px!important;margin:0!important}
.w3l-redesign .features-grid {gap:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.w3l-redesign .feature-card {padding:22px 20px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;transform:none!important;text-align:left!important}
.w3l-redesign .feature-card:nth-child(3n+1) {padding-left:0!important}
.w3l-redesign .feature-card:nth-child(3n+2) {border-inline:1px solid var(--w3-line)!important}
.w3l-redesign .feature-icon {background:var(--w3-soft)!important;color:var(--w3-blue)!important;width:36px!important;height:36px!important;font-size:17px!important;border-radius:8px!important;margin:0 0 14px!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.w3l-redesign .feature-card h3 {font-size:14px!important;margin:0 0 8px!important}
.w3l-redesign .feature-card p {font-size:12px!important;line-height:1.7!important;margin:0!important}
.w3l-redesign .hero-badge {font-size:11px!important;padding:5px 10px!important;background:var(--w3-soft)!important;border-color:var(--w3-line)!important;margin-bottom:18px!important}
.w3l-redesign .access-section {padding:20px 36px!important;background:transparent!important}
.w3l-redesign .access-state-banner {padding:16px 18px!important;border:1px solid var(--w3-line)!important;background:var(--w3-surface)!important;border-radius:8px!important;margin:0!important}
.w3l-redesign .access-state-text strong {font-size:14px!important}
.w3l-redesign .access-state-text span {font-size:12px!important}
.w3l-redesign .strategy-preview-card {padding:22px!important;background:var(--w3-surface)!important;border:1px solid var(--w3-line)!important;border-radius:8px!important;box-shadow:none!important}
.w3l-redesign .strategy-preview-card p {font-size:12px!important;line-height:1.7!important}
.w3l-archive-lead {padding:28px 36px 0}
.w3l-archive-lead>h1 {margin-top:12px!important}
.w3l-archive-lead>p {font-size:14px;max-width:60ch}
.w3l-archive-lead .w3l-migration {margin-top:24px}
.w3l-archive-row {padding:18px 0}
.w3l-archive-row h2 {font-size:17px;line-height:1.4;margin:0 0 7px}
.w3l-archive-row p {font-size:12px;line-height:1.6}
.w3l-archive-row .archive-actions {font-size:11px;gap:16px}
.w3l-redesign .article-container h1 {font-size:36px!important;line-height:1.15!important;letter-spacing:-.035em}
.w3l-archive-notice {font-size:12px!important;border-radius:8px!important;padding:16px 20px!important;background:var(--w3-soft)!important;border-color:rgba(60,126,255,.24)!important}
.w3l-redesign .cookie-settings-button {position:static!important;display:inline-flex!important;box-shadow:none!important;background:transparent!important;border:0!important;font-size:11px!important;padding:0!important;color:var(--w3-muted)!important;white-space:nowrap}
.w3l-redesign .cookie-banner {z-index:1200!important;border-top:1px solid var(--w3-control-line)!important}
.w3l-redesign .cookie-banner:not(.show) {visibility:hidden!important;pointer-events:none}
.w3l-redesign .cookie-banner-content {max-width:1000px!important;margin:auto!important}

/* Secondary sections stay available without overwhelming the resource browser. */
.w3l-resource-notes {border-top:1px solid var(--w3-line);margin-top:0}
.w3l-resource-notes>summary {cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 0;list-style:none;font-size:14px;font-weight:700;color:var(--w3-text)}
.w3l-resource-notes>summary::-webkit-details-marker {display:none}
.w3l-resource-notes>summary>span {color:var(--w3-muted);font-size:18px;font-weight:400}
.w3l-resource-notes[open]>summary>span {transform:rotate(45deg)}
.w3l-redesign .w3l-resource-notes .about-section {padding:0 0 24px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.w3l-resource-notes .about-section>h2 {display:none}
.w3l-resource-notes p,.w3l-resource-notes li {font-size:13px;line-height:1.75}
.w3l-tools-guide,#all-tools {margin:16px 36px 0}
.w3l-redesign .w3l-tools-guide .seo-content {padding:0 0 24px!important;margin:0!important;border:0!important}
.w3l-redesign .seo-content h2 {font-size:20px!important;margin:18px 0!important}
.w3l-redesign .seo-category {padding:20px 0!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;box-shadow:none!important;background:transparent!important}
.w3l-redesign .seo-category p {font-size:13px!important;line-height:1.75!important}
.w3l-more-tools {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:var(--w3-muted);font-size:12px}
.w3l-redesign .locked-content-container {padding:18px!important;margin:18px 0 24px!important;background:var(--w3-surface)!important;border:1px solid var(--w3-line)!important;border-radius:8px!important}
.w3l-redesign .locked-content-message {padding:18px!important;min-height:0!important;max-width:none!important;width:100%!important;box-shadow:none!important;border:0!important;border-radius:8px!important;background:transparent!important}
.w3l-redesign .locked-content-message i {font-size:24px!important;margin:0 0 12px!important;color:var(--w3-blue)!important}
.w3l-redesign .locked-content-message h3 {font-size:17px!important;line-height:1.4!important;margin:0 0 8px!important}
.w3l-redesign .locked-content-message p {font-size:13px!important;line-height:1.6!important;margin:0 0 16px!important}
.w3l-redesign .unlock-access-button {background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important;border:0!important;border-radius:8px!important;padding:9px 18px!important;min-height:36px!important;font-weight:700;font-size:12px!important;box-shadow:none!important}
.w3l-redesign .search-builder-section {padding:24px 0!important;margin:24px 0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-block:1px solid var(--w3-line)!important;border-radius:0!important}
.w3l-redesign .search-builder-visible-header {text-align:left!important;padding:0!important}
.w3l-redesign .search-builder-visible-header h2 {font-size:21px!important;margin:0 0 8px!important;text-align:left!important}
.w3l-redesign .search-builder-description {font-size:13px!important;line-height:1.65!important;max-width:64ch;margin:0 0 14px!important;text-align:left!important}
.w3l-redesign .saved-searches-btn {margin:0!important;font-size:12px!important;padding:8px 12px!important;border-color:var(--w3-control-line)!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .step-progress {padding:0!important;margin:24px 0!important}
.w3l-redesign .step-progress .step-item {padding:0!important;border:0!important;flex-direction:column!important}
.w3l-redesign .step-progress .step-number {width:28px!important;height:28px!important;min-width:28px!important;font-size:12px!important;margin:0 auto 8px!important;box-shadow:none!important}
.w3l-redesign .step-label {font-size:11px!important;margin:0!important}
.w3l-redesign .search-builder-locked-container {padding:0!important;margin:0!important;background:var(--w3-surface)!important;border-radius:8px!important;border:1px solid var(--w3-line)!important}
.w3l-redesign .search-builder-container {background:transparent!important;box-shadow:none!important;border-color:var(--w3-line)!important;padding:0!important}
.w3l-redesign .builder-step {padding:20px 0!important}
.w3l-redesign .builder-step h3 {font-size:18px!important;margin-bottom:16px!important}
.w3l-redesign .search-builder-section .form-group label {font-size:12px!important;color:var(--w3-secondary)!important}
.w3l-redesign .builder-navigation {border-color:var(--w3-line)!important;padding:18px 0!important}
.w3l-redesign .support-container {padding:20px!important;background:var(--w3-surface)!important;box-shadow:none!important;border:1px solid var(--w3-line)!important;border-radius:8px!important}
.w3l-redesign .support-icon {width:42px!important;height:42px!important;background:var(--w3-soft)!important;color:var(--w3-blue)!important;font-size:20px!important;box-shadow:none!important}
.w3l-redesign .donation-tier {padding:18px!important;background:transparent!important;box-shadow:none!important;border-color:var(--w3-line)!important;border-radius:8px!important;transform:none!important}
.w3l-redesign .donation-tier .tier-icon {font-size:20px!important}
.w3l-redesign .donation-address-container {padding:16px!important;background:transparent!important;border:1px solid var(--w3-line)!important;border-radius:8px!important}
.w3l-redesign .donation-address {background:var(--w3-bg)!important;border-color:var(--w3-line)!important}
.w3l-redesign .donation-address code {font-size:11px!important;overflow-wrap:anywhere}
.w3l-redesign .feedback-container {padding:18px!important;border:1px solid var(--w3-line)!important;border-radius:8px!important;background:var(--w3-surface)!important;box-shadow:none!important}
.w3l-redesign .feedback-icon {font-size:26px!important;color:var(--w3-blue)!important}
.w3l-redesign .feedback-button {background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important;border-radius:8px!important;font-size:12px!important;padding:9px 16px!important;box-shadow:none!important}
.w3l-redesign .faq-item {background:transparent!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.w3l-redesign .faq-question {padding:15px 0!important;font-size:13px!important}
.w3l-redesign .faq-answer {font-size:12px!important;padding-inline:0!important;background:transparent!important}
.w3l-redesign .unlock-modal-content {background:var(--w3-surface)!important;border:1px solid var(--w3-control-line)!important;border-radius:12px!important;box-shadow:none!important}
.w3l-redesign .unlock-modal-content h2 {font-size:23px!important}
.w3l-redesign .unlock-modal-content p {font-size:13px!important}
.w3l-redesign .task-item {background:transparent!important;border-color:var(--w3-line)!important;box-shadow:none!important;border-radius:8px!important}
.w3l-redesign .unlock-modal-content .progress-container {background:var(--w3-bg)!important;box-shadow:none!important;border-color:var(--w3-line)!important}
.w3l-redesign .unlock-modal-content .close-modal {background:transparent!important;color:var(--w3-secondary)!important}

/* Resource profiles inherit the same restrained identity as the directory. */
.w3l-redesign .tool-detail-container {padding:0!important;max-width:1100px!important;margin:auto!important}
.w3l-redesign .tool-detail-hero {padding:24px 0!important;background:transparent!important;border:0!important;border-block:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;gap:24px!important;margin:0 0 24px!important}
.w3l-redesign .tool-hero-left {min-width:0!important;gap:20px!important;align-items:flex-start!important}
.w3l-redesign .tool-hero-info {min-width:0!important}
.w3l-redesign .tool-hero-info h1 {font-size:32px!important;margin-bottom:8px!important}
.w3l-redesign .tool-hero-info>p {font-size:14px!important;line-height:1.65!important;max-width:64ch}
.w3l-redesign .tool-detail-logo {width:64px!important;height:64px!important;border-radius:10px!important;flex:none;box-shadow:none!important}
.w3l-redesign .tool-hero-badges {display:flex;flex-wrap:wrap;gap:6px!important;margin-top:14px!important}
.w3l-redesign .tool-hero-badges>span {font-size:11px!important;font-weight:400!important;line-height:1.5!important;padding:4px 8px!important;background:var(--w3-soft)!important;color:var(--w3-ice)!important;border:1px solid var(--w3-line)!important;border-radius:6px!important}
.w3l-redesign .tool-hero-actions {min-width:170px!important}
.w3l-redesign .tool-hero-actions a {font-size:12px!important;min-height:38px!important;white-space:normal;gap:8px!important;padding:10px 14px!important;border-radius:8px!important;box-shadow:none!important}
.w3l-redesign .btn-hero-primary,.w3l-redesign .btn-cta-full {background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important;font-weight:700!important;border:1px solid var(--w3-blue)!important;border-radius:8px!important;box-shadow:none!important}
.w3l-redesign .btn-hero-secondary {background:transparent!important;color:var(--w3-text)!important;border-color:var(--w3-control-line)!important}
.w3l-redesign .quick-info-card {padding:14px 18px!important;background:transparent!important;border:0!important;border-right:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important}
.w3l-redesign .quick-info-grid {gap:0!important;margin-bottom:32px!important;border-bottom:1px solid var(--w3-line)!important}
.w3l-redesign .quick-info-card:last-child {border-right:0!important}
.w3l-redesign .quick-info-card .info-label {font-size:11px!important}
.w3l-redesign .quick-info-card .info-value {font-size:13px!important}
.w3l-redesign .detail-section,.w3l-redesign .sidebar-card {padding:22px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important}
.w3l-redesign .detail-section h2 {font-size:21px!important}
.w3l-redesign .detail-section p,.w3l-redesign .detail-section li {font-size:14px!important;line-height:1.75!important}
.w3l-redesign .sidebar-card h3 {font-size:15px!important}
.w3l-redesign .info-row {font-size:12px!important;border-color:var(--w3-line)!important;padding:12px 0!important}
.w3l-redesign .related-tool-card {padding:12px 0!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .tool-quick-stats {gap:0!important;border-bottom:1px solid var(--w3-line)!important;margin:0 0 24px!important}
.w3l-redesign .quick-stat-item {padding:16px!important;border:0!important;border-right:1px solid var(--w3-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .quick-stat-item:last-child {border-right:0!important}
.w3l-redesign .quick-stat-label {font-size:11px!important}
.w3l-redesign .quick-stat-value {font-size:13px!important}
.w3l-redesign .tool-section {padding:20px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .tool-section h2 {font-size:20px!important;margin:0 0 16px!important}
.w3l-redesign .tool-section p,.w3l-redesign .tool-section li {font-size:14px!important;line-height:1.75!important}
.w3l-redesign .tool-section .features-list {padding:0!important;background:transparent!important}
.w3l-redesign .results-actions {justify-content:flex-start!important;margin-block:26px!important;gap:12px!important}
.w3l-redesign .skills-explanation>h2 {text-align:left!important;font-size:20px!important}

@media(min-width:1700px) {.w3l-redesign{--w3-context:340px}.w3l-home-hero{gap:60px;padding-block:54px}}
@media(max-width:1280px) and (min-width:1101px) {
  html.w3l-redesign {--w3-rail:212px;--w3-context:280px}
  .w3l-redesign .w3l-page>header,.w3l-redesign .w3l-page>main {padding-inline:26px!important}
  .w3l-redesign .w3l-with-context>.w3l-context {padding:24px 20px}
  .w3l-redesign .tool-card {grid-template-columns:36px minmax(110px,.8fr) minmax(0,1.2fr) 62px;gap:10px}
  .w3l-redesign .w3l-tools-table-head {grid-template-columns:36px minmax(110px,.8fr) minmax(0,1.2fr) 62px;gap:10px}
  .w3l-redesign .opportunity-card {grid-template-columns:32px minmax(0,1fr);gap:12px}
  .w3l-opportunity-icon {width:32px;height:32px}
  .w3l-redesign .opportunity-actions {grid-column:2;flex-direction:row;padding:0!important}
  .w3l-redesign .list-card {grid-template-columns:1fr}
  .w3l-redesign .list-card .card-footer {grid-column:1!important;grid-row:auto!important;padding-left:54px!important;justify-content:flex-start!important}
}
@media(max-width:1100px) {
  .w3l-with-context {margin-right:0}
  .w3l-redesign .w3l-with-context>.w3l-context {display:none!important}
  .w3l-redesign .w3l-with-context>.w3l-tool-panel.w3l-mobile-detail {display:block!important;top:28px;bottom:28px;right:28px;height:auto;width:auto;z-index:200}
  .w3l-home-hero {gap:24px}
  .w3l-home-hero h1 {font-size:38px!important}
  .w3l-desktop-break {display:none}
  .w3l-demo-list {padding:14px 12px;gap:10px}
  .w3l-demo-list strong {font-size:12px}
  .w3l-demo-icon {width:34px;height:34px}
  .w3l-home-topline>span {font-size:9px}
  .w3l-quick-start>a,.w3l-quick-start>a+a {gap:12px;padding:20px 12px}
  .w3l-quick-start svg {width:22px;height:22px}
  .w3l-home-split {gap:20px;grid-template-columns:1.2fr 1fr}
  .w3l-home-split .w3l-home-section+.w3l-home-section {padding-left:20px}
  .w3l-home-split .w3l-section-heading h2 {font-size:18px}
  .w3l-home-search>span:not(.w3l-search-arrow) {font-size:11px}
}
@media(max-width:780px) {
  html.w3l-redesign {--w3-rail:0px}
  .w3l-redesign .w3l-page>header {padding:24px 20px 16px!important}
  .w3l-redesign .w3l-page>main {padding:6px 20px 24px!important}
  .w3l-redesign h1 {font-size:25px!important;line-height:1.25!important}
  .w3l-page-kicker {font-size:9px;margin-bottom:8px}
  .w3l-mobile-top {height:62px;background:var(--w3-bg)}
  .w3l-mobile-top .w3l-brand {font-size:21px;gap:8px}
  .w3l-mobile-top .w3l-brand svg {width:25px;height:25px}
  .w3l-mobile-top .icon-button {width:32px;height:32px;border-color:transparent}
  .w3l-bottom-nav {padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--w3-bg)}
  .w3l-bottom-nav [aria-current=page] {background:var(--w3-soft);border-radius:8px;color:var(--w3-ice)}
  .w3l-bottom-nav a,.w3l-bottom-nav button {margin-inline:5px;font-size:10px}
  .w3l-redesign .w3l-page>.w3l-home {padding:0 20px 6px!important}
  .w3l-home-topline {height:48px;gap:12px}
  .w3l-home-topline>span {font-size:8px;letter-spacing:.08em}
  .w3l-home-search>span:not(.w3l-search-arrow) {display:none}
  .w3l-home-search {gap:5px}
  .w3l-search-arrow {margin-left:4px;border:0;width:18px}
  .w3l-home-hero {display:block;padding:26px 0 28px}
  .w3l-home-hero h1 {font-size:clamp(33px,9.4vw,48px)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:12px 0 16px!important}
  .w3l-home-hero p {font-size:14px;line-height:1.65;margin-bottom:20px}
  .w3l-home-hero .w3l-button {padding:10px 12px;min-height:42px;font-size:12px!important}
  .w3l-hero-demo {margin-top:32px;padding:0 0 6px}
  .w3l-demo-label {font-size:9px;margin-bottom:12px}
  .w3l-demo-list,.w3l-demo-list:nth-of-type(2),.w3l-demo-list:nth-of-type(3) {margin:8px 0;transform:none;padding:15px 12px;gap:12px}
  .w3l-demo-list strong {font-size:12px}
  .w3l-demo-list small {font-size:10px;max-width:30ch}
  .w3l-demo-tail {padding:8px 20px 0 48px;transform:none}
  .w3l-quick-start {grid-template-columns:1fr}
  .w3l-quick-start>a,.w3l-quick-start>a+a {padding:18px 0;gap:14px;border-left:0}
  .w3l-quick-start svg {width:26px;height:26px}
  .w3l-quick-start p {font-size:12px;line-height:1.6}
  .w3l-home-section {padding-top:24px}
  .w3l-section-heading h2 {font-size:20px}
  .w3l-section-heading p {font-size:12px}
  .w3l-section-heading>a {font-size:10px;white-space:normal;text-align:right;max-width:78px}
  .w3l-home-row {gap:12px;padding:15px 0}
  .w3l-home-row .w3l-demo-icon {width:36px;height:36px}
  .w3l-home-row .tag {display:none}
  .w3l-home-row p {font-size:11px}
  .w3l-home-row .row-arrow {font-size:0;padding:0}
  .w3l-home-split {display:block}
  .w3l-home-split .w3l-home-section+.w3l-home-section {border-left:0;border-top:1px solid var(--w3-line);padding-left:0}
  .w3l-home-split .w3l-section-heading h2 {font-size:20px}
  .w3l-skills-preview li {font-size:12px;padding:10px 0}
  .w3l-skill-track {width:115px}
  .w3l-home .w3l-migration,.w3l-community {padding:18px;display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}
  .w3l-home .w3l-migration .w3l-button,.w3l-community .w3l-button {grid-column:1/-1;width:100%;margin-top:4px}
  .w3l-home .w3l-migration p,.w3l-community p {font-size:12px}
  .w3l-community h2,.w3l-migration h2 {font-size:17px}
  .w3l-community-icon {width:26px;height:28px;margin-top:3px}
  .w3l-community-icon svg {width:24px;height:24px}
  .w3l-redesign .w3l-simple-footer {gap:18px;padding-bottom:24px!important}
  .w3l-simple-footer nav {gap:12px 16px;font-size:11px;line-height:1.5}
  .w3l-redesign .list-card {grid-template-columns:1fr;padding:18px 0!important;gap:10px}
  .w3l-redesign .list-card .card-footer {grid-column:1!important;grid-row:auto!important;padding-left:52px!important;justify-content:flex-start!important;gap:8px}
  .w3l-redesign .list-card .bookmark-btn {position:static!important}
  .w3l-redesign .list-title {font-size:14px!important}
  .w3l-redesign .list-description {font-size:12px!important;max-width:none!important}
  .w3l-redesign .list-link {font-size:11px!important;min-height:32px!important}
  .w3l-redesign .w3l-share-button {margin-left:auto}
  .w3l-redesign .filter-bottom-row {gap:10px;flex-direction:row!important;flex-wrap:wrap}
  .w3l-redesign .sort-container {gap:6px!important}
  .w3l-redesign .counts {font-size:10px!important}
  .w3l-redesign .w3l-tools-table-head {display:none}
  .w3l-redesign .tool-card {grid-template-columns:36px minmax(0,1fr) 64px;gap:6px 12px;padding:16px 0!important}
  .w3l-tool-main {grid-column:2}
  .w3l-tool-logo-wrap {grid-column:1;grid-row:1/3;width:34px;height:34px;align-self:start;margin-top:3px}
  .w3l-redesign .tool-logo {height:28px!important;max-width:30px}
  .w3l-tool-purpose {grid-column:2;grid-row:2;font-size:11px;margin:4px 0 0}
  .w3l-tool-actions {grid-column:3;grid-row:1/3;align-self:start}
  .w3l-tool-main h3 {font-size:14px!important}
  .w3l-redesign .tools-toolbar {align-items:center!important;padding-block:12px!important;gap:8px}
  .w3l-redesign .toolbar-left {flex:1!important}
  .w3l-redesign .toolbar-right {gap:6px;flex:none!important;flex-wrap:wrap!important}
  .w3l-filter-drawer>summary {font-size:10px;padding:6px 8px}
  .w3l-redesign .sort-dropdown {font-size:10px!important;max-width:104px}
  .w3l-redesign .w3l-filter-drawer .filters-sidebar {right:0!important;max-width:calc(100vw - 40px)!important}
  .w3l-redesign .w3l-with-context>.w3l-tool-panel.w3l-mobile-detail {top:62px;bottom:62px;right:0;width:100%;height:calc(100dvh - 124px);padding:24px 20px;z-index:200}
  .w3l-redesign .opportunity-card {grid-template-columns:34px minmax(0,1fr);gap:12px}
  .w3l-opportunity-icon {width:34px;height:34px;font-size:15px}
  .w3l-redesign .opportunity-actions {grid-column:2;flex-direction:row;flex-wrap:wrap;padding:0!important}
  .w3l-opportunity-meta {justify-content:flex-start;gap:6px 12px}
  .w3l-redesign .opportunity-title {font-size:14px!important}
  .w3l-opportunity-requirements dl>div {grid-template-columns:80px 1fr;gap:8px}
  .w3l-assessment-intro {padding-top:14px}
  .w3l-assessment-intro h2 {font-size:29px}
  .w3l-redesign .assessment-intro {font-size:13px!important}
  .w3l-redesign .cta-container {gap:8px!important}
  .w3l-redesign .cta-container button {font-size:12px!important;padding:10px 12px!important}
  .w3l-redesign .content-section,.w3l-redesign .access-section {padding:20px!important}
  .w3l-redesign .features-grid {grid-template-columns:1fr!important}
  .w3l-redesign .feature-card,.w3l-redesign .feature-card:nth-child(3n+1) {padding:18px 0!important}
  .w3l-redesign .feature-card:nth-child(3n+2) {border-inline:0!important}
  .w3l-redesign .feature-icon {margin-bottom:12px!important}
  .w3l-redesign .feature-card h3 {font-size:15px!important}
  .w3l-archive-lead {padding:24px 20px 0}
  .w3l-redesign .article-container h1 {font-size:29px!important;line-height:1.22!important}
  .w3l-archive-notice {padding:14px!important}
  .w3l-redesign .cookie-banner {bottom:62px!important;left:0!important;max-height:calc(100dvh - 124px);overflow:auto}
  .w3l-redesign .w3l-skills-layout .step-item {flex-direction:row!important;text-align:left!important}
  .w3l-redesign .w3l-skills-layout .step-content {text-align:left!important}
  .w3l-redesign .tool-detail-container {padding:0!important}
  .w3l-redesign .tool-hero-left {flex-direction:column!important;min-width:0!important;gap:16px!important;width:100%!important}
  .w3l-redesign .tool-hero-info h1 {font-size:27px!important}
  .w3l-redesign .tool-hero-info>p {font-size:13px!important}
  .w3l-redesign .tool-hero-info,.w3l-redesign .tool-hero-actions {width:100%!important;min-width:0!important}
  .w3l-redesign .tool-detail-hero {gap:20px!important;padding-block:20px!important}
  .w3l-redesign .tool-detail-logo {width:56px!important;height:56px!important}
  .w3l-redesign .quick-info-card {padding:12px!important;border-bottom:1px solid var(--w3-line)!important}
  .w3l-redesign .quick-info-card:nth-child(even) {border-right:0!important}
  .w3l-redesign .quick-stat-item {padding:14px 10px!important;border-bottom:1px solid var(--w3-line)!important}
  .w3l-redesign .quick-stat-item:nth-child(even) {border-right:0!important}
  .w3l-tools-guide,#all-tools {margin-inline:20px}
  .w3l-more-tools {font-size:11px;gap:12px}
  .w3l-more-tools .w3l-button {font-size:12px!important}
  .w3l-redesign .locked-content-container {padding:12px!important}
  .w3l-redesign .search-builder-section .locked-content-message {padding:20px 14px!important}
  .w3l-redesign .search-builder-section .locked-content-message h3 {font-size:17px!important}
  .w3l-redesign .support-container {padding:16px!important}
  .w3l-redesign .donation-tiers {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .w3l-resource-notes>summary {font-size:13px}
}
@media(prefers-reduced-motion:reduce) {.w3l-demo-list,.w3l-demo-list:hover {transform:none!important}}

/* Native share dialog: explicit positioning and header styles isolate legacy resets. */
.w3l-redesign dialog.w3l-share-dialog {
  position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;
  width:min(480px,calc(100vw - 32px))!important;max-width:none!important;height:fit-content!important;
  max-height:calc(100dvh - 40px)!important;overflow:auto!important;padding:24px!important;
  background:var(--w3-surface)!important;color:var(--w3-text)!important;
  border:1px solid var(--w3-control-line)!important;border-radius:12px!important;
  box-shadow:0 24px 80px #0005!important;
}
.w3l-redesign dialog.w3l-share-dialog:not([open]) {display:none!important}
.w3l-redesign dialog.w3l-share-dialog::backdrop {background:rgba(3,8,16,.74)}
.w3l-redesign dialog.w3l-share-dialog>.w3l-dialog-header {
  position:static!important;inset:auto!important;display:flex!important;align-items:flex-start!important;
  justify-content:space-between!important;gap:16px!important;margin:0 0 14px!important;
  padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  height:auto!important;min-height:0!important;width:100%!important;overflow:visible!important;text-align:left!important;
}
.w3l-redesign dialog.w3l-share-dialog h2 {font-size:22px!important;line-height:1.3!important;margin:2px 0 0!important;max-width:calc(100% - 46px)}
.w3l-redesign dialog.w3l-share-dialog form {margin:0!important;padding:0!important;flex:none}
.w3l-redesign dialog.w3l-share-dialog .icon-button {width:30px;height:30px;font-size:22px;border:0;background:transparent}
.w3l-redesign dialog.w3l-share-dialog .icon-button:hover {background:var(--w3-hover)}
.w3l-redesign dialog.w3l-share-dialog p {font-size:13px;line-height:1.6;margin:0 0 20px!important}
.w3l-redesign dialog.w3l-share-dialog label {display:block;font-size:11px;font-weight:700;color:var(--w3-muted);margin-bottom:7px}
.w3l-redesign dialog.w3l-share-dialog input {display:block;height:44px;width:100%;padding:10px 12px;margin:0 0 20px!important;font-size:12px;border-color:var(--w3-control-line)!important;background:var(--w3-bg)!important}
.w3l-redesign dialog.w3l-share-dialog .w3l-ctas {border-top:1px solid var(--w3-line);padding-top:18px;gap:8px;justify-content:flex-end}
.w3l-redesign dialog.w3l-share-dialog .w3l-button {min-height:38px;font-size:12px!important}

/* Blog: featured article, editorial rows and a contextual sidebar, as in W3match. */
.w3l-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.w3l-redesign .w3l-blog-page>header.w3l-blog-head {padding:40px 36px 24px!important;background:var(--w3-surface)!important;border-bottom:1px solid var(--w3-line)!important}
.w3l-blog-head .eyebrow {font-size:10px;letter-spacing:.12em;color:var(--w3-muted)}
.w3l-redesign .w3l-blog-head h1 {font-size:42px!important;line-height:1.1!important;letter-spacing:-.04em!important;margin:12px 0 14px!important}
.w3l-redesign .w3l-blog-head .subtitle {font-size:15px!important;max-width:65ch!important}
.w3l-blog-toolbar {display:flex;align-items:center;gap:20px;margin:24px 0 18px}
.w3l-blog-search {position:relative;display:block;flex:1;max-width:460px}
.w3l-blog-search svg {position:absolute;top:13px;left:13px;width:18px;height:18px;color:var(--w3-muted);pointer-events:none}
.w3l-redesign .w3l-blog-search input {padding:10px 16px 10px 42px!important;background:var(--w3-bg)!important;border-color:var(--w3-control-line)!important;width:100%;height:44px;font-size:13px}
.w3l-blog-sort {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--w3-muted);white-space:nowrap}
.w3l-redesign .w3l-blog-sort select {height:40px;padding:8px 12px!important;background:transparent!important;border-color:var(--w3-control-line)!important;font-size:12px}
.w3l-blog-topics {display:flex;gap:7px;flex-wrap:wrap}
.w3l-blog-topics button {font-size:12px;padding:7px 12px;border:1px solid var(--w3-line);border-radius:7px;background:transparent;color:var(--w3-secondary)}
.w3l-blog-topics button:hover {background:var(--w3-hover);color:var(--w3-text)}
.w3l-blog-topics button[aria-pressed=true] {background:var(--w3-soft);color:var(--w3-ice);border-color:rgba(60,126,255,.35)}
.w3l-blog-migration {display:flex;gap:18px;justify-content:space-between;align-items:center;padding:14px 36px;border-bottom:1px solid var(--w3-line);background:var(--w3-soft);font-size:12px}
.w3l-blog-migration p {margin:0;line-height:1.6}
.w3l-blog-migration strong {color:var(--w3-text);margin-right:4px}
.w3l-blog-migration>a {white-space:nowrap;font-weight:700}
.w3l-redesign .w3l-blog-page>main.w3l-blog-index {display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:40px;padding:28px 36px 36px!important}
.w3l-blog-posts {min-width:0}
.w3l-blog-results-head {display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--w3-muted);padding:0 0 20px}
.w3l-blog-results-head>span:first-child {font-weight:700;color:var(--w3-secondary)}
.w3l-blog-post {display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start;padding:22px 0;border-bottom:1px solid var(--w3-line)}
.w3l-blog-cover {display:block;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:var(--w3-surface);border:1px solid var(--w3-line)}
.w3l-blog-cover img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.w3l-blog-cover:hover img {transform:scale(1.025)}
.w3l-blog-copy {min-width:0}
.w3l-blog-meta {display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--w3-muted);margin-bottom:8px;line-height:1.5}
.w3l-blog-meta>span:first-child {color:var(--w3-ice);font-weight:700}
.w3l-blog-post h3 {font-size:18px;line-height:1.35;margin:0 0 8px;letter-spacing:-.02em}
.w3l-blog-post h3 a,.w3l-blog-post h2 a {color:var(--w3-text)}
.w3l-blog-post h3 a:hover,.w3l-blog-post h2 a:hover {color:var(--w3-blue)}
.w3l-blog-post p {font-size:13px;line-height:1.65;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.w3l-blog-actions {display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px}
.w3l-blog-actions>a:first-child {font-weight:700}
.w3l-blog-actions>a:last-child {color:var(--w3-muted)}
.w3l-blog-featured {grid-template-columns:1.05fr 1fr;align-items:center;gap:26px;padding:0 0 28px;margin-bottom:2px}
.w3l-blog-featured .w3l-blog-cover {aspect-ratio:16/12;min-height:270px;border-radius:12px}
.w3l-blog-featured h2 {font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:10px 0 14px}
.w3l-blog-featured p {font-size:14px;line-height:1.7;-webkit-line-clamp:4;margin-bottom:18px}
.w3l-blog-featured .w3l-blog-actions {gap:10px 16px}
.w3l-blog-side {border-left:1px solid var(--w3-line);padding-left:26px;min-width:0}
.w3l-blog-side section {padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--w3-line)}
.w3l-blog-side section:last-child {border-bottom:0}
.w3l-blog-side .eyebrow {font-size:9px;color:var(--w3-muted);letter-spacing:.1em}
.w3l-blog-side h2 {font-size:15px;margin:0 0 14px;line-height:1.35;letter-spacing:-.02em}
.w3l-blog-side section:first-child h2 {font-size:22px;line-height:1.15;margin:9px 0 14px;letter-spacing:-.04em}
.w3l-blog-side p {font-size:12px;line-height:1.7;margin:0 0 18px}
.w3l-blog-side .w3l-button {width:100%;font-size:12px!important;min-height:38px}
.w3l-blog-side-topics {display:flex;flex-direction:column;gap:3px}
.w3l-blog-side-topics button {display:flex;gap:12px;justify-content:space-between;padding:8px 0;border:0;background:transparent;color:var(--w3-secondary);text-align:left;font-size:12px}
.w3l-blog-side-topics button[aria-pressed=true] {color:var(--w3-ice)}
.w3l-blog-side-topics span {color:var(--w3-muted);font-size:11px}
.w3l-blog-ranked {list-style:none;counter-reset:archive;padding:0;margin:0}
.w3l-blog-ranked li {display:grid;grid-template-columns:18px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--w3-line);font-size:12px;line-height:1.6;counter-increment:archive}
.w3l-blog-ranked li::before {content:counter(archive);font-weight:700;color:var(--w3-blue)}
.w3l-blog-ranked li a {color:var(--w3-secondary)}
.w3l-blog-resources {list-style:none;padding:0;margin:0}
.w3l-blog-resources li {padding:10px 0;border-bottom:1px solid var(--w3-line)}
.w3l-blog-resources a {display:flex;gap:12px;justify-content:space-between;font-size:13px;font-weight:700;color:var(--w3-text)}
.w3l-blog-resources p {font-size:11px;margin:5px 0 0}
.w3l-blog-empty {padding:32px 0}
.w3l-blog-empty h2 {font-size:22px;margin:0 0 12px}
.w3l-blog-empty p {font-size:13px;margin-bottom:18px}
.w3l-redesign .article-container {max-width:980px!important;margin-inline:auto!important}
.w3l-redesign .article-header h1 {max-width:28ch;margin-top:22px!important;letter-spacing:-.04em!important}
.w3l-redesign .article-content {max-width:760px!important;margin-inline:auto!important}
.w3l-redesign .article-content h2 {font-size:25px!important;line-height:1.3!important;margin:36px 0 16px!important}
.w3l-redesign .article-content h3 {font-size:20px!important;margin:26px 0 12px!important}

/* X Query Builder: one workspace, compact steps and a clear result with actions. */
.w3l-redesign .search-builder-section .step-content {padding:0!important;min-width:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.w3l-redesign .search-builder-section .builder-step {padding:22px 0 0!important;border:0!important;border-top:1px solid var(--w3-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .search-builder-section input,.w3l-redesign .search-builder-section textarea,.w3l-redesign .search-builder-section select {font-family:'Instrument Sans',sans-serif!important}
.w3l-redesign .search-builder-section .step-content>h3 {font-size:23px!important;line-height:1.3;margin:0 0 8px!important}
.w3l-redesign .search-builder-section .step-content>p {font-size:13px!important;line-height:1.6;margin:0 0 22px!important}
.w3l-redesign .search-builder-section .content-input-section,.w3l-redesign .search-builder-section .step-2-filter-layout {display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-items:start!important}
.w3l-redesign .search-builder-section .input-group {padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important}
.w3l-redesign .search-builder-section .input-group h4 {font-size:14px!important;line-height:1.4;margin:0 0 6px!important}
.w3l-redesign .search-builder-section .input-group>p {font-size:12px!important;line-height:1.6;margin:0 0 16px!important}
.w3l-redesign .search-builder-section .keywords-input {min-height:128px!important;height:128px!important;width:100%;font-size:13px!important;line-height:1.65!important;padding:12px 14px!important;resize:vertical}
.w3l-redesign .search-builder-section .list-type-options {display:flex!important;gap:8px!important;flex-wrap:wrap}
.w3l-redesign .search-builder-section .list-type-option {flex:1!important;min-width:0!important;padding:12px!important;background:transparent!important;border:1px solid var(--w3-control-line)!important;border-radius:8px!important;box-shadow:none!important;gap:10px!important}
.w3l-redesign .search-builder-section .list-type-option:has(input:checked) {border-color:var(--w3-blue)!important;background:var(--w3-soft)!important}
.w3l-redesign .search-builder-section .option-title {font-size:12px!important;color:var(--w3-text)!important}
.w3l-redesign .search-builder-section .option-description {font-size:10px!important;line-height:1.5!important;color:var(--w3-muted)!important;margin-top:3px}
.w3l-redesign .search-builder-section .radio-custom {width:14px!important;height:14px!important;flex:none;margin-top:2px;border-color:var(--w3-control-line)!important}
.w3l-redesign .search-builder-section .list-search-input,.w3l-redesign .search-builder-section .custom-list-input {height:42px!important;font-size:12px!important;padding:10px 38px!important}
.w3l-redesign .search-builder-section .list-results {border-color:var(--w3-control-line)!important;background:var(--w3-surface)!important;border-radius:8px!important;box-shadow:none!important;max-height:260px!important}
.w3l-redesign .search-builder-section .list-result-item {padding:12px!important;font-size:12px!important;border-bottom:1px solid var(--w3-line)!important}
.w3l-redesign .search-builder-section .selected-list-preview,.w3l-redesign .search-builder-section .custom-list-preview {margin-top:12px!important;padding:12px!important;border:1px solid var(--w3-line)!important;background:var(--w3-soft)!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important}
.w3l-redesign .search-builder-section .keywords-tips {padding:12px 0!important;margin:12px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .keywords-tips h5 {font-size:11px!important;margin:0 0 6px!important;color:var(--w3-muted)}
.w3l-redesign .search-builder-section .keywords-tips ul {padding-left:16px;font-size:11px!important;line-height:1.7!important;margin:0}
.w3l-redesign .search-builder-section .keywords-tips li {margin:4px 0!important}
.w3l-redesign .search-builder-section code,.w3l-redesign .search-builder-section .filter-code {font-size:10px!important;background:var(--w3-hover)!important;color:var(--w3-secondary)!important;padding:2px 4px!important;border-radius:4px!important}
.w3l-redesign .search-builder-section .filter-options {display:flex!important;flex-direction:column;gap:0!important}
.w3l-redesign .search-builder-section .filter-checkbox {display:flex!important;align-items:center!important;gap:9px!important;padding:12px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;color:var(--w3-text)!important}
.w3l-redesign .search-builder-section .filter-checkbox .filter-code {margin-left:auto;flex:none}
.w3l-redesign .search-builder-section .checkmark {position:relative!important;inset:auto!important;flex:none;width:16px!important;height:16px!important;border-radius:4px!important;border-color:var(--w3-control-line)!important}
.w3l-redesign .search-builder-section .engagement-options {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.w3l-redesign .search-builder-section .slider-control {padding:16px 0!important;margin:0!important;border-bottom:1px solid var(--w3-line)!important}
.w3l-redesign .search-builder-section .slider-control label {font-size:12px!important;font-weight:500!important;margin:0 0 12px!important;color:var(--w3-secondary)!important}
.w3l-redesign .search-builder-section .slider-container {gap:16px!important}
.w3l-redesign .search-builder-section .slider-value {display:grid;place-items:center;min-width:36px;height:30px;background:var(--w3-soft)!important;color:var(--w3-ice)!important;border:1px solid var(--w3-line)!important;font-size:12px!important;box-shadow:none!important;border-radius:6px!important}
.w3l-redesign .search-builder-section input[type=range] {accent-color:var(--w3-blue);padding:0!important;height:5px!important;border:0!important;border-radius:10px!important;background:var(--w3-hover)!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .advanced-options {display:grid!important;grid-template-columns:1fr 1fr;gap:16px;align-content:start!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .engagement-sliders {padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .engagement-sliders h4 {font-size:13px!important;margin:0 0 14px!important}
.w3l-redesign .search-builder-section .advanced-options h4 {grid-column:1/-1;font-size:13px;margin:0!important}
.w3l-redesign .search-builder-section .option-control {padding:0!important;display:flex!important;flex-direction:column;gap:8px!important;font-size:12px!important}
.w3l-redesign .search-builder-section .option-control select {height:40px;font-size:12px!important;padding:8px 12px!important;width:100%!important}
.w3l-redesign .search-builder-section .list-type-option:has(input:focus-visible) {outline:2px solid var(--w3-blue);outline-offset:3px}
.w3l-redesign .search-builder-section .step-navigation {display:flex!important;justify-content:space-between!important;gap:12px!important;margin:24px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--w3-line)!important}
.w3l-redesign .search-builder-section .btn-next,.w3l-redesign .search-builder-section .copy-btn-final,.w3l-redesign .search-builder-section .search-btn {padding:9px 16px!important;border-radius:8px!important;border:1px solid var(--w3-blue)!important;background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important;box-shadow:none!important;font-size:12px!important;min-height:38px!important;font-weight:700!important}
.w3l-redesign .search-builder-section .btn-back,.w3l-redesign .search-builder-section .btn-reset,.w3l-redesign .search-builder-section .save-btn {padding:9px 14px!important;border-radius:8px!important;border:1px solid var(--w3-control-line)!important;background:transparent!important;color:var(--w3-text)!important;box-shadow:none!important;font-size:12px!important;min-height:38px!important}
.w3l-redesign .search-builder-section .btn-next:only-child {margin-left:auto}
.w3l-redesign .search-builder-section .final-query-container {margin:0 0 18px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .query-display {padding:20px!important;margin:0!important;width:100%!important;min-height:86px!important;border:1px solid var(--w3-control-line)!important;border-left:3px solid var(--w3-blue)!important;background:var(--w3-surface)!important;color:var(--w3-text)!important;border-radius:8px!important;font:400 13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:pre-wrap!important;overflow-wrap:anywhere;text-align:left!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .query-actions {display:flex!important;justify-content:flex-start!important;gap:10px!important;margin:0 0 24px!important;flex-wrap:wrap}
.w3l-redesign .search-builder-section .copy-btn-final {border-color:var(--w3-control-line)!important;background:transparent!important;color:var(--w3-text)!important}
.w3l-redesign .search-builder-section .action-btn i {font-size:12px!important;margin-right:6px}
.w3l-redesign .search-builder-section .usage-instructions {padding:16px 18px!important;background:transparent!important;border:1px solid var(--w3-line)!important;border-radius:8px!important;box-shadow:none!important}
.w3l-redesign .search-builder-section .usage-instructions h4 {font-size:12px!important;margin:0 0 10px!important}
.w3l-redesign .search-builder-section .usage-instructions ol {display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding-left:18px;margin:0;font-size:11px!important;line-height:1.7!important}
.w3l-redesign .search-builder-section .step-progress .step-item[aria-current=step] .step-label {color:var(--w3-text)!important;font-weight:700}
.w3l-redesign .search-builder-section .step-progress .step-item:not(.active) .step-number {background:var(--w3-hover)!important;color:var(--w3-muted)!important}
.w3l-redesign .saved-searches-modal {max-width:640px!important;padding:24px!important}
.w3l-redesign .saved-searches-modal .modal-header {padding:0 0 16px!important;margin-bottom:18px!important;border-color:var(--w3-line)!important}
.w3l-redesign .saved-search-item {padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;background:transparent!important;box-shadow:none!important}
.w3l-redesign .saved-search-query {font-size:11px!important;overflow-wrap:anywhere;background:var(--w3-bg)!important;border-color:var(--w3-line)!important}

@media(max-width:1280px) {
  .w3l-redesign .w3l-blog-page>main.w3l-blog-index {grid-template-columns:minmax(0,1fr) 230px;gap:26px}
  .w3l-blog-side {padding-left:20px}
  .w3l-blog-featured {grid-template-columns:1fr;gap:20px}
  .w3l-blog-featured .w3l-blog-cover {aspect-ratio:16/9;min-height:0}
  .w3l-blog-post:not(.w3l-blog-featured) {grid-template-columns:140px 1fr;gap:18px}
}
@media(max-width:1100px) {
  .w3l-redesign .w3l-blog-page>main.w3l-blog-index {grid-template-columns:1fr}
  .w3l-blog-side {display:grid;grid-template-columns:1fr 1fr;gap:24px;border-left:0;border-top:1px solid var(--w3-line);padding:24px 0 0}
  .w3l-blog-featured {grid-template-columns:1fr 1fr}
  .w3l-redesign .search-builder-section .content-input-section,.w3l-redesign .search-builder-section .step-2-filter-layout {gap:20px!important}
}
@media(max-width:780px) {
  .w3l-redesign dialog.w3l-share-dialog {padding:20px!important;max-height:calc(100dvh - 32px)!important}
  .w3l-redesign dialog.w3l-share-dialog h2 {font-size:20px!important}
  .w3l-redesign .w3l-blog-page>header.w3l-blog-head {padding:28px 20px 22px!important}
  .w3l-redesign .w3l-blog-head h1 {font-size:34px!important;line-height:1.12!important;margin:12px 0!important;max-width:16ch}
  .w3l-redesign .w3l-blog-head .subtitle {font-size:14px!important;line-height:1.7!important}
  .w3l-blog-toolbar {flex-wrap:wrap;gap:14px;margin:22px 0 18px}
  .w3l-blog-search {flex-basis:100%;max-width:none}
  .w3l-blog-sort {font-size:11px;margin-left:auto}
  .w3l-redesign .w3l-blog-sort select {height:34px;font-size:11px;padding-block:6px!important}
  .w3l-blog-topics {flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
  .w3l-blog-topics button {white-space:nowrap;flex:none;font-size:11px;padding:7px 10px}
  .w3l-blog-migration {padding:14px 20px;flex-direction:column;align-items:flex-start;gap:8px;font-size:11px}
  .w3l-redesign .w3l-blog-page>main.w3l-blog-index {padding:24px 20px!important;gap:24px}
  .w3l-blog-featured {grid-template-columns:1fr;gap:18px;padding-bottom:24px}
  .w3l-blog-featured .w3l-blog-cover {aspect-ratio:16/10;min-height:0}
  .w3l-blog-featured h2 {font-size:25px;line-height:1.2;margin:10px 0 12px}
  .w3l-blog-featured p {font-size:13px}
  .w3l-blog-post:not(.w3l-blog-featured) {grid-template-columns:96px 1fr;gap:14px;padding-block:20px}
  .w3l-blog-post:not(.w3l-blog-featured) .w3l-blog-cover {aspect-ratio:1}
  .w3l-blog-post h3 {font-size:15px;line-height:1.4;margin-bottom:7px}
  .w3l-blog-post p {font-size:12px;-webkit-line-clamp:2;line-height:1.6}
  .w3l-blog-meta {font-size:9px;gap:6px;margin-bottom:7px}
  .w3l-blog-post:not(.w3l-blog-featured) .w3l-blog-meta>span:last-child {display:none}
  .w3l-blog-actions {font-size:10px;gap:8px 14px}
  .w3l-blog-side {display:block;padding-top:24px}
  .w3l-blog-side section {padding-bottom:22px;margin-bottom:22px}
  .w3l-blog-side section:first-child {padding:20px;background:var(--w3-surface);border:1px solid var(--w3-line);border-radius:8px}
  .w3l-redesign .article-content h2 {font-size:22px!important}
  .w3l-redesign .article-content h3 {font-size:18px!important}
  .w3l-redesign .search-builder-section .content-input-section,.w3l-redesign .search-builder-section .step-2-filter-layout {grid-template-columns:1fr!important;gap:24px!important}
  .w3l-redesign .search-builder-section .step-content>h3 {font-size:21px!important}
  .w3l-redesign .search-builder-section .step-content>p {font-size:12px!important}
  .w3l-redesign .search-builder-section .advanced-options {grid-template-columns:1fr!important}
  .w3l-redesign .search-builder-section .query-display {font-size:12px!important;padding:16px!important;line-height:1.8!important}
  .w3l-redesign .search-builder-section .query-actions {gap:8px!important}
  .w3l-redesign .search-builder-section .action-btn {flex:1;font-size:11px!important;padding:9px 10px!important;white-space:nowrap}
  .w3l-redesign .search-builder-section .usage-instructions ol {grid-template-columns:1fr}
  .w3l-redesign .search-builder-section .filter-checkbox {font-size:11px!important}
  .w3l-redesign .search-builder-section .filter-code {font-size:9px!important}
  .w3l-redesign .saved-searches-modal {padding:20px!important;max-height:calc(100dvh - 40px)!important;overflow:auto}
}

/* Wide screens keep the archive at a reading width and the context rail at viewport height. */
@media(min-width:1101px) {
  .w3l-blog-page {margin-right:var(--w3-context)}
  .w3l-redesign .w3l-blog-page>header.w3l-blog-head {
    max-width:none!important;margin:0!important;width:100%!important;
    padding:32px max(36px,calc((100% - 888px)/2)) 22px!important;
  }
  .w3l-blog-page>.w3l-blog-migration {padding:13px max(36px,calc((100% - 888px)/2));font-size:11px;gap:16px}
  .w3l-redesign .w3l-blog-page>main.w3l-blog-index {
    display:block!important;width:100%!important;max-width:960px!important;
    margin:0 auto!important;padding:26px 36px 32px!important;
  }
  .w3l-blog-page>.w3l-blog-side {
    position:fixed;inset:0 0 0 auto;height:100dvh;width:var(--w3-context);
    padding:28px 24px;background:var(--w3-surface);border-left:1px solid var(--w3-line);
    overflow-y:auto;scrollbar-width:thin;display:block;z-index:40;
  }
  .w3l-blog-page>.w3l-blog-side section {margin:0 0 22px;padding:0 0 22px}
  .w3l-blog-page>.w3l-simple-footer {max-width:888px!important;margin:0 auto!important;padding-inline:0!important}
  .w3l-blog-featured {grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:center;padding-bottom:26px}
  .w3l-blog-featured .w3l-blog-cover {aspect-ratio:16/10;min-height:0;max-height:220px}
  .w3l-blog-featured h2 {font-size:23px;line-height:1.25;margin:8px 0 12px}
  .w3l-blog-featured p {font-size:13px;line-height:1.65;-webkit-line-clamp:3;margin-bottom:14px}
  .w3l-blog-post:not(.w3l-blog-featured) {grid-template-columns:168px minmax(0,1fr);gap:22px}
  .w3l-blog-post h3 {font-size:17px;line-height:1.4}
}
@media(min-width:1101px) and (max-width:1380px) {
  .w3l-blog-featured {grid-template-columns:200px minmax(0,1fr);gap:20px}
  .w3l-blog-featured h2 {font-size:21px}
  .w3l-blog-toolbar {flex-wrap:wrap;gap:12px}
  .w3l-blog-search {min-width:260px}
}
@media(max-width:1100px) {
  .w3l-blog-page {margin-right:0}
  .w3l-blog-page>.w3l-blog-side {position:static;height:auto;width:auto;max-width:888px;margin:0 36px;padding:24px 0 0;background:transparent;overflow:visible}
  .w3l-blog-featured .w3l-blog-cover {min-height:0;max-height:280px}
}
@media(max-width:780px) {
  .w3l-blog-page>.w3l-blog-side {margin-inline:20px;max-width:none}
}

/* Builder has one workspace, with no inherited card frames around its steps. */
#search-builder-section {max-width:960px;width:100%;margin-inline:auto!important}
#search-builder-section .search-builder-main-content,
#search-builder-section .search-builder-container,
#search-builder-section .builder-step,
#search-builder-section .step-content,
#search-builder-section .content-input-section,
#search-builder-section .step-2-filter-layout,
#search-builder-section .engagement-input-section {
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
}
#search-builder-section .search-builder-main-content,
#search-builder-section .search-builder-container {padding:0!important;margin:0!important}
#search-builder-section .builder-step {padding:24px 0 0!important;margin:0!important}
#search-builder-section .step-content {padding:0!important;margin:0!important}
#search-builder-section .step-navigation {padding:18px 0 0!important;margin:24px 0 0!important;border:0!important;border-top:1px solid var(--w3-line)!important}
#search-builder-section .custom-list-input-wrapper {
  display:grid!important;grid-template-columns:18px minmax(0,1fr) 38px!important;
  align-items:center!important;gap:8px!important;padding:4px 4px 4px 12px!important;
  min-height:44px!important;margin:16px 0 0!important;position:relative!important;
  border:1px solid var(--w3-control-line)!important;border-radius:8px!important;background:var(--w3-surface)!important;
}
#search-builder-section .custom-list-input-wrapper:focus-within {border-color:var(--w3-blue)!important;box-shadow:0 0 0 3px var(--w3-soft)!important}
#search-builder-section .custom-list-input-wrapper>.input-icon {position:static!important;transform:none!important;font-size:14px!important;width:18px!important;line-height:1!important;color:var(--w3-muted)!important;z-index:auto!important}
.w3l-redesign #search-builder-section .custom-list-input-wrapper input.custom-list-input {
  min-width:0!important;width:100%!important;height:34px!important;margin:0!important;padding:6px 0!important;
  border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;
  font-size:12px!important;box-shadow:none!important;flex:none!important;
}
#search-builder-section .custom-list-input::placeholder {font-size:12px!important}
#search-builder-section .validate-list-btn {
  width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;
  display:grid!important;place-items:center!important;font-size:12px!important;transform:none!important;
  background:var(--w3-hover)!important;color:var(--w3-muted)!important;box-shadow:none!important;
}
#search-builder-section .validate-list-btn:enabled {background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important}
#search-builder-section .validate-list-btn:disabled {opacity:.5!important}
#search-builder-section .custom-list-help {font-size:11px!important;line-height:1.6!important;margin:12px 0 0!important;padding:0!important}
#search-builder-section .custom-list-preview:not(.active),#search-builder-section .selected-list-preview:not(.active) {display:none!important}
#search-builder-section .custom-list-preview.active,#search-builder-section .selected-list-preview.active {margin-top:14px!important}
#search-builder-section .custom-list-container {margin-top:0!important}
#search-builder-section .custom-list-success {font-size:11px!important;padding:10px 12px!important;margin-top:12px!important;border-radius:6px!important}
#search-builder-section .input-group {min-width:0!important}
#search-builder-section .list-type-options {margin-bottom:0!important}
#search-builder-section .content-input-section,#search-builder-section .step-2-filter-layout {margin:0!important}
#search-builder-section .keywords-tips {margin-top:12px!important}
#search-builder-section .search-builder-visible-header h2 {text-align:left!important}
#search-builder-section .list-search-container {margin-top:16px!important}
#search-builder-section .final-query-container {border:0!important;padding:0!important;background:transparent!important}
@media(max-width:780px) {
  #search-builder-section .custom-list-input-wrapper {grid-template-columns:18px minmax(0,1fr) 36px!important;gap:6px!important;padding-left:10px!important}
  #search-builder-section .custom-list-input::placeholder {font-size:11px!important}
  #search-builder-section .custom-list-help {font-size:10px!important}
}

/* Polish 2026-10-14: W3match tracking, sister-platform link, flat legacy blocks. */
html.w3l-redesign h1,html.w3l-redesign .w3l-home-hero h1 {letter-spacing:-.025em!important}
html.w3l-redesign h2,html.w3l-redesign h3 {letter-spacing:-.015em!important}

.w3l-rail-note {margin:24px 0 0;padding:0}
.w3l-partner-label {display:block;margin:0 12px 8px;font-size:11px;font-weight:600;color:var(--w3-muted)}
.w3l-rail-note .w3l-partner,.w3l-mobile-sheet .w3l-partner {display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0!important;padding:10px 12px;border:1px solid var(--w3-line);border-radius:10px;background:var(--w3-bg);color:var(--w3-text)!important;font-size:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.w3l-rail-note .w3l-partner:hover,.w3l-mobile-sheet .w3l-partner:hover {border-color:var(--w3-blue);background:var(--w3-hover)}
.w3l-partner:focus-visible {outline:2px solid var(--w3-blue);outline-offset:2px}
.w3l-partner-mark {width:28px;height:28px}
.w3l-partner-mark path {fill:none;stroke-linecap:round}
.w3l-partner-mark .m-net {stroke:var(--w3-muted);stroke-width:3.2}
.w3l-partner-mark .m-link {stroke:#22D3EE;stroke-width:6}
.w3l-partner-mark .m-you {fill:#22D3EE}
.w3l-partner-mark .m-match {fill:#F9A8D4}
.w3l-partner-mark .m-dot {fill:var(--w3-muted)}
html.light-mode .w3l-partner-mark .m-link {stroke:#0A8CA6}
html.light-mode .w3l-partner-mark .m-you {fill:#0A8CA6}
html.light-mode .w3l-partner-mark .m-match {fill:#BE185D}
.w3l-partner-copy {display:grid;gap:2px;min-width:0}
.w3l-partner-copy strong {font-size:14px;line-height:1.2}
.w3l-partner-copy small {font-size:11px;line-height:1.35;color:var(--w3-muted)}
.w3l-partner-arrow {font-size:12px;color:var(--w3-muted)}
.w3l-partner:hover .w3l-partner-arrow {color:var(--w3-ice)}
.w3l-mobile-sheet .w3l-partner {margin-top:8px!important}

/* Home: example skill bars use the column width. */
.w3l-skills-preview li>span:first-child {flex:0 0 46%}
.w3l-skills-preview .w3l-skill-track {flex:1 1 auto;width:auto}

/* Monetization: listing, cross-links and FAQ as flat rows. */
.w3l-redesign .contact-submission-section,.w3l-redesign .cross-promotion-section,.w3l-redesign .faq-section {max-width:none!important;margin:48px 0 0!important;padding:32px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.w3l-redesign .contact-container {max-width:none!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.w3l-redesign .contact-header {display:block!important;text-align:left!important;margin:0 0 20px!important}
.w3l-redesign .contact-icon,.w3l-redesign .promo-icon {display:none!important}
.w3l-redesign .contact-header h2,.w3l-redesign .cross-promotion-section h2,.w3l-redesign .faq-section h2 {margin:0 0 6px!important;font-size:22px!important;text-align:left!important}
.w3l-redesign .contact-subtitle {margin:0!important;max-width:620px;font-size:14px!important;color:var(--w3-secondary)!important}
.w3l-redesign .contact-content {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important;align-items:start}
.w3l-redesign .contact-benefits {display:grid!important;gap:0!important}
.w3l-redesign .benefit-item {padding:12px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;font-size:14px!important}
.w3l-redesign .benefit-item i {color:var(--w3-ice)!important;width:20px}
.w3l-redesign .contact-cta {padding:0!important;background:transparent!important;border:0!important;text-align:left!important;box-shadow:none!important}
.w3l-redesign .contact-cta h3 {margin:0 0 6px!important;font-size:16px!important}
.w3l-redesign .contact-cta p {font-size:14px!important;color:var(--w3-secondary)!important}
.w3l-redesign .contact-dm-button {display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 16px!important;margin-top:12px;border-radius:8px!important;background:var(--w3-blue)!important;color:var(--w3-blue-ink)!important;font:700 13px var(--font-main)!important;box-shadow:none!important;transform:none!important}
.w3l-redesign .promo-cards {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:16px!important;border-top:1px solid var(--w3-line)}
.w3l-redesign .promo-card {padding:20px 20px 20px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;transform:none!important}
.w3l-redesign .promo-card + .promo-card {padding-left:20px!important;border-left:1px solid var(--w3-line)!important}
.w3l-redesign .promo-card h3 {margin:0 0 6px!important;font-size:16px!important}
.w3l-redesign .promo-card p {font:400 14px/1.55 var(--font-main)!important;letter-spacing:0!important;color:var(--w3-secondary)!important}
.w3l-redesign .promo-link {font-size:13px!important;font-weight:600;color:var(--w3-ice)!important}
.w3l-redesign .faq-container {padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.w3l-redesign .faq-question {padding:16px 0!important;font-size:15px!important}
@media(max-width:780px) {
  .w3l-redesign .contact-content,.w3l-redesign .promo-cards {grid-template-columns:1fr!important}
  .w3l-redesign .promo-card,.w3l-redesign .promo-card + .promo-card {padding:16px 0!important;border-left:0!important;border-bottom:1px solid var(--w3-line)!important}
}

/* Strategies (locked preview): examples as rows, access as side-by-side steps. */
.w3l-redesign .strategies-preview {display:block!important;border-top:1px solid var(--w3-line)}
.w3l-redesign .strategy-preview-card {overflow:visible!important;display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr);grid-template-areas:"title text" "meta text";column-gap:32px;row-gap:8px;padding:20px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.w3l-redesign .strategy-preview-card::before {display:none!important}
.w3l-redesign .strategy-preview-card h3 {grid-area:title;margin:0!important;font-size:16px!important}
.w3l-redesign .strategy-preview-card .strategy-meta {grid-area:meta;margin:0!important}
.w3l-redesign .strategy-preview-card p {grid-area:text;margin:0!important;font-size:14px!important;color:var(--w3-secondary)!important}
.w3l-redesign .access-gate {max-width:none!important;margin:0!important;padding:32px 0 0!important;background:transparent!important;border:0!important;border-top:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.w3l-redesign .access-gate h2 {font-size:22px!important;text-align:left!important}
.w3l-redesign .access-gate h2 i {color:var(--w3-ice);font-size:.8em}
.w3l-redesign .access-gate p {max-width:680px;margin-left:0!important;margin-right:0!important;font-size:14px!important;line-height:1.6!important;text-align:left!important;color:var(--w3-secondary)!important}
.w3l-redesign .access-options {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin-top:20px!important;border-top:1px solid var(--w3-line)}
.w3l-redesign .access-option {display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px;padding:20px 24px 20px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important}
.w3l-redesign .access-option + .access-option {padding-left:24px!important;border-left:1px solid var(--w3-line)!important}
.w3l-redesign .access-icon {width:36px!important;height:36px!important;margin:0!important;border-radius:8px!important;background:var(--w3-soft)!important;color:var(--w3-ice)!important;font-size:15px!important;display:grid!important;place-items:center;box-shadow:none!important}
.w3l-redesign .access-option h3 {margin:4px 0 0!important;font-size:16px!important}
.w3l-redesign .access-option .btn {margin:4px 0 0!important}
.w3l-redesign .access-gate > div[style*="border-top"] {text-align:left!important;margin-top:24px!important;padding-top:24px!important}
.w3l-redesign .access-gate > div[style*="border-top"] h3 {font-size:16px!important}
@media(max-width:780px) {
  .w3l-redesign .strategy-preview-card {grid-template-columns:1fr;grid-template-areas:"title" "meta" "text"}
  .w3l-redesign .access-options {grid-template-columns:1fr!important}
  .w3l-redesign .access-option,.w3l-redesign .access-option + .access-option {padding:20px 0!important;border-left:0!important;border-bottom:1px solid var(--w3-line)!important}
}

/* Clips: reference copy as separated sections, not boxed cards. */
html[data-w3l-page="clips"] .content-section {background:transparent!important;border:0!important;border-top:1px solid var(--w3-line)!important;border-radius:0!important;box-shadow:none!important;padding:32px 0!important;margin:0!important}
html[data-w3l-page="clips"] .content-section h2 {font-size:22px!important}
html[data-w3l-page="clips"] .content-section h3 {font-size:15px!important}
html[data-w3l-page="clips"] .content-section p,html[data-w3l-page="clips"] .content-section li {font-size:14px!important;line-height:1.65!important;color:var(--w3-secondary)!important}

/* Tool detail: one icon colour, left-aligned call to action. */
.w3l-redesign .tool-section h2 i {color:var(--w3-ice)!important;font-size:.7em!important;vertical-align:.12em}
.w3l-redesign .features-list li i {color:var(--w3-blue)!important}
.w3l-redesign .sidebar-cta,.w3l-redesign .sidebar-cta h3 {text-align:left!important}

/* Static catalog links (SEO and AI agents): readable without JavaScript, collapsed by default. */
.w3l-directory nav {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 32px;padding:0 0 24px}
.w3l-directory section {min-width:0}
.w3l-directory h3 {display:flex;align-items:baseline;gap:8px;margin:16px 0 8px;font-size:14px}
.w3l-directory h3 small {font-size:11px;font-weight:400;color:var(--w3-muted)}
.w3l-directory ul {margin:0;padding:0;list-style:none}
.w3l-directory li {padding:6px 0;border-top:1px solid var(--w3-line);font-size:13px;line-height:1.5}
.w3l-directory li a {font-weight:600;color:var(--w3-text)}
.w3l-directory li a:hover {color:var(--w3-ice)}
.w3l-directory li span {display:block;color:var(--w3-muted);font-size:12px}

/* Tool detail hero: fixed-width action column so a long referral note cannot squeeze the title; stack below 1100px */
.w3l-redesign .tool-hero-actions {flex:0 0 220px;width:220px;max-width:100%}
.w3l-redesign .tool-hero-actions .w3l-referral-note {margin:0!important;line-height:1.5}
@media(max-width:1100px) {
  .w3l-redesign .tool-detail-hero {flex-direction:column;align-items:stretch}
  .w3l-redesign .tool-hero-left {width:100%;flex:none}
  .w3l-redesign .tool-hero-actions {flex:none;width:100%;flex-direction:row;flex-wrap:wrap}
  .w3l-redesign .tool-hero-actions a {flex:1 1 180px}
  .w3l-redesign .tool-hero-actions .w3l-referral-note {flex-basis:100%}
}