/* Shared Knowledge article presentation layered on the neutral ShushuLab public system. */
.knowledge-article-page{
  --article-kicker:#6d55d8;--article-core:var(--yellow);--article-note:#f3f0ff;
  background:radial-gradient(circle at 12% 3%,rgba(255,227,111,.16),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(154,239,217,.14),transparent 30rem),var(--paper);
}
.knowledge-article-page.decision-saving-page{--article-kicker:#7b5f00}
.knowledge-article-page.hpm-page{--article-kicker:#6852d9}
.knowledge-article-page.acoustics-page{--article-kicker:#4f74c8;--article-core:#dff6ff;--article-note:#eef4ff;background:radial-gradient(circle at 12% 0%,rgba(79,116,200,.11),transparent 30rem),radial-gradient(circle at 88% 12%,rgba(169,234,217,.12),transparent 30rem),var(--paper)}
.knowledge-article-page.mix-control-page{--article-kicker:#5e4bd0;--article-core:#9bead7;background:radial-gradient(circle at 12% 0%,rgba(185,239,255,.18),transparent 30rem),radial-gradient(circle at 88% 12%,rgba(255,109,173,.12),transparent 30rem),var(--paper)}
.knowledge-article-page.premise-mismatch-page{--article-note:#f4f1ff;background:radial-gradient(circle at 12% 0%,rgba(145,121,255,.10),transparent 30rem),radial-gradient(circle at 88% 12%,rgba(255,117,181,.11),transparent 30rem),var(--paper)}
.knowledge-article-page.visibility-bias-page{--article-kicker:#4f74c8;--article-core:#a8eadb;--article-note:#eef3ff;background:radial-gradient(circle at 12% 0%,rgba(79,116,200,.12),transparent 30rem),radial-gradient(circle at 88% 14%,rgba(168,234,219,.14),transparent 28rem),var(--paper)}
.knowledge-article-page .shell{width:min(1000px,calc(100% - 30px));margin:auto}
.knowledge-article-page.acoustics-page .shell,.knowledge-article-page.mix-control-page .shell{width:min(1020px,calc(100% - 30px))}
.knowledge-article-page header{position:sticky;top:0;z-index:40;background:rgba(255,250,252,.94);backdrop-filter:blur(14px);border-bottom:var(--line)}
.knowledge-article-page .head{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:8px}
.knowledge-article-page .brand{text-decoration:none;font-weight:1000}
.knowledge-article-page .nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.knowledge-article-page .nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;font-size:12px;font-weight:900;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:7px 11px;background:#fff}
.knowledge-article-page .nav a:hover{transform:translateY(-1px);background:#fff1f7}
.knowledge-article-page .hero{padding:88px 0 66px;border-bottom:var(--line)}
.knowledge-article-page .kicker{font-size:12px;font-weight:1000;letter-spacing:.16em;color:var(--article-kicker)}
.knowledge-article-page .hero h1{font-size:clamp(48px,8vw,88px);line-height:.92;letter-spacing:-.05em;margin:12px 0 18px;font-weight:1000}
.knowledge-article-page.acoustics-page .hero h1,.knowledge-article-page.mix-control-page .hero h1{font-size:clamp(44px,7vw,82px)}
.knowledge-article-page.premise-mismatch-page .hero h1{font-size:clamp(42px,7vw,78px);line-height:.96}
.knowledge-article-page.visibility-bias-page .hero h1{font-size:clamp(46px,8vw,88px)}
.knowledge-article-page .hero .en{font-size:clamp(18px,3vw,28px);font-weight:900;margin-bottom:22px}
.knowledge-article-page .hero p{font-size:17px;line-height:1.9;font-weight:730;max-width:840px;color:var(--muted)}
.knowledge-article-page .core{margin-top:28px;padding:22px 24px;border:var(--line);border-radius:22px;background:var(--article-core);box-shadow:8px 8px 0 var(--ink);font-size:clamp(20px,3vw,30px);line-height:1.45;font-weight:1000}
.knowledge-article-page.acoustics-page .core,.knowledge-article-page.mix-control-page .core{font-size:clamp(22px,3.2vw,34px);line-height:1.35}
.knowledge-article-page section{padding:60px 0;border-bottom:var(--line)}
.knowledge-article-page section[id]{scroll-margin-top:92px}
.knowledge-article-page h2{font-size:clamp(30px,5vw,50px);margin:7px 0 22px;line-height:1.05}
.knowledge-article-page h3{font-size:22px;margin:28px 0 12px}
.knowledge-article-page p,.knowledge-article-page li{line-height:1.85}
.knowledge-article-page p{color:var(--muted);font-weight:690}
.knowledge-article-page ul,.knowledge-article-page ol{padding-left:1.45rem}
.knowledge-article-page li{margin:.25rem 0;font-weight:700}
.knowledge-article-page .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.knowledge-article-page .spaced-grid{margin-top:22px}
.knowledge-article-page .box{border:var(--line);border-radius:18px;background:#fff;padding:20px;box-shadow:6px 6px 0 var(--ink)}
.knowledge-article-page .box h3{margin-top:0}
.knowledge-article-page .note{border-left:7px solid var(--purple);background:var(--article-note);padding:18px 20px;margin:22px 0;font-weight:780;line-height:1.8}
.knowledge-article-page.acoustics-page .note,.knowledge-article-page.visibility-bias-page .note{border-left-color:#4f74c8}
.knowledge-article-page .warning{border-left:7px solid #a84b4b;background:#fff1f1;padding:18px 20px;margin:22px 0;font-weight:780;line-height:1.8}
.knowledge-article-page .original{display:block;width:min(720px,100%);margin:24px auto 0;border:var(--line);border-radius:20px;box-shadow:8px 8px 0 var(--ink);background:#000}
.knowledge-article-page .origins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.knowledge-article-page .origin-img{display:block;width:100%;border:var(--line);border-radius:20px;box-shadow:7px 7px 0 var(--ink);background:#000}
.knowledge-article-page .diagram,.knowledge-article-page .article-figure{display:block;width:100%;border:var(--line);border-radius:20px;background:#fff;box-shadow:8px 8px 0 var(--ink)}
.knowledge-article-page .article-figure{margin:26px auto 10px}
.knowledge-article-page .figure-note{margin:12px 0 0;font-size:12px;color:var(--muted);font-weight:700}
.knowledge-article-page .flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.knowledge-article-page .flow div{border:var(--line);border-radius:16px;padding:18px 12px;text-align:center;background:#fff;font-weight:1000}
.knowledge-article-page .flow div:nth-child(2){background:#fff4c7}.knowledge-article-page .flow div:nth-child(3){background:#eefcf8}.knowledge-article-page .flow div:nth-child(4){background:#f3f0ff}
.knowledge-article-page.hpm-page .flow div:nth-child(1){background:#eefcf8}.knowledge-article-page.hpm-page .flow div:nth-child(2){background:#f1edff}.knowledge-article-page.hpm-page .flow div:nth-child(3){background:#fff1f7}.knowledge-article-page.hpm-page .flow div:nth-child(4){background:#fff4c7}
.knowledge-article-page.acoustics-page .flow div:nth-child(1){background:#eef4ff}.knowledge-article-page.acoustics-page .flow div:nth-child(2){background:#f8fbff}.knowledge-article-page.acoustics-page .flow div:nth-child(3){background:#eefcf8}.knowledge-article-page.acoustics-page .flow div:nth-child(4){background:#fff3f8}
.knowledge-article-page.mix-control-page .flow div:nth-child(2){background:#eefaff}.knowledge-article-page.mix-control-page .flow div:nth-child(3){background:#fff0f7}.knowledge-article-page.mix-control-page .flow div:nth-child(4){background:#eefcf8}
.knowledge-article-page.premise-mismatch-page .flow div:nth-child(2){background:#fff2f7}.knowledge-article-page.premise-mismatch-page .flow div:nth-child(3){background:#f3f0ff}.knowledge-article-page.premise-mismatch-page .flow div:nth-child(4){background:#eefcf8}
.knowledge-article-page.visibility-bias-page .flow div:nth-child(2){background:#eef3ff}.knowledge-article-page.visibility-bias-page .flow div:nth-child(3){background:#fff2f7}.knowledge-article-page.visibility-bias-page .flow div:nth-child(4){background:#fff4c7}
.knowledge-article-page .protocol{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(19px,3vw,29px);font-weight:1000;padding:22px;border:var(--line);border-radius:18px;background:var(--ink);color:#fff;overflow:auto}
.knowledge-article-page .quote{margin:26px 0;padding:26px;border:var(--line);border-radius:20px;background:linear-gradient(135deg,#ffe7f2,#eefff9);font-size:clamp(24px,4vw,38px);line-height:1.35;font-weight:1000;box-shadow:7px 7px 0 var(--ink)}
.knowledge-article-page .related{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.knowledge-article-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 17px;border:var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:1000;box-shadow:4px 4px 0 var(--ink);text-align:center}
.knowledge-article-page .btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}
.knowledge-article-page .back{display:inline-block;margin-top:18px;font-weight:900}
.knowledge-article-page :where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.knowledge-article-page footer{padding:32px 0;font-size:12px;font-weight:800}
@media(max-width:760px){.knowledge-article-page .shell{width:calc(100% - 24px)}.knowledge-article-page .head{gap:10px}.knowledge-article-page .nav{width:100%;justify-content:flex-start}.knowledge-article-page .nav a{flex:1 1 auto}.knowledge-article-page .hero{padding-top:58px}.knowledge-article-page .grid,.knowledge-article-page .flow,.knowledge-article-page .origins{grid-template-columns:1fr}.knowledge-article-page section{padding:48px 0}.knowledge-article-page section[id]{scroll-margin-top:180px}}