/* ATO-366 · Bottom sheet universal de «Leer más» en móvil.
   Misma superficie, scroll interno, safe area, sin cambiar desktop. */
.ek-sheet{position:fixed;inset:0;z-index:120;display:none}
.ek-sheet.is-open{display:block}
.ek-sheet-scrim{position:absolute;inset:0;background:rgba(16,27,33,.5);opacity:0;transition:opacity .16s ease}
.ek-sheet.is-open .ek-sheet-scrim{opacity:1}
.ek-sheet-panel{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  display:flex;flex-direction:column;
  max-height:min(88dvh,860px);
  background:var(--ek-paper,#f4f0e7);color:var(--ek-ink,#303b32);
  border-radius:22px 22px 0 0;box-shadow:none;overflow:hidden;
  padding-bottom:env(safe-area-inset-bottom,0);
  transform:translate3d(0,101%,0);
  transition:transform .19s cubic-bezier(.2,.72,.24,1);
  will-change:transform;
  backface-visibility:hidden;
  overscroll-behavior:contain;
}
.ek-sheet.is-open .ek-sheet-panel{transform:translate3d(0,0,0)}
.ek-sheet-head{
  touch-action:none;
  position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;
  padding:20px 20px 14px;border-bottom:1px solid var(--ek-line,#c9d3cf);
  background:var(--ek-paper,#f4f0e7);
}
.ek-sheet-grab{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:44px;height:4px;border-radius:99px;background:#303b3233}
.ek-sheet-title{margin:0;font:var(--ek-fw-heading) var(--ek-fs-h3)/var(--ek-lh-heading) var(--ek-font-heading,inherit);letter-spacing:normal;}
.ek-sheet-close{
  display:grid;place-items:center;width:40px;height:40px;padding:0;flex:none;
  border:0;border-radius:50%;background:var(--ek-surface-alt,#e8e9df);
  color:inherit;cursor:pointer;
}
.ek-sheet-close svg{width:18px;height:18px}
.ek-sheet-close:focus-visible{outline:2px solid var(--ek-ink,#303b32);outline-offset:3px}
.ek-sheet-body{
  overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:18px 20px calc(28px + env(safe-area-inset-bottom,0));
  font-size:var(--ek-fs-body);line-height:var(--ek-lh-body);
}
.ek-sheet-body :is(p,ul,ol){max-width:none}
.ek-sheet-body a{color:inherit}
.ek-sheet-body .ek-exp-label{font-size:var(--ek-fs-meta);letter-spacing:var(--ek-ls-meta);text-transform:uppercase;color:var(--ek-muted,#687064)}
html.ek-sheet-open,html.ek-sheet-open body{overflow:hidden;overscroll-behavior:none}
@media (prefers-reduced-motion:reduce){
  .ek-sheet-panel,.ek-sheet-scrim{transition:none!important}
}

/* SHEET_ALL_READ_MORE_20261028 · Prevent inherited clamping and card/review
   text colours from making the cloned reading invisible inside the dialog. */
@media(max-width:700px){
  .ek-sheet:not([hidden]){display:block}
  .ek-sheet-body :is(.ph-copy,.ek-hub-intro-preview,.ph-more-body,.ek-hub-extra-copy,
    .ek-exp-body,.review-expanded,.ek-ed-card-desc,.home-topic-more p){
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    color:var(--ek-ink,#303b32)!important;
    background:transparent!important;
    opacity:1!important;
    font-size:inherit;
    line-height:var(--ek-lh-compact)!important;
    margin:0 0 14px!important;
    padding:0!important;
  }
  .ek-sheet-body :is(p,blockquote,li){
    color:var(--ek-ink,#303b32)!important;
    -webkit-text-fill-color:var(--ek-ink,#303b32)!important;
    opacity:1!important;
  }
  .ek-sheet-body .ek-exp-body>:not(:last-child),
  .ek-sheet-body .review-expanded>:not(:last-child){
    margin-bottom:20px;
  }
  .ek-sheet-body :is(.owner-response,.ek-exp-reply){
    border-top:1px solid var(--ek-line,#c9d3cf)!important;
    border-left:0!important;
    padding:18px 0 0!important;
    background:transparent!important;
    color:inherit!important;
  }
  .ek-sheet-body :is(.review-kicker,.ek-exp-label){
    display:block!important;
    color:var(--ek-muted,#687064)!important;
    font-size:var(--ek-fs-meta)!important;
    letter-spacing:var(--ek-ls-meta);
    text-transform:uppercase;
    margin-bottom:8px;
  }
  .ek-sheet-body .ph-copy--clamp,
  .ek-sheet-body .ek-ed-card-desc.is-clamped{
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
  .ek-sheet-body a{
    color:var(--ek-ink,#303b32)!important;
    text-decoration:none;
    text-underline-offset:3px;
  }
  .ek-sheet-body:focus-visible{outline:2px solid var(--ek-ink,#303b32);outline-offset:-2px}
}