.portrait-main{color:#223c53;width:min(1180px,100% - 40px);margin:40px auto 70px}.portrait-hero,.portrait-section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.portrait-hero h1{margin:12px 0;font-size:34px}.portrait-hero p,.portrait-panel p{color:#617488;line-height:1.8}.portrait-kicker,.portrait-back{color:#22699d;align-items:center;gap:8px;font-size:14px;display:inline-flex}.portrait-back{margin-top:12px}.portrait-target{color:#617488;flex-wrap:wrap;align-items:center;gap:20px;margin:26px 0;font-size:13px;display:flex}.portrait-target label{color:#244c6a;align-items:center;gap:9px;display:flex}.portrait-target select,.portrait-filters select,.portrait-filters input{color:#244c6a;font:inherit;background:#fff;border:1px solid #cbd9e5;border-radius:10px;padding:10px 12px}.portrait-panel{background:#ffffffe0;border:1px solid #fffffff2;border-radius:25px;margin-bottom:26px;padding:28px;box-shadow:0 12px 35px #2b48610b}.portrait-panel h2{align-items:center;gap:8px;margin:0 0 12px;font-size:21px;display:flex}.portrait-panel p{margin:8px 0 16px;font-size:14px}.portrait-empty{text-align:center;padding:60px 24px}.portrait-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.portrait-summary article{background:#ffffffb8;border-radius:20px;padding:22px}.portrait-summary article>span{color:#62778b;font-size:13px}.portrait-summary strong{margin:10px 0;font-size:34px;font-weight:650;display:block}.portrait-summary small{color:#62778b;margin-left:8px;font-size:15px}.portrait-summary p{color:#738597;margin:0;font-size:12px}.portrait-chip{color:#286593;background:#eaf2f8;border-radius:99px;padding:8px 12px;font-size:12px}.portrait-section-title>span{color:#6d8193;font-size:13px}.portrait-radar{width:100%;max-width:680px;margin:0 auto;display:block;overflow:visible}.portrait-radar text{fill:#294a65;font-size:15px;font-weight:600}.portrait-radar .radar-scale{fill:#9aabb9;font-size:10px;font-weight:400}.portrait-radar .radar-value{fill:#6f8496;font-size:11px;font-weight:400}.radar-dot{fill:#2874ad;stroke:#fff;stroke-width:3px}.radar-dimension{cursor:pointer}.radar-dimension:hover text,.radar-dimension:focus text{fill:#1471b7;text-decoration:underline}.radar-dimension.met .radar-dot{fill:#2c9775}.radar-dimension.near .radar-dot{fill:#c29130}.radar-dimension.unknown .radar-dot{fill:#aab6c1}.portrait-legend{color:#667f93;flex-wrap:wrap;justify-content:center;gap:20px;font-size:12px;display:flex}.portrait-legend span{align-items:center;gap:7px;display:flex}.portrait-legend i{border-top:3px solid #2671ad;width:20px}.portrait-legend .legend-target{border-top:2px dashed #a98339}.portrait-dimensions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 28px;display:grid}.portrait-dimension{color:inherit;background:#ffffffd1;border:1px solid #fff;border-radius:20px;padding:23px;text-decoration:none;transition:box-shadow .15s}.portrait-dimension:hover{border-color:#8eacc7;box-shadow:0 8px 24px #b7cde344}.portrait-dimension>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.portrait-dimension h3{margin:0;font-size:16px}.portrait-dimension>strong{margin:18px 0 12px;font-size:30px;display:block}.portrait-dimension strong small{color:#6c8192;font-size:12px;font-weight:400}.portrait-dimension p,.portrait-dimension>small{color:#688094;font-size:12px}.portrait-progress{background:#e6edf3;border-radius:8px;height:5px;overflow:hidden}.portrait-progress span{background:#4184b4;border-radius:8px;height:100%;display:block}.met .portrait-progress span{background:#3e9a79}.near .portrait-progress span{background:#c69943}.portrait-next{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.portrait-next>a{color:inherit;border:1px solid #dbe7f0;border-radius:15px;grid-template-columns:1fr auto;gap:9px;padding:18px;display:grid}.portrait-next span{color:#6c8192;grid-column:1;font-size:12px}.portrait-next svg{grid-area:1/2/3;align-self:center}.portrait-ai-report{white-space:pre-wrap;background:#f2f7fb;border-radius:15px;margin:20px 0;padding:20px;font-size:15px;line-height:1.95}.portrait-ai small{color:#6c8192}.portrait-panel .portrait-error,.portrait-error{color:#a73442}.portrait-method{margin-top:24px}.portrait-method summary{cursor:pointer;font-size:14px;font-weight:600}.portrait-method p{margin:15px 0 0}.portrait-detail-summary{grid-template-columns:1fr 2fr;gap:25px;display:grid}.portrait-detail-summary>div>span{color:#6c8192;font-size:13px}.portrait-detail-summary strong{margin-top:12px;font-size:48px;display:block}.portrait-detail-summary strong small{color:#6c8192;margin-left:8px;font-size:16px;font-weight:400}.portrait-subtopics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.portrait-subtopics button{font:inherit;text-align:left;color:#244861;cursor:pointer;background:#fafdff;border:1px solid #dbe6ef;border-radius:14px;padding:16px}.portrait-subtopics button[aria-pressed=true]{background:#eaf3fa;border-color:#2671ad;box-shadow:0 0 0 1px #2671ad}.portrait-subtopics strong,.portrait-subtopics small,.portrait-subtopics button>span{display:block}.portrait-subtopics strong{margin-bottom:9px;font-size:14px}.portrait-subtopics button>span{font-size:13px}.portrait-subtopics small{color:#6c8192;margin:9px 0;font-size:11px}.portrait-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.portrait-problem{color:inherit;border:1px solid #dde8f1;border-radius:14px;grid-template-columns:auto 1fr;gap:8px 10px;padding:17px;text-decoration:none;display:grid}.portrait-problem:hover{background:#f1f7fc;border-color:#8baac3}.portrait-problem strong{overflow-wrap:anywhere;font-size:14px}.portrait-problem>span{color:#718496;font-size:12px}.portrait-problem .portrait-problem-id{color:#286b9b;font-family:monospace}.portrait-problem small{color:#617488;grid-column:1/-1;font-size:12px;line-height:1.6}.portrait-problem .portrait-solved{color:#22825f}.portrait-filters{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.portrait-filters input{flex:1;min-width:150px}.portrait-pagination{justify-content:center;align-items:center;gap:18px;margin-top:22px;font-size:13px;display:flex}.portrait-unclassified{margin:5px 12px 5px 0;display:inline-block}.portrait-main button:disabled{opacity:.5;cursor:not-allowed}:is(.portrait-main button:focus-visible,.portrait-main a:focus-visible){outline-offset:3px;outline:2px solid #17639c}@media (max-width:800px){.portrait-dimensions,.portrait-subtopics{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-next{grid-template-columns:1fr}.portrait-summary{grid-template-columns:repeat(2,1fr)}.portrait-detail-summary{grid-template-columns:1fr}}@media (max-width:520px){.portrait-main{width:calc(100% - 24px);margin-top:24px}.portrait-hero h1{font-size:27px}.portrait-panel{border-radius:20px;padding:20px 16px}.portrait-summary{gap:10px}.portrait-summary article{padding:17px}.portrait-dimensions{gap:10px}.portrait-dimension{padding:16px}.portrait-dimension h3{font-size:14px}.portrait-dimension>div:first-child svg{display:none}.portrait-problem-grid,.portrait-subtopics{grid-template-columns:1fr}.portrait-target{gap:10px}.portrait-radar text{font-size:17px}.portrait-radar .radar-value{font-size:13px}.portrait-section-title{gap:10px}}
