/* AI Safety vocabulary uses the same type, stage and screenshot language as the other guides. */
main.vocab-guide .vocab-opening{margin:40px 0}
main.vocab-guide .vocab-preview{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.2fr);align-items:stretch;gap:14px;margin:0}
main.vocab-guide .vocab-card{min-width:0;padding:25px 27px;border:1px solid var(--line);border-radius:15px;background:#faf9f5;box-shadow:0 3px 12px rgb(38 58 46 / 5%)}
main.vocab-guide .vocab-card-label{display:block;color:var(--muted);margin-bottom:18px}
main.vocab-guide .vocab-card-front{display:flex;flex-direction:column;justify-content:flex-start;min-height:380px}
main.vocab-guide .vocab-card-front .vocab-card-label{align-self:flex-start;margin:0 0 15px}
main.vocab-guide .vocab-term{display:block;font-size:clamp(25px,2.7vw,34px);font-weight:600;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}
main.vocab-guide .vocab-flip{display:flex;align-self:center;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#355c46;text-align:center}
main.vocab-guide .vocab-flip svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
main.vocab-guide .vocab-card-back{font-size:16px;line-height:1.52}
main.vocab-guide .vocab-card-back .vocab-card-label{margin-bottom:15px}
main.vocab-guide .vocab-card-back p{margin:0 0 10px}
main.vocab-guide .vocab-card-back p:last-child{margin-bottom:0}
main.vocab-guide .vocab-meaning{border-left:4px solid #2e6849;border-radius:0 8px 8px 0;padding:13px 15px;background:#eaf2e9}
main.vocab-guide .vocab-meaning span{display:block;margin:0 0 4px;color:#355c46}
main.vocab-guide .vocab-meaning strong{font-weight:600}
main.vocab-guide .vocab-preview-note{grid-column:3;max-width:750px;margin:0}
main.vocab-guide .vocab-download-link[data-type]{display:inline-block;padding:9.75px 15px;border-radius:6px;background:#355c46;color:#fff;text-decoration:none;font-size:.75em;font-weight:600;line-height:1.3}
main.vocab-guide .vocab-download-link:hover{background:#244634}
main.vocab-guide .vocab-download-link:focus-visible{outline-offset:4px}

main.vocab-guide.guide-consistent .guide-start{margin-top:0}
main.vocab-guide.guide-consistent .guide-stage>summary h3{transform:translateY(-.1em)}
main.vocab-guide .vocab-stage-body{max-width:900px}
main.vocab-guide .vocab-stage-body>p{max-width:720px}
main.vocab-guide .vocab-download-action{margin:0 0 var(--action-space);max-width:680px}
main.vocab-guide .vocab-download-action .vocab-text-action{position:relative;padding-left:42px;margin:0}
main.vocab-guide .vocab-download-action .vocab-download-link{white-space:nowrap;margin:12px 0 0 42px}
main.vocab-guide .vocab-guide-figure{width:min(100%,662px);margin:0 0 var(--action-space)}
main.vocab-guide .vocab-stage-body>.vocab-guide-figure:last-child{margin-bottom:0}
main.vocab-guide .vocab-stage-body>p:last-child{margin:0;text-box:trim-end cap alphabetic}
main.vocab-guide .vocab-guide-figure-import-button{width:min(100%,522px)}
main.vocab-guide .vocab-guide-figure-compact{width:min(100%,522px)}
main.vocab-guide .vocab-guide-figure figcaption{position:relative;display:block;padding-left:42px;margin:0 0 12px;color:var(--ink)}
main.vocab-guide .vocab-substeps{margin:0;padding-left:20px}
main.vocab-guide .vocab-substeps li{padding-left:2px;margin:0 0 6px}
main.vocab-guide .vocab-substeps li:last-child{margin-bottom:0}
main.vocab-guide .vocab-action-number{position:absolute;left:0;top:0;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}
main.vocab-guide .vocab-fullsize{display:none}
main.vocab-guide .vocab-screen-frame{box-sizing:border-box;width:calc(100% - 42px);max-width:465px;margin-left:42px;padding:14px;border:1px solid #d7dbd4;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgb(38 58 46 / 6%)}
main.vocab-guide .vocab-guide-figure-import-button .vocab-screen-frame,main.vocab-guide .vocab-guide-figure-compact .vocab-screen-frame{max-width:360px}
main.vocab-guide .vocab-screen-canvas{position:relative;overflow:hidden;border-radius:7px;background:#f4f4f4}
main.vocab-guide .vocab-screen-canvas img{display:block;width:100%;height:auto}
main.vocab-guide .vocab-screen-ring{position:absolute;box-sizing:border-box;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:3px solid #e00032;border-radius:8px;pointer-events:none}
main.vocab-guide .vocab-help{padding-left:42px;margin:12px 0 0}
main.vocab-guide #vocab-import .vocab-help{text-box:trim-end cap alphabetic}
main.vocab-guide #vocab-screen-viewer{box-sizing:border-box;width:min(90vw,900px);max-width:none;max-height:90vh;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
main.vocab-guide #vocab-screen-viewer::backdrop{background:rgb(20 30 20 / 72%)}
main.vocab-guide .vocab-viewer-close[data-type]{display:block;min-height:44px;margin-left:auto;padding:8px 14px;border:0;border-radius:6px;background:#355c46;color:#fff;font-size:14px;line-height:1.4;cursor:pointer}
main.vocab-guide .vocab-viewer-caption{margin:12px 0}
main.vocab-guide .vocab-viewer-content{max-height:70vh;overflow:auto}
main.vocab-guide .vocab-viewer-content .vocab-screen-canvas{width:max(100%,700px)}
main.vocab-guide .vocab-viewer-content .vocab-screen-canvas img{max-width:none}
main.vocab-guide #vocab-screen-viewer .vocab-screen-ring{border-width:3px;border-radius:8px}
main.vocab-guide .vocab-viewer-hint{display:none;margin:8px 0 0}

@media(max-width:700px){
  main.vocab-guide .vocab-preview{grid-template-columns:1fr;gap:12px}
  main.vocab-guide .vocab-preview-note{grid-column:1}
  main.vocab-guide .vocab-card-front{min-height:160px}
  main.vocab-guide .vocab-term{font-size:28px}
  main.vocab-guide .vocab-flip{padding:3px 0}
  main.vocab-guide .vocab-flip svg{width:30px;height:30px;transform:rotate(90deg)}
  main.vocab-guide .vocab-card-back{font-size:16px}
  main.vocab-guide .vocab-download-action .vocab-text-action{padding-left:38px}
  main.vocab-guide .vocab-download-action .vocab-download-link{margin-left:38px}
  main.vocab-guide .vocab-screen-frame{width:calc(100% - 38px);margin-left:38px}
  main.vocab-guide .vocab-screen-ring{border-width:2px;border-radius:5px}
  main.vocab-guide .vocab-guide-figure figcaption{padding-left:38px}
  main.vocab-guide .vocab-help{padding-left:38px}
  main.vocab-guide .vocab-fullsize[data-type]{display:inline-block;margin:8px 0 0 38px;font-size:14px;line-height:inherit}
  main.vocab-guide .vocab-viewer-hint{display:block}
}
@media(max-width:460px){
  main.vocab-guide .vocab-card{padding:20px}
}