/* The New 20260909d. Tool-only styling; hero, Article, FAQ and design note remain shared-owned. */
body.tn-grade-page-body .cs-custom-content-post-before{display:none!important}
body.tn-grade-page-body .tn-grade-page{
  --grade-ink:#1a1208;--grade-muted:#5a4a30;--grade-line:#b8a888;--grade-soft:#ddd4be;
  --grade-paper:#faf6ee;--grade-surface:#fffdf7;--grade-wash:#f5efdf;--grade-accent:#c44a00;
  --grade-primary:#1a1208;--grade-primary-hover:#c44a00;--grade-primary-text:#faf6ee;--grade-primary-line:#1a1208;
  --grade-secondary:#ede6d4;--grade-secondary-hover:#dfd4bb;--grade-action-line:#b8a888;
  --grade-error:#7c2115;--grade-scheme:light;
  --grade-num:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  --tn-ink:var(--grade-ink);--tn-muted:#5a4a30;
  width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto 56px!important;
  color:var(--grade-ink)!important;-webkit-text-fill-color:currentColor!important;
  font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif!important;font-size:15px!important;line-height:1.58!important;
}
body.tn-grade-page-body .tn-grade-tool,
body.tn-grade-page-body .tn-grade-tool *,
body.tn-grade-page-body .tn-grade-tool *::before,
body.tn-grade-page-body .tn-grade-tool *::after{box-sizing:border-box!important;min-width:0}
body.tn-grade-page-body .tn-grade-tool :is(p,dl,dd,dt){margin:0!important}
body.tn-grade-page-body .tn-grade-tool :is(ul,ol,li){list-style:none!important;margin:0!important;padding:0!important}
body.tn-grade-page-body .tn-grade-tool li::before{content:none!important;display:none!important}
body.tn-grade-page-body .tn-grade-tool :is(code,pre,kbd,samp){padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
body.tn-grade-page-body .tn-grade-tool [hidden]{display:none!important}
body.tn-grade-page-body .tn-grade-tool{
  display:grid!important;gap:10px!important;width:100%!important;max-width:860px!important;
  margin:0 auto 18px!important;padding:14px!important;border:1px solid var(--grade-line)!important;
  border-block:3px double var(--grade-line)!important;border-radius:0!important;background:var(--grade-paper)!important;box-shadow:none!important;
  color:var(--grade-ink)!important;-webkit-text-fill-color:var(--grade-ink)!important;
  font-family:var(--grade-num)!important;font-size:13px!important;line-height:1.5!important;
}
/* Tool, ads and meta share an 860px axis; shared meta typography and display remain untouched. */
html body.wp-theme-intro.tn-grade-page-body .tn-grade-page[data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] > .tn-tool-meta-row{
  width:min(860px,100%)!important;margin-inline:auto!important;
}
body.tn-grade-page-body .tn-grade-settings{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important}
body.tn-grade-page-body .tn-grade-modes{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
body.tn-grade-page-body .tn-grade-scale-field{width:94px!important;flex:0 0 94px!important}
body.tn-grade-page-body .tn-grade-panels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important}
body.tn-grade-page-body .tn-grade-pane{display:grid!important;grid-template-rows:auto 1fr!important;gap:8px!important;min-width:0!important}
body.tn-grade-page-body .tn-grade-pane-label{padding:0!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;font-family:var(--grade-num)!important;font-size:12px!important;font-weight:800!important;line-height:16px!important}
body.tn-grade-page-body .tn-grade-input,
body.tn-grade-page-body .tn-grade-result{display:grid!important;align-content:start!important;gap:12px!important;padding:12px!important;border:1px solid var(--grade-line)!important;border-radius:0!important;background:var(--grade-surface)!important;box-shadow:none!important;min-width:0!important}
body.tn-grade-page-body .tn-grade-result{align-content:center!important}
body.tn-grade-page-body #gradeRows{display:grid!important;gap:10px!important}
body.tn-grade-page-body .tn-grade-row{display:grid!important;grid-template-columns:minmax(72px,1.2fr) minmax(40px,.65fr) minmax(62px,.85fr) auto!important;gap:6px!important;align-items:end!important}
body.tn-grade-page-body .tn-grade-rank-workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
body.tn-grade-page-body .tn-grade-rank-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body.tn-grade-page-body .tn-grade-result.tn-grade-rank-result{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;align-content:start!important;gap:12px!important}
body.tn-grade-page-body .tn-grade-rank-readout{display:grid!important;align-content:start!important;gap:12px!important}
body.tn-grade-page-body .tn-grade-field{display:grid!important;grid-template-rows:auto 36px!important;gap:5px!important;align-content:start!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
body.tn-grade-page-body .tn-grade-label{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;font-family:var(--grade-num)!important;font-size:12px!important;font-weight:700!important;line-height:16px!important;white-space:nowrap!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool .tn-grade-control{display:flex!important;align-items:center!important;position:relative!important;width:100%!important;height:36px!important;margin:0!important;padding:0!important;border:1px solid var(--grade-line)!important;border-radius:0!important;background:var(--grade-paper)!important;box-shadow:none!important;color-scheme:var(--grade-scheme)!important}
body.tn-grade-page-body .tn-grade-control input,
body.tn-grade-page-body .tn-grade-control select{display:block!important;flex:1 1 auto!important;width:1px!important;min-width:0!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;color:var(--grade-ink)!important;-webkit-text-fill-color:var(--grade-ink)!important;font-family:var(--grade-num)!important;font-size:14px!important;font-weight:600!important;line-height:34px!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum","tnum"!important;letter-spacing:normal!important;text-align:right!important;appearance:none!important;color-scheme:var(--grade-scheme)!important}
body.tn-grade-page-body .tn-grade-control input[data-grade-name]{text-align:left!important;font-weight:400!important;font-variant-numeric:normal!important;font-feature-settings:normal!important}
body.tn-grade-page-body .tn-grade-control input::placeholder{color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-grade-page-body .tn-grade-control select{text-align:left!important;padding-right:28px!important;cursor:pointer!important}
body.tn-grade-page-body .tn-grade-control--select::after{content:""!important;position:absolute!important;right:12px!important;top:12px!important;width:7px!important;height:7px!important;border-right:1.5px solid var(--grade-muted)!important;border-bottom:1.5px solid var(--grade-muted)!important;transform:rotate(45deg)!important;pointer-events:none!important}
body.tn-grade-page-body .tn-grade-control option{color:var(--grade-ink)!important;background:var(--grade-surface)!important}
body.tn-grade-page-body .tn-grade-control:has(:focus-visible){outline:2px solid var(--grade-accent)!important;outline-offset:-1px!important}
body.tn-grade-page-body .tn-grade-control:has([aria-invalid="true"]){border-color:var(--grade-error)!important}
body.tn-grade-page-body .tn-grade-summary{display:grid!important;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;text-align:center!important}
body.tn-grade-page-body .tn-grade-main,
body.tn-grade-page-body .tn-grade-metric{display:grid!important;grid-template-rows:minmax(28px,auto) auto!important;align-content:center!important;gap:6px!important;padding:8px 4px!important;min-width:0!important}
body.tn-grade-page-body .tn-grade-metric{border:1px solid var(--grade-soft)!important;background:var(--grade-wash)!important}
body.tn-grade-page-body .tn-grade-metric-label{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-family:var(--grade-num)!important;font-size:11px!important;font-weight:700!important;line-height:14px!important;word-break:keep-all!important;overflow-wrap:anywhere!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important}
body.tn-grade-page-body .tn-grade-main output{display:block!important;font-size:32px!important;line-height:1.25!important}
body.tn-grade-page-body .tn-grade-metric output{display:block!important;font-size:20px!important;line-height:40px!important}
body.tn-grade-page-body .tn-grade-tool :is(#gradeAverage,#gradeWeightTotal,#gradeSubjectCount,#gradeRankResult,#gradeMidrank,#gradePercentile,.tn-grade-tick,.tn-grade-cutoff-grade,.tn-grade-cutoff-range){font-family:var(--grade-num)!important;font-weight:800!important;font-variant-numeric:lining-nums tabular-nums!important;font-feature-settings:"lnum","tnum"!important;letter-spacing:normal!important;font-kerning:normal!important;color:var(--grade-ink)!important;-webkit-text-fill-color:var(--grade-ink)!important}
body.tn-grade-page-body .tn-grade-tool[data-state="school-confirmation"] #gradeRankResult{font-size:20px!important;line-height:40px!important;white-space:nowrap!important}
body.tn-grade-page-body .tn-grade-position{display:grid!important;gap:8px!important}
body.tn-grade-page-body .tn-grade-caption{padding:0!important;font-family:var(--grade-num)!important;font-size:12px!important;font-weight:700!important;line-height:16px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important}
/* The horizontal scale reports grade position, not student percentile. Padding contains endpoint markers. */
body.tn-grade-page-body .tn-grade-scale{display:block!important;padding:0 8px!important;border:0!important;background:transparent!important}
body.tn-grade-page-body .tn-grade-track{position:relative!important;padding:18px 0 0!important}
body.tn-grade-page-body .tn-grade-track::before{content:""!important;position:absolute!important;top:3px!important;left:0!important;right:0!important;height:8px!important;border:1px solid var(--grade-line)!important;background:var(--grade-wash)!important}
body.tn-grade-page-body [data-grade-ticks]{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:0!important}
body.tn-grade-page-body .tn-grade-tick{display:block!important;flex:0 0 16px!important;width:16px!important;font-size:12px!important;line-height:16px!important;text-align:center!important}
body.tn-grade-page-body .tn-grade-tick:first-child{margin-left:-8px!important}
body.tn-grade-page-body .tn-grade-tick:last-child{margin-right:-8px!important}
body.tn-grade-page-body [data-grade-marker]{position:absolute!important;top:0!important;width:12px!important;height:14px!important;border:2px solid var(--grade-paper)!important;border-radius:0!important;background:var(--grade-accent)!important;transform:translateX(-50%)!important;box-shadow:0 0 0 1px var(--grade-accent)!important}
body.tn-grade-page-body .tn-grade-cutoff{display:grid!important;align-content:start!important;gap:8px!important}
body.tn-grade-page-body .tn-grade-tool #gradeCutoffs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 10px!important;padding:0!important}
body.tn-grade-page-body .tn-grade-tool #gradeCutoffs li{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;padding:5px 7px!important;border:1px solid var(--grade-soft)!important;background:var(--grade-paper)!important;font-size:11px!important;line-height:16px!important}
body.tn-grade-page-body .tn-grade-cutoff-grade{flex:0 0 auto!important}
body.tn-grade-page-body .tn-grade-cutoff-range{text-align:right!important;overflow-wrap:anywhere!important}
body.tn-grade-page-body .tn-grade-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:auto!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--grade-action-line)!important;border-radius:0!important;box-shadow:none!important;outline:none!important;appearance:none!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:normal!important;text-align:center!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;background:var(--grade-secondary)!important;color:var(--grade-ink)!important;-webkit-text-fill-color:var(--grade-ink)!important;transition:none!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action--primary,
body.tn-grade-page-body .tn-grade-page .tn-grade-tool .tn-grade-modes button[aria-selected="true"]{background:var(--grade-primary)!important;color:var(--grade-primary-text)!important;-webkit-text-fill-color:var(--grade-primary-text)!important;border-color:var(--grade-primary-line)!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action:hover:not(:disabled){background:var(--grade-secondary-hover)!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action--primary:hover:not(:disabled),
body.tn-grade-page-body .tn-grade-page .tn-grade-tool .tn-grade-modes button[aria-selected="true"]:hover:not(:disabled){background:var(--grade-primary-hover)!important;border-color:var(--grade-accent)!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action:focus-visible{background:var(--grade-secondary-hover)!important;outline:2px solid var(--grade-accent)!important;outline-offset:2px!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action--primary:focus-visible,
body.tn-grade-page-body .tn-grade-page .tn-grade-tool .tn-grade-modes button[aria-selected="true"]:focus-visible{background:var(--grade-primary-hover)!important;border-color:var(--grade-accent)!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-action:disabled{cursor:not-allowed!important;opacity:.6!important;outline:none!important}
body.tn-grade-page-body .tn-grade-page .tn-grade-tool button.tn-grade-remove{padding:0 8px!important;align-self:end!important}
body.tn-grade-page-body .tn-grade-tool .tn-grade-hint{padding:0!important;font-size:12px!important;line-height:17px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
body.tn-grade-page-body .tn-grade-tool .tn-grade-explanation{padding:8px 10px!important;border:1px solid var(--grade-soft)!important;background:var(--grade-wash)!important;font-size:12px!important;line-height:18px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
body.tn-grade-page-body .tn-grade-tool .tn-grade-notice{padding:7px 10px!important;border:1px solid var(--grade-soft)!important;background:var(--grade-wash)!important;font-size:12px!important;line-height:17px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
body.tn-grade-page-body .tn-grade-tool[data-state="error"] .tn-grade-notice{border-color:var(--grade-error)!important;color:var(--grade-error)!important;-webkit-text-fill-color:var(--grade-error)!important}
body.tn-grade-page-body .tn-grade-tool .tn-grade-notice:empty,
body.tn-grade-page-body .tn-grade-copy-status:empty{display:none!important}
body.tn-grade-page-body .tn-grade-copy-status{font-size:12px!important;line-height:17px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;overflow-wrap:anywhere!important}
body.tn-grade-page-body .tn-grade-tool .tn-grade-disclaimer{padding:0!important;font-size:11px!important;line-height:16px!important;color:var(--grade-muted)!important;-webkit-text-fill-color:var(--grade-muted)!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
/* Responsive reservations do not own or constrain SDK creative heights. */
body.tn-grade-page-body .tn-grade-responsive-ad{display:block!important;width:100%!important;max-width:860px!important;min-height:90px!important;margin:0 auto 28px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.tn-grade-page-body .tn-grade-ad-top{margin-top:54px!important;margin-bottom:28px!important}
body.tn-grade-page-body .tn-grade-ad-bottom{margin-top:0!important;margin-bottom:28px!important}
body.tn-grade-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-grade-page,
html[data-scheme="dark"] body.tn-grade-page-body:not([data-scheme="light"]) .tn-grade-page{
  --grade-ink:#f7ead1;--grade-muted:#c3b492;--grade-line:#6f6047;--grade-soft:#574a37;
  --grade-paper:#241d12;--grade-surface:#322a1a;--grade-wash:#2c2517;--grade-accent:#e8823f;
  --grade-primary:#6a3b1f;--grade-primary-hover:#824826;--grade-primary-text:#f7ead1;--grade-primary-line:#e8823f;
  --grade-secondary:#2f2115;--grade-secondary-hover:#3a2a1b;--grade-action-line:#826744;--grade-error:#ffb0a2;--grade-scheme:dark;
  --tn-muted:#d9c4a1;
}
@media(prefers-color-scheme:dark){body.tn-grade-page-body[data-scheme="auto"] .tn-grade-page{
  --grade-ink:#f7ead1;--grade-muted:#c3b492;--grade-line:#6f6047;--grade-soft:#574a37;
  --grade-paper:#241d12;--grade-surface:#322a1a;--grade-wash:#2c2517;--grade-accent:#e8823f;
  --grade-primary:#6a3b1f;--grade-primary-hover:#824826;--grade-primary-text:#f7ead1;--grade-primary-line:#e8823f;
  --grade-secondary:#2f2115;--grade-secondary-hover:#3a2a1b;--grade-action-line:#826744;--grade-error:#ffb0a2;--grade-scheme:dark;
  --tn-muted:#d9c4a1;
}}
@media(min-width:721px){
  /* Beyond three subjects, keep the answer in view without stretching it into the growing ledger. */
  body.tn-grade-page-body #gradeAveragePanel:has(.tn-grade-row:nth-child(4)){align-items:start!important}
  body.tn-grade-page-body #gradeAveragePanel:has(.tn-grade-row:nth-child(4)) .tn-grade-pane--result{position:sticky!important;top:16px!important;grid-template-rows:auto auto!important}
}
@media(max-width:720px){
  body.tn-grade-page-body .tn-grade-page{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:0 auto 40px!important}
  body.tn-grade-page-body .tn-grade-tool{padding:12px!important}
  body.tn-grade-page-body .tn-grade-panels{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
  body.tn-grade-page-body .tn-grade-pane{grid-template-rows:auto auto!important}
  body.tn-grade-page-body .tn-grade-result.tn-grade-rank-result{grid-template-columns:minmax(0,1fr)!important}
  body.tn-grade-page-body .tn-grade-input,
  body.tn-grade-page-body .tn-grade-result{padding:10px!important;min-height:0!important;align-content:start!important}
  body.tn-grade-page-body .tn-grade-ad-top{margin-top:48px!important}
  /* Existing shared mobile ad rendering bleeds to the viewport; the outer reservation agrees. */
  body.tn-grade-page-body .tn-grade-responsive-ad{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
}
@media(max-width:390px){
  body.tn-grade-page-body .tn-grade-tool{padding:10px!important}
  body.tn-grade-page-body .tn-grade-settings{gap:8px!important}
  body.tn-grade-page-body .tn-grade-modes{gap:6px!important}
  body.tn-grade-page-body .tn-grade-scale-field{width:82px!important;flex-basis:82px!important}
  body.tn-grade-page-body .tn-grade-page .tn-grade-tool .tn-grade-modes button.tn-grade-action{padding:0 10px!important}
  body.tn-grade-page-body .tn-grade-control input{font-size:13px!important}
  body.tn-grade-page-body .tn-grade-summary{gap:6px!important}
  body.tn-grade-page-body .tn-grade-main output{font-size:28px!important;line-height:40px!important}
  body.tn-grade-page-body .tn-grade-metric output{font-size:18px!important}
}