.quick-play{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0}.personal-nav{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px;padding-bottom:12px;font-size:14px}.personal-nav button{border:0;background:none;color:#087fb8;font:inherit;padding:0}.favorite-action{margin:12px 0 20px}.favorite-action[aria-pressed=true]{background:#e4f4ff;border-color:#078ddd;color:#087fb8}.library-page{padding-top:28px;padding-bottom:36px}.library-page h1{font-size:28px}.library-tabs{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.library-item{padding:16px 0;border-bottom:1px solid #deedf7;display:flex;align-items:center;gap:16px}.library-item>a{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.library-item img{width:96px;height:64px;object-fit:cover;border-radius:6px}.library-item h3{font-size:16px;margin:0;overflow-wrap:anywhere}.library-item p,.library-empty{font-size:14px;color:#61758f}.library-item p{margin:4px 0}.save-result-panel{margin-top:18px;padding:18px;background:#f1faff;border:1px solid #c7e6fa;border-radius:8px}.save-result-panel img{display:block;width:100%;max-width:360px;height:auto;margin:16px auto}.save-result-panel p{font-size:14px}.save-result-panel a{display:inline-block}#library-warning{color:#9d2828}@media(max-width:600px){.library-item{align-items:flex-start;flex-wrap:wrap}.library-item>a{flex-basis:100%}.library-item>button{margin-left:auto}.library-page h1{font-size:24px}.personal-nav{justify-content:center}.quick-play>*{width:100%;text-align:center}}
/* Keep actions slightly bold; show the blue underline only on hover. */
:root{--action-underline:#66c8f2}
a[href],button:not(:disabled),.quiz-choice{font-weight:600;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.24em;text-decoration-skip-ink:auto}
a.logo{font-weight:900}
a.featured-card,.diagnosis-row>a,.diagnosis-card>a,.library-item>a,a.community-card,.type-panel a{ text-decoration:none }
:is(.featured-card,.diagnosis-row>a,.diagnosis-card>a,.library-item>a,.community-card) h3,.type-panel a strong{font-weight:700;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.24em;text-decoration-skip-ink:auto}
:is(.featured-card,.diagnosis-row>a,.diagnosis-card>a,.library-item>a,.community-card) p,.type-panel a span,.community-label,.community-card time,.play-count,.diagnosed-total{font-weight:400}
@media(hover:hover){
:is(a[href],button:not(:disabled),.quiz-choice):hover,:is(a[href],button:not(:disabled),.quiz-choice):hover h3,.type-panel a:hover strong{text-decoration-color:var(--action-underline)}
}
:is(a[href],button):focus-visible{outline:3px solid #119ad2;outline-offset:4px}
button:disabled,[aria-disabled=true]{text-decoration:none;cursor:default}
/* Card destinations and category badges are independent, non-nested links. */
.diagnosis-row,.featured-card,.diagnosis-card{position:relative;isolation:isolate}
.diagnosis-link::after{content:'';position:absolute;inset:0;z-index:1}
.category-link{position:relative;z-index:2;display:inline-block;font-weight:600}
.diagnosis-card a.category-link{display:inline-block;height:auto}
.row-copy h3 .diagnosis-link,.featured-card h3 .diagnosis-link{font-weight:700}
.diagnosis-link:focus-visible::after{outline:3px solid #119ad2;outline-offset:2px;border-radius:5px}
@media(hover:hover){.category-link:hover{background:#d2efff;text-decoration-color:#66c8f2}}
/* Result actions share one blue treatment above the community feed. */
.share-actions>button{background:#078ddd;color:#fff;border:1px solid #078ddd;border-radius:6px;font-weight:700;min-height:48px}
.share-actions>button:hover{background:#087fbd;border-color:#087fbd;color:#fff}
.share-actions>button:disabled{opacity:.65;cursor:wait}