[data-mc-category-guide][hidden]{display:none!important}[data-mc-category-guide]{--mcsa-line:rgb(var(--color-foreground)/.13);--mcsa-soft:rgb(var(--color-foreground)/.05);--mcsa-muted:rgb(var(--color-foreground)/.62);display:grid;gap:clamp(32px,5vw,72px);margin-block:clamp(28px,4vw,64px) clamp(40px,6vw,88px)}.mcsa{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(28px,5vw,80px);padding:clamp(28px,4vw,64px);border:1px solid var(--mcsa-line);border-radius:clamp(20px,2vw,32px);background:linear-gradient(145deg,rgb(var(--color-background)),rgb(var(--color-foreground)/.025));overflow:hidden}.mcsa-intro{align-self:center;max-width:520px}.mcsa-kicker{margin:0 0 14px;font-size:11px;line-height:1.2;letter-spacing:.14em;font-weight:650;color:var(--mcsa-muted)}.mcsa h2,.mcsa-faq h2{margin:0;font-size:clamp(28px,3.1vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:520}.mcsa-intro>p:not(.mcsa-kicker),.mcsa-faq>div>p:last-child{margin:18px 0 0;max-width:56ch;font-size:15px;line-height:1.6;color:var(--mcsa-muted)}.mcsa-intro ul{display:grid;gap:9px;margin:30px 0 0;padding:24px 0 0;border-top:1px solid var(--mcsa-line);list-style:none;color:var(--mcsa-muted);font-size:12px}.mcsa-intro li{display:flex;align-items:center;gap:9px}.mcsa-intro li:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}.mcsa-panel{min-height:440px;padding:clamp(22px,3vw,36px);border-radius:24px;background:rgb(var(--color-background));box-shadow:0 18px 60px rgb(var(--color-foreground)/.07)}.mcsa-top,.mcsa-results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.mcsa-top>span{font-size:11px;letter-spacing:.12em;color:var(--mcsa-muted)}.mcsa-progress{display:flex;gap:6px;padding-top:3px}.mcsa-progress i{width:22px;height:2px;background:var(--mcsa-line);transition:.25s}.mcsa-progress i.on{width:34px;background:rgb(var(--color-foreground))}.mcsa-panel>h3,.mcsa-results-head h3{margin:32px 0 0;font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.025em;font-weight:540}.mcsa-panel>p,.mcsa-results-head p{margin:10px 0 0;color:var(--mcsa-muted);font-size:13px;line-height:1.55}.mcsa-results-head h3{margin-top:0}.mcsa-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.mcsa-option{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;min-height:82px;padding:16px;border:1px solid var(--mcsa-line);border-radius:16px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.mcsa-option:hover{border-color:rgb(var(--color-foreground)/.34);background:var(--mcsa-soft);transform:translateY(-1px)}.mcsa-option:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mcsa-option.is-selected{border-color:rgb(var(--color-foreground));background:var(--mcsa-soft)}.mcsa-option span{display:grid;gap:5px}.mcsa-option b{font-size:14px;line-height:1.3}.mcsa-option small{font-size:11px;color:var(--mcsa-muted)}.mcsa-option i{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--mcsa-line);border-radius:50%;font-size:11px;font-style:normal;opacity:0;transform:scale(.8);transition:.2s}.mcsa-option.is-selected i{opacity:1;transform:scale(1);background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mcsa-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--mcsa-line)}.mcsa-link{border:0;padding:8px 0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:12px;cursor:pointer}.mcsa-results-head>div{max-width:520px}.mcsa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.mcsa-card{display:grid;overflow:hidden;border:1px solid var(--mcsa-line);border-radius:16px;color:inherit;text-decoration:none;background:rgb(var(--color-background));transition:transform .25s,border-color .25s}.mcsa-card:hover{transform:translateY(-2px);border-color:rgb(var(--color-foreground)/.35)}.mcsa-media{aspect-ratio:4/3;overflow:hidden;background:var(--mcsa-soft)}.mcsa-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.mcsa-card:hover img{transform:scale(1.025)}.mcsa-card>div:last-child{display:grid;gap:4px;padding:13px;font-size:12px}.mcsa-card small{color:var(--mcsa-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mcsa-card b{font-size:13px;line-height:1.3}.mcsa-faq{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,92px);padding-inline:clamp(0px,2vw,24px)}.mcsa-faq-list{border-top:1px solid var(--mcsa-line)}.mcsa-faq details{border-bottom:1px solid var(--mcsa-line)}.mcsa-faq summary{position:relative;padding:20px 38px 20px 0;list-style:none;cursor:pointer;font-size:14px;font-weight:600}.mcsa-faq summary::-webkit-details-marker{display:none}.mcsa-faq summary:after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:300;transition:transform .2s}.mcsa-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.mcsa-faq details p{margin:0;padding:0 42px 20px 0;color:var(--mcsa-muted);font-size:13px;line-height:1.65}@media(max-width:899px){.mcsa{grid-template-columns:1fr;padding:22px}.mcsa-panel{min-height:0;padding:20px}.mcsa-options,.mcsa-cards{grid-template-columns:1fr}.mcsa-card{grid-template-columns:112px 1fr}.mcsa-media{aspect-ratio:1/1}.mcsa-faq{grid-template-columns:1fr;gap:26px}}@media(max-width:599px){[data-mc-category-guide]{margin-block:20px 48px;gap:42px}.mcsa{padding:18px;border-radius:20px}.mcsa h2,.mcsa-faq h2{font-size:28px}.mcsa-panel{padding:18px;border-radius:18px}.mcsa-option{min-height:72px}.mcsa-actions{align-items:stretch}.mcsa-actions .button{width:100%;justify-content:center}.mcsa-results-head{display:grid}.mcsa-cards{gap:10px}}@media(prefers-reduced-motion:reduce){.mcsa-option,.mcsa-progress i,.mcsa-card,.mcsa-media img{transition:none!important}}.mcsa-note{margin:16px 0 0!important;padding:12px 14px;border-radius:12px;background:var(--mcsa-soft);font-size:11px!important;line-height:1.5!important}.mcsa-advice{display:grid;gap:5px;margin-top:20px;padding:14px 16px;border:1px solid var(--mcsa-line);border-radius:14px;background:var(--mcsa-soft);font-size:12px;line-height:1.5}.mcsa-advice span{color:var(--mcsa-muted)}@media(max-width:599px){.mcsa-progress i{width:16px}.mcsa-progress i.on{width:24px}}