#instructions{color:#172d4e}
#instructions .help-shell{max-width:1420px;margin:0 auto;padding:8px 4px 32px;min-width:0}
#instructions .help-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}
#instructions h1{font-size:30px;line-height:1.2;margin:7px 0 10px}
#instructions .help-head p{color:#56677d;margin:0;line-height:1.6}
#instructions .help-eyebrow{font-size:11px;letter-spacing:.1em;font-weight:750;color:#3260a0;text-transform:uppercase}
#instructions .help-search{padding:18px 20px;background:#eef4fc;border:1px solid #dae6f5;border-radius:16px}
#instructions .help-search label{display:block;font-size:14px;font-weight:700;margin:0 0 9px}
#instructions .help-search>div{display:flex;gap:10px;align-items:center}
#instructions input[type=search]{width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;font:inherit;background:#fff;color:#172d4e;border:1px solid #bdcde2;border-radius:10px;outline-offset:3px}
#instructions .help-status{color:#556983;font-size:14px;line-height:1.5;margin:12px 0}
#instructions .help-status:empty{display:none}
#instructions .help-groups{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#instructions .help-groups button{border:1px solid #dbe3ed;background:white;color:#46617e;border-radius:24px;padding:8px 13px;font:inherit;font-size:13px;cursor:pointer}
#instructions .help-groups button[aria-pressed=true]{background:#224e86;color:white;border-color:#224e86}
#instructions .help-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:24px;align-items:start}
#instructions .help-index{min-width:0;position:sticky;top:14px;max-height:calc(100vh - 35px);overflow:auto;scrollbar-width:thin;padding:0 3px 8px 0}
#instructionsCount{font-size:12px;color:#62748a;margin:0 0 12px}
#instructionsList{display:flex;flex-direction:column;gap:5px}
#instructionsList button{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#243e5e;border-radius:10px;padding:12px 14px;font:inherit;line-height:1.45;cursor:pointer}
#instructionsList button:hover{background:#f2f6fb}
#instructionsList button[aria-current=page]{background:#e9f1fc;border-color:#bcd0eb;color:#173e72}
#instructionsList button span{display:block;font-weight:650;font-size:14px}
#instructionsList small{display:block;font-size:11px;color:#637b99;margin-top:4px}
#instructions .help-article{min-width:0;background:white;border:1px solid #dfe6ef;box-shadow:0 5px 22px #18395808;border-radius:18px;padding:28px 30px;overflow-wrap:anywhere}
#instructions .help-article-top{display:flex;gap:12px;justify-content:space-between;align-items:center}
#instructions .help-article h2{font-size:25px;line-height:1.3;margin:13px 0 10px;scroll-margin-top:24px}
#instructions .help-intro{font-size:15px;line-height:1.65;color:#56677d;margin:0 0 22px}
#instructions .help-location{display:flex;flex-direction:column;gap:5px;border-left:3px solid #b7cce9;padding:5px 0 5px 13px;margin-bottom:26px;font-size:13px;line-height:1.5;color:#506782}
#instructions .help-location b{color:#233f61;font-size:12px}
#instructions .help-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}
#instructions .help-steps li{display:flex;gap:14px;align-items:flex-start}
#instructions .help-step-number{background:#edf3fc;color:#23518a;flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:750}
#instructions .help-steps h3{font-size:16px;line-height:1.4;margin:3px 0 7px;color:#1e395a}
#instructions .help-steps p{font-size:14px;line-height:1.75;margin:0;color:#40546d}
#instructions .help-checks{margin-top:28px;background:#f5f8fc;border:1px solid #e2eaf5;border-radius:12px;padding:18px 20px}
#instructions .help-checks h3,#instructions .help-related h3{font-size:14px;margin:0 0 10px}
#instructions .help-checks ul{margin:0;padding-left:20px;font-size:13px;line-height:1.75;color:#415871}
#instructions .help-checks li+li{margin-top:8px}
#instructions .help-related{border-top:1px solid #e5eaf1;padding-top:20px;margin-top:25px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#instructions .help-related button{background:none;border:0;padding:5px 0;text-align:left;font:inherit;font-size:13px;line-height:1.5;color:#24548f;cursor:pointer}
#instructions .help-empty{padding:25px 0;color:#5a6c82;line-height:1.7}
#instructions .help-footer{color:#63758c;font-size:12px;line-height:1.7;margin:20px 0 0}
#instructions button:focus-visible,#instructions input:focus-visible{outline:3px solid #729bd1;outline-offset:3px}
#instructions [hidden]{display:none!important}
#instructionsNav .navico svg{width:22px;height:22px}
#app .side .nav>#instructionsNav[hidden]{display:none!important}
body.iriall-secretary #app .side .nav>#instructionsNav:not([hidden]){display:flex!important;order:99!important}
@media(max-width:1050px){#instructions .help-layout{grid-template-columns:235px minmax(0,1fr);gap:16px}#instructions .help-article{padding:22px}}
@media(max-width:720px){#instructions .help-shell{padding:6px 0 24px}#instructions .help-head{gap:10px}#instructions h1{font-size:26px}#instructions .help-head p{font-size:13px}#instructions .help-search{padding:15px}#instructions .help-layout{grid-template-columns:1fr;gap:18px}#instructions .help-index{position:static;max-height:250px;border:1px solid #dbe5f0;border-radius:12px;padding:12px}#instructions .help-article{padding:19px 16px}#instructions .help-article h2{font-size:22px}#instructions .help-article-top{flex-wrap:wrap}#instructions .help-steps{gap:22px}#instructions .help-steps li{gap:10px}#instructions .help-checks{padding:15px}#instructions .help-groups{gap:6px}#instructions .help-groups button{padding:7px 11px;font-size:12px}#instructions .help-search>div{flex-wrap:wrap}}
