/* Small additions on top of the shared MALYOMAR stylesheet (malyomar.css, copied unchanged). */
.proto-flag{color:#FFD873;font-weight:500}
.site-top .wrap{flex-wrap:wrap;height:auto;min-height:34px;padding-top:4px;padding-bottom:4px}
.site-ft .ft-row{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:40px 0}
.proto-note{border:1px dashed #5A7696;border-radius:var(--r-m);padding:16px;color:#DCE6F0}
.proto-note b{color:#fff}
.site-ft .btn{background:transparent;color:#fff;border-color:#5A7696}
@media(max-width:860px){.site-ft .ft-row{grid-template-columns:1fr}}

.sample{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--r-s);background:var(--amber-soft);color:var(--amber-ink);font:500 11.5px/1 var(--body);white-space:nowrap}
.hero-badge{background:#fff;border-radius:var(--r-l);padding:22px;max-width:360px;justify-self:end}
@media(max-width:900px){.hero-badge{justify-self:start;max-width:260px}}

/* course page */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
@media(max-width:960px){.layout{grid-template-columns:1fr}}
.sticky{position:sticky;top:84px}
@media(max-width:960px){.sticky{position:static}}
.meta-row{display:flex;flex-wrap:wrap;gap:8px 18px;color:#C9D6E3;font-size:14px;margin-top:14px}
.meta-row b{color:#fff;font-weight:500}
details.sec{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface)}
details.sec+details.sec{margin-top:10px}
details.sec>summary{cursor:pointer;padding:12px 16px;display:flex;justify-content:space-between;gap:12px;font-weight:600;color:var(--navy);list-style:none}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::before{content:'+';font-family:var(--mono);color:var(--ink-3);margin-right:4px}
details.sec[open]>summary::before{content:'–'}
details.sec>summary span:first-child{flex:1}
.outline{list-style:none;margin:0;padding:0 0 8px}
.outline li{display:flex;gap:10px;align-items:baseline;padding:7px 16px;border-top:1px solid var(--line-2);font-size:14px}
.outline .ic{font-family:var(--mono);font-size:12px;color:var(--ink-3);width:18px;flex:none}
.cohort{border:1px solid var(--line);border-radius:var(--r-m);padding:14px;background:var(--surface)}
.cohort+.cohort{margin-top:10px}
.cohort .when{font:600 20px/1.1 var(--display);color:var(--navy)}
.cohort .price{font:600 18px var(--body);color:var(--navy)}

/* checkout */
.pay{border:2px solid var(--navy);border-radius:var(--r-l);overflow:hidden;background:var(--surface)}
.pay>.hd{background:var(--navy);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.pay>.bd{padding:16px}
.opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--r-m);padding:10px 12px;cursor:pointer}
.opt+.opt{margin-top:8px}
.opt:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}
.field label{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-bottom:4px}
.field+.field{margin-top:12px}

/* player */
.player{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 102px)}
.player .side-ol{background:var(--surface);border-right:1px solid var(--line);padding:16px 0;overflow:auto}
.player .side-ol h4{padding:0 16px;margin:14px 0 6px;font-size:13px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-family:var(--body)}
.player .side-ol a{display:flex;gap:8px;padding:7px 16px;color:var(--navy);font-size:13.5px;line-height:1.35}
.player .side-ol a:hover{background:var(--paper);text-decoration:none}
.player .side-ol a.on{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}
.player .side-ol .ck{flex:none;width:16px;height:16px;border:1.5px solid var(--line);border-radius:50%;margin-top:1px;font-size:10px;line-height:13px;text-align:center;color:#fff}
.player .side-ol .ck.y{background:var(--teal);border-color:var(--teal)}
.player .side-ol .ck.qz{border-radius:3px}
.player .content{padding:28px 32px;max-width:860px}
.media-ph{aspect-ratio:16/9;border:1px dashed var(--line);border-radius:var(--r-m);background:repeating-linear-gradient(135deg,var(--paper) 0 12px,#fff 12px 24px);display:grid;place-items:center;text-align:center;color:var(--ink-3);font-size:14px;padding:16px;margin:18px 0}
@media(max-width:860px){.player{grid-template-columns:1fr}.player .side-ol{border-right:0;border-bottom:1px solid var(--line);max-height:280px}.player .content{padding:20px 16px}}

/* quiz */
.q{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);padding:16px}
.q+.q{margin-top:12px}
.q h4{font:600 15.5px/1.4 var(--body);color:var(--navy);margin-bottom:10px}
.q label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-s);cursor:pointer;font-size:14.5px}
.q label+label{margin-top:6px}
.q label.right{border-color:var(--green);background:var(--green-soft)}
.q label.wrong{border-color:var(--red);background:var(--red-soft)}
.q .fb{margin-top:8px;font-size:13.5px;font-weight:500}
.q .fb.ok{color:var(--green)} .q .fb.no{color:var(--red)}

/* certificate */
.cert{background:#fff;border:10px double var(--navy);padding:48px 40px;text-align:center;max-width:900px;margin:0 auto;position:relative}
.cert h1{font-size:clamp(28px,4vw,44px);letter-spacing:.04em;text-transform:uppercase}
.cert .who{font:700 clamp(28px,4.5vw,46px)/1.1 var(--display);color:var(--navy);border-bottom:1px solid var(--line);display:inline-block;padding:0 24px 8px;margin:14px 0 18px}
.cert .crs{font:600 22px/1.3 var(--display);color:var(--navy)}
.cert .foot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;font-size:13px;color:var(--ink-2);text-align:center}
.cert .foot b{display:block;color:var(--navy);font:500 15px var(--mono);margin-bottom:4px}
.cert .wm{position:absolute;top:14px;right:14px}
@media(max-width:600px){.cert{padding:28px 16px;border-width:6px}.cert .foot{grid-template-columns:1fr}}
@media print{
  .no-print,.site-ft,.site-hd,.site-top{display:none!important}
  body{background:#fff}
  .cert{border-color:#0E2A47;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-top:0}
  @page{size:A4 landscape;margin:12mm}
}

/* admin */
.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:900px){.admin-grid{grid-template-columns:minmax(0,1fr)}}
.admin-grid>*{min-width:0}
.admin-grid form .grid{--gap:10px}
.tbl-wrap{overflow-x:auto}
.course-card .meta{gap:10px}
.course-card .meta .price{white-space:nowrap}
.hero-badge{max-width:300px}
@media(max-width:600px){.site-hd .brand-sub,.site-hd .cta{display:none}.site-hd .wrap{gap:12px}}
/* Mobile hero: swap the large ASME card for a compact trust strip under the buttons */
.trust-strip{display:none}
@media(max-width:900px){
  .hero-badge,.hero .tag.asme{display:none}
  .trust-strip{display:flex;align-items:center;gap:12px;margin-top:22px;height:56px;padding:0 14px 0 6px;background:#fff;border-radius:var(--r-l);width:max-content;max-width:100%}
  .trust-strip img{height:44px;width:auto}
  .trust-strip span{color:var(--ink,#132948);font-weight:600;font-size:14px;line-height:1.2}
}