/* Information Security and Privacy course: small additions on top of
   ccm-course.css. Uses that file's colour tokens so light and dark both work. */

.sec-opening h2{font-size:calc(1.25rem * var(--fs));}
.sec-steps{margin:18px 0 26px;}
.sec-steps .sim-btn{display:inline-block; text-decoration:none; margin:6px 6px 0 0;}
a.sim-btn{display:inline-block; text-decoration:none;}
.sec-loading,.sec-small{color:var(--muted); font-size:calc(.85rem * var(--fs));}
.sec-error{color:var(--bad); font-weight:600;}
.sec-ok{color:var(--good); font-weight:700; margin-left:10px;}
.sec-opened{color:var(--muted); font-size:calc(.8rem * var(--fs));}
.sec-links{text-align:left;}
.sec-links p{margin:6px 0; overflow-wrap:anywhere;}

.sec-q{margin:0 0 14px; border:1px solid var(--border); border-radius:12px; padding:14px 18px; background:var(--card);}
.sec-q legend{font-weight:600; padding:0 6px;}
.sec-choice{display:flex; gap:10px; align-items:flex-start; padding:9px 4px; cursor:pointer; line-height:1.4;}
.sec-choice input{margin-top:4px; width:18px; height:18px; flex:none;}
.sec-check{display:flex; gap:10px; align-items:flex-start; cursor:pointer;}
.sec-check input{margin-top:5px; width:20px; height:20px; flex:none;}
.sec-input{font:inherit; padding:10px 12px; width:100%; max-width:26rem; border:1px solid var(--border);
  border-radius:8px; background:var(--card); color:var(--ink);}
.sec-input:disabled{opacity:.5;}
.sec-answered{color:var(--muted);}

/* ---- one-page handout ---- */
.handout h1{margin:0 0 6px;}
.handout-cols{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:14px;}
.handout h2{font-size:calc(1.05rem * var(--fs)); margin:14px 0 6px;}
.handout ul{margin:0; padding-left:1.15rem; columns:1; font-size:calc(.92rem * var(--fs));}
.handout li{margin:1px 0;}
.handout footer{margin-top:18px; border-top:1px solid var(--border); padding-top:10px; font-size:calc(.9rem * var(--fs));}
.handout footer a{overflow-wrap:anywhere;}
@media (max-width:640px){ .handout-cols{grid-template-columns:1fr;} }

@media print{
  body.handout-page{background:#fff !important; color:#000 !important;}
  .handout-page .reader-bar,.handout-page #gchs-header,.handout-page .no-print,.handout-page .skip-link{display:none !important;}
  .handout-page .wrap{max-width:none; padding:0; margin:0;}
  .handout{font-size:9.5pt; line-height:1.3;}
  .handout h1{font-size:18pt; margin:0 0 4pt;}
  .handout .day-meta{font-size:9pt; margin:0;}
  .handout h2{font-size:11pt; color:#000; margin:8pt 0 3pt;}
  .handout ul{font-size:9pt; line-height:1.25;}
  .handout li{margin:0;}
  .handout p{margin:0 0 4pt;}
  .handout-cols{grid-template-columns:1fr 1fr; gap:14pt; margin-top:6pt;}
  .handout footer{margin-top:8pt; padding-top:6pt; font-size:9pt;}
  .handout a{color:#000; text-decoration:none;}
  @page{margin:0.45in;}
}

/* Short course: tiles are compact rows, not the square cards the long courses use. */
.wrap ul.tiles li.tile{aspect-ratio:auto; min-height:0;}
.wrap ul.tiles{grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));}
p.sec-opened{margin:8px 0 0;}