/* v28 vocabulary detail additions */
.vocabulary-basic-panel{padding:22px 26px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.vocabulary-basic-panel .detail-row{min-width:0}.learning-form-examples{margin-top:10px;padding-top:10px;border-top:1px solid #edf1f5}.learning-form-examples b{display:block;font-size:11px;color:#6f85a1;text-transform:uppercase;letter-spacing:.06em}.learning-form-examples p{margin:5px 0;color:#24466f;font-size:14px}.learning-form-card{background:#fbfcfe;border:1px solid #dfe6ef;border-radius:12px;padding:15px}.learning-form-card .learning-form-main b{font-size:20px;color:#17375e}.learning-form-detail{display:grid;gap:4px;margin-top:8px}.learning-form-detail small{color:#667d98}.mini-example{margin-top:9px;padding-top:8px;border-top:1px solid #edf1f5;color:#526d8f;font-size:13px;line-height:1.6}.learning-connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.learning-link-card{border:1px solid #dfe6ef;border-radius:12px;background:#fbfcfe;padding:15px;cursor:pointer}.learning-link-card h3{margin:5px 0;font-size:17px;color:#17375e}.learning-link-card p{margin:6px 0;color:#667d98;font-size:13px}.connection-action{display:block;margin-top:10px;color:#3974c9;font-size:12px;font-weight:700}.grammar-clue{margin-top:16px;padding:13px 15px;border-radius:10px;background:#f5f9fd;color:#536b89;font-size:13px}.compact-learning{margin-top:4px}.word-family-panel h2{margin:5px 0}.word-family-panel p{color:#71839b;font-size:13px}.status-select-large{min-width:170px}.status-focus{display:flex;justify-content:space-between;align-items:center;gap:20px}.status-hint{color:#71839b;font-size:12px}.status-save-wrap{min-height:18px}.status-save{font-size:12px}.empty-note{color:#71839b;font-size:13px}.examples-list{display:grid;gap:10px}.example-item{border:1px solid #e3eaf2;border-radius:10px;padding:13px 16px;background:#fbfcfe}.example-item p{font-size:16px;color:#24466f;margin:0;line-height:1.5}.detail-nav{margin-bottom:8px}.word-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:4px 0 28px}.word-hero h1{font-size:60px;line-height:1.05;margin:6px 0 4px;letter-spacing:-.025em}.word-meaning{font-size:22px;color:#526d8f;margin:0}.priority-badge{padding:8px 12px;border-radius:999px;background:#eef4fb;color:#476889;font-size:12px;font-weight:700}.section-kicker{display:block;color:#6f85a1;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.learning-section{margin:0 0 25px}.learning-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 10px}.learning-section-head h2{margin:4px 0 0;color:#17375e;font-size:22px}.learning-count{font-size:11px;color:#7890ad}.learning-panel{padding:20px}.status-focus{padding:0}.vocab-detail-page .detail-panel{background:#fff;border:1px solid #e3eaf2;border-radius:14px;box-shadow:0 5px 18px #38536c0a;margin-bottom:0}.status-select{border:1px solid #cddae8;border-radius:9px;padding:8px 11px;background:#f8fbff;color:#1f4c78;font:600 14px Inter,system-ui,sans-serif}.lesson-live-card{cursor:pointer}.lesson-live-card:focus{outline:2px solid #3974c9;outline-offset:2px}

/* Vocabulary detail layout refinements */
.vocab-detail-page{display:flex;flex-direction:column}
.vocab-detail-page>.vocabulary-basic-panel{order:90}
.vocabulary-basic-panel .detail-row b{font-size:15px;color:#4d698b}
.vocabulary-basic-panel .detail-row span{font-size:15px;color:#244b76}
.learning-form-detail small{font-size:14px;color:#466b91;line-height:1.45}
.learning-form-detail{gap:5px}
.learning-form-card .learning-form-main b{font-size:21px}
.mini-example{font-size:14px;color:#466b91}

/* Lesson detail layout: learning content first, source/provenance last. */
.lesson-detail-page .lesson-content-blocks{display:flex;flex-direction:column}
.lesson-detail-page .lesson-source-section{order:99;margin-top:28px;padding-top:22px;border-top:1px solid #e3eaf2}
.lesson-detail-page .lesson-source-section .lesson-content-heading{margin-top:0}

@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.word-hero{align-items:flex-start;flex-direction:column}.word-hero h1{font-size:44px}.status-focus{align-items:flex-start;flex-direction:column}.learning-section-head{align-items:flex-start;flex-direction:column;gap:5px}.learning-connection-grid{grid-template-columns:1fr}}


/* Example Sentences */
.example-toolbar{margin:0 0 18px}.example-toolbar input{width:100%;max-width:620px;border:1px solid #cddae8;border-radius:10px;padding:12px 14px;background:#fff;color:#1f4c78;font:500 15px Inter,system-ui,sans-serif}.example-card{cursor:pointer;position:relative}.example-card h3{font-size:22px;color:#17375e;margin:8px 0 5px}
.example-delete-btn{
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  border:1px solid #e1d1d1;
  border-radius:50%;
  background:#fff;
  color:#a45b5b;
  font:600 18px/25px Inter,system-ui,sans-serif;
  cursor:pointer;
  opacity:.75;
}
.example-delete-btn:hover{background:#fff7f7;border-color:#cdaaaa;color:#8e3f3f;opacity:1}
.example-delete-btn:focus-visible{outline:2px solid #7aa6d8;outline-offset:2px}.example-card p{font-size:15px;color:#526d8f;margin:0 0 8px}.example-detail-sentence{font-size:42px!important;line-height:1.2!important;max-width:900px}.example-meta-panel{margin-bottom:25px!important}
@media(max-width:700px){.example-detail-sentence{font-size:30px!important}}


/* 2026-09-18: compact, readable detail layout */
.page{padding-top:28px;padding-bottom:28px}
.page .intro{margin-bottom:18px}
.vocab-detail-page .detail-nav{margin-bottom:4px}
.vocab-detail-page .word-hero{margin-bottom:18px}
.vocab-detail-page .word-hero h1{font-size:54px}
.vocab-detail-page .word-meaning{font-size:20px;color:#35597e}
.vocab-detail-page .detail-panel{padding:18px 22px}
.vocab-detail-page .detail-row{font-size:16px;line-height:1.5;padding:12px 0}
.vocab-detail-page .detail-row b{font-size:15px;color:#365777}
.vocab-detail-page .detail-row span{font-size:16px;color:#183f69}
.vocab-detail-page .learning-section{margin-bottom:18px}
.vocab-detail-page .learning-section-head{margin-bottom:7px}
.vocab-detail-page .learning-section-head h2{font-size:21px}
.vocab-detail-page .learning-panel{padding:17px 20px}
.grammar-detail-page .detail-row span{font-size:17px;color:#183f69}
.grammar-detail-page .detail-row b{font-size:15px;color:#365777}
.grammar-detail-page .examples-panel{padding:17px 22px}
.learning-connection-grid{gap:10px}
.learning-form-card,.learning-link-card{padding:13px 15px}


/* 2026-09-18: unify detail-page reading size and deepen text */
.vocab-detail-page .detail-row,
.grammar-detail-page .detail-row{font-size:16px;line-height:1.5}
.vocab-detail-page .detail-row b,
.grammar-detail-page .detail-row b{font-size:15px;color:#294c70}
.vocab-detail-page .detail-row span,
.grammar-detail-page .detail-row span{font-size:16px;color:#173f67}
.grammar-detail-page .notion-block p,
.grammar-detail-page .grammar-content-paragraph p{font-size:16px;color:#173f67;line-height:1.6}
.vocab-detail-page .learning-form-detail small{font-size:16px;color:#315878;line-height:1.5}
.vocab-detail-page .mini-example{font-size:15px;color:#315878}


/* 2026-09-18: Vocabulary Word Forms text matches Grammar card scale */
.vocab-detail-page .learning-form-main span{
  font-size:13px;
  line-height:1.45;
  color:#315878;
}
.vocab-detail-page .learning-form-detail small{
  font-size:13px;
  line-height:1.55;
  color:#315878;
}
.vocab-detail-page .learning-form-detail{
  gap:4px;
}


/* 2026-09-18: readable connected Grammar/Sentence Pattern summaries */
.vocab-detail-page .learning-link-card p{
  font-size:16px;
  line-height:1.55;
  color:#173f67;
}
.vocab-detail-page .learning-link-card h3{
  font-size:18px;
  color:#17375e;
}


/* Vocabulary quick actions */
.word-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.word-action-btn{border:1px solid #d6e2ee;border-radius:9px;background:#fff;color:#315878;padding:8px 11px;font:600 12px Inter,system-ui,sans-serif;cursor:pointer}
.word-action-btn:hover{background:#f4f8fc;border-color:#bfd1e2}
.word-action-btn.danger{color:#9a4f4f;border-color:#ead6d6}
.word-action-btn.danger:hover{background:#fff7f7}
@media(max-width:700px){.word-actions{justify-content:flex-start}.word-action-btn{font-size:12px}}

.example-priority-btn{
  position:absolute;
  top:12px;
  right:48px;
  border:1px solid #d6e2ee;
  border-radius:999px;
  background:#fff;
  color:#315878;
  padding:5px 9px;
  font:600 11px Inter,system-ui,sans-serif;
  cursor:pointer;
}
.example-priority-btn.important{color:#7b5a18;border-color:#ead9a8}
.example-priority-btn.general{color:#315878}
.example-priority-btn:hover{background:#f4f8fc}
.example-tabs{display:flex;gap:8px;margin:0 0 16px}
.example-tabs .vocab-tab{cursor:pointer}

.grammar-card{position:relative}
.grammar-delete-btn{
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  border:1px solid #e1d1d1;
  border-radius:50%;
  background:#fff;
  color:#a45b5b;
  font:600 18px/25px Inter,system-ui,sans-serif;
  cursor:pointer;
  opacity:.75;
  z-index:2;
}
.grammar-delete-btn:hover{background:#fff7f7;border-color:#cdaaaa;color:#8e3f3f;opacity:1}
.grammar-delete-btn:focus-visible{outline:2px solid #7aa6d8;outline-offset:2px}


/* Grammar content hierarchy: headings and Notion rich-text emphasis */
.grammar-detail-page #grammar-content .grammar-content-heading{margin:24px 0 10px}
.grammar-detail-page #grammar-content .grammar-content-heading:first-child{margin-top:4px}
.grammar-detail-page #grammar-content .grammar-content-heading h2{font-size:24px;line-height:1.25;font-weight:800;color:#17375e;margin:0}
.grammar-detail-page #grammar-content .grammar-content-heading h3{font-size:20px;line-height:1.3;font-weight:800;color:#244d76;margin:0}
.grammar-detail-page #grammar-content .grammar-content-heading h4{font-size:17px;line-height:1.35;font-weight:750;color:#315878;margin:0}
.grammar-detail-page #grammar-content strong{font-weight:800;color:#17375e}
.grammar-detail-page #grammar-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95em;font-weight:700;color:#17375e;background:#f1f5f9;border-radius:5px;padding:1px 5px}
.grammar-detail-page #grammar-content .grammar-content-paragraph p{margin:0 0 10px}
.grammar-detail-page #grammar-content .grammar-content-list{display:flex;gap:10px;align-items:flex-start;margin:7px 0}
.grammar-detail-page #grammar-content .grammar-content-list>span{font-weight:800;color:#3974c9;min-width:18px}
.grammar-detail-page #grammar-content .grammar-content-list p{margin:0}

/* 2026-09-28: compact Grammar reading rhythm */
.grammar-detail-page #grammar-content .grammar-content-heading{margin:18px 0 7px}
.grammar-detail-page #grammar-content .grammar-content-heading:first-child{margin-top:2px}
.grammar-detail-page #grammar-content .grammar-content-heading h2{font-size:23px;line-height:1.2;font-weight:700}
.grammar-detail-page #grammar-content .grammar-content-heading h3{font-size:19px;line-height:1.25;font-weight:700}
.grammar-detail-page #grammar-content .grammar-content-heading h4{font-size:16px;line-height:1.3;font-weight:700}
.grammar-detail-page #grammar-content strong{font-weight:700}
.grammar-detail-page #grammar-content code{font-weight:600}
.grammar-detail-page #grammar-content .grammar-content-paragraph p{margin:0 0 7px;line-height:1.45}
.grammar-detail-page #grammar-content .grammar-content-list{gap:8px;margin:4px 0;line-height:1.45}
.grammar-detail-page #grammar-content .grammar-content-list>span{font-weight:700}

/* 2026-09-28: further tighten Grammar line spacing */
.grammar-detail-page #grammar-content .grammar-content-paragraph p{margin-bottom:5px;line-height:1.32}
.grammar-detail-page #grammar-content .grammar-content-list{margin:2px 0;line-height:1.32}
.grammar-detail-page #grammar-content .grammar-content-heading{margin:15px 0 5px}