/* Content reflow v31. Loaded after the page styles and v30 UI primitives.
   Desktop compositions are retained above 1100px. Below this width, reading
   and the next action take priority; secondary navigation follows the content.
   Shared corner radii, Poppins, colours and original icons remain unchanged. */
@media screen and (max-width:1100px) {
  :is(.advice-hub,.ujtc-page,.ujti-page,.saved-page) { min-width:0; overflow-wrap:anywhere; }
  :is(.advice-hub,.ujtc-page,.ujti-page,.saved-page) :is(header,section,article,aside,nav,form,figure) { min-width:0; }
  :is(.advice-hub,.ujtc-page,.ujti-page,.saved-page) .breadcrumb { flex-wrap:wrap; font-size:12px; line-height:1.7; }
  :is(.advice-hub,.ujtc-page,.ujti-page,.saved-page) .btn { max-width:100%; white-space:normal; font-size:14px; }

  /* Editorial discovery: one readable lead, then two supporting columns. */
  .advice-hub .advice-topic-rail { display:flex; gap:18px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; padding:5px 5px 14px; margin:0 -5px 24px; scrollbar-width:thin; }
  .advice-hub .advice-topic-rail>a { flex:0 0 94px; font-size:12px; scroll-snap-align:start; }
  .advice-hub .advice-topic-rail img { width:70px; height:70px; }
  .advice-hub .advice-featured { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .advice-hub .advice-feature-card:nth-child(n) { grid-column:auto; grid-row:auto; }
  .advice-hub .advice-feature-card.advice-feature-lead { grid-column:1/-1; }
  .advice-hub .advice-feature-lead .advice-story-link { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .advice-hub .advice-feature-lead .advice-story-photo img { height:100%; aspect-ratio:4/3; }
  .advice-hub .advice-feature-lead .advice-story-copy { min-height:0; padding:24px; }
  .advice-hub .advice-feature-card:not(.advice-feature-lead) h2 { font-size:18px; line-height:1.5; }
  .advice-hub .advice-feature-card .advice-category { font-size:12px; white-space:normal; letter-spacing:.025em; }
  .advice-hub .advice-heading .lead,
  .advice-hub .advice-story .advice-story-copy>p,
  .advice-hub .advice-feature-lead p { font-size:14px; line-height:1.8; }
  .advice-hub :is(.advice-category,.advice-byline,.advice-page-count,.advice-recommendation) { font-size:12px; }
  .advice-hub .advice-reading-layout { display:flex; flex-direction:column; gap:26px; }
  .advice-hub .advice-recent,
  .advice-theme .advice-theme-main { width:100%; order:1; }
  .advice-hub .advice-sidebar { display:contents; padding-top:0; }
  .advice-hub .advice-sections-panel { width:100%; order:0; margin-top:0; border:1px solid var(--line); border-radius:var(--ui-radius-card); overflow:hidden; }
  .advice-hub .advice-sections-panel>.advice-sidebar-heading { pointer-events:auto; cursor:pointer; min-height:48px; margin:0; padding:13px 16px; font-size:14px; }
  .advice-hub .advice-sections-panel>.advice-sidebar-heading .advice-chevron { display:block; }
  .advice-hub .advice-sections { border:0; border-top:1px solid var(--line); border-radius:0; }
  .advice-hub .advice-section>summary { min-height:48px; font-size:14px; }
  .advice-hub .advice-section a { font-size:13px; min-height:44px; }
  .advice-theme .advice-section>div>a,
  .reader-shell .reader-sidebar .advice-section a { font-size:13px; }
  .reader-shell .reader-sidebar .advice-section a small { font-size:12px; }
  .advice-hub .advice-house { width:100%; order:4; margin-top:0; }
  .advice-hub .advice-house>nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid var(--line); }
  .advice-hub .advice-house>nav>a { font-size:14px; min-height:48px; }
  .advice-hub .advice-house>nav>a:nth-child(odd) { border-right:1px solid var(--line); }
  .advice-hub .advice-house>nav>a:last-child { grid-column:1/-1; border:0; }
  .advice-hub .advice-pocket { display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px 14px; text-align:left; align-items:center; }
  .advice-hub .advice-pocket>strong { font-size:14px; }
  .advice-hub .advice-mobile-link,
  .advice-hub .advice-app-link { grid-column:1/-1; font-size:13px; min-height:44px; }
  .advice-hub .advice-explore>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .advice-hub .advice-explore h3 { font-size:14px; }
  .advice-hub .advice-explore>div>div>a { font-size:13px; }
  .advice-hub .advice-search { width:min(100%,560px); height:auto; min-height:50px; }
  .advice-hub .advice-search input,
  .advice-theme .advice-theme-search-panel .advice-search input { font-size:16px; }
  .advice-hub .advice-search .btn { font-size:14px; }

  /* Themes use the same compact disclosure and search conventions as the hub. */
  .advice-theme .advice-theme-topline { gap:12px; }
  .advice-theme .advice-theme-tabs { flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; padding:5px 5px 13px; margin:0 -5px 22px; scrollbar-width:thin; }
  .advice-theme .advice-theme-tabs>a { flex:none; font-size:13px; max-width:calc(100vw - 56px); white-space:normal; }
  .advice-theme .advice-theme-tabs small,
  .advice-theme .advice-section a small { font-size:12px; }
  .advice-theme .advice-theme-feature-link { min-height:0; grid-template-columns:minmax(0,1fr) 28%; gap:20px; padding:20px; }
  .advice-theme .advice-theme-feature h2 { font-size:20px; }
  .advice-theme .advice-theme-feature-copy>p { font-size:14px; line-height:1.8; }
  .advice-theme .advice-theme-feature .advice-category,
  .advice-theme .advice-feature-author { font-size:12px; }
  .advice-theme .advice-theme-promo { display:grid; grid-template-columns:60px minmax(0,1fr); width:100%; gap:8px 20px; order:2; min-height:0; margin:0; padding:24px; text-align:left; align-items:start; }
  .advice-theme .advice-theme-promo :is(.advice-promo-kicker,.advice-promo-label,h2,p,.advice-promo-link) { grid-column:2; max-width:none; }
  .advice-theme .advice-theme-promo .advice-promo-icon { grid-column:1; grid-row:1/span 5; width:60px; height:60px; margin:0; }
  .advice-theme .advice-theme-promo>p { margin:4px 0; font-size:14px; }
  .advice-theme .advice-theme-promo .advice-promo-link { justify-content:flex-start; font-size:14px; }
  .advice-theme :is(.advice-promo-kicker,.advice-promo-label) { font-size:12px; }
  .advice-theme .advice-theme-promo-compact .advice-promo-kicker,
  .advice-theme .advice-theme-promo-compact .advice-promo-label { font-size:12px; }
  .advice-theme .advice-theme-promo[data-editorial-slot="2"] { order:3; }
  .advice-theme .advice-theme-promo[data-editorial-slot="3"] { order:5; }
  .advice-theme .advice-theme-related>p { font-size:14px; }

  /* Article reading keeps comfortable measure; secondary modules move below. */
  .reader-shell .reader-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .reader-shell .reader-main { width:100%; }
  .reader-shell .reader-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:25px; border-top:1px solid var(--line); margin-top:0; }
  .reader-shell .reader-sidebar>* { width:100%; min-width:0; margin:0; }
  .reader-shell .reader-sidebar .advice-sections-panel,
  .reader-shell .reader-sidebar .advice-house,
  .reader-shell .reader-professionals { grid-column:auto; grid-row:auto; margin:0; order:initial; }
  .reader-shell .reader-sidebar .reader-promo { min-height:0; }
  .reader-shell .reader-continuation { max-width:none; }
  .reader-shell .reader-topline { gap:14px; align-items:flex-start; }
  .reader-shell .reader-search-link { font-size:12px; margin-top:10px; }
  .reader-shell .reader-topline .breadcrumb { font-size:12px; }
  .reader-shell :is(.reader-category,.reader-author,.reader-date,.reader-time,.reader-next-label) { font-size:12px; }
  .reader-shell .reader-pro-band { flex-wrap:wrap; }
  .reader-shell .reader-pro-band>div { flex:1 1 240px; min-width:0; }
  .reader-shell .reader-pro-band strong { font-size:14px; }
  .reader-shell .reader-pro-band p,
  .reader-shell .reader-pro-band .btn { font-size:13px; }
  .reader-shell .reader-faq .faq summary,
  .reader-shell .reader-faq .faq details>div,
  .reader-shell .reader-related li>a { font-size:14px; }
  .reader-shell .reader-sources li,
  .reader-shell .reader-sources>p { font-size:12px; }
  .reader-shell :is(.reader-body,.reader-heading,.reader-toc,.reader-meta,.reader-related,.reader-sources) { min-width:0; overflow-wrap:anywhere; }
  .reader-shell .reader-professionals>select { width:100%; font-size:16px; }
  .reader-shell .reader-pro-link strong { font-size:14px; }
  .reader-shell .reader-pro-link small { font-size:12px; }
  .reader-shell :is(.reader-professionals>p,.reader-promo-copy>p,.reader-keep p,.reader-demo-discovery p,.reader-continuation>p) { font-size:14px; }
  .reader-shell :is(.reader-promo-copy>span,.reader-promo-link,.reader-more>span:first-child) { font-size:12px; }
  .reader-shell .reader-demo-discovery p,
  .reader-shell .reader-demo-discovery .text-link,
  .reader-shell .reader-promo-small .reader-promo-copy>p { font-size:14px; }
  .reader-shell .reader-professionals>label,
  .reader-shell .reader-professionals>.btn,
  .reader-shell .reader-pro-review,
  .reader-shell .reader-pro-review>span,
  .reader-shell .reader-professionals>.reader-pro-source { font-size:12px; }

  /* Community: the conversation is primary, the desktop rail follows it. */
  .ujtc-page .ujtc-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .ujtc-page .ujtc-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; border-top:1px solid var(--line); padding-top:28px; }
  .ujtc-page .ujtc-side-promo { grid-row:auto; }
  .ujtc-page .ujtc-side-welcome { grid-column:auto; display:block; }
  .ujtc-page .ujtc-side-welcome .btn { width:100%; margin-top:16px; }
  .ujtc-page .ujtc-side-welcome small { text-align:left; }
  .ujtc-page .ujtc-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; }
  .ujtc-page .ujtc-members-grid,
  .ujtc-page .ujtc-members-grid.is-directory { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ujtc-page .ujtc-feed-heading { flex-wrap:wrap; align-items:center; }
  .ujtc-page .ujtc-compose-button { font-size:14px!important; white-space:normal; }
  .ujtc-page .ujtc-section-head { flex-wrap:wrap; align-items:baseline; }
  .ujtc-page :is(.ujtc-thread-bottom,.ujtc-discussion-actions,.ujtc-result-summary,.ujtc-reply-person) { flex-wrap:wrap; }
  .ujtc-page .ujtc-thread-repliers { max-width:100%; flex-wrap:wrap; row-gap:8px; }
  .ujtc-page .ujtc-thread-repliers .ujtc-person { min-width:32px; min-height:36px; justify-content:center; }
  .ujtc-page .ujtc-thread-copy h3 { font-size:17px; line-height:1.5; }
  .ujtc-page :is(.ujtc-thread-copy>p,.ujtc-message-body,.ujtc-profile-bio,.ujtc-profile-project p,.ujtc-profile-project li,.ujtc-profile-responses p,.ujtc-profile-albums p,.ujtc-module-intro,.ujtc-side-promo p,.ujtc-side-welcome p,.ujtc-reply-compose>p,.ujtc-group-directory p,.ujtc-empty p) { font-size:14px; line-height:1.85; }
  .ujtc-page :is(.ujtc-thread-meta,.ujtc-thread-repliers>span,.ujtc-result-summary,.ujtc-result-summary a,.ujtc-follow,.ujtc-sorts a,.ujtc-photo-card>div,.ujtc-photo-card>p,.ujtc-member-card>span:not(.community-avatar),.ujtc-member-card small,.ujtc-department-grid small,.ujtc-dept-code,.ujtc-person,.ujtc-profile-heading p,.ujtc-stage,.ujtc-discussion-author>span,.ujtc-discussion-author small,.ujtc-reply-person time,.ujtc-tags span,.ujtc-album-gallery figcaption,.ujtc-group-directory span,.ujtc-profile-responses article>span,.ujtc-profile-albums span,.ujtc-back,.ujtc-reading p,.ujtc-side-welcome small,.ujtc-promo-path,.ujtc-all,.ujtc-kicker) { font-size:12px; }
  .ujtc-page .ujtc-member-card strong,
  .ujtc-page .ujtc-photo-card h3,
  .ujtc-page .ujtc-department-grid strong,
  .ujtc-page .ujtc-side-section nav>a,
  .ujtc-page .ujtc-side-guide>a { font-size:14px; }
  .ujtc-page .ujtc-demo { align-items:flex-start; flex-wrap:wrap; font-size:12px; }
  .ujtc-page .ujtc-demo>span { font-size:12px; }
  .ujtc-page .ujtc-ribbon-group>span { font-size:13px; }
  .ujtc-page .ujtc-search input { font-size:16px; }
  .ujtc-page .ujtc-search input::placeholder { font-size:14px; }
  .ujtc-page .ujtc-hero-teaser strong { font-size:13px; }
  .ujtc-page .ujtc-hero-teaser>div>span { font-size:12px; }
  .ujtc-page .ujtc-hero-center p { font-size:14px; }
  .ujtc-page .ujtc-side-section h2 { font-size:12px; }
  .ujtc-page .ujtc-reading .text-link { font-size:14px; }
  .ujtc-page .ujtc-department-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 20px; }
  .ujtc-page .ujtc-department-grid>a { gap:10px; }
  .ujtc-page .ujtc-dept-code { width:36px; }
  .ujtc-page .ujtc-group-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ujtc-compose-dialog :is(input,textarea,select),
  .ujtc-page .ujtc-reply-compose textarea { font-size:16px; }
  .ujtc-compose-dialog { max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); overscroll-behavior:contain; scroll-padding-block:20px; }
  .ujtc-compose-dialog>p { font-size:14px; }
  .ujtc-page .ujtc-reply-compose label,
  .ujtc-compose-dialog label { font-size:14px; }
  .ujtc-compose-dialog label>span,
  .ujtc-compose-dialog [data-community-draft-status],
  .ujtc-page [data-community-draft-status],
  .ujtc-page .ujtc-clear { font-size:12px; }
  .ujtc-compose-dialog .ujtc-draft-preview-note,
  .ujtc-page .ujtc-draft-preview-note { font-size:12px!important; }
  .ujtc-compose-dialog .ujtc-draft-preview-body { font-size:14px; }
  .ujtc-compose-dialog .btn,
  .ujtc-page .ujtc-form-actions .btn { font-size:14px; min-height:44px; }

  /* Inspirations uses the same search capsule, heading and photographic rails
     as the editorial and professional pages. Only its content grid reflows. */
  .ujti-page .ujti-grid,
  .ujti-page .ujti-related .ujti-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
  .ujti-page .ujti-gallery-top { flex-wrap:wrap; align-items:flex-start; gap:10px 20px; }
  .ujti-page .ujti-views { flex-wrap:wrap; max-width:100%; gap:12px 24px; }
  .ujti-page .ujti-view { font-size:14px; white-space:normal; }
  .ujti-page .ujti-view>span { flex:none; font-size:12px; }
  .ujti-page .ujti-pagination { flex-wrap:wrap; }
  .ujti-page .ujti-pagination a { font-size:13px; }
  .ujti-page .ujti-heading p,
  .ujti-page .ujti-detail-description,
  .ujti-page .ujti-detail-ideas li,
  .ujti-page .ujti-next-step p,
  .ujti-page .ujti-observations p,
  .ujti-page .ujti-story-more p,
  .ujti-page .ujti-section-heading>p,
  .ujti-page .ujti-card-copy .ujti-card-description { font-size:14px; line-height:1.85; }
  .ujti-page :is(.ujti-kicker,.ujti-room,.ujti-card-copy p,.ujti-result-count,.ujti-filter-pill,.ujti-reset,.ujti-disclosure,.ujti-saved-entry small,.ujti-detail-save small,.ujti-next-link>span:first-child,.ujti-detail-next>div>p,.ujti-collection-cover .gallery-count,.ujti-observations>div>span) { font-size:12px; }
  .ujti-page .ujti-card h3 { font-size:18px; line-height:1.5; }
  .ujti-page .ujti-saved-entry,
  .ujti-page .ujti-next-step .text-link,
  .ujti-page .ujti-back,
  .ujti-page .ujti-story-more summary { font-size:14px; }
  .ujti-page .ujti-card-copy { min-height:0; }
  .ujti-page .ujti-filter-pill,
  .ujti-page .ujti-reset { min-height:44px; }
  .ujti-page .ujti-observations { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .ujti-page .ujti-collection-category h3 { font-size:14px; }

  /* Favourite collections mix content types, but share the same mobile rhythm. */
  .saved-page .saved-summary { gap:16px; flex-wrap:wrap; }
  .saved-page .saved-summary .text-link { min-height:44px; }
  .saved-page :is(.article-grid,.ujti-saved-collection-grid,.ujti-grid,.land-card-grid,.pro-discovery-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
  .saved-page :is(.saved-article,.ujti-saved-collection,.article-card) { min-width:0; }
  .saved-page .ujti-saved-collection p,
  .saved-page .article-card p { font-size:14px; }
  .saved-page .ujti-saved-collection>a>span,
  .saved-page .article-card .caption { font-size:12px; }
  .saved-page .article-card .eyebrow { font-size:12px; }
  .saved-page .article-card h3 { font-size:19px; }
  .saved-page .section>h2 { margin-bottom:22px; }
  .saved-page .save-btn { min-width:44px; min-height:44px; }

  /* Image dialogs retain the close control and navigation above the fold in
     landscape too; scrolling stays in the dialog rather than clipping content. */
  #modal.photo-dialog { max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); padding:22px 20px; overscroll-behavior:contain; }
  #modal.photo-dialog .modal-heading { font-size:20px; padding-right:42px; overflow-wrap:anywhere; }
  #modal.photo-dialog :is(.ujti-lightbox figcaption,.ujtc-lightbox figcaption) { font-size:14px; overflow-wrap:anywhere; }
  #modal.photo-dialog :is(.ujti-lightbox figcaption small,.ujtc-lightbox-controls>span) { font-size:12px; }
  #modal.photo-dialog .ujtc-lightbox-controls { flex-wrap:wrap; gap:10px; }
  #modal.photo-dialog .ujtc-lightbox-controls>.btn { font-size:13px; min-height:44px; }
  #modal.photo-dialog :is(.ujti-lightbox img,.ujtc-lightbox figure img) { max-height:55dvh; height:auto; }
}

@media screen and (max-width:900px) {
  .ujtc-page .ujtc-hero-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; min-height:0; }
  .ujtc-page .ujtc-hero-center { grid-column:1/-1; grid-row:1; width:100%; max-width:500px; margin:auto; min-height:0; padding:30px 28px; }
  .ujtc-page .ujtc-hero-center p { font-size:14px; }
  .ujtc-page .ujtc-hero-center .ujtc-kicker { font-size:12px; }
  .ujtc-page .ujtc-hero-side { gap:15px; }
  .ujtc-page .ujtc-hero-side .ujtc-hero-teaser { flex-direction:row-reverse!important; align-items:center; text-align:left; min-height:64px; }
  .ujtc-page .ujtc-hero-teaser strong { font-size:13px; max-width:none; }
  .ujtc-page .ujtc-hero-teaser>div>span { font-size:12px; }
  .ujtc-page .ujtc-hero-teaser>.ujtc-avatar,
  .ujtc-page .ujtc-hero-teaser>.community-avatar { width:46px; height:46px; flex-basis:46px; }
  .ujtc-page .ujtc-department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ujti-page .ujti-detail-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .ujti-page .ujti-detail-next,
  .ujti-page .ujti-next-step { grid-template-columns:minmax(0,1fr); gap:24px; }
  .ujti-page .ujti-heading { flex-wrap:wrap; gap:18px; }
  .ujti-page .ujti-saved-entry { border-left:0; padding:0; max-width:none; }
  .ujti-page .ujti-story-more>div { grid-template-columns:minmax(0,1fr); }
}

@media screen and (max-width:700px) {
  .advice-hub .advice-feature-lead .advice-story-link { display:flex; }
  .advice-hub .advice-feature-lead .advice-story-photo img { height:auto; aspect-ratio:16/10; }
  .advice-theme .advice-theme-feature-link { grid-template-columns:minmax(0,1fr) 30%; gap:16px; padding:17px; }
  .advice-theme .advice-theme-feature h2 { font-size:18px; }
  .reader-shell .reader-sidebar { grid-template-columns:minmax(0,1fr); }
  .reader-shell .reader-pro-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  .reader-shell .reader-pro-link { display:flex; flex-direction:column; align-items:stretch; gap:9px; }
  .reader-shell .reader-pro-link>img,
  .reader-shell .reader-pro-link>.business-photo-pending { width:100%; height:auto; aspect-ratio:3/2; }
  .reader-shell .reader-demo-discovery { grid-template-columns:48px minmax(0,1fr); gap:16px; padding:22px 18px; }
  .reader-shell .reader-demo-icon { width:48px; height:48px; }
  .reader-shell .reader-promo-horizontal { gap:16px; padding:22px 18px; min-height:0; }
  .reader-shell .reader-promo-horizontal .reader-promo-icon { width:48px; height:48px; }
  .reader-shell .reader-heading .reader-summary { font-size:15px; }
  .reader-shell .reader-body,
  .reader-shell .reader-copy-section p,
  .reader-shell .reader-copy-section li,
  .reader-shell .reader-checklist li { font-size:16px; line-height:1.85; }
  .ujtc-page .ujtc-sidebar,
  .ujtc-page .ujtc-group-directory { grid-template-columns:minmax(0,1fr); }
  .ujtc-page .ujtc-members-grid,
  .ujtc-page .ujtc-members-grid.is-directory { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ujtc-page .ujtc-profile-albums>a { grid-template-columns:minmax(0,1fr); }
  .ujtc-page .ujtc-profile-albums>a>img { height:auto; aspect-ratio:16/10; }
  .ujtc-page .ujtc-discussion-actions { align-items:stretch; }
  .ujtc-page .ujtc-discussion-actions>* { flex:1 1 150px; }
  .ujtc-page .ujtc-follow { margin-left:0; }
  .ujtc-page .ujtc-thread-bottom { gap:8px 16px; }
  .ujti-page .ujti-section-heading { display:block; }
  .ujti-page .ujti-section-heading>p { max-width:none; margin-top:10px; }
  .saved-page :is(.land-card-grid,.pro-discovery-grid) { grid-template-columns:minmax(0,1fr); }
}

@media screen and (max-width:520px) {
  /* Each featured title needs more than half of a 320px phone. Smaller
     editorial stories become photo + title rows rather than miniature cards. */
  .advice-hub .advice-featured { grid-template-columns:minmax(0,1fr); gap:16px; }
  .advice-hub .advice-feature-card:not(.advice-feature-lead) .advice-story-link { display:grid; grid-template-columns:30% minmax(0,1fr); align-items:stretch; }
  .advice-hub .advice-feature-card:not(.advice-feature-lead) .advice-story-photo img { height:100%; aspect-ratio:auto; min-height:130px; }
  .advice-hub .advice-feature-card:not(.advice-feature-lead) .advice-story-copy { padding:14px; }
  .advice-hub .advice-feature-card:not(.advice-feature-lead) h2 { font-size:16px; -webkit-line-clamp:unset; }
  .advice-hub .advice-feature-card .advice-category { font-size:12px; }
  .advice-hub .advice-stories,
  .advice-hub .advice-explore>div { grid-template-columns:minmax(0,1fr); }
  .advice-hub .advice-search input { padding-left:35px; padding-right:6px; }
  .advice-hub .advice-search .btn { padding-inline:12px; font-size:13px; }
  .advice-hub .advice-house>nav { grid-template-columns:minmax(0,1fr); }
  .advice-hub .advice-house>nav>a:nth-child(odd) { border-right:0; }
  .advice-theme .advice-theme-feature-link { grid-template-columns:minmax(0,1fr); padding:0; gap:0; }
  .advice-theme .advice-theme-feature-photo { grid-row:1; border-radius:0; }
  .advice-theme .advice-theme-feature-photo>img { aspect-ratio:16/9; }
  .advice-theme .advice-theme-feature-copy { padding:19px; }
  .advice-theme .advice-theme-feature-copy>p { -webkit-line-clamp:3; }
  .advice-theme .advice-theme-promo { grid-template-columns:40px minmax(0,1fr); gap:8px 14px; padding:20px 16px; }
  .advice-theme .advice-theme-promo .advice-promo-icon { width:40px; height:40px; }
  .advice-theme .advice-theme-topline .breadcrumb { font-size:12px; }
  .advice-theme .advice-theme-search-toggle { width:44px; padding:8px; font-size:0; }
  .advice-theme .advice-theme-search-panel { width:calc(100vw - 40px); max-width:calc(100vw - 40px); padding:10px; }
  .reader-shell .reader-topline { flex-wrap:wrap; gap:0 14px; }
  .reader-shell .reader-topline .breadcrumb { flex-basis:100%; padding-bottom:3px; }
  .reader-shell .reader-search-link { max-width:none; margin:0 0 14px; font-size:13px; }
  .reader-shell .reader-actions { margin-left:0; }
  .reader-shell .reader-toc a { font-size:14px; }
  .reader-shell .reader-pro-band .btn { width:100%; }
  .reader-shell .reader-keep>div { padding:24px 20px; }
  .ujtc-page .ujtc-photo-grid,
  .ujtc-page .ujtc-album-gallery { grid-template-columns:minmax(0,1fr); gap:25px; }
  .ujtc-page .ujtc-photo-card img { aspect-ratio:4/3; }
  .ujtc-page .ujtc-photo-card h3 { font-size:17px; }
  .ujtc-page .ujtc-department-grid { grid-template-columns:minmax(0,1fr); }
  .ujtc-page .ujtc-thread-row { gap:12px; }
  .ujtc-page .ujtc-thread-row>.ujtc-person .ujtc-avatar,
  .ujtc-page .ujtc-thread-row>.ujtc-person .community-avatar { width:34px; height:34px; flex-basis:34px; }
  .ujtc-page .ujtc-result-summary { align-items:flex-start; }
  .ujtc-page .ujtc-result-summary a { flex:0 1 auto; }
  .ujtc-page .ujtc-reply-person time { width:100%; }
  .ujtc-page .ujtc-profile-heading { gap:15px; }
  .ujtc-page .ujtc-profile-heading>.ujtc-avatar,
  .ujtc-page .ujtc-profile-heading>.community-avatar { width:64px; height:64px; flex-basis:64px; }
  .ujtc-page .ujtc-profile-project,
  .ujtc-page .ujtc-reply-compose { padding:22px 18px; }
  .ujtc-page .ujtc-profile-project h2 { font-size:22px; }
  .ujtc-page .ujtc-form-actions { align-items:stretch; }
  .ujtc-page .ujtc-form-actions .btn,
  .ujtc-compose-dialog .ujtc-form-actions .btn { width:100%; }
  .ujtc-page .ujtc-clear,
  .ujtc-compose-dialog .ujtc-clear { margin-left:0; }
  .ujtc-compose-dialog { padding:28px 18px 22px; }
  .ujtc-compose-dialog .ujtc-kicker { font-size:12px; }
  .ujtc-compose-dialog h2 { font-size:24px; padding-right:30px; }
  .ujti-page .ujti-grid,
  .ujti-page .ujti-related .ujti-grid,
  .ujti-page .ujti-observations { grid-template-columns:minmax(0,1fr); }
  .ujti-page .ujti-card-copy { padding:17px; }
  .ujti-page .ujti-detail-save { align-items:flex-start; }
  .ujti-page .ujti-collection-heading>.btn { max-width:100%; }
  .saved-page :is(.article-grid,.ujti-saved-collection-grid,.ujti-grid,.land-card-grid,.pro-discovery-grid) { grid-template-columns:minmax(0,1fr); }
  .saved-page .empty-state .btn-row { align-items:stretch; }
  .saved-page .empty-state .btn-row .btn { width:100%; }
  #modal.photo-dialog { padding:20px 16px; }
  #modal.photo-dialog .ujtc-lightbox-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #modal.photo-dialog .ujtc-lightbox-controls>span { grid-column:1/-1; grid-row:1; text-align:center; }
  #modal.photo-dialog .ujtc-lightbox-controls>.btn { padding-inline:8px; font-size:12px; }
}

@media screen and (max-width:400px) {
  .ujtc-page .ujtc-hero-inner { grid-template-columns:minmax(0,1fr); gap:12px; }
  .ujtc-page .ujtc-hero-center { padding-inline:17px; }
  .ujtc-page .ujtc-hero h1 { font-size:28px; }
  .ujtc-page .ujtc-hero-side { padding:0; }
  .ujtc-page .ujtc-hero-side .ujtc-hero-teaser { min-height:54px; }
  .ujtc-page .ujtc-hero-teaser strong { font-size:13px; }
  .ujtc-page .ujtc-hero-teaser>.ujtc-avatar,
  .ujtc-page .ujtc-hero-teaser>.community-avatar { width:42px; height:42px; flex-basis:42px; }
  .ujtc-page .ujtc-members-grid,
  .ujtc-page .ujtc-members-grid.is-directory { gap:12px; }
  .ujtc-page .ujtc-member-card { padding:18px 10px; }
  .ujtc-page .ujtc-thread-bottom .ujtc-follow { justify-content:flex-start; padding-inline:4px; }
  .ujti-page .ujti-gallery-top { flex-direction:column; }
  .ujti-page .ujti-views { gap:14px; }
  .reader-shell .reader-pro-list { grid-template-columns:minmax(0,1fr); }
}