/* PickCleverly public site (Phase 10, P10-00/F). First-party only: nothing is imported or fetched from outside, and no web font is downloaded.
   Tokens follow the approved palette: Navy #0F2742 | Orange #FF7A00 | Background #F8FAFC | Text #1F2937 | Muted #6B7280.
   Scoped to the public shell; it never touches the admin styles (app.css). */

:root{
  --pc-navy:#0F2742;
  --pc-orange:#FF7A00;
  --pc-orange-dark:#B85400;
  --pc-bg:#F8FAFC;
  --pc-white:#FFFFFF;
  --pc-text:#1F2937;
  --pc-muted:#546174;
  --pc-border:#DFE7F1;
  --pc-focus:#0B5FFF;
  --pc-radius:10px;
  --pc-gutter:20px;
  --pc-max:1180px;
  --pc-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.public-shell *,
.public-shell *::before,
.public-shell *::after{box-sizing:border-box}

.public-shell{
  margin:0;
  min-width:0;
  font-family:var(--pc-font);
  font-size:1rem;
  line-height:1.55;
  color:var(--pc-text);
  background:var(--pc-bg);
  display:flex;
  flex-direction:column;
  min-height:100vh;
  overflow-wrap:anywhere;
}
.public-shell img,
.public-shell svg,
.public-shell video{max-width:100%;height:auto}
.public-shell a{color:inherit;text-decoration:none}
.public-shell p a:not(.btn),
.public-shell .prose a:not(.btn),
.public-shell .site-prose a:not(.btn),
.public-shell .site-principles a:not(.btn){color:var(--pc-navy);text-decoration:underline;text-underline-offset:2px}
.public-shell h1,
.public-shell h2,
.public-shell h3{color:var(--pc-navy);line-height:1.15;margin:0 0 .5em}
.public-shell h1{font-size:clamp(1.9rem,4vw + .5rem,3.25rem)}
.public-shell h2{font-size:clamp(1.4rem,2vw + .6rem,2rem)}

/* Keyboard users: a visible focus ring everywhere, and a skip link that appears on focus. */
.public-shell a:focus-visible,
.public-shell button:focus-visible,
.public-shell select:focus-visible,
.public-shell input:focus-visible,
.public-shell [tabindex]:focus-visible{
  outline:3px solid var(--pc-focus);
  outline-offset:2px;
  border-radius:4px;
}
.public-main:focus{outline:none}
.skip-link{
  position:absolute;
  left:var(--pc-gutter);
  top:-100px;
  z-index:100;
  padding:10px 16px;
  background:var(--pc-navy);
  color:var(--pc-white);
  border-radius:0 0 var(--pc-radius) var(--pc-radius);
  font-weight:600;
}
.skip-link:focus{top:0}
.visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  margin:-1px;padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.container{width:100%;max-width:var(--pc-max);margin:0 auto;padding-left:var(--pc-gutter);padding-right:var(--pc-gutter)}
.public-main{flex:1 0 auto;width:100%}

/* Brand */
.public-shell .brand{font-weight:800;font-size:1.65rem;line-height:1;color:var(--pc-navy);letter-spacing:-.01em;margin:0}
.public-shell .brand span{color:var(--pc-orange)}
.public-shell .brand--footer{font-size:1.4rem}
.public-shell .site-footer .brand{color:var(--pc-white)}

/* Header */
.site-header{background:var(--pc-white);border-bottom:1px solid var(--pc-border)}
.site-header__bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 28px;
  padding-top:14px;
  padding-bottom:14px;
}
.public-shell .site-header .brand{padding:6px 0}
.primary-nav{flex:1 1 auto;min-width:0}
.primary-nav ul{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}
.primary-nav a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 12px;
  font-size:.95rem;
  font-weight:500;
  border-bottom:3px solid transparent;
}
.primary-nav a:hover{color:var(--pc-orange-dark)}
.primary-nav a[aria-current="page"]{color:var(--pc-navy);font-weight:700;border-bottom-color:var(--pc-orange)}

/* Market selector */
.market-selector{display:flex;align-items:center;gap:8px;margin:0 0 0 auto}
.market-selector__label{font-size:.85rem;font-weight:600;color:var(--pc-muted)}
.market-selector select{
  min-height:44px;
  padding:0 12px;
  font:inherit;
  font-size:.95rem;
  color:var(--pc-text);
  background:var(--pc-white);
  border:1px solid #9AA9BC;
  border-radius:var(--pc-radius);
}

/* Buttons and notices (reusable by the future pages) */
.public-shell .btn{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  font:inherit;
  font-weight:700;
  color:var(--pc-white);
  background:var(--pc-orange-dark);
  border:2px solid var(--pc-orange-dark);
  border-radius:var(--pc-radius);
  cursor:pointer;
}
.public-shell .btn:hover{background:var(--pc-navy);border-color:var(--pc-navy)}
.public-shell .btn--small{min-height:44px;padding:0 14px;font-size:.9rem}
.public-shell .btn--secondary{color:var(--pc-navy);background:var(--pc-white);border-color:var(--pc-navy)}
.public-shell .btn--secondary:hover{color:var(--pc-white)}
.section{padding-top:40px;padding-bottom:40px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.notice{padding:14px var(--pc-gutter);background:var(--pc-white);border:1px solid var(--pc-border);border-radius:var(--pc-radius)}
.public-shell .eyebrow{margin:0 0 8px;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-orange-dark)}
.public-shell .lead{font-size:1.2rem;max-width:42rem;color:var(--pc-navy)}

/* Footer */
.site-footer{margin-top:auto;background:var(--pc-navy);color:#E7EEF7}
.site-footer__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:24px 40px;
  padding-top:36px;
  padding-bottom:20px;
}
.site-footer__tagline{margin:6px 0 0;color:#C6D3E3}
.footer-nav ul{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;margin:0;padding:0}
.footer-nav a{display:inline-flex;align-items:center;min-height:44px;color:#E7EEF7;text-decoration:underline;text-underline-offset:3px}
.footer-nav a:hover{color:var(--pc-orange)}
.site-footer__disclosure{grid-column:1 / -1;margin:0;font-size:.9rem;color:#C6D3E3;max-width:75ch}
.site-footer__legal{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:6px 24px;
  padding-top:16px;
  padding-bottom:28px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:.85rem;
  color:#C6D3E3;
}
.site-footer__legal p{margin:0}


/* ---- V1 public presence: home, institutional pages ---- */
.site-hero{background:linear-gradient(135deg,#0F2742 0%,#16385F 100%);color:#E7EEF7;padding:64px 0 72px}
.site-hero__inner{max-width:var(--pc-max)}
.public-shell .site-hero h1{color:var(--pc-white);max-width:18ch;margin-bottom:.4em}
.public-shell .site-hero .eyebrow{color:#FFB366}
.public-shell .site-hero .lead{color:#DCE6F2;margin:0 0 28px}
.public-shell .site-hero .btn{background:var(--pc-orange);border-color:var(--pc-orange);color:#0F2742}
.public-shell .site-hero .btn:hover{background:var(--pc-white);border-color:var(--pc-white);color:var(--pc-navy)}
.public-shell .site-hero .btn--secondary{background:transparent;border-color:#9FB4CC;color:var(--pc-white)}
.public-shell .site-hero .btn--secondary:hover{background:var(--pc-white);border-color:var(--pc-white);color:var(--pc-navy)}
.site-hero__market{margin:22px 0 0;color:#C6D3E3}
.section--alt{background:var(--pc-white);border-top:1px solid var(--pc-border);border-bottom:1px solid var(--pc-border)}
.section{padding-top:56px;padding-bottom:56px}
.section__intro{max-width:46rem;font-size:1.08rem;margin:0 0 28px}
.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 28px}
.site-card{background:var(--pc-white);border:1px solid var(--pc-border);border-top:4px solid var(--pc-orange);border-radius:var(--pc-radius);padding:22px}
.public-shell .site-card h3{font-size:1.2rem;margin-bottom:.4em}
.site-card p{margin:0;color:var(--pc-muted)}
.notice--soft{margin:0;color:var(--pc-navy);background:#FFF6EC;border-color:#FFD9B3}
.site-principles{margin:0;padding-left:1.3rem;max-width:50rem}
.site-principles li{margin:0 0 14px}
.site-principles a{color:var(--pc-navy);text-decoration:underline;text-underline-offset:2px}
.site-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.site-cta h2{margin-bottom:.2em}
.site-cta p{margin:0}
.site-page-head{background:linear-gradient(135deg,#0F2742 0%,#16385F 100%);color:#E7EEF7;padding:44px 0 48px}
.public-shell .site-page-head h1{color:var(--pc-white);margin-bottom:.25em}
.public-shell .site-page-head .eyebrow{color:#FFB366}
.public-shell .site-page-head .lead{color:#DCE6F2;margin:0}
.site-page-head .meta{margin:0;color:#C6D3E3;font-size:.95rem}
.site-prose{max-width:46rem}
.site-prose h2{margin-top:1.8em;font-size:1.4rem}
.site-prose h2:first-child{margin-top:0}
.site-prose h3{font-size:1.1rem;margin-top:1.2em}
.site-prose p,.site-prose li{font-size:1.04rem}
.site-prose ul{padding-left:1.3rem}
.site-prose li{margin:0 0 8px}
.site-prose code{font-size:.9em;background:#EEF3F9;padding:1px 6px;border-radius:5px}
.site-contact-card{margin:0 0 8px;padding:22px var(--pc-gutter)}
.site-contact-card p{margin:0}
.site-contact-card__label{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pc-muted)}
.site-contact-card .site-contact-card__value{font-size:1.4rem;font-weight:700;margin-top:4px}
.public-shell .site-contact-card__value a{color:var(--pc-navy)}

@media (max-width:900px){
  .site-cards{grid-template-columns:minmax(0,1fr)}
  .site-hero{padding:44px 0 52px}
  .section{padding-top:40px;padding-bottom:40px}
}

/* Tablet */
@media (max-width:900px){
  :root{--pc-gutter:18px}
  .site-header__bar{gap:8px 16px}
  .primary-nav{order:3;flex-basis:100%}
  .market-selector{margin-left:auto}
  .site-footer__grid{grid-template-columns:minmax(0,1fr)}
}

/* Mobile */
@media (max-width:600px){
  :root{--pc-gutter:16px}
  .public-shell .brand{font-size:1.45rem}
  .market-selector{flex:1 1 100%;margin-left:0}
  .market-selector select{flex:1 1 auto;min-width:0}
  .primary-nav a{padding:0 10px}
  .site-footer__legal{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  .public-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}