/* FreeStatisticalTools.com brand layer for PLS-SEM Studio: logo, wordmark, system dark mode, ad slots. */
:root { --logo-tile: #eef2fd; --logo-ink: #0f1a33; --logo-grad: linear-gradient(90deg, #1479f0 0%, #3a6cf4 50%, #6a3df0 100%); }
:root[data-theme="dark"] { --logo-tile: #1a2142; --logo-ink: #eceef4; --logo-grad: linear-gradient(90deg, #4d9bff 0%, #7a8cff 50%, #a083ff 100%); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1017; --surface: #151924; --sunken: #1b2030; --ink: #eceef4; --ink-2: #c6cad4; --muted: #979db0;
    --line: #262b3a; --line-2: #343a4c;
    --accent: #7ea4ff; --accent-2: #a68bff; --accent-ink: #0b0e18; --accent-soft: #1a2142; --accent-line: #334179;
    --good: #6fcf9b; --good-soft: #12261b; --warn: #e5b75e; --warn-soft: #2b2312; --bad: #f08b8b; --bad-soft: #321819;
    --logo-tile: #1a2142; --logo-ink: #eceef4; --logo-grad: linear-gradient(90deg, #4d9bff 0%, #7a8cff 50%, #a083ff 100%);
    color-scheme: dark;
  }
  :root:not([data-theme="light"]) .icon-btn .sun { display: none; }
  :root:not([data-theme="light"]) .icon-btn .moon { display: block; }
}
.brand { gap: 10px; }
.brand-mark { width: 34px; height: 34px; flex: none; }
.brand-mark .logo-tile { fill: var(--logo-tile); }
.wordmark { font-family: "Lexend", var(--f-sans); font-weight: 600; letter-spacing: -0.025em; font-size: 18px; color: var(--logo-ink); }
.wm-grad { background: var(--logo-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (max-width: 420px) { .wordmark { font-size: 15px; } .brand-mark { width: 30px; height: 30px; } .brand { gap: 8px; } }
body.app .brand-mark { width: 30px; height: 30px; }
body.app .wordmark { font-size: 17px; }
.appbar .app-name { text-decoration: none; font: 500 12px/1 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 6px 9px; border: 1px solid var(--line); border-radius: 99px; white-space: nowrap; }
@media (max-width: 760px) { .appbar .app-name { display: none; } body.app .wordmark { font-size: 15px; } }
@media (max-width: 1080px) { .site-head .site-nav a { padding: 8px 8px; font-size: 13.5px; } }
.ad-slot { display: none; }
.ads-on .ad-slot.filled { display: block; margin: 36px auto 8px; text-align: center; min-height: 100px; }
.ad-slot .ad-label { display: block; font: 500 10.5px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 6px; }
.more-tools { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.more-tools a { border: 1px solid var(--line); border-radius: 12px; padding: 16px; text-decoration: none; color: var(--ink); background: var(--surface); display: grid; gap: 6px; }
.more-tools a:hover { border-color: var(--line-2); }
.more-tools a span { color: var(--muted); font-size: 13.5px; }
.data-hint { font-size: 13px; color: var(--muted); }