.highlights{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
    margin-top:18px;
  }
  .highlight-card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:16px 18px;
    box-shadow:var(--shadow);
    position:relative;
    padding-left:22px;
  }
  .highlight-card::before{
    content:"";
    position:absolute; left:0; top:14px; bottom:14px; width:3px;
    background:linear-gradient(var(--blue), var(--cyan));
    border-radius:3px;
  }
  .highlight-card .h-tag{
    font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.07em;
    color:var(--blue); margin-bottom:4px; display:block;
  }
  .highlight-card p{margin:0; font-size:14px; color:var(--text);}

  .table-wrap{
    overflow-x:auto;
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    margin:0 0 22px;
    background:var(--surface);
  }
  table{border-collapse:collapse; width:100%; table-layout:fixed; font-size:13.6px;}
  thead th{
    background:var(--bg-alt);
    color:var(--navy);
    text-align:left;
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    font-size:12.5px;
    text-transform:uppercase;
    letter-spacing:.03em;
    padding:12px 14px;
    border-bottom:1px solid var(--border);
  }
  tbody td{
    padding:12px 14px;
    border-bottom:1px solid var(--border);
    vertical-align:top;
    color:var(--text);
    overflow-wrap:break-word;
  }
  tbody tr:last-child td{border-bottom:none;}
  tbody tr:hover{background:#FAFBFF;}
  td.feat{font-weight:600; color:var(--navy-2);}

  .badge{
    display:inline-flex; align-items:center; gap:5px;
    padding:3px 9px; border-radius:99px;
    font-size:11.5px; font-weight:600;
  }
  .badge-success{background:var(--success-bg); color:var(--success);}
  .badge-blue{background:#E8EFFF; color:var(--blue);}

  .callout{
    border-radius:var(--radius);
    padding:16px 18px 16px 50px;
    margin:0 0 20px;
    position:relative;
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    font-size:14px;
  }
  .callout::before{
    position:absolute; left:16px; top:16px;
    font-family:'Space Grotesk',sans-serif;
    font-weight:700; font-size:13px;
  }
  .callout-info{background:#EEF4FF; border-color:#CBDBFF;}
  .callout-info::before{content:"i"; color:#fff; background:var(--blue); width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px;}
  .callout-warn{background:var(--warn-bg); border-color:#F0DCA0;}
  .callout-warn::before{content:"!"; color:#fff; background:var(--warn); width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px;}
  .callout strong.title{display:block; color:var(--navy); margin-bottom:4px; font-family:'Space Grotesk',sans-serif;}

  .checklist{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:18px 20px;
    margin:0 0 18px;
  }
  .checklist h4{
    font-size:12.5px; text-transform:uppercase; letter-spacing:.06em;
    color:var(--text-muted); margin:0 0 12px; font-family:'Inter',sans-serif; font-weight:700;
  }
  .checklist ul{list-style:none; padding:0; margin:0;}
  .checklist li{
    display:flex; gap:10px; align-items:flex-start;
    font-size:14px; margin-bottom:9px; color:var(--text);
  }
  .checklist li::before{
    content:"";
    flex:0 0 16px; width:16px; height:16px; margin-top:2px;
    border:1.5px solid var(--blue); border-radius:4px;
    background:#fff;
  }
  .checklist-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px;}

  .diagram-box{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    padding:24px;
    margin:0 0 12px;
  }
  .diagram-caption{
    font-size:13px; color:var(--text-muted); margin-top:14px; padding-top:14px;
    border-top:1px dashed var(--border);
  }

  footer{
    border-top:1px solid var(--border);
    margin-top:56px;
    padding-top:24px;
    font-size:12.5px;
    color:var(--text-muted);
    text-align:center;
  }
  .footer-product{
    margin-bottom:4px;
    color:var(--navy);
    font-family:'Space Grotesk',sans-serif;
    font-size:13px;
    font-weight:600;
  }
  .footer-product span{color:var(--cyan);}

  code.inline{background:var(--bg-alt); padding:1px 6px; border-radius:4px; color:var(--navy-2);}

  @media (max-width: 900px){
    .shell{grid-template-columns:1fr;}
    .sidebar{position:relative; height:auto;}
    .content{padding:0 24px 80px;}
    .cover{padding:40px 24px 34px;}
    .cover-logos{gap:12px; height:90px;}
    .cover-logos img{height:82px;}
    .cover .logo-doc-frame{width:156px; height:82px; flex-basis:156px;}
    .cover .logo-printedge{width:164px;}
    .logo-divider{height:32px;}
    .meta-grid{grid-template-columns:1fr 1fr;}
    .highlights{grid-template-columns:1fr;}
    .checklist-grid{grid-template-columns:1fr;}
  }