.format-landing .format-step{min-height:calc(100vh - 78px)!important;padding:42px clamp(20px,5vw,84px) 72px!important;background:#fff!important}
.format-landing .format-workspace-bar{display:none!important}
.format-landing .format-step>.intro-row{width:min(920px,100%)!important;margin:0 auto 28px!important;padding:0!important;text-align:center!important}.format-landing .format-step>.intro-row .intro{width:100%!important;text-align:center!important}.format-landing .format-step>.intro-row .intro h1{font-size:clamp(34px,4vw,58px)!important;line-height:1!important}.format-landing .format-step>.intro-row .intro p{max-width:680px!important;margin:12px auto 0!important;font-size:16px!important;line-height:1.45!important;text-align:center!important}
.format-landing .format-tabs{display:flex;width:max-content;max-width:100%;gap:4px;margin:0 auto 34px;padding:5px;overflow-x:auto;border:1px solid #d9d5cc;border-radius:14px;background:#f6f5f2;scrollbar-width:none}.format-landing .format-tabs::-webkit-scrollbar{display:none}.format-landing .format-tabs button{flex:0 0 auto;min-height:44px;padding:0 20px;border:0;border-radius:10px;background:transparent;color:#6f6b64;font:inherit;font-weight:700;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.format-landing .format-tabs button:hover{background:#eceae5;color:#181614}.format-landing .format-tabs button.is-active{background:#fff;color:#181614;box-shadow:0 1px 5px rgba(24,22,20,.12)}
.format-landing .catalog-utility-row{display:flex;width:min(1180px,100%);min-height:56px;align-items:center;justify-content:flex-end;margin:0 auto 28px}.format-landing .catalog-utility-row .open-projects-cta{margin:0!important}
.format-landing .format-carousel-shell{padding:0!important}.format-landing .format-carousel-arrow{display:none!important}.format-landing .format-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(1160px,100%)!important;gap:clamp(18px,2.4vw,34px)!important;margin:0 auto!important;padding:0!important;overflow:visible!important}
.format-landing .format-grid.is-single-template{grid-template-columns:minmax(280px,380px)!important;justify-content:center!important}
.format-landing .format-card.format-option{position:relative!important;display:grid!important;min-width:0!important;min-height:0!important;grid-template-rows:minmax(300px,44vh) auto auto!important;overflow:hidden!important;border:1px solid #d9d5cc!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.format-landing .format-card.format-option:hover{transform:translateY(-3px)!important;border-color:#aaa59b!important;box-shadow:0 18px 40px rgba(24,22,20,.09)!important}
.format-landing .format-paper-wrap{display:flex!important;min-height:300px!important;align-items:center!important;justify-content:center!important;padding:28px!important;overflow:hidden!important;background:#f4f3f0!important}.format-landing .format-paper{width:min(88%,300px)!important;height:auto!important;aspect-ratio:3/4!important;transform:none!important;border:1px solid #d5d1c9!important;border-radius:2px!important;background:#fff!important;box-shadow:0 12px 24px rgba(24,22,20,.11)!important}.format-landing .format-paper.a3-landscape,.format-landing .format-paper.a4-landscape,.format-landing .format-paper.price-a3-landscape{width:min(92%,340px)!important;aspect-ratio:4/3!important}.format-landing .format-paper.mobile-interactive{width:180px!important;aspect-ratio:9/16!important;border-radius:24px!important}
.format-landing .template-preview,.format-landing .template-mobile{display:flex;height:100%;box-sizing:border-box;flex-direction:column;padding:12%;color:#181614;background:#fff}.format-landing .template-preview strong,.format-landing .template-mobile strong{margin:8px 0;font-size:clamp(14px,1.6vw,23px)}.format-landing .template-kicker{font-size:7px;letter-spacing:.16em}.format-landing .template-rule{height:2px;margin:6px 0 12px;background:currentColor}.format-landing .template-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.format-landing .template-columns i{display:grid;gap:6px;font-style:normal}.format-landing .template-columns b{font-size:9px}.format-landing .template-columns small{display:flex;justify-content:space-between;gap:5px;font-size:7px}.format-landing .template-columns em{font-style:normal;white-space:nowrap}.format-landing .template-mobile{gap:8px;padding-top:30%;text-align:center}.format-landing .template-mobile i{padding:8px;border:1px solid #d9d5cc;border-radius:8px;font-size:9px;font-style:normal;text-align:left}.format-landing .template-variant-1{color:#2e5b47;background:#faf8f1}.format-landing .template-variant-2{color:#7d321d;background:#fffaf5}
.format-landing .format-card>.format-copy{padding:20px 22px 8px!important;text-align:left!important}.format-landing .format-card>.format-copy h2{font-size:22px!important}.format-landing .format-card>.format-copy p{font-size:13px!important;text-align:left!important}.format-landing .format-card>.format-copy .format-meta{font-size:10px!important;text-align:left!important}.format-landing .format-card>.format-actions{position:static!important;display:block!important;height:auto!important;padding:10px 22px 22px!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.format-landing .format-card>.format-actions button{width:100%!important;min-height:46px!important;box-shadow:none!important}.format-landing .format-note{margin-top:24px!important}
@media(max-width:820px){.format-landing .format-step{padding:28px 16px 48px!important}.format-landing .format-step>.intro-row{margin-bottom:22px!important}.format-landing .format-step>.intro-row .intro h1{font-size:34px!important}.format-landing .format-tabs{width:100%;justify-content:flex-start;margin-bottom:24px}.format-landing .format-tabs button{padding-inline:16px}.format-landing .format-grid{display:flex!important;width:calc(100% + 16px)!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:0 16px 12px 0!important}.format-landing .format-card.format-option{flex:0 0 min(84vw,360px)!important;grid-template-rows:300px auto auto!important;scroll-snap-align:start}.format-landing .format-paper-wrap{min-height:300px!important}.format-landing .format-card>.format-actions{height:auto!important;padding:10px 22px 22px!important}}
@media(prefers-reduced-motion:reduce){.format-landing .format-card.format-option,.format-landing .format-tabs button{transition:none!important}}

/* Selector de format en dos passos — Cartes i menús */
.format-landing-menus .format-step,.format-landing-prices .format-step{padding-top:32px!important}
.format-landing-menus .format-step>.intro-row,.format-landing-prices .format-step>.intro-row{margin-bottom:28px!important}
.format-landing-menus .picker-stage-head{position:relative;display:flex;width:min(1240px,100%);min-height:78px;align-items:flex-start;justify-content:center;margin:0 auto 22px;text-align:center}
.format-landing-menus .picker-stage-head>div{max-width:680px}
.format-landing-menus .picker-step{display:block;margin-bottom:6px;color:#77736c;font-size:11px;font-weight:800;letter-spacing:.14em}
.format-landing-menus .picker-stage-head h2{margin:0;color:#181614;font-size:clamp(24px,2.4vw,36px);line-height:1.08}
.format-landing-menus .picker-stage-head p{margin:8px 0 0;color:#747068;font-size:15px;line-height:1.45}
.format-landing-menus .picker-back{position:absolute;top:12px;left:0;min-height:42px;padding:0 14px;border:1px solid #d8d4cc;border-radius:10px;background:#fff;color:#181614;font:inherit;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.format-landing-menus .picker-back:hover{border-color:#8f8a81;background:#f5f4f0;transform:translateX(-2px)}
.format-landing-menus .format-tabs.format-type-grid{display:grid!important;width:min(1240px,100%)!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 auto!important;padding:0!important;overflow:visible;border:0;border-radius:0;background:transparent}
.format-landing-menus .format-type-card{position:relative!important;display:grid!important;min-width:0;min-height:250px!important;grid-template-rows:154px auto;align-items:stretch!important;padding:0!important;overflow:hidden;border:1px solid #d8d4cc!important;border-radius:14px!important;background:#fff!important;color:#181614!important;text-align:left;box-shadow:none!important;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.format-landing-menus .format-type-card:hover{border-color:#71e877!important;background:#fff!important;box-shadow:0 18px 38px rgba(24,22,20,.09)!important;transform:translateY(-4px)}
.format-landing-menus .format-type-icon{display:flex;align-items:center;justify-content:center;background:#f4f3ef}
.format-landing-menus .format-type-icon svg{width:132px;height:106px;overflow:visible;fill:none;stroke:#181614;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.format-landing-menus .format-type-icon svg .paper{fill:#fff}.format-landing-menus .format-type-icon svg .fold-fill{fill:#dfffe0}.format-landing-menus .format-type-icon svg .fold{stroke:#68e96c;stroke-width:2.6}
.format-landing-menus .format-type-copy{display:flex;flex-direction:column;padding:18px 44px 20px 18px}
.format-landing-menus .format-type-copy strong{font-size:18px;line-height:1.15}.format-landing-menus .format-type-copy small{margin-top:6px;color:#77736c;font-size:13px;line-height:1.35}
.format-landing-menus .format-type-arrow{position:absolute;right:18px;bottom:21px;font-size:22px;transition:transform .16s ease}.format-landing-menus .format-type-card:hover .format-type-arrow{transform:translateX(4px)}
.format-landing-menus .format-type-mobile{grid-column:1/-1;min-height:142px!important;grid-template-columns:190px 1fr!important;grid-template-rows:1fr!important;border-color:#b9b2f4!important;background:#f5f2ff!important}
.format-landing-menus .format-type-mobile .format-type-icon{background:#d9d2ff}.format-landing-menus .format-type-mobile .format-type-icon svg{width:92px;height:94px}
.format-landing-menus .format-type-mobile .format-type-copy{justify-content:center}.format-landing-menus .format-type-label{width:max-content;margin-bottom:8px;padding:4px 7px;border-radius:6px;background:#181614;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}
.format-landing-menus .format-carousel-shell{width:100%}.format-landing-menus .format-grid[hidden]{display:none!important}
.format-landing-menus .format-note{margin:18px auto 0!important;color:#817d76!important;font-size:12px!important;text-align:center}
@media(max-width:820px){
 .format-landing-menus .format-step{padding:22px 14px 42px!important}
 .format-landing-menus .format-step>.intro-row{margin-bottom:24px!important}
 .format-landing-menus .picker-stage-head{min-height:104px;margin-bottom:14px;padding-top:0}
 .format-landing-menus .picker-stage-head h2{font-size:26px}.format-landing-menus .picker-stage-head p{font-size:14px}
 .format-landing-menus .picker-back{position:static;flex:0 0 auto;margin:3px 12px 0 0}.format-landing-menus .picker-stage-head>div{text-align:left}
 .format-landing-menus .format-tabs.format-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .format-landing-menus .format-type-card{min-height:205px!important;grid-template-rows:122px auto!important}
 .format-landing-menus .format-type-icon svg{width:100px;height:82px}.format-landing-menus .format-type-copy{padding:14px 28px 15px 14px}.format-landing-menus .format-type-copy strong{font-size:15px}.format-landing-menus .format-type-copy small{font-size:11px}.format-landing-menus .format-type-arrow{right:12px;bottom:15px;font-size:18px}
 .format-landing-menus .format-type-mobile{grid-column:1/-1;min-height:116px!important;grid-template-columns:116px 1fr!important;grid-template-rows:1fr!important}.format-landing-menus .format-type-mobile .format-type-icon svg{width:64px;height:76px}
 .format-landing-menus .format-grid{width:calc(100% + 14px)!important}.format-landing-menus .format-card.format-option{flex-basis:min(82vw,350px)!important}
}
@media(prefers-reduced-motion:reduce){.format-landing-menus .format-type-card,.format-landing-menus .format-type-arrow,.format-landing-menus .picker-back{transition:none!important}}

/* Pestanyes visuals de format */
.format-landing-menus .format-tabs.format-visual-tabs{display:grid!important;width:min(1180px,100%)!important;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin:4px auto 34px!important;padding:0 0 1px!important;overflow:visible;border:0;border-bottom:1px solid #dedbd5;border-radius:0;background:transparent}
.format-landing-menus .format-visual-tab{position:relative!important;display:flex!important;min-height:174px!important;flex-direction:column;align-items:center!important;justify-content:flex-end!important;gap:7px;padding:8px 8px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6e6a64!important;box-shadow:none!important;cursor:pointer;transition:color .18s ease,background-color .18s ease!important}
.format-landing-menus .format-visual-tab::after{position:absolute;right:0;bottom:-2px;left:0;height:4px;border-radius:3px 3px 0 0;background:#67eb6b;content:"";opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .2s ease}
.format-landing-menus .format-visual-tab:hover{background:#f7f7f4!important;color:#181614!important}
.format-landing-menus .format-visual-tab.is-active{color:#181614!important}.format-landing-menus .format-visual-tab.is-active::after{opacity:1;transform:scaleX(1)}
.format-landing-menus .format-visual-tab .format-type-icon{display:flex;width:100%;height:116px;align-items:center;justify-content:center;background:transparent}
.format-landing-menus .format-visual-tab .format-type-icon svg{width:132px;height:102px;transition:transform .2s ease}.format-landing-menus .format-visual-tab:hover .format-type-icon svg{transform:translateY(-3px)}
.format-landing-menus .format-visual-tab .format-type-copy{display:block;padding:0;text-align:center}.format-landing-menus .format-visual-tab .format-type-copy strong{font-size:16px;line-height:1.2}
.format-landing-menus .format-visual-tabs+.picker-stage-head{min-height:auto;margin-bottom:22px}
.format-landing-menus .format-visual-tabs+.picker-stage-head .picker-back{display:none!important}
@media(max-width:820px){
 .format-landing-menus .format-tabs.format-visual-tabs{display:flex!important;width:calc(100% + 14px)!important;gap:8px;margin:0 -14px 26px 0!important;padding:0 14px 1px 0!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none}
 .format-landing-menus .format-tabs.format-visual-tabs::-webkit-scrollbar{display:none}
 .format-landing-menus .format-visual-tab{flex:0 0 138px!important;min-height:142px!important;scroll-snap-align:start}
 .format-landing-menus .format-visual-tab .format-type-icon{height:88px}.format-landing-menus .format-visual-tab .format-type-icon svg{width:104px;height:82px}
 .format-landing-menus .format-visual-tabs+.picker-stage-head{min-height:auto;margin-bottom:16px}.format-landing-menus .format-visual-tabs+.picker-stage-head>div{text-align:center}
}

/* Keep contextual badges fully visible inside the horizontally scrolling
   mobile tab rail. Negative positioning is clipped by overflow-x:auto. */
@media(max-width:820px){
  .format-landing-menus .format-visual-tab,
  .format-landing-prices .format-visual-tab{
    min-height:150px!important;
    padding-top:18px!important;
  }
  .format-landing-menus .format-tab-badges,
  .format-landing-prices .format-tab-badges{
    top:4px!important;
  }
}

/* Badges contextuals del format mòbil */
.format-tab-badges{position:absolute;top:-12px;left:50%;display:flex;z-index:2;gap:5px;transform:translateX(-50%)}
.format-tab-badges>span{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border-radius:5px;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.format-new-badge{background:#168cf0;color:#fff}.format-premium-badge{border:1px solid #42c64b;background:#69eb6d;color:#181614}

/* El mateix selector visual per a Taules de preus */
.format-landing-prices .format-tabs.format-visual-tabs{display:grid!important;width:min(760px,100%)!important;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin:4px auto 30px!important;padding:0 0 1px!important;overflow:visible;border:0;border-bottom:1px solid #dedbd5;border-radius:0;background:transparent}
.format-landing-prices .format-visual-tab{position:relative!important;display:flex!important;min-height:174px!important;flex-direction:column;align-items:center!important;justify-content:flex-end!important;gap:7px;padding:8px 8px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#6e6a64!important;box-shadow:none!important;cursor:pointer;transition:color .18s ease,background-color .18s ease!important}
.format-landing-prices .format-visual-tab::after{position:absolute;right:0;bottom:-2px;left:0;height:4px;border-radius:3px 3px 0 0;background:#67eb6b;content:"";opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .2s ease}
.format-landing-prices .format-visual-tab:hover{background:#f7f7f4!important;color:#181614!important}.format-landing-prices .format-visual-tab.is-active{color:#181614!important}.format-landing-prices .format-visual-tab.is-active::after{opacity:1;transform:scaleX(1)}
.format-landing-prices .format-visual-tab .format-type-icon{display:flex;width:100%;height:116px;align-items:center;justify-content:center;background:transparent}.format-landing-prices .format-visual-tab .format-type-icon svg{width:132px;height:102px;overflow:visible;fill:none;stroke:#181614;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.format-landing-prices .format-visual-tab .format-type-icon svg .paper{fill:#fff}.format-landing-prices .format-visual-tab .format-type-icon svg .fold{stroke:#68e96c;stroke-width:2.6}
.format-landing-prices .format-visual-tab .format-type-copy{display:block;padding:0;text-align:center}.format-landing-prices .format-visual-tab .format-type-copy strong{font-size:16px;line-height:1.2}.format-landing-prices .picker-stage-head{display:flex;width:min(900px,100%);align-items:flex-start;justify-content:center;margin:0 auto 22px;text-align:center}.format-landing-prices .picker-stage-head>div{max-width:680px}.format-landing-prices .picker-stage-head h2{margin:0;color:#181614;font-size:clamp(24px,2.4vw,36px);line-height:1.08}.format-landing-prices .picker-stage-head p{margin:8px 0 0;color:#747068;font-size:15px;line-height:1.45}
@media(max-width:820px){.format-landing-prices .format-tabs.format-visual-tabs{display:flex!important;width:calc(100% + 14px)!important;gap:8px;margin:0 -14px 26px 0!important;padding:0 14px 1px 0!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none}.format-landing-prices .format-tabs.format-visual-tabs::-webkit-scrollbar{display:none}.format-landing-prices .format-visual-tab{flex:0 0 138px!important;min-height:142px!important;scroll-snap-align:start}.format-landing-prices .format-visual-tab .format-type-icon{height:88px}.format-landing-prices .format-visual-tab .format-type-icon svg{width:104px;height:82px}.format-landing-prices .picker-stage-head{margin-bottom:16px}.format-landing-prices .picker-stage-head h2{font-size:26px}}
@media(max-width:820px){.format-landing .catalog-utility-row{width:100%;min-height:0;justify-content:stretch;margin:0 auto 22px}.format-landing .catalog-utility-row .open-projects-cta{width:100%;justify-content:center}}

/* Targeta compacta: el CTA viu sobre la previsualització i no crea una fila buida. */
.format-landing .format-card.format-option{
  grid-template-rows:auto auto!important;
  align-content:start!important;
  cursor:pointer!important;
}
.format-landing .format-card>.format-copy{
  padding:18px 20px 20px!important;
}
.format-landing .format-card>.format-actions{
  position:absolute!important;
  inset:0 0 auto 0!important;
  display:flex!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:radial-gradient(ellipse 46% 38% at 50% 50%,rgba(24,22,20,.14) 0%,rgba(24,22,20,.07) 48%,rgba(24,22,20,0) 100%)!important;
  opacity:0!important;
  transform:translateY(5px)!important;
  backdrop-filter:blur(1.5px)!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.format-landing .format-card:hover>.format-actions,
.format-landing .format-card:focus-within>.format-actions,
.format-landing .format-card.is-current>.format-actions{
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
.format-landing .format-card>.format-actions button{
  width:auto!important;
  min-width:168px!important;
  min-height:46px!important;
  padding:0 22px!important;
  border:5px solid #181614!important;
  border-radius:16px!important;
  background:var(--green,#73f172)!important;
  background-clip:padding-box!important;
  color:#181614!important;
  box-shadow:none!important;
}
.format-landing .format-card.is-premium-locked>.format-actions button{
  background:#fff!important;
}
@media(max-width:820px){
  .format-landing .format-card.format-option{grid-template-rows:auto auto!important}
  .format-landing .format-card>.format-actions{
    align-items:flex-end!important;
    padding:0 0 16px!important;
    background:radial-gradient(ellipse 54% 34% at 50% 82%,rgba(24,22,20,.12) 0%,rgba(24,22,20,.05) 52%,rgba(24,22,20,0) 100%)!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }
}

/* Barra funcional del catàleg: accions útils sense simular que l'editor ja és obert. */
.format-landing .format-step>.intro-row{margin-bottom:14px!important}
.format-landing .catalog-utility-row{
  width:min(1180px,100%)!important;
  min-height:48px!important;
  justify-content:flex-end!important;
  margin:0 auto 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.format-landing .catalog-utility-row .open-projects-cta{
  min-height:44px!important;
  max-width:none!important;
  gap:10px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #d5d1c8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#181614!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease!important;
}
.format-landing .catalog-utility-row .open-projects-cta:hover{
  border-color:#8e8a82!important;
  background:#f5f4f0!important;
  transform:translateY(-1px)!important;
}
.format-landing-menus .format-tabs.format-visual-tabs,
.format-landing-prices .format-tabs.format-visual-tabs{margin-top:0!important}
@media(max-width:820px){
  .format-landing .format-step>.intro-row{margin-bottom:12px!important}
  .format-landing .catalog-utility-row{min-height:44px!important;justify-content:flex-end!important;margin-bottom:6px!important}
  .format-landing .catalog-utility-row .open-projects-cta{width:auto!important;min-height:42px!important;justify-content:center!important}
}

/* Catalogue heading: share the title's left-hand alignment and preserve a
   little breathing room before the format tabs. This file loads last. */
.format-landing .format-step>.intro-row.format-catalog-heading .intro p{
  width:100%!important;
  max-width:760px!important;
  margin:12px 0 0!important;
  text-align:left!important;
}
.format-landing .format-step>.intro-row.format-catalog-heading + .open-projects-cta + .format-tabs{
  margin-top:22px!important;
}

/* Final hover treatment: keep the card quiet and let only the CTA appear. */
.format-landing .format-card.format-option,
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option:focus-within,
.format-landing .format-card.format-option.is-current{
  overflow:hidden!important;
  border-radius:16px!important;
  transform:none!important;
  box-shadow:none!important;
}
.format-landing .format-card-media::after,
.format-landing .format-paper-wrap::after{display:none!important;content:none!important}
.format-landing .format-card>.format-actions{
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.format-landing .format-card>.format-actions button,
.format-landing .format-card>.format-actions button:hover,
.format-landing .format-card>.format-actions button:active{
  border-radius:18px!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:820px){.format-landing .format-card>.format-actions{background:transparent!important}}

/* The copy can grow (for instance when a format description wraps). Keep the
   whole card in normal flow so its lower edge and rounded corners are never
   clipped by a fixed track height. */
.format-landing .format-carousel-shell,
.format-landing .format-grid{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.format-landing .format-card.format-option{
  box-sizing:border-box!important;
  height:auto!important;
  max-height:none!important;
  align-self:start!important;
  grid-auto-rows:max-content!important;
}
.format-landing .format-card.format-option::before{
  content:""!important;
  position:absolute!important;
  z-index:8!important;
  inset:0!important;
  box-sizing:border-box!important;
  border:1px solid #d9d5cc!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
.format-landing .format-card.format-option:hover::before,
.format-landing .format-card.format-option:focus-within::before{
  border-color:#aaa59b!important;
}
.format-landing .format-card>.format-copy{
  box-sizing:border-box!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}

/* Keep the complete card silhouette independent from its variable copy height.
   Cropping belongs to the two visual sections, never to the outer card. */
.format-landing .format-card.format-option,
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option:focus-within,
.format-landing .format-card.format-option.is-current{
  overflow:visible!important;
  border:0!important;
  border-radius:16px!important;
}

.format-landing .format-card.format-option::before{
  z-index:20!important;
  inset:0!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px #d9d5cc!important;
}

.format-landing .format-card.format-option:hover::before,
.format-landing .format-card.format-option:focus-within::before{
  box-shadow:inset 0 0 0 1px #aaa59b!important;
}

.format-landing .format-card>.format-paper-wrap,
.format-landing .format-card>.format-card-media{
  overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
}

.format-landing .format-card>.format-copy{
  position:relative!important;
  z-index:1!important;
  padding-bottom:24px!important;
  border-radius:0 0 16px 16px!important;
  background:#fff!important;
}

/* Chrome can rasterise a one-pixel inset shadow on the outer half-pixel at
   100% zoom. Draw the final silhouette half a pixel inside the card instead. */
.format-landing .format-card.format-option::after{
  content:""!important;
  position:absolute!important;
  z-index:30!important;
  inset:.5px!important;
  box-sizing:border-box!important;
  border:1px solid #d9d5cc!important;
  border-radius:15.5px!important;
  background:transparent!important;
  pointer-events:none!important;
}

.format-landing .format-card.format-option:hover::after,
.format-landing .format-card.format-option:focus-within::after{
  border-color:#aaa59b!important;
}

/* Final card outline: one subtle system stroke only. Previous Chrome
   workarounds drew two overlapping outlines and made the edge look heavy. */
.format-landing .format-card.format-option,
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option:focus-within,
.format-landing .format-card.format-option.is-current{
  box-sizing:border-box!important;
  border:1px solid #ddd9d1!important;
}
.format-landing .format-card.format-option:hover,
.format-landing .format-card.format-option:focus-within{
  border-color:#c9c4ba!important;
}
.format-landing .format-card.format-option::before,
.format-landing .format-card.format-option::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}