.content-subnav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.content-subnav button,.auth-channel button{border:1px solid #dcd3c6;background:#fffdf8;border-radius:8px;padding:11px 16px;color:#19304e;font:inherit;cursor:pointer}.content-subnav button.active,.auth-channel button.active{background:#177b72;color:white;border-color:#177b72}.topic-date{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:#58667a;font-size:13px}.topic-date select{border:1px solid #dcd3c6;border-radius:6px;padding:9px;background:#fffdf8;color:#19304e}.topic-hook{color:#177b72;font-size:15px;line-height:1.65;margin:12px 0}.topic-review{display:block;color:#946022;font-size:12px;margin:12px 0}.topic-source-links{display:flex;flex-wrap:wrap;gap:12px;padding-top:15px;border-top:1px solid #ddd}.topic-source-links a{color:#16796f}.auth-channel{display:flex;gap:8px;margin:12px 0}.auth-channel button{flex:1;padding:9px;font-size:13px}.content-subnav.hidden,.topic-date.hidden,.auth-channel.hidden{display:none}.modal-body p{white-space:pre-line}
@media(max-width:640px){.content-subnav button{flex:1;min-width:0;padding:10px 7px;font-size:12px}.nav button{white-space:normal;line-height:1.35;min-width:0;font-size:11px}.topic-date span{flex-basis:100%}.topic-card .card-actions{flex-wrap:wrap}.auth-dialog{max-height:calc(100dvh - 24px);overflow:auto}}