/* Public directories, articles and forms: keep supporting pages readable at every width. */
.topic-directory .department-card,
.writers-directory .writer-card,
.about-values > .story-card { display: block; }
.topic-directory .department-card-top { width: 100%; flex-wrap: wrap; }
.topic-directory .department-story-count { max-width: 100%; overflow-wrap: anywhere; }
.topic-directory .subtopic-list { list-style: none; padding: 0; }
.topic-directory .subtopic-list li { min-width: 0; max-width: 100%; }
.topic-directory .subtopic-list a { display: inline-flex; align-items: baseline; gap: 8px; max-width: 100%; overflow-wrap: anywhere; }
.writers-directory .writer-card-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.writers-directory .writer-card-arrow { font-size: 25px; }
:is(.page-header, .page-intro, .author-profile, .author-identity, .about-story, .contact-layout, .contact-form-row, .auth-layout) > * { min-width: 0; }
:is(.page-description, .writer-card p, .author-identity p, .contact-aside p, .auth-subtitle, .auth-options, .auth-switch, .auth-terms, .field-error, .search-result-note) { overflow-wrap: anywhere; }
:is(.stories-browser, .author-stories, .related-section) .story-copy { min-width: 0; }
:is(.stories-browser, .author-stories, .related-section) .story-meta > * { max-width: 100%; overflow-wrap: anywhere; }
.article-meta { flex-wrap: wrap; }
.author-mini { min-width: 0; max-width: 100%; }
.author-mini > span:last-child, .author-bio > div { min-width: 0; overflow-wrap: anywhere; }
.comment-meta { flex-wrap: wrap; gap: 5px 15px; overflow-wrap: anywhere; }
.comment-meta time { white-space: nowrap; }
.content-page .article-body { width: min(760px, 100%); }
.article-body :is(iframe, video, figure) { max-width: 100%; }
.article-body figure { margin-inline: 0; }
.article-body video { height: auto; }
.article-body pre, .article-body table { max-width: 100%; }
.content-page-end { flex-wrap: wrap; }
.content-page-end .text-link, .contact-detail .text-link { max-width: 100%; }
.auth-options { flex-wrap: wrap; }
.auth-card { width: min(760px, calc(100% - 40px)); }
.auth-card .button, .checkout-card .button { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .auth-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .auth-form-panel { max-width: none; }
  .auth-story h1 { font-size: clamp(38px, 7vw, 58px); }
  .contact-form :is(input:not([type="checkbox"]), textarea, select),
  .auth-page :is(input:not([type="checkbox"]), textarea, select),
  .stories-browser .story-search :is(input, select),
  .comment-form textarea { font-size: 16px; }
  .contact-form input:not([type="checkbox"]), .auth-page input:not([type="checkbox"]) { min-height: 48px; }
  .auth-page .password-input button { top: 2px; right: 4px; width: 44px; height: 44px; display: grid; place-items: center; }
  .story-search { min-width: 0; }
  .story-search select { max-width: 100%; min-width: 0; }
}
@media (max-width: 550px) {
  .stories-browser .story-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; gap: 10px; }
  .stories-browser .story-search input { grid-column: 1 / -1; min-width: 0; width: 100%; }
  .stories-browser .story-search select { width: 100%; }
  .stories-browser .story-search .button { min-height: 46px; }
  :is(.stories-browser, .author-stories, .related-section) .story-card { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
  :is(.stories-browser, .author-stories, .related-section) .story-copy h3 { font-size: 22px; }
  .topic-directory .department-card h2 { font-size: 32px; margin-top: 22px; }
  .topic-directory .story-copy > p, .writers-directory .story-copy > p { display: block; }
  .writers-directory .writer-card h2 { margin-top: 16px; }
  .author-profile .author-identity { display: block; }
  .author-profile .author-identity > .avatar { margin-bottom: 16px; }
  .author-profile .author-identity h1 { font-size: 38px; }
  .article-meta { gap: 18px 25px; }
  .author-bio .text-link { max-width: 100%; gap: 12px; }
  .auth-card { width: calc(100% - 32px); }
}
@media (max-width: 370px) {
  :is(.stories-browser, .author-stories, .related-section) .story-card { grid-template-columns: 72px minmax(0, 1fr); gap: 13px; }
  :is(.stories-browser, .author-stories, .related-section) .story-copy h3 { font-size: 21px; }
  .auth-story { padding: 22px; }
}
/* Avoid automatic field zoom on touch devices, including the shared search/newsletter. */
@media(max-width:1023px){.magazine-search input,.newsletter-input input{font-size:16px}.magazine-header .icon-button{width:44px;height:44px}}
/* Social profiles form their own wrapping group, shared by all magazine themes. */
.magazine-footer .footer-social-links{display:flex;flex-wrap:wrap;gap:10px;min-width:0;padding-block:22px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.magazine-footer .footer-social-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;max-width:100%;min-height:44px;padding:10px 14px;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:var(--radius-small);font-size:11px;line-height:1.5;overflow-wrap:anywhere;color:inherit}
.magazine-footer .footer-social-links>a>span:first-child{min-width:0}.magazine-footer .footer-social-links>a>span:last-child{flex:none}.magazine-footer .footer-social-links>a:hover{background:color-mix(in srgb,currentColor 9%,transparent)}.magazine-footer .footer-social-links>a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:700px){.magazine-footer .footer-social-links{gap:8px;padding-block:20px}.magazine-footer .footer-social-links>a{padding:10px 12px;gap:16px}}