/* 도시락 칸: 상세 상단 한눈에 보기 (docs/design_plan_20261012.md) */
.dosirak{--sol:#174d3c;--cheongja:#dcebe2;--mut:#5b6a62;display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:minmax(120px,auto);gap:2px;margin:24px 0 8px;padding:0;border:3px solid var(--sol);border-radius:22px;overflow:hidden;background:var(--sol)}
.dosirak-cell{background:var(--cheongja);padding:18px 20px;min-width:0}
.dosirak-cell.big{grid-row:span 2;background:#fff}
.dosirak-cell h2{font-size:13px;font-weight:600;color:var(--mut);margin:0 0 6px;letter-spacing:0}
.dosirak-cell p{font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.02em;margin:0;color:#152b24;overflow-wrap:anywhere;word-break:keep-all}
.dosirak-cell.big p{font-size:clamp(22px,2.8vw,30px);line-height:1.3}
.dosirak-cell ul{list-style:none;margin:0;padding:0}
.dosirak-cell li{font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.3;padding:6px 0;border-bottom:1.5px dashed #cfd9d2;color:#152b24}
.dosirak-cell li:last-child{border:0}
.dosirak-cell.long p{font-size:15px;font-weight:600;line-height:1.55}
.dosirak-cell.empty{background:repeating-linear-gradient(135deg,#f3f5f3 0 10px,#e8ece9 10px 20px)}
.dosirak-cell.empty p{color:#7d8984;font-weight:600;font-size:17px}
.dosirak-cell.empty a{display:inline-block;margin-top:6px;font-size:13px;font-weight:600;color:var(--sol)}
.dosirak-note{font-size:13px;color:#5b6a62;margin:0 0 20px}
/* 작은 칸이 1~2개뿐인 자료(온라인)는 큰 칸이 2줄을 차지하지 않게 */
.dosirak:not(:has(.dosirak-cell:nth-child(4))) .dosirak-cell.big{grid-row:auto}
.dosirak:not(:has(.dosirak-cell:nth-child(4))){grid-template-columns:2fr 1fr 1fr}
@media (max-width:720px){
  .dosirak{grid-template-columns:1fr 1fr}
  .dosirak-cell.big{grid-column:1/-1;grid-row:auto}
  .dosirak-cell:last-child:nth-child(even){grid-column:1/-1}
}
.link-alive{color:#174d3c;font-size:14px}.link-alive small{color:#5b6a62}