.trouble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.trouble-card{min-width:0;border:1px solid var(--rule);border-radius:14px;background:var(--surface);color:var(--body);overflow:hidden}
.trouble-card summary,.trouble-guide{padding:22px;cursor:pointer}
.trouble-card summary{list-style:none}.trouble-card summary::-webkit-details-marker{display:none}
.trouble-title,.trouble-guide b{display:block;font:500 19px/1.35 Rubik,system-ui,sans-serif;color:var(--deep);margin-bottom:12px}
.trouble-description,.trouble-guide .tech-card-description{display:block;font-size:15px;line-height:1.6}
.trouble-action{display:block;margin-top:18px;color:var(--blue);font-weight:600;font-size:14px}
.trouble-hide{display:none}.trouble-card[open] .trouble-show{display:none}.trouble-card[open] .trouble-hide{display:inline}
.trouble-chevron{display:inline-block}.trouble-card[open] .trouble-chevron{transform:rotate(180deg)}
.trouble-answer{padding:0 22px 22px;border-top:1px solid var(--rule)}.trouble-answer p{margin:18px 0 0}.trouble-related{display:block;margin-top:18px}.trouble-related b{display:block}
/* Match the hover elevation used by standard documentation cards. */
.trouble-card{transition:transform .15s ease,box-shadow .15s ease}
.trouble-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,36,124,.08)}
.trouble-guide:hover{text-decoration:none;border-color:var(--rule)}.trouble-card summary:hover .trouble-action{text-decoration:underline}
.trouble-card summary:focus-visible,.trouble-guide:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
@media(max-width:700px){.trouble-grid{grid-template-columns:minmax(0,1fr)}.trouble-card summary,.trouble-guide{padding:18px}.trouble-answer{padding:0 18px 18px}}

/* Remote console status comparison: mobile stacking */
@media(max-width:680px){.remote-status-compare{grid-template-columns:1fr!important;gap:1.5rem!important}.remote-status-compare section{min-width:0}}