@charset "utf-8";
/* CSS Document */


  :root{
    --navy:#2f3b4c;
    --navy-light:#3f4f63;
    --label-bg:#eef1f4;
    --border-strong:#2f3b4c;
    --border-soft:#c7ccd1;
    --text-main:#222831;
    --text-sub:#5b6572;
  }
  *{box-sizing:border-box;}

  .sheet{
    max-width:900px;
    margin:0 auto;
    background:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
  }
  .doc-title{
    text-align:center;
    padding:22px 16px 4px;
  }
  .doc-title .property-name{
    font-size:22px;
    font-weight:700;
    letter-spacing:.04em;
    color:var(--navy);
  }
  .doc-title .property-sub{
    font-size:12px;
    letter-spacing:.15em;
    color:var(--text-sub);
    margin-top:4px;
  }

  .section-bar{
    background:var(--navy);
    color:#fff;
    font-size:15px;
    font-weight:700;
    letter-spacing:.05em;
    padding:10px 16px;
    margin:26px 16px 0;
  }
  .section-bar.sub{
    background:var(--navy-light);
    font-size:14px;
  }

  table.spec{
    width:calc(100% - 32px);
    margin:0 16px 0;
    border-collapse:collapse;
    border:2px solid var(--border-strong);
  }
  table.spec:last-of-type{margin-bottom:26px;}
  table.spec col.label-col{width:22%;}
  table.spec col.value-col{width:78%;}

  table.spec th, table.spec td{
    border:1px solid var(--border-soft);
    padding:10px 14px;
    font-size:13.5px;
    line-height:1.7;
    vertical-align:middle;
    text-align:left;
  }
  table.spec th{
    background:var(--label-bg);
    font-weight:500;
    color:var(--text-main);
    white-space:nowrap;
    width:22%;
  }
  table.spec td{
    color:var(--text-main);
  }
  table.spec td.wrap-cell{
    white-space:pre-line;
  }
  table.spec td.empty-cell{
    color:var(--text-sub);
  }

  .disclaimer-table td{
    font-size:12px;
    line-height:1.85;
    color:var(--text-sub);
  }

  .footer-note{
    text-align:center;
    font-size:11px;
    color:var(--text-sub);
    padding:18px 16px 26px;
  }

  @media (max-width:600px){
    body{padding:16px 8px 40px;}
    .doc-title .property-name{font-size:18px;}
    table.spec, .section-bar{width:auto;}
    table.spec col.label-col{width:32%;}
    table.spec col.value-col{width:68%;}
    table.spec th, table.spec td{font-size:12.5px;padding:8px 10px;}
  }

  /* stacked layout for very narrow screens */
  @media (max-width:420px){
    table.spec, table.spec thead, table.spec tbody, table.spec tr, table.spec th, table.spec td{
      display:block;
      width:auto !important;
    }
    table.spec tr{border-bottom:1px solid var(--border-soft);}
    table.spec th{
      border-bottom:none;
      padding-bottom:4px;
    }
    table.spec td{
      border-top:none;
      padding-top:4px;
    }
  }