.jokes-page { max-width: 1080px; margin: 0 auto; }
.joke-daily { display:flex; align-items:center; justify-content:space-between; gap:24px; border-color:var(--accent); margin:24px 0; background:var(--accent-soft); }
.joke-daily h2 { margin:8px 0; }
.joke-daily p { margin:0; }
.joke-filters { display:flex; gap:12px; flex-wrap:wrap; }
.joke-filters select { width:auto; min-width:130px; }
.joke-filters input { flex:1; min-width:160px; }
.jokes-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.joke-card { display:flex; flex-direction:column; gap:16px; text-align:left; color:var(--text); font:inherit; cursor:pointer; min-width:0; }
.joke-card:hover { border-color:var(--accent); }
.joke-tags, .joke-card-foot, .joke-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.joke-tags { flex-wrap:wrap; }
.joke-card h2 { font-size:20px; margin:0; }
.joke-teaser { margin:0; line-height:1.7; flex:1; }
.joke-card-foot { font-size:12px; color:var(--accent); }
.joke-note { font-size:13px; margin-top:28px; line-height:1.7; }
.joke-lesson { max-width:800px; }
.joke-toolbar { margin-bottom:24px; }
.joke-story { margin-bottom:20px; }
.joke-setup, .joke-punchline { font-size:clamp(20px,3vw,27px); line-height:1.8; }
.joke-punchline { border-left:3px solid var(--accent); padding:12px 18px; background:var(--accent-soft); margin:18px 0; border-radius:0 12px 12px 0; }
.joke-translation { padding-top:16px; border-top:1px solid var(--line); color:var(--text-dim); }
.joke-explanation { margin-bottom:16px; line-height:1.8; }
.joke-learning { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; }
.joke-learning h2 { overflow-wrap:anywhere; }
.joke-learning p { line-height:1.7; }
.joke-audio { margin-top:20px; }
.joke-audio summary { cursor:pointer; margin-bottom:12px; color:var(--text-dim); font-size:14px; }
.joke-quiz { margin-top:24px; scroll-margin-top:24px; }
.joke-quiz fieldset { border:0; padding:0; margin:24px 0; min-width:0; }
.joke-quiz legend { margin-bottom:12px; font-weight:600; }
.joke-option { display:flex; gap:12px; padding:12px; margin:8px 0; border:1px solid var(--line); border-radius:10px; align-items:center; cursor:pointer; }
.joke-option:has(input:checked) { background:var(--accent-soft); border-color:var(--accent); }
.joke-option input { flex-shrink:0; }
.joke-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.jokes-page [hidden] { display:none !important; }
@media(max-width:1000px) { .jokes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .jokes-grid,.joke-learning { grid-template-columns:1fr; } .joke-daily { flex-direction:column; align-items:flex-start; gap:16px; } .joke-filters { gap:8px; } .joke-filters input { flex-basis:100%; } }

.joke-word-tags { font-size:13px; color:var(--text-dim); margin:0; overflow-wrap:anywhere; }
.joke-connections { margin-bottom:20px; }
.joke-linked-word { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:16px 0; }
.joke-linked-word strong { font-size:20px; }
.joke-linked-word p { margin:6px 0; }
.joke-pager { justify-content:center; margin:24px 0; }
.joke-editorial { margin-top:24px; line-height:1.7; }
.joke-editorial summary { cursor:pointer; }
@media(max-width:600px) { .joke-linked-word { align-items:flex-start; flex-direction:column; } }