/* Grade6 Unit3 Writing shared UI: email, diary and future configured formats.
   Sample blocks keep translations beside English on desktop and stack on mobile. */
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-template{
  min-width:0;width:100%;box-sizing:border-box;
  align-items:stretch;overflow:visible;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-template summary{
  cursor:pointer;line-height:1.55;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-source{
  margin:3px 0 5px;font-size:13px;line-height:1.5;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-source>b{
  font-size:13px;font-weight:600;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-columns{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;gap:14px;width:100%;min-width:0;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-column{
  min-width:0;width:100%;box-sizing:border-box;
  padding:15px 17px;border:1px solid #cadfd5;border-radius:13px;
  background:#fff;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-column[lang="vi"]{
  background:#f4faf6;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-column h4{
  margin:0 0 10px;font-size:16px;font-weight:750;
  color:#215645;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-content{
  display:block;min-width:0;max-width:100%;
  white-space:normal;overflow-wrap:break-word;word-break:normal;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-content p{
  display:block;width:auto;min-width:0;max-width:100%;
  margin:0 0 14px;font-size:16px;line-height:1.7;
  color:#234c43;white-space:normal;overflow-wrap:break-word;
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-content p:last-child{margin-bottom:0}
@media(max-width:760px){
  html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-columns{
    grid-template-columns:minmax(0,1fr);gap:10px;
  }
  html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-column{padding:12px 13px}
  html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-example-content p{
    font-size:15.5px;line-height:1.65;margin-bottom:12px;
  }
}

/* Small type-specific guidance, no duplicate list or long column. */
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-type-note{
 margin:7px 0 0;padding:7px 10px;font-size:13px;
 line-height:1.55;color:#265841;background:#e8f6ef;
 border-radius:8px;overflow-wrap:anywhere
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-help{
 min-width:0;box-sizing:border-box
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-help>summary{
 cursor:pointer;line-height:1.5
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-help>p{
 margin:8px 0;font-size:14px;line-height:1.55
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps>div{
 display:flex;flex-direction:column;gap:4px;
 min-width:0;border:1px solid #d4e6db;border-radius:10px;
 background:#fff;padding:9px 11px
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps b{font-size:14px;color:#1e563f}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps span{
 font-size:14px;line-height:1.5;overflow-wrap:anywhere
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps small{
 font-size:12px;line-height:1.5;color:#526e5b
}
html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-type-warning{
 color:#81541e;background:#fff8ed;border-radius:8px;
 padding:8px 10px
}
@media(max-width:760px){
 html[data-sgk-grade="6"]:is([data-sgk-unit="3"],[data-sgk-unit="2"]) .g6u3-writing-format-steps{
  grid-template-columns:minmax(0,1fr);gap:7px
 }
}