.guide-table-hint{display:none}

@media(max-width:767px){
  .editorial .guide-table-hint{
    display:block;
    margin:24px 0 8px;
    color:var(--rust);
    font-size:12px;
    font-weight:700;
  }
  .guide-table-hint + .guide-table{margin-top:0}
  .guide-table{
    --key-width:clamp(96px,33vw,128px);
    container-type:inline-size;
    isolation:isolate;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline-start:var(--key-width);
    scrollbar-width:thin;
    scrollbar-color:#ba8f70 #fff1e3;
    border:1px solid #deddd5;
    border-radius:5px;
  }
  .guide-table table{
    --data-width:calc(100cqw - var(--key-width));
    width:calc(var(--key-width) + var(--data-width) * var(--data-columns));
    min-width:100%;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:0;
  }
  .guide-table col{width:var(--data-width)}
  .guide-table .guide-table-key{width:var(--key-width)}
  .guide-table tr > *{
    border-width:0 1px 1px 0;
    padding:11px 12px;
    overflow-wrap:anywhere;
  }
  .guide-table tr > :last-child{border-right:0}
  .guide-table tbody tr:last-child > *{border-bottom:0}
  .guide-table tbody tr:nth-child(even) > *{background:#fcf8f4}
  .guide-table tr > :first-child{
    position:sticky;
    inset-inline-start:0;
    z-index:1;
    background:#fff;
    font-weight:650;
    box-shadow:2px 0 0 #deddd5;
  }
  .guide-table thead tr > :first-child{background:#fff1e3}
  .guide-table tr > :not(:first-child){scroll-snap-align:start}
  .guide-table:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
}
