.day-recommendations{text-align:left;margin:24px 0}.day-recommendations[hidden]{display:none}.day-recommendations h2{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin:0 0 6px}.rec-lead{font-size:13px;color:var(--ink3);line-height:1.6;margin:0 0 14px}.rec-card{display:block;background:#fff;padding:18px;border:1px solid var(--line);border-radius:20px;margin:12px 0;box-shadow:0 2px 8px rgba(0,0,0,.025)}.rec-pay{font-weight:900;font-size:29px;letter-spacing:-.04em}.rec-pay small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink3)}.rec-position{font-size:16px;font-weight:800;margin:8px 0 3px}.rec-company{font-size:12px;color:var(--ink3);line-height:1.6}.rec-days{display:inline-block;background:#fff1e7;color:#9b440e;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:700;margin:12px 0}.day-recommendations .rec-action{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;background:#101418;color:#fff;text-decoration:none;font-size:15px;font-weight:800}.rec-action:active{transform:scale(.98)}.rec-action:focus-visible{outline:3px solid #ef741f;outline-offset:3px}.rec-review{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;margin:14px 0;font-size:14px;line-height:1.7}.rec-review b{display:block;font-size:17px}.rec-review p{margin:8px 0 0}.ap-q[data-q="done"] .ap-check{width:52px;height:52px;margin-bottom:12px}.ap-q[data-q="done"] .ap-done{padding-top:12px}.ap-q[data-q="done"] .ap-next summary{font-size:14px;font-weight:700;cursor:pointer;padding:12px}.ap-q[data-q="done"] .ap-next{margin-top:12px}.rec-loading{font-size:13px;color:var(--ink3);padding:16px 0}

.rec-action{width:100%;border:0;cursor:pointer}.rec-action:disabled{cursor:default}.rec-detail{display:block;text-align:center;padding:10px;font-size:13px;font-weight:700;color:#65717e}.day-recommendations .rec-sent .rec-action{background:#eaf5ee;color:#1f7a4d}.ap-done h1{margin-bottom:12px}.ap-done>.day-recommendations{margin-top:18px}.day-work-theme .ap-flow-top{top:0}.day-work-theme .ap{padding-top:16px}

body.day-work-theme .ap{max-width:640px;padding:24px 20px 100px}body.day-work-theme .ap-flow-top{max-width:640px}.ap .dw-hero::after{content:none}.ap-q:not(.on){display:none!important}.ap-flow-top .ap-progress{color:#7b8590}.ap-flow-top button:focus-visible{outline:3px solid #ef741f;outline-offset:2px}

.delivery-receipt { display:flex; align-items:center; gap:16px; padding:22px 18px; border-radius:20px; background:linear-gradient(115deg,#fff1e3,#fff9f4); text-align:left }
.ap-done .delivery-receipt .ap-check { flex:none; width:50px; height:50px; margin:0; background:#c44b12; box-shadow:0 0 0 5px #ffe0c6 }
.delivery-receipt .ap-check svg { width:28px; height:28px }
.ap-done .delivery-receipt h1 { margin:0; font-size:clamp(19px,4vw,26px); line-height:1.4; overflow-wrap:anywhere }
.ap-done .rec-card { border-color:#e4d8ce; box-shadow:0 4px 14px #44301b09 }
@media(prefers-reduced-motion:reduce){.delivery-receipt .ap-check{animation:none}}
.rec-select { display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer }
.rec-select input { width:23px;height:23px;accent-color:#b94b16;flex:none }
.rec-select .rec-summary>* { display:block }
.rec-card:has(input:checked) { outline:2px solid #b44c1c;background:#fff8f2 }
.rec-details { margin-top:12px;border-top:1px solid #eee;padding-top:10px;font-size:14px;line-height:1.55 }
.rec-details summary { cursor:pointer;font-weight:700 }
.rec-status:empty { display:none }
.rec-footer { position:sticky;bottom:0;z-index:2;background:#fff;padding:10px 0 max(10px,env(safe-area-inset-bottom));box-shadow:0 -5px 12px #1218200c }
.rec-footer small { display:block;color:#49535b;line-height:1.5;margin-bottom:6px }
.rec-result { padding:26px 18px;background:#fff1e5;border-radius:20px;text-align:center;color:#38281e }
.rec-result>span { display:inline-grid;place-items:center;border-radius:50%;background:#b54310;color:white;width:42px;height:42px;font-size:24px }
.rec-result h3 { font-size:25px;margin:12px 0 }
.rec-result p,.rec-result a { font-size:14px }
.rec-result a { color:#803600;font-weight:bold }

/* 2026-11-07 CEO「チカチカする」「横にスライドできるように、何周もする感じで」＝横に並べるカード・読み込み中の仮のカード・人気（実数だけ） */
.day-recommendations [data-recommendation-list]{position:relative}
.rec-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rec-track::-webkit-scrollbar{display:none}
.rec-track>.rec-card{flex:0 0 min(82%,320px);scroll-snap-align:start;display:flex;flex-direction:column;gap:3px;margin:0;padding:16px;border:1px solid #ebe3dc;border-radius:18px;background:#fff;box-shadow:0 6px 18px #2a1a0c0d;min-height:184px}
.rec-track>.rec-card .rec-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.rec-track>.rec-card .rec-pay{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rec-track>.rec-card .rec-pay small{font-size:12px;color:#7a8590;font-weight:700}
.rec-pop{flex:none;padding:4px 9px;border-radius:999px;background:linear-gradient(110deg,#ff7a2f,#ff9f4a);color:#fff;font-size:11.5px;font-weight:800;box-shadow:0 2px 8px #ff7a2f40}
.rec-track>.rec-card .rec-position{font-size:15px;line-height:1.45}
.rec-track>.rec-card .rec-company{font-size:13px;color:#5d6873}
.rec-day{font-size:12.5px;color:#3d4650;font-weight:700}
.rec-note{font-size:11.5px;color:#8a949e;margin-top:2px}
.rec-go{margin-top:auto;min-height:46px;border:0;border-radius:14px;background:#141a20;color:#fff;font:800 14.5px/1.2 inherit;font-family:inherit;cursor:pointer;transition:transform .08s,background .15s}
.rec-go:active{transform:scale(.97)}.rec-go:disabled{opacity:.7;cursor:default}
.rec-sent .rec-go{background:#e8f4ec;color:#1d7a45}
.rec-in{animation:recIn .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes recIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rec-skel{gap:10px!important}.rec-skel i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#f1f2f4 25%,#f8f9fa 50%,#f1f2f4 75%);background-size:200% 100%;animation:recSk 1.2s linear infinite}
.rec-skel i:first-child{width:46%;height:22px}.rec-skel i:nth-child(2){width:80%}.rec-skel i:nth-child(3){width:60%}
@keyframes recSk{from{background-position:200% 0}to{background-position:-200% 0}}
.rec-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:2px}
.rec-arrow{width:34px;height:34px;border:1px solid #e4e7ea;border-radius:999px;background:#fff;font-size:18px;line-height:1;cursor:pointer;color:#3d4650}
.rec-dots{display:flex;gap:6px}.rec-dots i{width:6px;height:6px;border-radius:999px;background:#d7dbe0;transition:width .2s,background .2s}.rec-dots i.on{width:18px;background:#ff7a2f}
@media(prefers-reduced-motion:reduce){.rec-in,.rec-skel i{animation:none}.rec-track{scroll-behavior:auto}}
.rec-repeat{font-size:12px;font-weight:700;color:#5d6873}

/* 2026-11-08 CEO「リコメンドの企業への応募の黒いボタンが押せない仕様になってる」＝応募の画面のテーマ（day-work-flow.css の .day-work-theme button{color:inherit}）が
   白い文字を上書きして、黒地に黒の字＝押せないように見えていた。おすすめの中のボタンは、どの画面に置かれても白い字にする */
.day-recommendations .rec-go{color:#fff}.day-recommendations .rec-sent .rec-go{color:#1d7a45}