/* =========================================================
   PROPAGANDA — ROUNDED UI EXPERIMENT
   Reversible layer: original component CSS remains untouched.
   To revert the experiment, remove/empty this file.
   ========================================================= */

:root{
  --pm-radius-xs:8px;
  --pm-radius-sm:10px;
  --pm-radius-md:16px;
  --pm-radius-lg:20px;
}

/* Controls: small/medium radius. */
:where(
  button,input,textarea,select,
  .btn,.cta,.cta-secondary,.back,
  .header-client-link,.public-header-client,.footer-link-button,
  .tools-notice-cta,.landing-primary,
  .demo-buttons button,.service-steps button,
  .choice,.save,.art-download,.lightbox-close
){
  border-radius:var(--pm-radius-sm) !important;
}

/* Actual cards/panels only — no global fallback. */
:where(
  form,fieldset,dialog,
  .card,.doc-card,.document-card,.tool-card,.problem-card,.service-card,
  .phase-card,.task-card,.timeline-card,.review-card,.status-card,
  .grade-card,.info-box,.panel,.result,.priority,.identity,.check,
  .summary-box,.notice,.notice-card,.tools-notice,.update-banner,
  .floating-banner,.brand-guard-inner,.cookie-banner,.cookie-panel,
  #cookie-consent,
  .control-card,.notification-board,.roadmap-panel,.group,
  .dashboard-roadmap-card,.contact-slot,.room-demo,.landing-project,
  .brand-review-special,.brand-review-report,.brand-review-report article,
  .visual,.decision,.overall,.person,.asset-card,.main-art
){
  border-radius:var(--pm-radius-md) !important;
}

/* Small bordered tokens. */
:where(
  .status,.badge,.chip,.pill,.tag,.demo-chip,.tool-number,.tools-alert,
  .security-proof-item,.examples li,
  .br-person,.br-special-new,.version,.state,.readonly,
  .notification-count,.notice-item,.roadmap-state,.count,.doc-new
){
  border-radius:var(--pm-radius-sm) !important;
}

/* Client-channel buttons were among the remaining square components. */
.client-social-link{
  border-radius:var(--pm-radius-md) !important;
  overflow:hidden !important;
}

/* Clip only true visual containers. */
:where(
  dialog,.card,.doc-card,.document-card,.tool-card,.problem-card,
  .service-card,.phase-card,.task-card,.timeline-card,.review-card,
  .status-card,.grade-card,.info-box,.panel,.result,
  .brand-guard-inner,.notice-card,.tools-notice,#cookie-consent,
  .control-card,.notification-board,.roadmap-panel,.group,
  .dashboard-roadmap-card,.brand-review-special,.brand-review-report,
  .visual,.decision,.overall,.person,.asset-card,.main-art
){
  overflow:hidden;
}

/* ---------------------------------------------------------
   INTENTIONAL SQUARE EXCEPTIONS
   These looked better in the original 90° treatment.
   --------------------------------------------------------- */

/* Main site menu: restore original square geometry. */
.site-map,
.site-map .site-map-link,
.site-map .site-map-bottom{
  border-radius:0 !important;
}

/* Text/list structures: do not turn divider lines into rounded cards. */
.problem-choice,
.method-grid details,
.step,
.issues,
.issue,
.service-timeline li,
.service-materials li,
.service-panel,
.service-demo-footer{
  border-radius:0 !important;
}

/* Home tools notice: same message, less invasive. */
.landing-intro .tools-notice{
  width:min(100%,560px) !important;
  margin-top:24px !important;
  padding:18px !important;
  gap:14px !important;
  border-color:rgba(243,198,0,.68) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.landing-intro .tools-notice .tools-alert{
  width:26px !important;
  height:26px !important;
  font-size:20px !important;
}
.landing-intro .tools-notice-kicker{
  margin-bottom:6px !important;
  font-size:10px !important;
}
.landing-intro .tools-notice h2{
  font-size:clamp(22px,2.1vw,30px) !important;
  line-height:1.06 !important;
}
.landing-intro .tools-notice p:last-child{
  margin-top:8px !important;
  font-size:13px !important;
  line-height:1.42 !important;
  max-width:46ch !important;
}
.landing-intro .tools-notice-cta{
  min-height:42px !important;
  padding:10px 14px !important;
  gap:14px !important;
  font-size:12px !important;
}

@media(max-width:768px){
  :root{
    --pm-radius-xs:7px;
    --pm-radius-sm:9px;
    --pm-radius-md:14px;
    --pm-radius-lg:17px;
  }
  .landing-intro .tools-notice{
    width:100% !important;
    margin-top:20px !important;
    padding:16px !important;
  }
}
@media(max-width:460px){
  .landing-intro .tools-notice{gap:12px !important;}
}