/* TackleSonar R53 — shared button discipline, centered composition, responsive repair */

/* 5–7: retain the same lake artwork but make high-contrast content headers readable. */
.report-hero-r26,
.partner-intro,
.feed-intro{
  background-image:linear-gradient(90deg,rgba(2,22,45,.84) 0%,rgba(3,35,64,.71) 45%,rgba(3,28,53,.68) 100%),url('/assets/img/market-head-fishing.svg')!important;
  background-size:cover!important;
  background-position:center!important;
}
.report-hero-r26 h1,.partner-intro h1,.feed-intro h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,18,38,.58)}
.report-hero-r26 p,.partner-intro p,.feed-intro p{color:#eefaff!important;text-shadow:0 1px 8px rgba(0,18,38,.45)}
.feed-intro .eyebrow{color:#55ecf5!important;text-shadow:0 1px 8px rgba(0,18,38,.6)}

/* Report abuse-attribution disclosure. Form fields remain deliberately left aligned. */
.report-rate-notice-r53{width:min(100%,780px);margin:0 auto 16px;padding:14px 16px;border:1px solid #f2c17d;border-radius:14px;background:#fff8e8;color:#75480a;display:grid;gap:4px;text-align:center}
.report-rate-notice-r53 span{font-size:13px;line-height:1.5}
.report-privacy-r53{border:1px solid #cce2ed;border-radius:13px;background:#f4fbfe;padding:13px 14px;display:grid;gap:4px;color:#47687d;font-size:11px;line-height:1.5}
.report-privacy-r53 strong{color:#0a3155;font-size:12px}

/* Link-code success state is shown immediately; the private code itself is never echoed. */
.kit-link-connected-r53{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid #a9dfe9;border-radius:13px;background:#effbfd;color:#0b4761}
.kit-link-connected-r53[hidden]{display:none!important}
.kit-link-connected-r53>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#d7f8fb;color:#087b97;font-weight:950}
.kit-link-connected-r53>div{display:grid;gap:2px}
.kit-link-connected-r53 small{color:#58778a;line-height:1.4}

/* Center the presentation layer of common section headers without centering structured form data. */
/* R43 intentionally left some directory/content headers aligned left. R53 makes the
   public-facing composition centered again while preserving two-column controls. */
.market-page-head>.page-shell{align-items:center!important;text-align:center!important}
.market-page-head>.page-shell>p{margin-inline:auto!important}
.catalog-directory-head-r26>.page-shell>.eyebrow,
.catalog-directory-head-r26>.page-shell>h1,
.catalog-directory-head-r26>.page-shell>p{justify-self:center!important;text-align:center!important;margin-inline:auto!important}
.categories-hero-inner-r33>div:first-child,
.promo-hero-r39>.page-shell>.eyebrow,
.promo-hero-r39>.page-shell>h1,
.promo-hero-r39>.page-shell>p,
.library-head-copy-r18,
.creator-directory-hero-inner-r42>div:first-child{justify-self:center!important;text-align:center!important}
.categories-hero-inner-r33>div:first-child>p,
.promo-hero-r39>.page-shell>p,
.library-head-copy-r18>p,
.creator-directory-hero-inner-r42>div:first-child>p{margin-inline:auto!important}
.library-head-actions{justify-content:center!important}
.catalog-page-head>.page-shell:not(.brand-hero-inner-r42),
.compact-head>.page-shell,
.page-head>.page-shell{ text-align:center!important }
.result-heading>div:first-child,.catalog-page-head .result-heading>div:first-child{text-align:center}

.section-head{position:relative}
.section-head>div:first-child,.panel-title>div:first-child{text-align:center}
.section-head>div:first-child>p,.panel-title>div:first-child>p{margin-left:auto;margin-right:auto}
.today-section>.section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:18px!important}
.today-section>.section-head>div:first-child{grid-column:2;justify-self:center;text-align:center}
.today-section>.section-head>.section-count{grid-column:3;justify-self:end;text-align:right}
.hero-actions,.builder-intro-actions,.not-found-actions,.saved-confirm-actions{justify-content:center}

/* Creator profile/build actions now inherit the same .btn.primary/.btn.subtle skin. */
.creator-actions-r39,.creator-build-head-r39>div:last-child,.creator-build-info-r39 footer>div:last-child{justify-content:center!important}
.creator-build-info-r39 footer>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:8px!important}

/* Saved-library actions use the shared button dimensions instead of an R52 mini-button skin. */
.saved-hub-card-actions-r52{justify-content:center}
.saved-hub-head-r52{text-align:center!important}
.saved-hub-head-r52>div:first-child p{margin-left:auto!important;margin-right:auto!important}
.saved-hub-overview-r52{justify-content:center!important}
.saved-link-row-r52{text-align:center}
.saved-hub-tabs-r52{justify-content:center}
.saved-hub-group-r52>header>div{text-align:center}
.saved-hub-group-r52>header>div p{margin-left:auto;margin-right:auto}

/* Common compact heroes are compositionally centered unless the secondary visual needs its own space. */
.compact-hero>.page-shell{align-items:center}
.compact-hero>.page-shell>div:first-child{text-align:center}
.compact-hero>.page-shell>div:first-child>p{margin-left:auto;margin-right:auto}
.compact-hero .hero-actions{justify-content:center}
.partner-intro .signal-orbit,.feed-intro .feed-fields{justify-self:center}
.report-hero-r26>.page-shell{text-align:center}
.report-hero-r26>.page-shell p{margin-left:auto;margin-right:auto}

/* Make the product summary composition easier to collapse cleanly to phones. */
.product-summary-r6{text-align:center}
.product-summary-r6>p{margin-left:auto;margin-right:auto}
.product-identifiers-r6{text-align:left}
.product-summary-r6 .product-actions-r18,.product-summary-r6 .product-actions-r22{justify-content:center}

/* Preserve the base button design as the visual source of truth. */
.auth-card button[type=submit].btn{width:100%;margin-top:5px}

@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .page-shell,.shell,.header-shell,.nav-inner,.footer-shell,.footer-bottom{width:min(calc(100% - 24px),var(--max))!important}
  h1,h2,h3,p{overflow-wrap:anywhere}
  input,select,textarea,button{max-width:100%}

  /* Overall composition centers on mobile; labels and form data remain readable/left aligned. */
  .compact-hero>.page-shell,.partner-intro>.page-shell,.feed-intro>.page-shell{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:22px!important}
  .compact-hero>.page-shell>div:first-child,.partner-intro>.page-shell>div:first-child,.feed-intro>.page-shell>div:first-child{width:min(100%,760px);text-align:center!important}
  .compact-hero .hero-actions,.partner-intro .hero-actions,.feed-intro .hero-actions{justify-content:center!important;width:100%}
  .compact-hero .hero-actions .btn,.partner-intro .hero-actions .btn,.feed-intro .hero-actions .btn{min-width:min(220px,100%)}
  .partner-intro .signal-orbit,.feed-intro .feed-fields{justify-self:center!important;margin-inline:auto!important}

  .section-head,.today-section>.section-head,.panel-title,.panel-head,.result-heading{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;align-items:center!important;text-align:center!important;gap:10px!important}
  .panel-head>*,.result-heading>*{justify-self:center!important;text-align:center!important}
  .result-heading>small{width:100%!important;text-align:center!important}
  .market-page-head>.page-shell,.catalog-directory-head-r26>.page-shell,.promo-hero-r39>.page-shell,.library-head>.page-shell,.categories-hero-inner-r33,.creator-directory-hero-inner-r42{justify-items:center!important;text-align:center!important}
  .catalog-directory-search-r26,.categories-search-r33{justify-self:center!important;width:min(100%,720px)!important}
  .promo-switch-r20{justify-self:center!important}
  .today-section>.section-head>div:first-child,.today-section>.section-head>.section-count{grid-column:1!important;justify-self:center!important;text-align:center!important}
  .section-count{justify-self:center!important}
  .panel-title>.btn{justify-self:center!important}

  .product-commerce-grid{grid-template-columns:1fr!important;gap:22px!important;padding-block:28px!important;text-align:center}
  .product-gallery-r6,.product-summary-r6,.best-signal-card{width:min(100%,620px);margin-inline:auto}
  .product-stage-r6{height:min(72vw,330px)!important}
  .product-identifiers-r6{grid-template-columns:1fr!important;text-align:left}
  .best-signal-card dl{text-align:left}

  /* The saved library remains a modal but behaves as a roomy one-column library on phones. */
  .saved-builds-hub-r52{width:calc(100vw - 18px)!important;height:calc(100dvh - 18px)!important;max-height:calc(100dvh - 18px)!important;border-radius:18px!important}
  .saved-hub-head-r52{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;padding:24px 18px 16px!important;text-align:center!important}
  .saved-hub-overview-r52{justify-content:center!important}
  .saved-link-row-r52{margin-inline:14px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important;text-align:center!important}
  .saved-hub-tabs-r52{margin-inline:14px!important;grid-template-columns:1fr 1fr!important}
  .saved-hub-controls-r52{grid-template-columns:1fr!important}
  .saved-hub-grid-r52{grid-template-columns:1fr!important}
  .saved-hub-card-r52{grid-template-columns:1fr!important;text-align:center!important}
  .saved-hub-cover-r52{height:160px!important;min-height:160px!important}
  .saved-hub-cover-r52 img{width:100%!important;height:100%!important;object-fit:contain!important}
  .saved-hub-card-main-r52{padding:16px!important}
  .saved-hub-card-main-r52>header{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:8px!important}
  .saved-hub-card-main-r52>header strong{justify-self:center!important}
  .saved-hub-item-strip-r52{justify-content:center!important}
  .saved-hub-card-actions-r52{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .saved-hub-card-actions-r52 .btn,.saved-hub-card-actions-r52 form,.saved-hub-card-actions-r52 form .btn{width:100%!important}
  .saved-hub-group-r52>header{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important}

  .kit-link-dialog-r35{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}
  .kit-link-dialog-r35 .dialog-actions{justify-content:center!important}

  .report-hero-r26{min-height:220px!important;display:grid;align-items:center}
  .report-card-r26{grid-template-columns:1fr!important;width:100%!important}
  .report-summary-r26{text-align:center!important}
  .report-assurance-r26{justify-content:center!important;text-align:left!important}
  .report-form-r26{min-width:0!important}
  .report-form-actions-r26{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:12px!important}
  .report-form-actions-r26 .btn{width:min(100%,260px)}

  .program-switcher>.segmented{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .promo-heading-r39,.store-catalog-head-r50,.category-result-head-r26,.creator-kits-heading-r26{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;gap:14px!important}
  .promo-heading-r39>div:first-child,.store-catalog-head-r50>div:first-child,.category-result-head-r26>div:first-child,.creator-kits-heading-r26>div:first-child{text-align:center!important}
  .promo-toolbar-r39,.store-catalog-search-r50{width:100%!important;margin-inline:auto!important}
  .program-panel{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}
  .program-panel>div{text-align:center!important}
  .program-panel ul{text-align:left!important}

  .creator-build-head-r39,.creator-build-info-r39 footer{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important}
  .creator-build-head-r39>div:last-child,.creator-build-info-r39 footer>div:last-child,.creator-actions-r39{width:100%!important;justify-content:center!important}
  .creator-build-info-r39 footer>div:last-child .btn,.creator-actions-r39>.btn{min-width:0!important;width:min(100%,290px)!important}
}

@media(max-width:520px){
  .page-shell,.shell,.header-shell,.nav-inner,.footer-shell,.footer-bottom{width:calc(100% - 20px)!important}
  .hero-actions,.builder-intro-actions,.not-found-actions,.saved-confirm-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .hero-actions .btn,.builder-intro-actions .btn,.not-found-actions .btn,.saved-confirm-actions .btn{width:100%!important}
  .program-switcher>.segmented,.saved-hub-tabs-r52{grid-template-columns:1fr!important}
  .saved-hub-overview-r52{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
  .saved-hub-overview-r52 span{min-width:0!important}
  .saved-hub-panel-r52{padding:14px 12px 20px!important}
  .saved-hub-card-r52{border-radius:14px!important}
  .report-shell-r26{width:calc(100% - 20px)!important}
  .report-card-r26{border-radius:16px!important;overflow:hidden}
  .report-summary-r26,.report-form-r26{padding:22px 16px!important}
  .feed-fields{grid-template-columns:1fr 1fr!important;width:100%!important}
}