/* Nomenclature 0.1.2 preview. All game styles are scoped; CHEMSTRUCT/Formula are unchanged. */
.nom-app{--nom-ink:#122c40;--nom-accent:#0c6576;--nom-line:#c8d8df;--nom-muted:#4d6270;max-width:1080px;margin:0 auto;padding:26px 24px 16px;color:var(--nom-ink);font:17px/1.45 Arial,Helvetica,sans-serif;box-sizing:border-box}
.nom-app *{box-sizing:border-box}.nom-app [hidden]{display:none!important}.nom-app h1{font:700 clamp(26px,2.7vw,37px)/1.13 Georgia,serif;letter-spacing:-.02em;margin:0 0 6px;color:var(--nom-ink)}.nom-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:18px}.nom-heading p{margin:0;font-size:15px;color:var(--nom-muted)}
.nom-app button,.nom-app select,.nom-app input{font:inherit;text-transform:none;letter-spacing:normal}.nom-app button{background:var(--nom-accent);border:1px solid var(--nom-accent);border-radius:5px;padding:10px 17px;min-height:44px;cursor:pointer;font-weight:600;color:white;line-height:1.25}.nom-app button:hover:not(:disabled){filter:brightness(.94)}.nom-app button:disabled{opacity:.55;cursor:wait}.nom-app .nom-quiet{background:transparent;color:var(--nom-accent);border-color:var(--nom-line);font-weight:500}.nom-app :focus-visible{outline:3px solid #168aa6;outline-offset:3px}
.nom-preview{border-left:4px solid #ac7821;background:#fff8e9;padding:11px 15px;margin:8px 0 16px;font-size:14px;color:#523b15}.nom-preview p{margin:4px 0 0}.nom-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nom-link-button{display:inline-block;border:1px solid var(--nom-line);border-radius:5px;padding:6px 10px;color:var(--nom-accent);text-decoration:none;background:transparent;white-space:nowrap}.nom-link-button:hover{text-decoration:underline}.nom-setup{display:flex;gap:13px;flex-wrap:wrap;align-items:end;padding:15px 0;border-block:1px solid var(--nom-line)}.nom-setup label{display:grid;gap:5px;flex:1 1 135px;font-size:14px}.nom-app select{min-width:0;width:100%;min-height:44px;padding:10px 8px;background:white;border:1px solid #8ea8b6;border-radius:4px;color:var(--nom-ink)}.nom-band-note{margin:3px 0;font-size:15px;flex-basis:100%;color:#684713}.nom-benzene-note{flex-basis:100%;margin:2px 0;padding:9px 11px;border-left:3px solid #7b8fa0;background:#f4f7f9;color:#344d5d;font-size:14px}.nom-benzene-note strong{color:var(--nom-ink)}.nom-pool-note{flex:1 1 70%;font-size:14px;margin:3px 0;color:var(--nom-muted)}
.nom-context{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:14px;padding:8px 0;color:var(--nom-muted)}.nom-context details{max-width:500px}.nom-context summary,.nom-why summary,.nom-help summary,.nom-term-help summary,.nom-admin-tools summary{cursor:pointer;color:var(--nom-accent)}.nom-context p{margin:8px 0}.nom-score{display:flex;align-items:center;gap:24px;border-block:1px solid var(--nom-line);padding:7px 0;font-size:14px;min-height:49px;font-variant-numeric:tabular-nums}.nom-score strong{font-size:21px;color:var(--nom-accent);font-weight:600}.nom-score button{margin-left:auto;min-height:34px;font-size:13px;padding:7px 10px}.nom-score #nom-clock{font-size:23px;font-weight:600;white-space:nowrap;margin-left:auto}
.nom-stage{background:white;width:100%;max-width:840px;height:clamp(230px,34vh,360px);margin:8px auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.nom-stage svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%;pointer-events:none}.nom-answer-form{display:flex;gap:10px;align-items:stretch;max-width:760px;margin:0 auto}.nom-answer-form input{width:100%;min-width:0;background:white;color:var(--nom-ink);border:2px solid #7796a5;border-radius:5px;padding:11px 15px;font-size:23px;line-height:1.3;min-height:56px;box-shadow:none}.nom-answer-form input::placeholder{font-size:20px;color:#657680}.nom-answer-form button{min-width:98px;font-size:18px}.nom-centre{text-align:center}
.nom-feedback{text-align:center;padding:10px 0 6px;font-size:17px}.nom-feedback p{margin:4px 0 8px}.nom-feedback #nom-expected{font-size:clamp(22px,2.8vw,31px);font-weight:600;color:var(--nom-ink);overflow-wrap:anywhere}.nom-feedback[data-outcome="exact"],.nom-feedback[data-outcome="accepted_alias"]{color:#1b6847}.nom-feedback[data-outcome="precision"]{color:#835320}.nom-feedback[data-outcome="unrecognised"]{color:#a62b24}.nom-why{max-width:760px;border-top:1px solid var(--nom-line);margin:8px auto;padding-top:8px;font-size:15px}.nom-why summary{text-align:center}.nom-why p{margin:8px 0}.nom-error{border-left:3px solid #b02824;background:#fff1f0;color:#862320;padding:10px 14px;font-size:15px}
.nom-review-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}.nom-review-controls button{font-size:13px;min-height:36px;padding:7px 12px}.nom-review-controls label{font-size:13px;display:flex;gap:8px;align-items:center}.nom-review-controls select{width:auto;font-size:13px;min-height:36px;padding:6px}.nom-inspector{border:1px solid var(--nom-line);padding:16px;margin:14px 0;background:#f5f9fa}.nom-inspector dl{display:grid;grid-template-columns:160px 1fr;gap:7px 14px;font-size:14px;margin:0;overflow-wrap:anywhere}.nom-inspector dt{font-weight:600}.nom-inspector dd{margin:0}.nom-small{font-size:13px;margin:10px 0 0;color:var(--nom-muted)}
.nom-summary{text-align:center;min-height:290px;padding:30px 10px}.nom-summary h2{font:600 30px Georgia,serif}.nom-summary-score{font-size:48px;font-weight:600;color:var(--nom-accent);margin:10px 0}.nom-summary button{margin:7px}.nom-help,.nom-term-help,.nom-admin-tools{border-top:1px solid var(--nom-line);padding-top:12px;margin-top:18px;font-size:14px}.nom-help p,.nom-term-help p,.nom-admin-tools p{margin:9px 0}.nom-term-link{color:var(--nom-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.nom-term-link:hover{text-decoration-thickness:2px}.nom-term-help{max-width:760px;margin-inline:auto}.nom-build{text-align:right;font-size:11px;color:var(--nom-muted);margin:16px 0 0}.nom-admin-tools form{margin-top:16px}.nom-admin-tools input{font-size:16px}.nom-stats-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--nom-line);overflow-wrap:anywhere}.nom-stats-row button{font-size:12px;min-height:32px;padding:6px 10px}.nom-stats-row meter{width:170px;height:18px}.nom-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.nom-classroom .site-header,body.nom-classroom .site-footer,body.nom-classroom .tutee-preview-bar{display:none!important}body.nom-classroom main{margin:0!important;padding:0!important;max-width:none!important}body.nom-classroom{background:white!important}.nom-classroom .nom-app{max-width:1500px;padding:20px 4vw}.nom-classroom .nom-stage{max-width:1300px;height:53vh}.nom-classroom .nom-review-controls,.nom-classroom .nom-inspector,.nom-classroom .nom-help,.nom-classroom .nom-term-help,.nom-classroom .nom-admin-tools,.nom-classroom .nom-build,.nom-classroom .nom-preview{display:none!important}.nom-classroom .nom-feedback #nom-expected{font-size:clamp(30px,4vw,55px)}.nom-classroom .nom-heading p{display:none}.nom-classroom .nom-preview{padding:5px 10px;font-size:12px}.nom-classroom .nom-preview p{display:none}.nom-classroom .nom-score>span:not(#nom-clock){display:none}
@media(max-width:700px){.nom-app{padding:18px 14px 10px}.nom-heading{gap:8px}.nom-heading h1{font-size:27px}.nom-heading p{font-size:14px}.nom-heading button{font-size:12px;max-width:110px;padding:8px}.nom-preview{font-size:12px;padding:9px 11px}.nom-setup{gap:10px}.nom-setup label{flex-basis:43%}.nom-stage{height:clamp(180px,29vh,260px);margin:3px auto}.nom-answer-form{flex-wrap:wrap;gap:8px}.nom-answer-form input{flex-basis:100%;font-size:20px;padding:11px;min-height:54px}.nom-answer-form button{margin-left:auto;font-size:16px;min-width:96px}.nom-score{gap:12px;font-size:12px}.nom-score strong{font-size:18px}.nom-score button{font-size:12px;padding:7px}.nom-context{font-size:12px;gap:5px}.nom-band-note{font-size:13px}.nom-inspector dl{grid-template-columns:1fr;gap:3px}.nom-inspector dd{margin-bottom:8px}.nom-summary-score{font-size:38px}.nom-classroom .nom-stage{height:43vh}}
@media(max-height:620px) and (max-width:800px){.nom-stage{height:145px}.nom-heading p{display:none}.nom-preview p{display:none}.nom-answer-form{flex-wrap:nowrap}.nom-answer-form input{flex-basis:auto}.nom-context{padding:4px 0}}
@media(prefers-reduced-motion:reduce){.nom-app *{animation:none!important;transition:none!important}}

.nom-classroom-brand{display:none}
body.nom-classroom .nom-classroom-brand{display:block;position:fixed;right:22px;bottom:16px;z-index:50;padding:4px 7px;border-radius:4px;background:rgba(255,255,255,.82);color:#385461;font-size:clamp(13px,1.25vw,18px);font-weight:600;letter-spacing:.01em;opacity:.82;pointer-events:none}

body.nom-classroom .content-report-widget{display:none!important}