.ht-student-top {
  position: sticky;
  inset-block-start: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  padding: .3rem max(.65rem, env(safe-area-inset-right)) .3rem max(.65rem, env(safe-area-inset-left));
  border-bottom: 1px solid var(--edge);
  background: #faf5e9;
}

.ht-student-top #ht-header {
  display: flex;
  flex-wrap: nowrap;
  gap: .35rem .7rem;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.ht-student-top .ht-brand {
  font-size: clamp(1rem, 2vw, 1.45rem);
  overflow: hidden;
  text-overflow: ellipsis;
}

.ht-student-top button.ht-brand {
  min-height: 44px;
  padding: 0;
  border: 0;
  color: var(--green);
  background: transparent;
}

.ht-student-top .ht-badge {
  padding: .18rem .45rem;
  font-size: .9rem;
}

#ht-fullscreen, .ht-student-menu summary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: .25rem .65rem;
  white-space: nowrap;
  font-size: .9rem;
}

.ht-student-menu { flex: none; }
.ht-student-menu summary::after { content: "▾"; margin-inline-start: .3em; }

#ht-header .ht-student-menu nav {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: max(.65rem, env(safe-area-inset-left));
  inline-size: min(25rem, calc(100% - max(.65rem, env(safe-area-inset-left)) - max(.65rem, env(safe-area-inset-right))));
  max-block-size: max(4rem, calc(var(--ht-visible-height, 100dvh) - 4rem));
  margin: 0;
  overflow: auto;
  overscroll-behavior: contain;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: .35rem;
  border: 1px solid var(--edge);
  border-radius: .75rem;
  background: var(--card);
  box-shadow: 0 .35rem .9rem #33221833;
}

#ht-header .ht-student-menu nav button { font-size: .9rem; padding: .3rem .7rem; }
#ht-header .ht-student-menu nav a { min-block-size: 44px; }
.ht-student-top [data-action="sound-toggle"] {
  flex: none;
  min-block-size: 44px;
  padding-inline: .45rem;
  white-space: nowrap;
  font-size: .82rem;
}
.ht-student-top [data-action="sound-toggle"][aria-pressed="false"] { color: var(--muted); text-decoration: line-through; }
.ht-home-learn { margin-block: .7rem; }
.ht-home-learn [data-action="open"] { background: var(--green); color: white; }
.ht-review-step { margin-block: .3rem; color: var(--muted); }
.ht-write-board [data-write-current] polyline { stroke: #54754f; stroke-dasharray: 2 2; opacity: .55; }
.ht-write-board [data-write-current] circle, .ht-write-board [data-write-current] path { fill: #3d6940; }
.ht-exam-prep > article + article { margin-block-start: 1rem; }
#ht-coin-feedback { position: fixed; z-index: 10; inset: 3.9rem .7rem auto auto; pointer-events: none; }
#ht-coin-feedback span {
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .6rem .95rem;
  border: 1px solid #d4a347;
  border-radius: 1rem;
  color: #53310a;
  background: linear-gradient(145deg, #fff8d7, #ffdf80);
  box-shadow: 0 .35rem 1rem #68401644, inset 0 1px #fffdf0;
  font-weight: 800;
}
#ht-coin-feedback img { width: 2rem; height: 2rem; object-fit: contain; }
.ht-coin-sparkles { display: none; }
@media (prefers-reduced-motion: no-preference) {
  #ht-coin-feedback span { animation: ht-coin-arrive .45s cubic-bezier(.2, .85, .35, 1.2) both; }
  #ht-coin-feedback img { animation: ht-coin-flip .75s cubic-bezier(.2, .75, .35, 1) both; }
  .ht-coin-sparkles {
    position: absolute;
    display: block;
    left: 1.9rem;
    top: 50%;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #fff5c0;
    box-shadow: -1.15rem -.9rem #ffca4b, .55rem -1.4rem #fff5c0, 1.65rem -.75rem #ffd85d,
      1.7rem .95rem #fff5c0, .1rem 1.4rem #fbb741, -1.15rem .8rem #ffe886;
    animation: ht-coin-burst .8s ease-out both;
  }
}
@keyframes ht-coin-arrive {
  from { opacity: 0; transform: translateY(-.6rem) scale(.88); }
}
@keyframes ht-coin-flip {
  from { transform: translateY(.4rem) rotateY(-100deg) scale(.65); }
  55% { transform: translateY(-.45rem) rotateY(18deg) scale(1.2); }
}
@keyframes ht-coin-burst {
  from { opacity: 0; transform: scale(.2); }
  30% { opacity: 1; }
  to { opacity: 0; transform: scale(1.65); }
}

body[data-hanja-display="focus"] .ht-home-student { display: none; }

@media (max-width: 610px) {
  .ht-student-top .ht-home-student { display: none; }
  .ht-student-top .ht-badge { display: none; }
  .ht-student-menu summary, #ht-fullscreen { padding-inline: .45rem; }
}

@media (orientation: landscape) and (min-width: 768px) {
  body[data-hanja-role="student"] {
    --ht-screen-height: var(--ht-visible-height, 100dvh);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    block-size: var(--ht-screen-height);
    min-height: 0;
    overflow: hidden;
  }

  .ht-student-top { position: relative; }
  body[data-hanja-role="student"] #ht-main {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    container: ht-student-content / size;
    padding: clamp(.55rem, 1.7dvh, 1.15rem) clamp(.8rem, 2vw, 2rem) max(.65rem, env(safe-area-inset-bottom));
  }

  body[data-hanja-display="focus"] :is(.ht-home-shell, .ht-tree-shell, .ht-dex-screen) { grid-template-columns: minmax(0, 1fr); }
  body[data-hanja-display="focus"] :is(.ht-home-rail, .ht-tree-shell > .ht-rail) { display: none; }

  #ht-main:has(> .ht-lesson-navigation) {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: .45rem;
  }

  #ht-main:has(> .ht-lesson-navigation) > :nth-child(2) {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
  }

  #ht-main .ht-lesson-navigation { margin-top: 0; }
  #ht-main .ht-lesson-navigation .ht-button { font-size: 1.05rem; padding: .3rem 1.2rem; }
  .ht-classroom-notice { margin: 0; padding-block: .2rem; }
  .ht-classroom-notice .ht-button { min-height: 44px; padding-block: .25rem; }

  #ht-main :is(.ht-label, .ht-title) { font-size: clamp(1.25rem, 3.5dvh, 1.95rem); }
  #ht-main :is(.ht-question, .ht-center, .ht-review-card, .ht-write-panel) {
    min-height: 0;
    padding: clamp(.65rem, 2dvh, 1.35rem);
  }

  .ht-question-body { margin-top: .55rem; }
  #ht-main .ht-prompt { font-size: clamp(1.12rem, 3.2dvh, 1.6rem); padding: .55rem .8rem; }
  #ht-main :is(.ht-choices, .ht-grades) { margin-top: .55rem; gap: .45rem; }
  #ht-main .ht-choices button { min-height: 44px; font-size: clamp(1rem, 2.8dvh, 1.45rem); padding: .35rem .5rem; }
  #ht-main .ht-feedback { margin-top: .55rem; padding: .4rem .7rem; font-size: clamp(1rem, 2.8dvh, 1.4rem); }
  #ht-main .ht-question-body img { max-height: 29dvh; object-fit: contain; }

  #ht-main .ht-glyph-card { min-height: 0; gap: .65rem; }
  #ht-main .ht-glyph-card .ht-glyph { font-size: clamp(4rem, 23dvh, 12rem); }
  #ht-main .ht-glyph-card strong { font-size: clamp(1.3rem, 4dvh, 2.15rem); padding: .4rem .8rem; }
  #ht-main .ht-origin-story { padding: .8rem; gap: .65rem; }
  #ht-main .ht-origin-story img { max-height: min(48dvh, calc(var(--ht-screen-height) - 195px)); }
  #ht-main .ht-story-copy { font-size: clamp(1rem, 2.7dvh, 1.5rem); margin: .6rem 0; }
  #ht-main .ht-sources { margin-top: .6rem; padding-top: .45rem; }

  #ht-main .ht-write-panel > p { margin-block: .22rem; }
  .ht-write-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem 1.15rem; }
  .ht-write-layout > div { width: auto; }
  .ht-write-board, .ht-write-example {
    width: min(100%, clamp(9rem, calc(var(--ht-screen-height) - 382px), 24rem));
  }
  #ht-main:not(:has(> .ht-lesson-navigation)) .ht-write-board {
    width: min(100%, clamp(9rem, calc(var(--ht-screen-height) - 415px), 24rem));
  }
  #ht-main .ht-pilot:has(.ht-write-panel) .ht-pilot-heading { margin-bottom: .45rem; }
  #ht-main .ht-write-feedback:empty { display: none; }
  .ht-write-buttons .ht-button { padding: .3rem .7rem; }
  #ht-main .ht-write-panel .ht-guide { margin-top: .35rem; padding: .35rem .7rem; }
  #ht-main .ht-origin-player img { max-height: 43dvh; object-fit: contain; }

  #ht-exam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ht-exam fieldset { min-inline-size: 0; }
  #ht-exam > button { grid-column: 1 / -1; }
  #ht-main .ht-dex-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #ht-main .ht-dex-panel:has(#ht-sentence-answer) { gap: .35rem; padding: .65rem .8rem; }
  #ht-main .ht-dex-panel > .ht-home-sentence { margin: 0; padding: .35rem .6rem; font-size: clamp(1rem, 3dvh, 1.45rem); }
  #ht-sentence-answer { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .55rem; }
  #ht-sentence-answer > p { flex: 1 0 100%; }
  #ht-sentence-answer label { flex: 1 1 9rem; }
  #ht-sentence-answer input { width: 100%; min-width: 0; }

  #ht-main .ht-review-word h2 { font-size: clamp(1.75rem, 6dvh, 3.25rem); }
  #ht-main .ht-review-word img { max-height: 24dvh; object-fit: contain; }

  .ht-drop { padding: .65rem .85rem; }
  .ht-drop-heading h1 { font-size: clamp(1.35rem, 4dvh, 2.15rem); }
  .ht-drop-toolbar { margin-top: .35rem; }
  .ht-drop-field { height: clamp(4.8rem, calc(var(--ht-screen-height) - 340px), 15rem); margin-block: .4rem; }
  .ht-drop-feedback { margin-top: .35rem; }
}

@container ht-student-content (max-height: 360px) {
  .ht-drop:has([data-drop-play]:not([hidden])) .ht-eyebrow { display: none; }
  .ht-drop-field { --ht-drop-tile-height: 3rem; height: 4rem; }
  .ht-drop-tile { font-size: 2rem; }
  .ht-drop-feedback { min-height: 0; }
}

.ht-top-wallet { margin-inline-start: auto; flex: none; }
.ht-top-wallet [data-action="coin-open"] {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  min-height: 44px;
  min-width: 44px;
  margin: 0;
  padding: .2rem .65rem;
  background: #f1e7ef;
  color: #49233f;
  border: 1px solid #c7a8bd;
  font-size: .86rem;
  white-space: nowrap;
}
.ht-top-wallet [data-action="coin-open"]:hover { background: #e9d6e4; }
.ht-top-wallet [data-action="coin-open"] img { object-fit: contain; }
.ht-growth-links { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .65rem; }
.ht-growth-links .ht-button { background: transparent; color: var(--green); border: 1px solid var(--edge); font-size: .92rem; padding: .3rem .55rem; }
.ht-growth-links .ht-button:hover { background: var(--soft); }
.ht-coin-wallet { max-width: 70rem; margin-inline: auto; }
.ht-coin-wallet h1 { margin-block: .25rem .7rem; }
.ht-coin-wallet h2 { margin-block: 0 .6rem; font-size: clamp(1.1rem, 2.4vw, 1.5rem); }
.ht-coin-wallet h3 { margin-block: 0 .25rem; font-size: 1.05rem; }
.ht-coin-balance {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem clamp(.75rem, 3vw, 2rem);
  margin-block-end: .8rem;
  border: 1px solid #c7a8bd;
  border-radius: 1rem;
  background: #f1e7ef;
  color: #49233f;
}
.ht-coin-balance strong { display: block; font-size: clamp(1.35rem, 3vw, 2.3rem); }
.ht-coin-balance p { margin: .15rem 0; }
.ht-coin-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem; align-items: start; }
.ht-coin-columns > article { padding: clamp(.65rem, 2vw, 1.15rem); min-width: 0; }
.ht-coin-method { padding: .45rem .6rem; margin-block: .45rem; border: 1px solid var(--edge); border-radius: .65rem; }
.ht-coin-method p, .ht-coin-history li { font-size: .9rem; margin: .2rem 0; }
.ht-coin-method ul, .ht-coin-history { list-style: none; padding: 0; margin: 0; }
.ht-coin-method li + li, .ht-coin-history li { border-block-start: 1px solid var(--edge); padding-block: .4rem; }
.ht-coin-method li span { margin-inline-start: .5rem; font-weight: 800; color: #49233f; }
.ht-coin-method .ht-button { min-height: 44px; margin: .2rem 0; padding: .25rem .65rem; font-size: .9rem; }
.ht-coin-history li { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: baseline; gap: .15rem .45rem; }
.ht-coin-history li span:nth-child(2) { border-radius: .35rem; padding-inline: .25rem; background: #f1e7ef; color: #49233f; }
.ht-coin-history small { grid-column: 1 / -1; }
.ht-home-heading [data-mobile-coin-guide] { display: none; }
.ht-coin-shop-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: .65rem; }
.ht-review-writing .ht-write-layout { grid-template-columns: minmax(0, 1fr); }
.ht-review-writing .ht-write-layout > div { justify-self: center; max-width: 100%; }
.ht-review-writing .ht-write-board { margin-inline: auto; }

.ht-practice { width: min(100%, 52rem); margin-inline: auto; }
.ht-practice > [data-action="writing-list"] { margin-bottom: .55rem; min-height: 44px; }
.ht-practice .ht-write-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem clamp(.5rem, 3vw, 2rem); }
.ht-practice .ht-write-layout > div { width: auto; min-width: 0; }
#ht-main .ht-practice :is(.ht-write-board, .ht-write-example) {
  width: min(100%, clamp(9rem, calc(var(--ht-screen-height, 100dvh) - 335px), 22rem));
  max-width: none;
}
.ht-practice #ht-practice-stroke {
  display: block; width: min(100%, 12rem); min-height: 44px; margin-top: .4rem;
  padding: .35rem .55rem; border: 1px solid var(--edge); border-radius: .5rem; background: #fffaf0; color: var(--dark); font: inherit;
}
.ht-practice .ht-write-example[data-write-step] polyline { opacity: .2; }
.ht-practice .ht-write-example[data-write-step] text { opacity: 0; }
.ht-practice .ht-write-example[data-write-step] [data-current] { opacity: 1; }

#ht-main .ht-write-panel .ht-write-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .35rem clamp(.4rem, 2vw, 1rem);
  align-items: start;
}
#ht-main .ht-write-panel .ht-write-layout.has-model {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
#ht-main .ht-write-layout > :is(.ht-write-model, .ht-write-input) { width: auto; min-width: 0; }
#ht-main .ht-write-layout :is(.ht-write-board, .ht-write-example) {
  width: min(100%, clamp(9rem, calc(var(--ht-screen-height, 100dvh) - 385px), 22rem));
  max-width: none;
}
.ht-write-heading { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .65rem; }
#ht-main .ht-write-layout [data-write-count] { margin: .2rem 0 0; }
#ht-main .ht-write-layout .ht-write-buttons {
  grid-column: 1 / -1;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
  margin: 0;
}
#ht-main .ht-write-layout .ht-button { min-height: 44px; padding: .3rem .72rem; }
#ht-main .ht-write-feedback:empty { display: none; }
@media (max-width: 600px) {
  #ht-main .ht-write-panel .ht-write-layout.has-model {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  #ht-main .ht-write-panel > p { margin-block: .25rem .45rem; }
  #ht-main .ht-write-layout .ht-button { padding-inline: .55rem; font-size: .92rem; }
  #ht-main .ht-write-layout [data-action="write-demo"] { width: 100%; }
  #ht-main .ht-write-panel .ht-guide { margin-top: .4rem; }
}
@media (orientation: landscape) and (max-height: 480px) {
  #ht-main .ht-write-panel { padding: .45rem .65rem; }
  #ht-main .ht-write-heading .ht-label { font-size: 1.05rem; padding: .25rem .55rem; }
  #ht-main .ht-write-panel .ht-write-instruction { margin-block: .1rem .2rem; font-size: .8rem; }
  #ht-main .ht-write-panel .ht-write-layout :is(.ht-write-board, .ht-write-example) {
    width: min(100%, clamp(80px, calc(100dvh - 300px), 160px));
  }
  #ht-main .ht-write-layout .ht-write-model { display: flex; flex-wrap: wrap; align-items: start; gap: .35rem; }
  #ht-main .ht-write-layout .ht-write-model .ht-button { margin-top: 0; }
  #ht-main .ht-practice .ht-write-layout :is(.ht-write-board, .ht-write-example) {
    width: min(100%, clamp(76px, calc(100dvh - 315px), 145px));
  }
  #ht-main .ht-practice .ht-write-model { align-items: center; }
  #ht-main .ht-practice #ht-practice-stroke { width: auto; margin-top: 0; }
}
.ht-write-picker { padding: clamp(.8rem, 2.5vw, 1.7rem); }
.ht-write-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.3rem, 1fr)); gap: .55rem; padding: 0; list-style: none; }
.ht-write-tiles .ht-button {
  display: grid; width: 100%; justify-items: center; gap: .2rem;
  border: 1px solid var(--edge); border-radius: .7rem; background: #fffaf0; color: var(--green);
}
.ht-write-tiles strong { font-size: 1.9rem; line-height: 1.15; }
.ht-write-tiles span { font-size: .87rem; }
@media (max-width: 440px) {
  .ht-practice .ht-write-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .3rem; }
  .ht-practice .ht-write-buttons .ht-button { padding-inline: .2rem; font-size: .82rem; }
  .ht-practice [data-action="write-submit"] { grid-column: 1 / -1; }
}
.ht-review-writing > .ht-dex-actions { margin-top: .3rem; }
.ht-dex-evidence { color: var(--green); }
@media (max-width: 610px) {
  .ht-home-heading [data-mobile-coin-guide] { display: inline-flex; align-items: center; min-height: 44px; }
  .ht-student-top #ht-header { gap: .22rem; }
  .ht-top-wallet .ht-wallet-label { display: none; }
  .ht-top-wallet [data-action="coin-open"] { padding-inline: .3rem; }
  .ht-coin-columns { grid-template-columns: minmax(0, 1fr); }
  .ht-coin-history li { grid-template-columns: auto minmax(0, 1fr) auto; }
  .ht-coin-history li time { grid-column: 1 / -1; }

}

.ht-review-result, .ht-review-writing:has(.ht-review-guide-controls) {
  max-width: 52rem;
  margin-inline: auto;
}
.ht-review-result .ht-dex-panel h2, .ht-review-result-copy p,
.ht-review-schedule .ht-short-due, .ht-review-guide-controls p { margin: 0; }
.ht-review-result-copy, .ht-review-schedule, .ht-review-guide-controls {
  display: grid;
  min-width: 0;
  gap: .55rem;
  align-content: center;
}
.ht-review-result-copy > .ht-feedback, .ht-review-word-result .ht-dex-panel > .ht-feedback {
  margin: 0;
}
.ht-review-correction .ht-write-correction { margin: 0 0 .65rem; }
.ht-review-correction .ht-write-correction .ht-write-example { width: 100%; }
.ht-review-result-actions .ht-button { min-height: 44px; }
.ht-review-options { display: grid; gap: .35rem; }
.ht-review-option {
  position: relative;
  display: grid;
  justify-items: start;
  gap: .05rem;
  min-height: 44px;
  padding: .32rem 2rem .32rem .65rem;
  border: 1px solid var(--edge);
  border-radius: .65rem;
  background: #fffaf0;
  color: var(--green);
  font: inherit;
  line-height: 1.25;
  text-align: start;
}
button.ht-review-option:not([aria-disabled="true"]) { cursor: pointer; }
.ht-review-option span { font-size: .9em; }
.ht-review-option:is([aria-current], [aria-pressed="true"]) {
  background: var(--soft);
  border-color: var(--green);
  box-shadow: inset 0 0 0 1px var(--green);
}
.ht-review-option .ht-review-check {
  position: absolute;
  inset: 50% .65rem auto auto;
  translate: 0 -50%;
  font-size: 1.2rem;
  font-weight: 800;
}
.ht-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ht-review-guide-model { opacity: .16; }
.ht-review-guide-controls [data-write-count] { font-size: 1.2rem; font-weight: 800; }
.ht-review-guide-controls .ht-write-instruction {
  padding: .45rem .65rem;
  border-radius: .65rem;
  background: var(--soft);
  color: var(--green);
}
@media (min-width: 640px) and (orientation: landscape) {
  .ht-review-correction .ht-review-result-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(.7rem, 2.5vw, 1.5rem);
  }
  .ht-review-correction .ht-write-correction { justify-content: center; margin: 0; }
  #ht-main .ht-review-writing:has(.ht-review-guide-controls) .ht-write-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
  }
  #ht-main .ht-review-writing:has(.ht-review-guide-controls) .ht-write-input { justify-self: stretch; }
  #ht-main .ht-review-writing:has(.ht-review-guide-controls) .ht-write-board {
    width: min(100%, clamp(125px, calc(var(--ht-screen-height, 100dvh) - 145px), 22rem));
  }
}
@media (orientation: landscape) and (max-height: 480px) {
  .ht-review-result > .ht-label { margin: 0 0 .35rem; }
  .ht-review-result .ht-dex-panel { padding: .55rem .7rem; gap: .4rem; }
  .ht-review-correction .ht-write-correction figure { width: min(100%, max(74px, 29dvh)); }
  .ht-review-correction .ht-review-result-copy > .ht-feedback { margin: 0; }
}
@media (max-width: 440px) {
  .ht-review-result > .ht-label { margin: 0 0 .35rem; }
  .ht-review-result .ht-dex-panel { gap: .45rem; padding: .65rem; }
  .ht-review-result .ht-dex-panel h2 { font-size: 1.25rem; }
  .ht-review-result-copy, .ht-review-schedule { gap: .35rem; }
  .ht-review-result .ht-feedback { padding: .4rem .6rem; }
  .ht-review-correction .ht-write-correction figure { width: min(calc((100% - .75rem) / 2), 7rem); }
  .ht-review-result-actions .ht-button { padding: .35rem .62rem; font-size: .92rem; }
}
.ht-review-correction .ht-feedback strong,
.ht-review-correction .ht-feedback span { display: block; }
.ht-review-correction .ht-feedback span { font-size: .9em; font-weight: 600; }

@media (min-width: 640px) and (orientation: landscape) and (max-height: 480px) {
  .ht-review-word-result .ht-review-options {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  }
  #ht-main .ht-review-word-result .ht-feedback { margin: 0; }
}
@media (max-width: 440px) and (orientation: portrait) {
  .ht-review-word-result .ht-review-result-actions [data-action="daily-continue"] { width: 100%; }
}