.mail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:23px;align-items:start}.mail-layout .notice{margin:12px 0 20px}.mail-layout textarea{resize:vertical}.mail-sender-name{font-weight:600;color:#466442;margin-bottom:5px}.mail-setting-state{margin:15px 0}.mail-setting-state+p{margin:19px 0}.mail-history{margin-top:26px}.mail-table-subject{display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.mail-students{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:8px 13px}.mail-student{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer}.mail-student+.mail-student{border-top:1px solid var(--line)}.mail-student strong{display:block;font-size:11px;font-weight:550;color:#59734d}.mail-student small{display:block;color:#809074;font-size:10px;margin-top:3px}.mail-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:15px 0;color:#657b59}.mail-checkbox input{margin-top:4px;flex-shrink:0}.mail-checkbox a{color:var(--green)}.mail-sample{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:17px 0}.mail-sample header{padding:19px 24px;color:white;background:#17634c;font-size:15px;font-weight:600}.mail-sample-content{padding:22px 24px}.mail-sample h3{font-size:15px;line-height:1.8;margin:13px 0 20px;letter-spacing:0}.mail-sample-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;color:#63765b}.mail-recipient-detail summary{cursor:pointer;padding:15px 0;font-size:12px;color:#68805b}.mail-recipient-table{max-height:260px}.mail-recipient-table td,.mail-recipient-table th{padding:12px 14px}.mail-error{display:block;max-width:230px;white-space:normal;margin-top:7px}.mail-layout .button.full{margin-top:15px}.mail-layout .tip-card{margin-top:0}.mail-history .table-heading .button{font-size:10px}@media(max-width:1000px){.mail-layout{grid-template-columns:1fr}.mail-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mail-layout .tip-card{justify-content:center;display:flex;flex-direction:column}}@media(max-width:600px){.mail-layout aside{grid-template-columns:1fr}.mail-layout aside .tip-card{display:none}.mail-layout .panel{padding:21px 18px}.mail-sample-content{padding:19px}.mail-sample header{padding:18px 19px}.mail-history .table-heading{align-items:flex-start}.mail-history .table-heading .button{padding:8px;font-size:9px;min-height:34px}}