@layer components{.matter .sd-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1000px;margin:0 auto;display:grid}.matter .sd-fit-card{border-radius:28px;padding:28px 28px 30px}.matter .sd-fit-yes{background:var(--card);box-shadow:var(--shadow-lift)}.matter .sd-fit-no{border:1px dashed var(--line-2);background:0 0}.matter .sd-fit-card h3{letter-spacing:-.015em;align-items:center;gap:12px;margin:0 0 20px;font-size:1.2rem;font-weight:560;font-stretch:106%;display:flex}.matter .sd-fit-ico{color:#fff;background:var(--iri);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.matter .sd-fit-no .sd-fit-ico{color:var(--mute);background:var(--bg-2)}.matter .sd-fit-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.matter .sd-fit-card li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:1rem;line-height:1.45;display:flex}.matter .sd-fit-card li svg{color:var(--ok-fg);flex:none;margin-top:3px}.matter .sd-fit-no li{color:var(--mute)}.matter .sd-fit-no li svg{color:var(--soft)}.matter .qc{background:rgb(var(--card-rgb) / .78);border:1px solid rgb(var(--edge-rgb) / .95);-webkit-backdrop-filter:blur(24px)saturate(1.5);max-width:560px;box-shadow:var(--shadow-lift);border-radius:28px;margin:0 auto;padding:16px 16px 20px}.matter .qc-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:2px 4px 14px;display:flex}.matter .qc-head .mark{flex:none;width:34px;height:34px}.matter .qc-head>span{line-height:1.3;display:grid}.matter .qc-head b{font-size:.94rem;font-weight:580}.matter .qc-head small{color:var(--soft);font-size:.78rem}.matter .qc-list{justify-items:end;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.matter .qc-list button{text-align:left;color:#fff;background:var(--fill);max-width:100%;transition:translate .35s var(--ease), background .25s;border-radius:20px 20px 6px;align-items:center;gap:10px;padding:11px 14px 11px 16px;font-size:.97rem;font-weight:500;line-height:1.35;display:inline-flex;box-shadow:0 12px 24px -16px #131a3ab3}.matter .qc-list button svg{opacity:.6;transition:opacity .25s, translate .3s var(--ease);flex:none}.matter .qc-list button:hover:not(:disabled){background:#242d5c;translate:-4px}.matter .qc-list button:hover svg{opacity:1;translate:2px -2px}.matter .qc-list button:disabled{opacity:.55;cursor:default}.matter .sd-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.matter .sd-pager a{background:rgb(var(--card-rgb) / .6);border:1px solid var(--line);transition:background .3s, box-shadow .4s var(--ease);border-radius:24px;align-items:center;gap:16px;padding:20px 22px;display:flex}.matter .sd-pager a:hover{background:var(--card);box-shadow:var(--shadow-soft)}.matter .sd-pager a:not(.next) .sd-pager-arrow{order:-1}.matter .sd-pager a.next{text-align:right;justify-content:flex-end}.matter .sd-pager a.next .sd-pager-ico{order:2}.matter .sd-pager a.next .sd-pager-arrow{order:3}.matter .sd-pager-ico{width:44px;height:44px;color:var(--cobalt-ink);background:var(--iri-soft);border-radius:14px;flex:none;place-items:center;display:grid}.matter .sd-pager-copy{min-width:0;display:grid}.matter .sd-pager-copy small{color:var(--soft);font-size:.8rem}.matter .sd-pager-copy b{letter-spacing:-.015em;font-size:1.1rem;font-weight:540;font-stretch:106%}.matter .sd-pager-arrow{color:var(--soft);transition:translate .3s var(--ease), color .3s;flex:none}.matter .sd-pager a:hover .sd-pager-arrow{color:var(--ink)}.matter .sd-pager a:not(.next):hover .sd-pager-arrow{translate:-4px}.matter .sd-pager a.next:hover .sd-pager-arrow{translate:4px}@media (max-width:760px){.matter .sd-fit,.matter .sd-pager{grid-template-columns:minmax(0,1fr)}.matter .sd-fit-card{padding:22px}.matter .sd-pager a.next{text-align:left;justify-content:flex-start}.matter .sd-pager a.next .sd-pager-ico{order:0}}}
