/* Soiurce: /use-cases/non-certidox-qr-code-analysis/ */
:root{--navy:#092860;--green:#008953;--green-dark:#06744a;--ink:#293d56;--muted:#587087;--pale:#f5f9fc;--line:#d9e7ef;--mint:#edf8f2;--red:#a3313b;--red-pale:#fff4f2}

.page-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto;column-gap:36px;align-items:start;margin:0 38px 64px}
@media(max-width:1250px){.page-layout{grid-template-columns:213px minmax(0,1fr);column-gap:28px;margin:0 26px 50px}}
@media(max-width:1000px){.page-layout{display:flex;flex-direction:column;margin:0 24px 48px}}
@media(max-width:750px){.page-layout{margin:0 17px 40px}}
@media print{.page-layout{display:block;margin:0 11mm}}

.sidebar{grid-column:1;grid-row:1/3;position:sticky;top:var(--cdx-page-nav-top);margin-top:28px;align-self:start;max-height:var(--cdx-page-nav-max-height);overflow-y:auto;scrollbar-width:thin}
.sidebar-inner{background:var(--pale);border:1px solid var(--line);border-radius:15px;padding:19px 17px}
.sidebar-title{font-size:18px;font-weight:800;color:var(--navy);margin:0 0 9px}
.sidebar ol{margin:0 0 0 16px;padding:0}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{margin-bottom:0}
.sidebar li+li{border-top:1px solid #deebf0}
.sidebar a{display:block;padding:11px 0;color:#2b4966;text-decoration:none;font-size:13.4px;line-height:1.3;font-weight:720}
.sidebar a:hover,.sidebar a[aria-current="location"]{color:var(--green-dark)}
@media(max-width:1000px){
    .sidebar{width:100%;order:1;position:static;max-height:none;margin:28px 0 19px}
    .sidebar-inner{padding:16px 18px}
    .sidebar ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
    .sidebar li+li{border:0}
    .sidebar a{padding:7px 0}
}
@media(max-width:750px){
    .sidebar ul{grid-template-columns:1fr}
    .sidebar li+li{border-top:1px solid #deebf0}
    .sidebar a{padding:9px 0}
}
@media print{.sidebar{display:none}}

.content{grid-column:2;grid-row:2;min-width:0;padding-top:22px;padding-bottom:15px}
@media(max-width:1000px){.content{order:2;width:100%}}