/* trenē V36 / Unified soft-corner design system, 2026-11-13 */
:root{--trene-radius-card:22px;--trene-radius-media:20px;--trene-radius-control:11px;--trene-radius-small:9px}
/* Editorial surfaces: consistent with the training resource hub screenshot. */
:is(.service,.service.featured,.quiz-card,.quiz-insight,.quiz-faq details,
 .formbox,.useful-card,.useful-banner,.gallery-card,.trene-social-card,
.tool-card,.trene-flow a,.card,.article-card,.article-panel,.wizard-panel,.task,
 .notice,.empty,.wizard-side-card,.step-card,.results-card,.result-card,
 .mf-panel,.mf-side,.mf-feature-row>div,.mf-answer,.mf-result,
 .jr-surface,.jr-soft,.jr-step a,.jr-stat,.jr-plan-note,.jr-exercise,
 .jr-item,.jr-insight,.jr-mode-shell,.jr-wizard-panel,.jr-hub-nav,
 .jr-ex-nav,.jr-coach-tip,.jr-chooser button,
 .wb-exercise,.wb-daylist,.wb-item,.wb-quickstart,.wb-heatmap,
 .wb-detail-dialog,.wb-report-dialog,.wb-mode,.wb-illustrated-cta,
 .k-card,.k-toolbar,.k-lightbox,.trene-hub-end,.trene-priority-grid .tool-card,
 .panel,.process-feature,.profile-feature){border-radius:var(--trene-radius-card)}
/* Visuals, portraits and framed media follow the same rhythm. */
:is(.portrait-wrap,.gallery-tile,.process-photo__frame,
 .process-gallery-strip img,.hero-visual,.hero-method,
 .wb-approved-card img,.wb-visualpair figure,.k-lightbox img){border-radius:var(--trene-radius-media)}
/* Buttons, navigation actions, options and input controls. */
:is(.btn,.button,.mobile-toggle,.mobile-resource-link,.nav-cta,
 .btn-pause,.quiz-option,.quiz-back,.quiz-next,.filter,.choice span,
 .daybtn,.tag,.pill,.mf-btn,.mf-hero-meta span,
 .wb-btn,.wb-add,.wb-tab,.wb-mini,.wb-close,.wb-mode button,
 .wb-quickbuttons button,.wb-switch button,.wb-illustrated-cta a,
 .jr-primary-next,.jr-secondary-back,.jr-mode-toggle button,
 .jr-hub-nav button,.jr-filter button,.jr-data button,.jr-item button,
 .jr-add-set,.jr-view-modes button,.k-toolbar input,.k-toolbar select,
 .jr-field input,.jr-field select,.jr-field textarea,
 .jr-set input,.jr-set select,.field input,.field select,.field textarea,
 .wb-filters input,.wb-filters select,.wb-daytools input,
 .wb-fields input,.wb-notes input,.wb-report-form input,
 .wb-report-form select,.wb-report-form textarea){border-radius:var(--trene-radius-control)}
:is(.figure-num,.k-id,.k-count,.wb-count,.wb-steps b,.jr-chart-day i,
 .jr-group-row .bar,.jr-group-row .bar i){border-radius:var(--trene-radius-small)}
/* Reassert against higher-specificity legacy resources CSS rules. */
.trene-priority-grid .tool-card,.trene-flow a{border-radius:var(--trene-radius-card)}
.field input[type=date],.field input[type=number],.field input[type=text],.field select,.field textarea{border-radius:var(--trene-radius-control)}
:is(.jr-surface,.jr-soft,.jr-step a,.jr-stat,.jr-mode-shell,.jr-mode-toggle,
 .jr-wizard-panel,.jr-chooser button){border-radius:var(--trene-radius-card)}
/* Hide the obsolete decorative jump arrow from quiz choices. */
.quiz-option::after{content:none;display:none}
/* Remove accent emoji-like arrow artifacts; all links remain clickable. */
.trene-social-arrow{display:none}
/* V36 homepage: the authentic trainer portrait takes over from V35 typography card. */
.hero-editorial-photo{margin:0;position:relative;overflow:hidden;min-width:0;
 border:1px solid #39393c;background:#151515;border-radius:var(--trene-radius-media);
 height:min(650px,72vh);min-height:560px}
.hero-editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;
 object-position:center 43%;filter:none}
@media(max-width:1050px){.hero-editorial-photo{min-height:485px;height:min(640px,69vh)}}
@media(max-width:690px){.hero-editorial-photo{min-height:0;height:clamp(430px,120vw,550px)}
 .hero-editorial-photo img{object-position:center 40%}}
@media(max-width:390px){.hero-editorial-photo{height:clamp(390px,122vw,480px)}}
/* Thumb items and documentation stay accessible, with no rounded overlays obscuring text. */
@media(max-width:690px){:root{--trene-radius-card:20px;--trene-radius-media:18px;--trene-radius-control:11px}}

/* V37: iPhone / mobile navigation must not stay over the page content.
   The header stays in the document flow and scrolls away naturally.
   Keep positioning relative so the hamburger dropdown remains anchored. */
@media (max-width:690px){
  .topbar,.k-nav{position:relative;top:auto}
  html{scroll-padding-top:0}
}