.work-lesson .lesson-article { padding:clamp(24px,4vw,54px); }
.work-output { padding:20px 24px; border:1px solid #bfd6e8; background:#eef6fc; display:grid; gap:7px; }
.work-output>span { color:#275c83; font-size:13px; font-weight:700; }
.work-output>strong { font-size:19px; line-height:1.65; }
.work-section { margin-top:42px; }
.work-section>h2 { font-size:24px; line-height:1.5; margin:0 0 20px; }
.work-section>p,.work-steps p,.work-example p,.work-reason,.work-check details p,.work-recall p { font-size:17px; line-height:1.95; color:#30485c; overflow-wrap:anywhere; }
.work-section>p { margin:0 0 20px; }
.work-steps { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.work-steps>li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; border-top:1px solid #d7e4ed; padding-top:18px; }
.work-steps>li>span { color:#275c83; font-weight:700; font-size:13px; padding-top:5px; }
.work-steps h3 { margin:0 0 7px; font-size:19px; line-height:1.6; }
.work-steps p { margin:0; }
.work-diagram { margin:28px 0 0; padding:26px; background:#eef5fa; border:1px solid #c8ddea; border-radius:8px; }
.work-diagram figcaption { display:flex; gap:12px; align-items:center; margin-bottom:22px; color:#173e63; }
.work-diagram figcaption>span { font-size:12px; background:white; padding:4px 9px; border-radius:4px; border:1px solid #c8ddea; }
.work-diagram figcaption>strong { font-size:18px; }
.work-diagram__nodes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.work-diagram__node { position:relative; min-width:0; border:1px solid #cbdde9; background:#fff; border-radius:5px; padding:18px 16px; }
.work-diagram__index { display:block; font-size:12px; font-weight:700; color:#396b91; margin-bottom:8px; }
.work-diagram__node>strong { display:block; font-size:17px; line-height:1.5; color:#173e63; }
.work-diagram__node>p { font-size:15px; line-height:1.8; margin:8px 0 0; color:#3b566c; overflow-wrap:anywhere; }
.work-diagram--flow .work-diagram__node:not(:last-child)::after,.work-diagram--timeline .work-diagram__node:not(:last-child)::after,.work-diagram--decision .work-diagram__node:not(:last-child)::after { content:'→'; position:absolute; right:-23px; top:45%; color:#396b91; font-size:18px; }
.work-diagram--equation .work-diagram__nodes,.work-diagram--funnel .work-diagram__nodes { grid-template-columns:1fr; gap:12px; }
.work-diagram--equation .work-diagram__node { display:grid; grid-template-columns:28px minmax(90px,.5fr) 1fr; gap:12px; align-items:center; }
.work-diagram--equation .work-diagram__index,.work-diagram--equation .work-diagram__node>p { margin:0; }
.work-diagram--equation .work-diagram__node:last-child { border-left:4px solid #275c83; }
.work-diagram--funnel .work-diagram__node:nth-child(2) { margin-inline:7%; }
.work-diagram--funnel .work-diagram__node:nth-child(3) { margin-inline:14%; border-left:4px solid #275c83; }
.work-diagram--funnel .work-diagram__nodes::after { content:'図の幅は行動の段階を表します。実際の人数・割合を示すものではありません。'; color:#4a6272; font-size:12px; line-height:1.8; }
.work-diagram--compare .work-diagram__node { border-top:3px solid #396b91; }
.work-diagram--compare .work-diagram__node:nth-child(2) { border-top-color:#94691b; }
.work-diagram__cycle { text-align:center; margin:18px 0 0; color:#275c83; font-weight:700; font-size:14px; }
.work-diagram__table { width:100%; border-collapse:collapse; background:#fff; font-size:16px; line-height:1.8; }
.work-diagram__table th,.work-diagram__table td { padding:14px 16px; border:1px solid #cbdde9; text-align:left; overflow-wrap:anywhere; }
.work-diagram__table thead th { background:#dcecf7; color:#173e63; }
.work-diagram__table tbody th { width:30%; font-weight:600; color:#173e63; }
.work-example { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.work-example>div { border:1px solid #d7e4ed; padding:20px; border-radius:5px; }
.work-example__before { background:#f5f6f8; }
.work-example__after { background:#edf6fc; border-color:#a8cbe3!important; }
.work-example>div>span { display:block; font-size:13px; font-weight:700; color:#275c83; margin-bottom:9px; }
.work-example p { margin:0; }
.work-reason { margin:16px 0 0!important; }
.work-prompt,.work-recall { margin-top:24px; border:1px solid #cbdde9; border-radius:5px; padding:16px 20px; background:#f8fbfd; }
.work-prompt summary,.work-recall summary,.work-check summary { font-size:15px; font-weight:700; color:#174e78; line-height:1.6; cursor:pointer; }
.work-prompt>p { font-size:14px; line-height:1.8; }
.work-prompt pre { white-space:pre-wrap; overflow-wrap:anywhere; font-family:inherit;font-size:15px;line-height:1.9; padding:20px; background:white; border:1px solid #d7e4ed; }
.work-prompt button,.work-complete button { font:inherit; cursor:pointer; padding:12px 20px; border:1px solid #18588b; border-radius:5px; background:#18588b; color:white; }
.work-prompt [role=status] { display:block; margin-top:8px; font-size:13px; }
.work-practice { background:#fff9ec; padding:26px; border:1px solid #e9d6ae; border-radius:7px; }
.work-practice label { display:block; font-size:14px; font-weight:700; margin:22px 0 8px; }
.work-practice textarea { width:100%; display:block; resize:vertical; padding:14px; border:1px solid #c7c4bb; border-radius:4px; background:#fff; font-family:inherit;font-size:16px;line-height:1.8; color:#192c3d; box-sizing:border-box; }
.work-practice small { display:block; margin-top:8px; font-size:12px; line-height:1.7; color:#63563d; }
.work-criterion { margin-top:22px; border-top:1px solid #e9d6ae; padding-top:16px; }
.work-criterion>strong { font-size:15px; }
.work-criterion p { font-size:15px; line-height:1.9; margin-bottom:0; }
.work-check { border-top:1px solid #d7e4ed; padding-top:32px; }
.work-check details { padding:18px; border:1px solid #cbdde9; background:#f7fbfd; }
.work-review-hint { font-size:13px!important; color:#536b7b!important; margin-top:14px!important; }
.work-references { margin-top:30px; }
.work-references h2 { font-size:15px; }
.work-references ul { padding-left:1.3em; }
.work-references li { font-size:14px; line-height:1.9; }
.work-references a { color:#174e78; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.work-complete { margin-top:36px; }
.work-complete button[aria-pressed=true] { background:#edf6fc; color:#174e78; }
.work-complete p { font-size:12px; line-height:1.7; color:#536b7b; }
.work-lesson button:focus-visible,.work-lesson summary:focus-visible,.work-lesson textarea:focus-visible { outline:3px solid #b68b35; outline-offset:3px; }
@media(max-width:800px){.work-diagram__nodes { grid-template-columns:1fr; gap:20px; }.work-diagram--flow .work-diagram__node:not(:last-child)::after,.work-diagram--timeline .work-diagram__node:not(:last-child)::after,.work-diagram--decision .work-diagram__node:not(:last-child)::after { content:'↓'; top:auto; bottom:-23px; right:50%; }.work-example { grid-template-columns:1fr; }.work-diagram--equation .work-diagram__node { grid-template-columns:24px minmax(0,1fr); }.work-diagram--equation .work-diagram__node>p { grid-column:2; }}
@media(max-width:500px){.work-section { margin-top:32px; }.work-section>h2 { font-size:22px; }.work-diagram,.work-practice { padding:20px 16px; }.work-diagram__table th,.work-diagram__table td { padding:10px; font-size:14px; }.work-steps>li { grid-template-columns:26px minmax(0,1fr); gap:9px; }}