.word-sending { max-width:900px;margin:95px auto 40px;padding:0 14px;line-height:1.85;color:var(--legacy-font-color,#263c43);font-size:var(--legacy-font-size,16px); }
.word-sending h1 {font-size:1.8em}.word-sending h2 {font-size:1.35em}.word-sending h3 {font-size:1.1em}
.word-sending-intro {text-align:center;margin-bottom:28px}.word-sending-principle {font-weight:700}
.word-sending-card {background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:24px}
.word-sending-list {background:var(--legacy-page-bg,#fff);border:1px solid #9eb6b0;border-radius:16px;padding:24px;margin-bottom:24px}
.word-sending-card,.word-sending-list {scroll-margin-top:90px}
.word-sending-tools {display:flex;justify-content:space-between;align-items:center;gap:8px}.word-sending-tools .reading-toolbar {margin:0}
.word-sending-passage {font-weight:700}.word-sending-version,.word-sending-actions,.word-sending-pagination {display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.word-sending button,.word-sending select,.word-sending-pagination a {font:inherit;min-height:44px;padding:7px 12px;color:inherit;background:var(--legacy-page-bg,#fff);border:1px solid #9eb6b0;border-radius:8px}
.word-sending button {cursor:pointer}.word-sending :focus-visible {outline:2px solid currentColor;outline-offset:3px}
.word-sending-scripture {border-left:3px solid #669d91;padding-left:16px;margin:25px 0}.word-sending-scripture p {margin:12px 0}
.word-sending-explanation p {margin:8px 0}
.word-sending-questions {margin:24px 0}
.word-sending-questions ol {list-style:none;counter-reset:word-question;margin:10px 0;padding:0}
.word-sending-questions li {position:relative;counter-increment:word-question;padding:6px 0 6px 2em}
.word-sending-questions li::before {position:absolute;left:0;content:counter(word-question) ".";font-weight:700}
.word-sending .word-sending-pagination {position:static;width:auto;background:transparent!important;box-shadow:none!important;padding:0;margin-top:24px;z-index:auto;color:inherit}.word-sending-status {font-size:.95em}.word-sending-copy-text {width:100%;min-height:260px;font:inherit;color:inherit;background:var(--legacy-page-bg,#fff)}
.word-sending-list a {display:flex;gap:14px;padding:14px 8px;border-bottom:1px solid #9eb6b0;text-decoration:none;color:inherit}.word-sending-list a[aria-current] {outline:2px solid currentColor;border-radius:8px}.word-sending-list strong,.word-sending-list small {display:block}.word-sending-list small {font-size:.9em}.word-sending-number {min-width:2.5em}
.word-sending-home {width:calc(100% - 28px);max-width:980px;box-sizing:border-box;margin:18px auto;padding:22px 24px;border:1px solid #b9cebf;border-radius:22px;background:#edf5e9;color:#284737;line-height:1.8}
/* Share the same parent and outer width as the home Bible reading card. */
.home-top .word-sending-home {width:100%;max-width:none;margin:0 0 18px}
.word-sending-home h2 {margin:0 0 10px;font-size:1.5rem}.word-sending-home p {margin:8px 0}.word-sending-home-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.word-sending-home-actions a {display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #426b51;border-radius:9px;text-decoration:none;color:#284737!important;background:#fff}
body.dark-theme .word-sending-home {background:#182c23;color:#ecf4ee;border-color:#587c66}body.dark-theme .word-sending-home-actions a {background:#263e30;color:#ecf4ee!important}
@media(max-width:720px){.word-sending-home {width:calc(100% - 20px);max-width:none;margin:14px 10px;padding:22px 16px;border-radius:18px}}
@media(max-width:600px){.word-sending-list {padding:18px 14px}.word-sending-home-actions a {flex:1;justify-content:center}.word-sending-tools {flex-wrap:wrap}}

/* 말씀보내기 도구는 성경 뷰페이지와 같은 상단 아이콘 행을 사용합니다. */
.word-sending-toolbar-wrap { position:relative; margin-bottom:18px; }
.word-sending .zoom.reader-toolbar { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:0;margin:0 0 6px;border:0;border-radius:0;background:transparent;box-shadow:none; }
.word-sending .reader-tool-group { display:flex;align-items:center;gap:7px; }
.word-sending .reader-toolbar .reader-tool-group > :is(a,button) { display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;box-sizing:border-box;min-height:36px;padding:0;border:1px solid #c6dcd5;border-radius:11px;background:#fff;color:#23574e;font:inherit;font-size:1.05rem;text-decoration:none;cursor:pointer; }
.word-sending .reader-toolbar .reader-tool-group > :is(a,button):hover { background:#e4f1ec;border-color:#8bb6a9; }
.word-sending .reader-toolbar .reader-tool-group > :is(a,button) i { margin:0;line-height:1; }
.word-sending-count { text-align:right;color:#687b80;font-size:.9em; }
.word-sending-tool-menu { position:static;width:100%;box-sizing:border-box;max-height:min(65vh,520px);overflow:auto;margin:10px 0;padding:12px;scroll-margin-top:84px;background:var(--legacy-page-bg,#fff);color:var(--legacy-font-color,#263c43);border:1px solid #a7beb7;border-radius:13px;box-shadow:0 8px 26px rgba(20,50,44,.2); }
.word-sending-tool-menu[hidden] { display:none; }
.word-sending-tool-menu a { display:block;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none; }
.word-sending-tool-menu a:hover,.word-sending-tool-menu a[aria-current="true"] { background:#e8f1ee;font-weight:700; }
.word-sending-tool-menu h3 { margin:14px 8px 5px;font-size:1em!important; }
.word-sending-list-menu a { padding-left:14px; }
.word-sending-list-menu a span { color:#688078;font-variant-numeric:tabular-nums; }
.word-sending-list-menu small { margin-left:7px;color:#687b80;font-size:.85em!important; }
.word-sending h1 { font-size:1.8em!important; }
.word-sending h2 { font-size:1.35em!important; }
.word-sending h3 { font-size:1.1em!important; }
.word-sending p,.word-sending li { font-size:inherit!important; }
.word-sending-actions { display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:24px 0 10px;padding-top:14px;border-top:1px solid #dce8e4; }
.word-sending .word-sending-actions button { display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #c6dcd5;border-radius:10px;background:#fff;color:#315f58;font-size:1rem; }
.word-sending .word-sending-actions [data-word-kakao] { border-color:#f3d900;background:#fee500;color:#28221d; }
.word-sending .word-sending-actions button:hover { filter:brightness(.96); }
.word-sending-status { margin:4px 0 0;text-align:right;color:#315f58; }
body.dark-theme .word-sending .zoom.reader-toolbar { background:transparent;border:0;box-shadow:none; }
body.dark-theme .word-sending .reader-toolbar .reader-tool-group > :is(a,button) { background:#263b33;border-color:#4a685b;color:#d4eee4; }
body.dark-theme .word-sending .reader-toolbar .reader-tool-group > :is(a,button):hover { background:#345044;color:#effaf5; }
body.dark-theme .word-sending .word-sending-actions button { background:#263b33;border-color:#4a685b;color:#d4eee4; }
body.dark-theme .word-sending .word-sending-actions [data-word-kakao] { background:#fee500;color:#28221d;border-color:#f3d900; }
body.dark-theme .word-sending-tool-menu { background:#1d2e28;color:#e0eae6;border-color:#3b5048; }
body.dark-theme .word-sending-tool-menu a:hover,body.dark-theme .word-sending-tool-menu a[aria-current="true"] { background:#263b33; }
@media(max-width:720px) {
 .word-sending .zoom.reader-toolbar { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0; }
 .word-sending .reader-tool-group { display:contents; }
 .word-sending .reader-toolbar .reader-tool-group > :is(a,button) { width:100%;max-width:36px;min-width:0;height:34px;min-height:34px;justify-self:center;border-radius:9px;font-size:.95rem; }
}

/* 말씀보내기 목록은 성경읽기 목록과 같은 행 및 그룹 디자인을 사용합니다. */
.reading-index { max-width: 860px; margin: 0 auto; padding: 20px 14px 42px; color: #233b42; }
.reading-index__intro { margin: 0 0 22px; }
.reading-index__eyebrow { color: #087d7c; font-size: .8rem; font-weight: 800; letter-spacing: .1em; }
.reading-index h1 { margin: 5px 0 7px; font-size: clamp(1.8rem, 4vw, 2.4rem); line-height: 1.25; }
.reading-index__intro p { margin: 0; color: #60747b; line-height: 1.6; }
.reading-index__today { display: block; margin-bottom: 28px; padding: 22px 24px; border-radius: 18px; background: linear-gradient(115deg,#174d59,#087e7e); color: #fff !important; text-decoration: none !important; box-shadow: 0 10px 22px rgba(21,82,86,.16); }
.reading-index__today:hover, .reading-index__today:focus-visible { background: linear-gradient(115deg,#123e49,#076d6c); }
.reading-index__today-date { display: block; color: #c3f2ed; font-size: .84rem; font-weight: 700; }
.reading-index__today-title { display: block; margin: 8px 0; font-size: clamp(1.1rem,3vw,1.42rem); line-height: 1.4; font-weight: 750; }
.reading-index__today-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: #e7f7f5; font-size: .93rem; }
.reading-index h2 { margin: 0 0 12px; font-size: 1.14rem; }
.reading-index__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.reading-index__list li { margin: 0; padding: 0; }
.reading-index__item { display: grid; grid-template-columns: 84px 118px minmax(0,1fr) 18px; gap: 14px; align-items: center; padding: 13px 16px; border: 1px solid #e1ebea; border-radius: 12px; background: #fff; color: #253b40 !important; text-decoration: none !important; transition: border-color .16s, background .16s, transform .16s; }
.reading-index__item:hover, .reading-index__item:focus-visible { border-color: #57adaa; background: #f3faf9; transform: translateY(-1px); }
.reading-index__item.is-today { border-color: #4daba8; background: #eef8f6; }
.reading-index__date { font-weight: 700; color: #17656a; white-space: nowrap; }
.reading-index__range { color: #637982; white-space: nowrap; }
.reading-index__title { line-height: 1.45; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.reading-index__arrow { color: #388789; text-align: right; }
.reading-index__group { border: 1px solid #e1ebea; border-radius: 12px; margin-bottom: 12px; padding: 0 12px 12px; background: #f9fcfb; }
.reading-index__group summary { cursor: pointer; padding: 13px 4px; color: #17656a; font-weight: 700; }
@media(max-width:600px) {
 .reading-index { padding: 12px 3px 30px; }
 .reading-index__today { padding: 19px; border-radius: 14px; }
 .reading-index__item { grid-template-columns: 70px minmax(0,1fr) 15px; gap: 7px 10px; padding: 12px; }
 .reading-index__date { grid-column: 1; grid-row: 1 / span 2; font-size: .84rem; }
 .reading-index__range { grid-column: 2; grid-row: 1; font-size: .84rem; }
 .reading-index__title { grid-column: 2; grid-row: 2; font-size: .94rem; }
 .reading-index__arrow { grid-column: 3; grid-row: 1 / span 2; }
}
