.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.bg-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
.bg-circle.c1{width:280px;height:280px;background:#eef2ff;top:-40px;left:-40px}
.bg-circle.c2{width:320px;height:320px;background:#fbe9ff;bottom:-60px;right:-60px}
.hero-content{padding:80px 0 60px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.hero-title{font-size:40px;line-height:1.2;margin:0}
.hero-sub{font-size:16px;color:var(--muted);margin:0}
.hero-actions{display:flex;gap:12px;margin-top:8px}
.features{padding:60px 0;background:var(--surface)}
.section-title{font-size:28px;margin:0 0 8px;text-align:center}
.section-sub{font-size:16px;color:var(--muted);margin:0 0 20px;text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cta{padding:60px 0}
.cta-inner{display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center}
.cta-actions{display:flex;gap:12px;align-items:center;justify-content:center}
@media (max-width:960px){.cards{grid-template-columns:repeat(2,1fr)}.cta-inner{flex-direction:column;text-align:center}}
@media (max-width:640px){.hero-title{font-size:30px}.header-inner{height:56px}.nav{gap:8px}.cards{grid-template-columns:1fr}.cta-actions{flex-direction:column}.btn{width:100%}}

/* -----------------------
 * V1.2 Problems
 * --------------------- */
.problems-page{padding:28px 0 56px}
.problems-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.problems-title{margin:0;font-size:28px;line-height:36px}
.problems-sub{color:var(--muted);font-size:14px;line-height:20px}
.problems-filters{background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:10px;padding:25px 25px 1px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}
.problems-filters-row{display:grid;grid-template-columns:minmax(0,591px) minmax(0,591px);gap:16px;justify-content:space-between}
.problems-filter-block{display:flex;flex-direction:column;gap:8px;min-width:0}
.problems-filter-label{font-size:14px;line-height:20px;font-weight:500;color:#0A0A0A;white-space:nowrap}
.problems-filter-source-buttons{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;min-width:0}
.problems-filter-source-btn{height:32px;padding:0 12px;border:1px solid rgba(0,0,0,0.1);border-radius:8px;background:#fff;color:#0A0A0A;font-size:14px;font-weight:500;cursor:pointer;flex:0 0 auto}
.problems-filter-source-btn.is-active{background:#6366F1;border-color:#6366F1;color:#fff}
.problems-filter-select{height:36px;border:0;border-radius:8px;padding:0 12px;background:#F3F3F5;color:var(--text);outline:none;min-width:0}
.problems-filter-select:focus{outline:2px solid rgba(99,102,241,0.35);outline-offset:0}
.problems-table-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.problems-table{width:100%;border-collapse:collapse}
.problems-table th,.problems-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:14px;line-height:20px}
.problems-table thead th{background:#fafafa;color:#374151;font-weight:700}
.problems-row:hover{background:#fafafa}
.problem-link{color:inherit;text-decoration:none;font-weight:700}
.problem-link:hover{text-decoration:underline}
.difficulty-badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:500;border:none;color:#fff}
.difficulty-badge.is-lv0{background:#BFBFBF}
.difficulty-badge.is-lv1{background:#FE4C61}
.difficulty-badge.is-lv2{background:#F39C11}
.difficulty-badge.is-lv3{background:#FFC116}
.difficulty-badge.is-lv4{background:#52C41A}
.difficulty-badge.is-lv5{background:#3498DB}
.difficulty-badge.is-lv6{background:#9D3DCF}
.difficulty-badge.is-lv7{background:#0E1D69}
.tag-chips{display:flex;gap:6px;flex-wrap:wrap}
.tag-chip{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600}
.problems-empty{color:#9ca3af}
.problems-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.pagination-info{color:#6b7280;font-size:13px;line-height:20px;padding:0 10px}
.problems-error{padding:24px}

/* -----------------------
 * V1.2 Problem Detail
 * --------------------- */
.problem-detail-page{padding:0}
.problem-detail-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1728px;margin:0 auto;height:calc(100vh - 64px)}
.problem-detail-left{border-right:1px solid rgba(0,0,0,0.1);overflow:auto;min-height:0;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.28) transparent}
.problem-detail-left::-webkit-scrollbar{width:12px}
.problem-detail-left::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.26);border-radius:999px;border:4px solid transparent;background-clip:content-box}
.problem-detail-left__inner{display:flex;flex-direction:column;gap:24px;padding:24px 24px 0}
.problem-detail-right{display:flex;flex-direction:column;overflow:hidden;min-height:0}

/* 左列中间滚动条（WebKit）。Thumb 用透明边框实现“悬浮在中间”的细条视觉。 */
.problem-detail-left::-webkit-scrollbar{width:12px}
.problem-detail-left::-webkit-scrollbar-track{background:transparent}
.problem-detail-left::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.26);border-radius:999px;border:4px solid transparent;background-clip:content-box}
.problem-detail-left::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.36);background-clip:content-box}

.pd2-head{display:flex;flex-direction:column;gap:12px}
.pd2-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pd2-title{margin:0;font-size:24px;line-height:32px;font-weight:700;letter-spacing:.00293em;color:#0A0A0A}
.pd2-difficulty{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:2px 8px;border-radius:8px;background:#00C950;color:#fff;font-size:12px;line-height:16px;font-weight:500}
.pd2-limits{display:flex;gap:16px;flex-wrap:wrap;color:#717182;font-size:14px;line-height:20px;letter-spacing:-.01074em}
.pd2-tags{display:flex;gap:8px;flex-wrap:wrap}
.pd2-tag{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:2px 8px;border-radius:8px;border:1px solid rgba(0,0,0,0.1);color:#0A0A0A;font-size:12px;line-height:16px;font-weight:500}
.pd2-sep{height:1px;background:rgba(0,0,0,0.1);width:100%}
.pd2-section{display:flex;flex-direction:column;gap:12px}
.pd2-h2{margin:0;font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.02246em;color:#0A0A0A}
.pd2-h3{margin:0;font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.02441em;color:#0A0A0A}
.pd2-h4{margin:0;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.01074em;color:#0A0A0A}

.pd2-markdown{color:#0A0A0A;font-size:16px;line-height:26px;letter-spacing:-.01953em}
.pd2-markdown p{margin:0}
.pd2-markdown > * + *{margin-top:12px}
.pd2-markdown pre{margin:0;padding:10px;border-radius:8px;background:#ECECF0;overflow:auto}
.pd2-markdown code{font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace}
.pd2-markdown ul{margin:0;padding-left:20px}

.pd2-sample{border:1px solid rgba(0,0,0,0.1);border-radius:10px;padding:1px;background:#fff}
.pd2-sample + .pd2-sample{margin-top:16px}
.pd2-sample__head{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;background:rgba(236,236,240,0.5);border-bottom:1px solid rgba(0,0,0,0.1)}
.pd2-sample__title{font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.01074em;color:#0A0A0A}
.pd2-sample__actions{display:flex;gap:8px}
.pd2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid rgba(0,0,0,0.1);background:#fff;color:#0A0A0A;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.01074em;cursor:pointer}
.pd2-btn__icon{width:16px;height:16px}
.pd2-btn--primary{border-color:#6366F1;background:#6366F1;color:#fff}
.pd2-btn--run{border-color:transparent;background:#6366F1;color:#fff}
.pd2-btn:disabled{opacity:.6;cursor:not-allowed}

.pd2-sample__grid{display:grid;grid-template-columns:1fr 1fr}
.pd2-sample__col{padding:16px 16px 0;display:flex;flex-direction:column;gap:8px;min-width:0}
.pd2-sample__col:first-child{border-right:1px solid rgba(0,0,0,0.1);padding-right:17px}
.pd2-sample__label{font-size:12px;line-height:16px;font-weight:500;color:#717182}
.pd2-pre{margin:0;padding:12px;border-radius:4px;background:rgba(236,236,240,0.3);font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:20px;white-space:pre-wrap;word-break:break-word}
.pd2-sample__explain{margin-top:12px;padding:13px 16px 0;height:65px;background:#EFF6FF;border-top:1px solid rgba(0,0,0,0.1);color:#193CB8;font-size:14px;line-height:20px;letter-spacing:-.01074em}

.pd2-editor{display:flex;flex-direction:column;flex:1;min-height:0;border-bottom:1px solid rgba(0,0,0,0.1)}
.pd2-editor__head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(236,236,240,0.3);border-bottom:1px solid rgba(0,0,0,0.1)}
.pd2-editor__title{font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.01074em;color:#0A0A0A}
.pd2-editor__actions{display:flex;gap:8px}
.pd2-editor__body{flex:1;min-height:0;background:#fff}
.pd2-code{width:100%;height:100%;min-height:240px;border:0;outline:none;resize:none;overflow:auto;font-family:"Fira Code",Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:19.5px;tab-size:4;-moz-tab-size:4}

.pd2-codewrap{--pd2-code-pad-top:19px;--pd2-code-pad-x:16px;--pd2-code-ln-width:32.5px;--pd2-code-ln-gap:10px;position:relative;display:flex;flex:1 1 auto;width:100%;max-width:100%;height:100%;min-height:240px;min-width:0}
.pd2-code-layer{position:absolute;inset:0;overflow:hidden;background:#FAFAFA;border-radius:3.9px;padding:var(--pd2-code-pad-top) var(--pd2-code-pad-x) 0}
.pd2-code-move{width:100%;min-width:100%;will-change:transform}
.pd2-code-lines{display:flex;flex-direction:column;min-width:100%}
.pd2-code-row{display:grid;grid-template-columns:var(--pd2-code-ln-width) minmax(0,1fr);column-gap:var(--pd2-code-ln-gap);align-items:flex-start;min-width:0}
.pd2-code-ln{width:var(--pd2-code-ln-width);min-width:var(--pd2-code-ln-width);padding-right:4px;text-align:right;font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:19.5px;color:#A0A1A7;user-select:none}
.pd2-code-text{display:block;min-width:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:"Fira Code",Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:19.5px;color:#383A42}
.pd2-code-token{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.pd2-code-token--kw{color:#A626A4}
.pd2-code-token--pp{color:#E45649}
.pd2-code--input{position:relative;box-sizing:border-box;background:transparent;color:transparent;caret-color:#383A42;padding:var(--pd2-code-pad-top) var(--pd2-code-pad-x) 0 calc(var(--pd2-code-pad-x) + var(--pd2-code-ln-width) + var(--pd2-code-ln-gap));white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.pd2-submission{padding:12px 16px}

.pd2-io{height:240px;background:rgba(236,236,240,0.1);display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}
.pd2-io__col{display:flex;flex-direction:column;min-width:0}
.pd2-io__col--right{border-left:1px solid rgba(0,0,0,0.1)}
.pd2-io__head{height:37px;padding:8px 16px 1px;background:rgba(236,236,240,0.3);border-bottom:1px solid rgba(0,0,0,0.1);display:flex;align-items:flex-start}
.pd2-io__textarea{flex:1;min-height:0;border:0;outline:none;resize:none;padding:8px 12px;background:#F3F3F5;color:#0A0A0A;font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:20px}
.pd2-io__out{flex:1;min-height:0;padding:8px 12px;background:#F3F3F5;overflow:auto}
.pd2-io__pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:20px;color:#0A0A0A}

.pd2-judge-overlay{position:absolute;inset:0;background:#fff;border-left:2px solid rgba(0,0,0,0.1);display:flex;flex-direction:column}
.pd2-judge-overlay__header{height:83px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,0.1)}
.pd2-judge-overlay__summary{display:flex;align-items:center;gap:16px;min-width:0}
.pd2-judge-badge{height:48px;padding:0 16px;border-radius:10px;display:flex;align-items:center;gap:7px;flex:0 0 auto}
.pd2-judge-badge__icon{width:24px;height:24px;display:block}
.pd2-judge-badge__text{font-size:24px;line-height:32px;font-weight:700;letter-spacing:.00293em;color:#fff}
.pd2-judge-overlay__meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.pd2-judge-overlay__title{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.02441em}
.pd2-judge-overlay__sub{font-size:14px;line-height:20px;font-weight:400;letter-spacing:-.01074em;color:#717182;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px}
.pd2-judge-overlay__close{border:0;background:transparent;color:#717182;font-size:14px;line-height:20px;font-weight:500;padding:0;cursor:pointer}
.pd2-judge-overlay__body{flex:1;min-height:0;overflow:auto;padding:24px}
.pd2-judge-overlay__section-title{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.01953em;color:#101828;margin:0 0 16px}
.pd2-judge-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(153.6px,1fr))}
.pd2-judge-card{background:#F8FAFC;border:2px solid #CBD5E1;border-radius:10px;padding:14px 14px 2px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s ease,transform .15s ease}
.pd2-judge-card[data-verdict="AC"]{background:#F0FDF4;border-color:#7BF1A8}
.pd2-judge-card[data-verdict="TLE"],.pd2-judge-card[data-verdict="MLE"],.pd2-judge-card[data-verdict="PE"]{background:#FEFCE8;border-color:#FDE047}
.pd2-judge-card[data-verdict="WA"],.pd2-judge-card[data-verdict="RE"],.pd2-judge-card[data-verdict="CE"]{background:#FFF1F2;border-color:#FDA4AF}
.pd2-judge-card:hover{box-shadow:0px 4px 10px rgba(0,0,0,0.08);transform:translateY(-1px)}
.pd2-judge-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pd2-judge-card__idx{font-size:12px;line-height:16px;font-weight:600;color:#4A5565}
.pd2-judge-card__verdict{display:flex;align-items:center;gap:4px;border-radius:4px;padding:0 7px 0 8px;height:20px;flex:0 0 auto}
.pd2-judge-card__icon{width:12px;height:12px;display:block}
.pd2-judge-card__verdict-text{font-size:12px;line-height:16px;font-weight:700;color:#fff}
.pd2-judge-card__bottom{display:flex;flex-direction:column;gap:4px}
.pd2-judge-metric{display:flex;align-items:center;justify-content:space-between}
.pd2-judge-metric__k{font-size:12px;line-height:16px;font-weight:400;color:#4A5565}
.pd2-judge-metric__v{font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:16px;font-weight:400}
.pd2-judge-overlay__ce{flex:1;min-height:0;overflow:auto;background:#F8FAFC;border:1px solid rgba(0,0,0,0.08);border-radius:10px;padding:12px}
.pd2-judge-overlay__pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Menlo,ui-monospace,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:16px;color:#0F172A}

.submission-panel{margin-top:12px;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fafafa}
.submission-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.submission-label{width:72px;flex:0 0 auto;color:#6b7280;font-size:12px;line-height:18px;padding-top:2px}
.submission-value{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.submission-status{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;background:#e5e7eb;color:#111827;font-size:12px;font-weight:800}
.submission-status.is-running{background:rgba(59,130,246,.12);color:#1d4ed8}
.submission-progress{color:#6b7280;font-size:12px}
.submission-pre{margin:0;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:18px;width:100%}
.submission-hint{color:#6b7280;font-size:12px;line-height:18px}

@media (max-width:960px){
  .problem-detail-split{grid-template-columns:1fr;height:auto}
  .problem-detail-left{border-right:0;overflow:visible}
  .problem-detail-right{height:720px}
  .pd2-io{grid-template-columns:1fr;height:auto}
  .pd2-io__col--right{border-left:0;border-top:1px solid rgba(0,0,0,0.1)}
}

/* Markdown 基础样式（最小可用，后续可按 Figma 细化） */
.markdown-body{color:#111827;font-size:14px;line-height:22px}
.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:16px 0 10px;line-height:1.25}
.markdown-body h1{font-size:22px}
.markdown-body h2{font-size:18px}
.markdown-body h3{font-size:16px}
.markdown-body p{margin:10px 0}
.markdown-body pre{padding:10px;border:1px solid var(--border);border-radius:10px;background:#f9fafb;overflow:auto}
.markdown-body code{font-family:ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.markdown-body ul{padding-left:20px}
.markdown-body table{border-collapse:collapse}
.markdown-body table th,.markdown-body table td{border:1px solid var(--border);padding:6px 8px}

/* -----------------------
 * V1.2 Interactions (Course Learning)
 * --------------------- */
.interactions-panel{margin-bottom:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}
.interactions-card{border:1px solid var(--border);border-radius:12px;padding:12px;margin-top:10px;background:#fafafa}
.interactions-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.interactions-card__title{display:flex;gap:8px;align-items:center;font-weight:800}
.interactions-card__meta{font-size:12px;color:#6b7280;font-weight:600}
.interactions-q{display:flex;flex-direction:column;gap:10px}
.interactions-last{font-size:12px;color:#6b7280}
.interactions-hint{font-size:13px;line-height:20px;color:#374151}
.interactions-options{display:flex;gap:10px;flex-wrap:wrap}
.interactions-option-btn,.interactions-action-btn{height:34px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}
.interactions-option-btn:hover,.interactions-action-btn:hover{background:#fff}
.interactions-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cl-interaction-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:30}
.cl-interaction-overlay__backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.45)}
.cl-interaction-card{position:relative;z-index:31;width:min(560px,calc(100% - 32px));background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,0.25)}
.cl-interaction-card__title{font-weight:900;font-size:16px;color:var(--text)}
.cl-interaction-card__stmt{margin-top:8px;font-size:14px;line-height:22px;color:var(--text)}
.cl-interaction-card__hint{margin-top:10px;font-size:12px;color:#6b7280;font-weight:700}
.cl-interaction-card__options{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.cl-interaction-option{width:100%;text-align:left;display:flex;gap:10px;align-items:flex-start;border:2px solid rgba(59,130,246,0.4);background:#fff;border-radius:12px;padding:12px 12px;cursor:pointer}
.cl-interaction-option:hover{border-color:rgba(59,130,246,0.7);background:#f8fbff}
.cl-interaction-option.is-selected{border-color:rgba(59,130,246,1)}
.cl-interaction-option__k{font-weight:900;color:#111827}
.cl-interaction-option__t{font-weight:700;color:#111827;line-height:20px}
.cl-interaction-card__actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cl-interaction-action{height:36px;padding:0 14px;border-radius:12px;border:1px solid rgba(59,130,246,1);background:rgba(59,130,246,1);color:#fff;font-weight:800;cursor:pointer}
.cl-interaction-skip{height:36px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:800;cursor:pointer}
.cl-interaction-popover{position:absolute;right:12px;bottom:12px;z-index:25;width:min(420px,calc(100% - 24px));background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 16px 40px rgba(0,0,0,0.18)}
.cl-interaction-popover__title{font-weight:900}
.cl-interaction-popover__desc{margin-top:6px;font-size:13px;line-height:20px;color:#374151}
.cl-interaction-popover__ok{margin-top:10px;background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;border-radius:12px;padding:10px 12px;font-weight:800}
.cl-interaction-popover__actions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}

@media (max-width:960px){
  .problems-filters{grid-template-columns:1fr}
  .sample-grid{grid-template-columns:1fr}
}