:root{--bg:#f6f8fb;--surface:#fff;--text:#18212f;--muted:#647084;--border:#dbe2ea;--accent:#0f6cbd;--accent-dark:#0b4f8a;--shadow:0 10px 30px rgba(24,33,47,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 0%,rgba(15,108,189,.08),transparent 34%),linear-gradient(180deg,#fbfcfe 0%,var(--bg) 38%,#f7f9fb 100%)}a{color:inherit}.shell{max-width:1480px;margin:auto;padding:0 28px}
.site-topbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.site-topbar-inner{max-width:1500px;margin:auto;padding:10px 28px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-brand{text-decoration:none;white-space:nowrap}.brand-main{font-size:28px;font-weight:800;letter-spacing:-.045em;color:#172554}.brand-accent{font-size:28px;font-weight:800;letter-spacing:-.045em;background:linear-gradient(90deg,#0f6cbd,#00a4ef,#00b7c3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-left:4px}.brand-domain{font:italic 14px Georgia,serif;color:#7b8492;margin-left:5px}.site-nav{display:flex;gap:6px;flex-wrap:wrap}.site-nav a{text-decoration:none;font-size:14px;font-weight:650;color:#354052;padding:9px 12px;border-radius:8px}.site-nav a:hover,.site-nav a[aria-current="page"]{background:#f0f4f8;color:var(--accent)}
.hero{text-align:center;padding:68px 0 44px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.hero h1,.page-hero h1{margin:0;font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.035em}.hero p,.page-hero p{margin:18px auto 0;max-width:850px;font-size:clamp(18px,2vw,23px);color:var(--muted);line-height:1.45}.community-note{margin:26px auto 0;max-width:860px;padding:14px 18px;border:1px solid var(--border);border-radius:12px;background:#fff;color:#586477;font-size:14px}
.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:8px 0 64px}.collection-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;min-height:290px}.collection-card a{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px;text-decoration:none;background:linear-gradient(140deg,rgba(15,108,189,.06),rgba(255,255,255,.95))}.kicker{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.collection-card h2{margin:0;font-size:32px;letter-spacing:-.025em}.collection-card p{color:var(--muted);line-height:1.55}.collection-meta{font-size:13px;color:#506075;font-weight:650;margin-top:14px}.cta{margin-top:24px;color:var(--accent-dark);font-weight:700;font-size:14px}
.page-hero{padding:52px 0 30px}.page-hero .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}.page-hero .breadcrumb a{color:var(--accent-dark);text-decoration:none}.page-hero h1{font-size:clamp(34px,4vw,55px)}.page-hero p{margin-left:0;font-size:18px}.section{padding:20px 0 70px}.controls{margin-bottom:18px}.search{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:15px;background:#fff}.results{font-size:13px;color:var(--muted);margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(31,35,40,.06);display:flex;flex-direction:column;min-height:340px}.preview{height:210px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);padding:14px}.preview img{max-width:100%;max-height:100%;object-fit:contain}.noimg{color:var(--muted);font-size:13px}.body{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.type{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.title{font-size:17px;font-weight:650;line-height:1.3}.desc{font-size:13px;color:var(--muted);line-height:1.5}.authors{font-size:12px;color:#586477}.link{margin-top:auto;color:var(--accent-dark);font-weight:650;text-decoration:none;font-size:14px}.link:hover{text-decoration:underline}
.detail{max-width:1180px;margin:auto;padding:0 28px}.detail-head{padding:50px 0 24px}.detail-head .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}.detail-head a{color:var(--accent-dark);text-decoration:none}.detail-type{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.detail h1{font-size:clamp(36px,5vw,62px);line-height:1.04;letter-spacing:-.04em;margin:0}.detail-intro{font-size:19px;color:var(--muted);line-height:1.55;max-width:930px}.hero-image{margin:22px 0 30px;min-height:360px;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.hero-image img{max-width:100%;max-height:720px;object-fit:contain}.screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px}.screens a{padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center}.screens img{max-width:100%;max-height:500px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding-bottom:70px}.panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px}.panel h2{margin-top:0}.longdesc{color:#47566c;line-height:1.65}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:12px;font-weight:650;color:#35536c;background:#eef5fb;border:1px solid #d7e8f6;border-radius:999px;padding:7px 10px}.author{margin:10px 0}.github{display:block;margin-top:18px;padding:12px 16px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;text-align:center}
footer{border-top:1px solid var(--border);padding:28px 0 42px;color:var(--muted);font-size:12px;text-align:center;line-height:1.6}.featured{padding:0 0 66px}.featured h2{font-size:32px;letter-spacing:-.03em}
@media(max-width:1050px){.collections{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.site-topbar-inner{padding:9px 16px;gap:8px;align-items:flex-start;flex-direction:column}.site-nav{width:100%;justify-content:flex-start}.shell,.detail{padding:0 16px}.screens{grid-template-columns:1fr}}@media(max-width:600px){.grid{grid-template-columns:1fr}}


/* Contributors */
.authors a{color:var(--accent-dark);text-decoration:none}
.authors a:hover{text-decoration:underline}

.author-link{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;color:inherit;
  padding:8px;margin:4px -8px;border-radius:10px;
}
.author-link:hover{background:#f4f8fb}
.author-link img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.author-handle{font-size:12px;color:var(--muted);margin-top:2px}

.contributor-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:20px;
}
.contributor-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  overflow:hidden;box-shadow:0 4px 16px rgba(24,33,47,.06);
}
.contributor-photo{
  height:230px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 30% 10%,rgba(15,108,189,.11),transparent 40%),
             linear-gradient(180deg,#f9fcff,#eef4f9);
  border-bottom:1px solid var(--border);
}
.contributor-photo img,
.contributor-placeholder{
  width:168px;height:168px;border-radius:50%;
  border:7px solid #fff;
  box-shadow:0 10px 28px rgba(24,33,47,.14);
}
.contributor-photo img{object-fit:cover}
.contributor-placeholder{
  display:flex;align-items:center;justify-content:center;
  background:#dceaf6;color:#31536f;font-size:54px;font-weight:800;
}
.contributor-body{padding:20px}
.contributor-body h3{margin:0;font-size:20px}
.contributor-body h3 a{text-decoration:none}
.contributor-body h3 a:hover{color:var(--accent)}
.contributor-handle,.contributor-profile-handle{color:var(--muted)}
.contributor-handle{font-size:13px;margin-top:5px}
.contributor-count{font-size:14px;font-weight:750;margin-top:15px}
.contributor-collections{font-size:12px;color:var(--muted);margin:5px 0 14px;line-height:1.45}

.contributor-spotlight{padding:50px 0 28px}
.contributor-spotlight .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.contributor-spotlight .breadcrumb a{color:var(--accent-dark);text-decoration:none}
.contributor-spotlight-grid{
  display:grid;grid-template-columns:330px minmax(0,1fr);
  gap:48px;align-items:center;padding:36px;
  border:1px solid var(--border);border-radius:22px;background:#fff;
  box-shadow:var(--shadow);
}
.contributor-hero-photo{display:flex;align-items:center;justify-content:center}
.contributor-hero-photo img{
  width:270px;height:270px;border-radius:50%;object-fit:cover;
  border:10px solid #fff;box-shadow:0 18px 45px rgba(24,33,47,.18);
}
.contributor-placeholder-large{width:270px;height:270px;font-size:88px;border-width:10px}
.contributor-profile-handle{font-size:17px;margin-top:8px}
.contributor-stats{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 20px}
.contributor-stat{
  min-width:145px;padding:16px 18px;border:1px solid var(--border);
  border-radius:14px;background:#f9fbfd;
}
.contributor-stat strong{display:block;font-size:30px;line-height:1}
.contributor-stat span{
  display:block;margin-top:6px;font-size:12px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.05em;font-weight:650;
}
.github-profile{
  display:inline-flex;margin-top:24px;padding:12px 18px;
  background:#18212f;color:#fff;text-decoration:none;
  border-radius:10px;font-weight:700;
}
.contributions-heading{font-size:32px;margin:0}
.contributions-subhead{color:var(--muted);margin:8px 0 22px}

@media(max-width:900px){
  .contributor-spotlight-grid{grid-template-columns:1fr;text-align:center}
  .contributor-stats,.contributor-spotlight .pills{justify-content:center}
}
@media(max-width:600px){
  .contributor-grid{grid-template-columns:1fr}
  .contributor-spotlight-grid{padding:24px 18px}
  .contributor-hero-photo img,
  .contributor-placeholder-large{width:210px;height:210px}
}



/* Homepage static collection collages */
.collection-card-visual>a{
  padding:0;
  display:flex;
  flex-direction:column;
  height:100%;
}

.collection-copy{
  padding:24px 28px 28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex:1;
  position:relative;
  z-index:2;
  background:#fff;
}

.collection-collage{
  position:relative;
  height:205px;
  overflow:hidden;
  background:#eaf1f7;
  border-bottom:1px solid var(--border);
}

.collection-collage img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1.025);
}

/* Strong intentional edge fade.
   The center stays vivid while all four edges dissolve into the card. */
.collection-collage-fade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(to right,
      rgba(255,255,255,.92) 0%,
      rgba(255,255,255,.34) 7%,
      rgba(255,255,255,0) 18%,
      rgba(255,255,255,0) 82%,
      rgba(255,255,255,.34) 93%,
      rgba(255,255,255,.92) 100%
    ),
    linear-gradient(to bottom,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.08) 18%,
      rgba(255,255,255,0) 55%,
      rgba(255,255,255,.42) 84%,
      rgba(255,255,255,.98) 100%
    );
  box-shadow:
    inset 0 0 42px rgba(255,255,255,.82),
    inset 0 -20px 30px rgba(255,255,255,.72);
}

@media(max-width:1050px){
  .collection-collage{
    height:180px;
  }
}

@media(max-width:700px){
  .collection-collage{
    height:190px;
  }

  .collection-copy{
    padding:22px;
  }
}


/* Larger cards only on sample browsing/gallery pages */
.browse-grid{
  grid-template-columns:repeat(auto-fill,minmax(440px,1fr));
  gap:28px;
}

.browse-grid .card{
  min-height:500px;
  border-radius:16px;
}

.browse-grid .preview{
  height:340px;
  padding:20px;
}

.browse-grid .body{
  padding:22px;
  gap:11px;
}

.browse-grid .title{
  font-size:21px;
}

.browse-grid .desc{
  font-size:14px;
  line-height:1.55;
}

.browse-grid .authors{
  font-size:13px;
}

@media(max-width:980px){
  .browse-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }

  .browse-grid .preview{
    height:300px;
  }
}

@media(max-width:700px){
  .browse-grid{
    grid-template-columns:1fr;
  }

  .browse-grid .preview{
    height:290px;
  }
}

/* Copilot sample handoff */

.copilot-action{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--border);
}

.copilot-action h2{
  margin:0 0 8px;
  font-size:18px;
}

.copilot-action p{
  margin:0 0 14px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.copilot-copy{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  padding:12px 16px;

  border:1px solid #c9d9e8;
  border-radius:10px;

  background:
    linear-gradient(
      135deg,
      rgba(15,108,189,.08),
      rgba(0,183,195,.08)
    );

  color:var(--accent-dark);

  font:inherit;
  font-size:14px;
  font-weight:700;

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    transform .15s ease;
}

.copilot-copy:hover{
  background:
    linear-gradient(
      135deg,
      rgba(15,108,189,.14),
      rgba(0,183,195,.14)
    );

  border-color:#a9c8df;
}

.copilot-copy:active{
  transform:translateY(1px);
}

.copilot-copy:focus-visible{
  outline:2px solid rgba(15,108,189,.25);
  outline-offset:2px;
}

.copilot-copy-icon{
  font-size:18px;
  line-height:1;
}

.copilot-copy.copied{
  background:#eef8f3;
  border-color:#b8ddca;
  color:#256044;
}

.copilot-copy-status{
  min-height:18px;
  margin-top:7px;
  color:var(--muted);
  font-size:11px;
  text-align:center;
}

/* Homepage community contribution CTA */

.community-cta{
  position:relative;
  overflow:hidden;

  margin:0 0 64px;
  padding:30px 34px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;

  border:1px solid #dbe7f0;
  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      #f8fbfd 0%,
      #f3f8fb 100%
    );

  box-shadow:
    0 10px 26px rgba(24,55,78,.07);
}

.community-cta::before{
  content:"";
  position:absolute;

  top:0;
  left:0;
  bottom:0;

  width:5px;

  background:
    linear-gradient(
      180deg,
      #0f6cbd,
      #00b7c3
    );
}

.community-cta-copy{
  position:relative;
  z-index:1;

  max-width:820px;
}

.community-cta h2{
  margin:0 0 9px;

  color:var(--text);

  font-size:clamp(24px,2.3vw,31px);
  line-height:1.15;
  letter-spacing:-.02em;
}

.community-cta p{
  margin:0;

  max-width:760px;

  color:var(--muted);

  font-size:15px;
  line-height:1.6;
}

.community-cta-button{
  position:relative;
  z-index:1;

  flex:0 0 auto;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:12px 18px;

  border:1px solid var(--accent);
  border-radius:10px;

  background:var(--accent);
  color:#fff;

  text-decoration:none;

  font-size:14px;
  font-weight:700;

  white-space:nowrap;

  box-shadow:
    0 6px 16px rgba(15,108,189,.18);

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.community-cta-button:hover{
  transform:translateY(-2px);
  background:var(--accent-dark);

  box-shadow:
    0 9px 20px rgba(15,108,189,.22);
}

.community-cta-button:focus-visible{
  outline:3px solid rgba(15,108,189,.2);
  outline-offset:3px;
}

@media(max-width:800px){
  .community-cta{
    padding:26px;

    flex-direction:column;
    align-items:flex-start;

    gap:20px;
  }

  .community-cta-button{
    width:100%;
  }
}

.site-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.site-brand-logo{
  display:block;
  width:55px;
  height:55px;
  object-fit:contain;
  flex:0 0 auto;
}

.site-brand-text{
  display:inline-flex;
  align-items:baseline;
}

/* Copilot homepage announcement and walkthrough */

.copilot-ready {
  margin: 8px 0 42px;
}

.copilot-ready-link {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 24px 28px;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(
    118deg,
    #c95000 0%,
    #e96d0c 52%,
    #f39a32 100%
  );
  border: 1px solid #bc4900;
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(166, 66, 0, .20);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}

.copilot-ready-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(
      circle at 8% 15%,
      rgba(255, 255, 255, .22),
      transparent 24%
    ),
    repeating-linear-gradient(
      -35deg,
      transparent 0 24px,
      rgba(255, 255, 255, .045) 24px 25px
    );
}

.copilot-ready-link:hover,
.copilot-ready-link:focus-visible {
  transform: translateY(-2px);
  border-color: #a94100;
  box-shadow: 0 16px 36px rgba(166, 66, 0, .27);
}

.copilot-ready-badge {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  min-height: 86px;
  padding: 12px 16px;
  text-align: center;
  background: #fff8ed;
  border: 2px solid #fff;
  border-radius: 12px;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, .20),
    0 9px 0 rgba(122, 43, 0, .22),
    0 15px 22px rgba(93, 31, 0, .22);
  transform: rotate(-2deg);
  transition: transform .18s ease;
}

.copilot-ready-link:hover .copilot-ready-badge,
.copilot-ready-link:focus-visible .copilot-ready-badge {
  transform: rotate(-2deg) scale(1.025);
}

.copilot-ready-badge .new {
  margin-bottom: 6px;
  padding: 3px 8px;
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  background: #b94100;
  border-radius: 999px;
}

.copilot-ready-badge .ready {
  color: #9f3900;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1.08;
}

.copilot-ready-copy {
  min-width: 0;
}

.copilot-ready-copy h2 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.2;
}

.copilot-ready-copy p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .92);
  line-height: 1.55;
}

.copilot-ready-action {
  padding: 10px 14px;
  color: #8f3400;
  font-weight: 800;
  white-space: nowrap;
  background: #fff8ed;
  border-radius: 999px;
}

.copilot-ready-link:hover .copilot-ready-action,
.copilot-ready-link:focus-visible .copilot-ready-action {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.copilot-walkthrough {
  padding-bottom: 22px;
}

.copilot-demo {
  width: min(100%, 620px);
  margin: 0 auto 42px;
}

.copilot-demo-label {
  margin: 0 0 12px;
  color: #0f6cbd;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.copilot-demo-frame {
  padding: 14px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 20px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
}

.copilot-demo-frame img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.copilot-demo figcaption {
  margin-top: 10px;
  color: #66768a;
  font-size: .9rem;
}

.copilot-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 38px;
}

.copilot-step {
  padding: 22px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 16px;
}

.copilot-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  color: #0f6cbd;
  font-weight: 800;
  background: rgba(15, 108, 189, .09);
  border-radius: 999px;
}

.copilot-step h2 {
  margin: 0 0 8px;
  font-size: 1.05rem;
}

.copilot-step p {
  margin: 0;
  color: #5d6b7e;
  line-height: 1.55;
}

.copilot-note {
  margin: 0 0 38px;
  padding: 22px 24px;
  background: rgba(15, 108, 189, .055);
  border: 1px solid rgba(15, 108, 189, .14);
  border-radius: 16px;
}

.copilot-note h2 {
  margin: 0 0 7px;
  font-size: 1.05rem;
}

.copilot-note p {
  margin: 0;
  color: #53657a;
  line-height: 1.6;
}

.copilot-final-cta {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 18px;
  padding: 25px 26px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .09);
  border-radius: 18px;
}

.copilot-final-cta h2 {
  margin: 0 0 5px;
  font-size: 1.2rem;
}

.copilot-final-cta p {
  margin: 0;
  color: #5d6b7e;
}

.copilot-final-cta a {
  color: #0f6cbd;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.copilot-final-cta a:hover,
.copilot-final-cta a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 820px) {
  .copilot-ready-link {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .copilot-ready-action {
    grid-column: 2;
  }

  .copilot-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .copilot-ready-link {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .copilot-ready-badge {
    flex-direction: row;
    gap: 8px;
    width: fit-content;
    min-width: 0;
    min-height: 0;
    padding: 8px 11px;
  }

  .copilot-ready-badge .new {
    margin: 0;
  }

  .copilot-ready-action {
    grid-column: auto;
  }

  .copilot-steps {
    grid-template-columns: 1fr;
  }

  .copilot-final-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}