.problem-detail{max-width:1000px}.problem-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.problem-overview>section,.problem-steps>li{background:#fffefa;border:1px solid #d7dfd7;border-radius:22px;padding:24px}.problem-detail h2{margin:28px 0 16px}.problem-detail dt{font-weight:bold;font-size:16px}.problem-detail dd{margin:0 0 12px;font-size:16px}.problem-steps{padding-left:24px}.problem-steps>li{margin:18px 0;padding:24px}.problem-steps h3{margin-bottom:12px}.problem-detail .expected,.next-branch{margin-top:16px;padding:18px;border-radius:14px;background:#e5efcf}.next-branch{background:#e0edfa}.problem-diagram{margin:25px 0}.problem-diagram img{width:100%;max-height:480px;object-fit:contain}.problem-diagram figcaption{font-size:14px}.error-code{font-weight:bold}.problem-detail section{margin-bottom:24px}@media(max-width:760px){.problem-overview{grid-template-columns:1fr}.problem-steps>li{padding:18px}}
.problem-start{display:inline-block;background:#163f3a;color:white;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:700}.problem-detail{padding-bottom:56px}.problem-detail p,.problem-detail li{font-size:17px;line-height:1.6}.problem-detail summary{cursor:pointer;padding:18px;font-size:18px;font-weight:700}.problem-detail details{border:1px solid #d5dfdd;border-radius:16px;background:#f5f8f4;margin:20px 0}.problem-detail details>ul{padding:0 32px 24px}.problem-detail .stop-check{background:#fff2da;border-left:5px solid #c88938;border-radius:12px;padding:8px 22px 16px}.problem-detail .code-scopes{background:#e8edff;border-radius:16px;padding:4px 22px}.problem-detail .related{display:grid;gap:12px}.problem-detail .related a{padding:14px 18px;background:#e5eef0;border-radius:12px}.problem-diagram{padding:20px;margin:0}.problem-diagram figcaption{font-size:22px;font-weight:700;margin-bottom:18px}.diagnostic-flow{text-align:center}.flow-node{border:1px solid #adc4d9;border-radius:16px;padding:20px;background:#e8f1ff}.flow-node strong{font-size:20px}.flow-node p{margin:8px 0 0!important;font-size:16px!important}.flow-node.start,.flow-node.finish{max-width:680px;margin:auto}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flow-node.branch{background:white}.flow-arrow{font-size:28px;color:#3d5e81;line-height:1.4}.problem-hub-search{background:#153f3a;border-radius:22px;color:white;padding:24px;margin-bottom:28px}.problem-hub-search label{display:block;font-size:20px;font-weight:700;margin-bottom:12px}.problem-hub-search input{width:100%;font:inherit;font-size:18px;padding:16px;border:2px solid white;border-radius:12px;background:white;color:#153f3a}.problem-hub-search p{margin-bottom:0}.problem-category-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.problem-detail .problem-category{margin:0;background:#e7f0fc;border:0}.problem-category:nth-child(3n+2){background:#f8ebd7}.problem-category:nth-child(3n){background:#e6f0dd}.problem-category summary{list-style:none;display:grid;grid-template-columns:48px 1fr;gap:8px 12px;padding:24px}.problem-category summary::-webkit-details-marker{display:none}.category-symbol{grid-row:span 3;font-size:32px}.problem-category summary strong{font-size:23px;line-height:1.2}.problem-category summary span:not(.category-symbol){font-weight:400;font-size:16px}.problem-category summary em{font-style:normal;font-size:15px}.problem-category ul{list-style:none;padding:0 18px 18px!important;margin:0}.problem-category li a{display:block;padding:16px;background:#fff;border-radius:12px;text-decoration:none;margin-top:10px}.problem-category li span{display:block;font-size:15px;margin-top:5px;color:#435c58}.problem-category li strong{font-size:17px}.problem-category[hidden],.problem-category li[hidden]{display:none}.problem-detail :focus-visible{outline:3px solid #c24b25;outline-offset:4px}.problem-steps>li::marker{font-size:22px;font-weight:bold}#checks{scroll-margin-top:25px}@media(max-width:600px){.flow-branches,.problem-category-grid{grid-template-columns:1fr}.flow-node{padding:16px}.problem-diagram{padding:14px}.problem-category summary{padding:20px}.problem-detail .problem-steps{padding-left:22px}.problem-overview>section{padding:20px}.problem-detail p,.problem-detail li{font-size:16px}.problem-detail .next-branch,.problem-detail .expected{padding:14px}}
