/* Daily CA material look for the day page. Generated by daily-ca-material/scripts/web.py; do not edit by hand. */
@font-face{font-family:'CamTA';src:url(/assets/fonts/cam/TAU-Marutham.ttf) format('truetype');font-weight:400 600;font-display:swap;size-adjust:106%}
@font-face{font-family:'CamTA';src:url(/assets/fonts/cam/TAU-Marutham-Bold.ttf) format('truetype');font-weight:700 900;font-display:swap;size-adjust:106%}
@font-face{font-family:'CamEN';src:url(/assets/fonts/cam/source-serif-4-latin-400-normal.woff2) format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:'CamEN';src:url(/assets/fonts/cam/source-serif-4-latin-700-normal.woff2) format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:'CamNS';src:url(/assets/fonts/cam/ns-500.ttf) format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:'CamNS';src:url(/assets/fonts/cam/ns-700.ttf) format('truetype');font-weight:700 900;font-display:swap}
.cam{font-family:'CamEN',Georgia,serif;font-size:16.5px;line-height:1.6;color:#151320;font-synthesis:none}
.cam.cam-ta{font-family:'CamNS','CamTA',sans-serif;line-height:1.85}
.cam *{box-sizing:border-box}
.cam b,.cam strong{font-weight:700}
.cam .cam-title{text-align:center;border-top:3px solid #4a1d7c;border-bottom:3px solid #4a1d7c;background:linear-gradient(90deg,#f3edfc,#fff 30%,#fff 70%,#f3edfc);padding:10px 8px 11px;margin:0 0 8px}
.cam .cam-title h2{margin:0;font-size:1.65em;font-weight:800;line-height:1.3;color:#2e1157;font-family:inherit}
.cam .cam-title div{font-size:.95em;font-weight:700;color:#7b2ff7}
.cam a.cam-tg{display:block;text-align:center;font-size:.92em;color:#4a1d7c;background:#f3edfc;border-radius:6px;padding:5px 8px;text-decoration:none;margin:6px 0 4px}
.cam .cam-part{display:flex;align-items:center;gap:12px;margin:26px 0 2px;font-weight:800;color:#2e1157;line-height:1.3;font-size:1.02em}
.cam .cam-part::before,.cam .cam-part::after{content:"";flex:1;min-width:16px;border-top:1.5px solid #4a1d7c}
.cam .cam-part span{color:#7b2ff7;font-size:.9em;white-space:nowrap}
.cam.cam-en .cam-part{text-transform:uppercase;letter-spacing:.4px}
.cam.cam-en .cam-part span{letter-spacing:1.2px}
.cam h3.cam-h{display:flex;align-items:center;gap:12px;margin:14px 0 10px;font-size:1.12em;font-weight:800;color:#fff;font-family:inherit;text-align:center}
.cam h3.cam-h::before,.cam h3.cam-h::after{content:"";flex:1;min-width:12px;border-top:1.8px solid #7b2ff7}
.cam h3.cam-h span{background:#4a1d7c;border-radius:5px;padding:2px 14px;max-width:85%}
.cam .cam-cols{column-gap:34px;column-rule:1px solid #d9c9f2}
@media(min-width:900px){.cam .cam-cols{column-count:2}}
.cam .cam-it{break-inside:avoid;margin:0 0 12px;display:flow-root}
.cam .sh{font-weight:700;color:#3b1670;text-decoration:underline;text-decoration-color:#b48cf0;text-decoration-thickness:1.5px;text-underline-offset:3px;margin:0 0 4px}
.cam .sh::before{content:"\00BB  ";color:#7b2ff7;text-decoration:none;display:inline-block;margin-right:5px}
.cam ul{margin:0;padding-left:18px;list-style:none}
.cam li{position:relative;margin:0 0 5px;text-align:justify;hyphens:auto}
.cam li::before{content:"";position:absolute;left:-13px;top:.7em;width:6px;height:6px;border-radius:50%;background:#7b2ff7}
.cam table{width:100%;border-collapse:collapse;font-size:.93em;line-height:1.5;display:table}
.cam .cam-wide{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:4px 0 12px}
.cam th,.cam td{border:1px solid #b9a3df;padding:5px 8px;text-align:left;vertical-align:top}
.cam th{background:#4a1d7c;color:#fff;font-weight:700}
.cam tbody tr:nth-child(even) td{background:#f8f4fd}
.cam svg{display:block;max-width:440px;margin:0 auto}
.cam .cam-src{font-size:.82em;color:#555;margin-top:18px;border-top:1px solid #bbb;padding-top:6px}
@media(max-width:600px){.cam{font-size:15.5px}.cam table{font-size:.84em;line-height:1.45}.cam th,.cam td{padding:4px 5px}.cam li{text-align:left}.cam .cam-title h2{font-size:1.4em}.cam h3.cam-h span{padding:2px 8px}}
.cam .viz{break-inside: avoid; margin: 4px 0 9px; padding: 6px 8px 5px; border: 1px solid #d9c9f2; border-radius: 6px; background: #fcfaff;}
.cam .vt{font-weight: 700; color: #4a1d7c; font-size: 1em; margin-bottom: 3px;}
.cam .vn{font-size: 0.875em; color: #555; margin-top: 2px; line-height: 1.4;}
.cam .flow{display: flex; flex-direction: column; align-items: stretch;}
.cam .fs{border: 1.4px solid #7b2ff7; background: #fff; border-radius: 6px; padding: 4px 8px; text-align: center; font-size: 0.958em; line-height: 1.4;}
.cam .fs b{color: #4a1d7c;}
.cam .fa{text-align: center; color: #7b2ff7; font-size: 0.938em; line-height: 1.1;}
.cam .hflow{display: flex; align-items: center; gap: 4px; margin: 2px 0 8px; break-inside: avoid;}
.cam .hs{flex: 1; border: 1.4px solid #7b2ff7; background: #fff; border-radius: 6px; padding: 5px 6px; text-align: center; font-size: 0.938em; line-height: 1.35;}
.cam .hs b{color: #4a1d7c; display: block;}
.cam .ha{color: #7b2ff7; font-size: 1.04em;}
.cam .ce{display: flex; align-items: center; gap: 6px;}
.cam .ce-l{flex: 1.3; min-width: 0; display: flex; flex-direction: column; gap: 4px;}
.cam .ce-c{overflow-wrap: anywhere; border: 1.2px solid #b48cf0; border-radius: 5px; padding: 3px 7px; font-size: 0.938em; background: #fff; line-height: 1.35;}
.cam .ce-a{color: #7b2ff7; font-size: 1.35em;}
.cam .ce-r{flex: 1; min-width: 0; overflow-wrap: anywhere; background: #4a1d7c; color: #fff; border-radius: 6px; padding: 8px; text-align: center; font-size: 0.979em; line-height: 1.35;}
.cam .ce-r b{display: block; font-size: 1.67em; color: #ffd84d;}
.cam .board{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 4px 0 6px; break-inside: avoid;}
.cam .bc{border: 1.4px solid #7b2ff7; border-radius: 6px; overflow: hidden; background: #fff;}
.cam .bh{background: #4a1d7c; color: #fff; font-weight: 700; padding: 3px 9px; font-size: 1.04em;}
.cam .bc1 .bh{background: #7b2ff7;}
.cam .bc2 .bh{background: #9b6bd9;}
.cam .board ul{margin: 5px 0 5px; padding-left: 20px; list-style: none;}
.cam .board li{position: relative; font-size: 0.938em; line-height: 1.4; margin-bottom: 2px; text-align: left;}
.cam .board li::before{content: ""; position: absolute; left: -11px; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: #7b2ff7;}
.cam .bonly{border: 1.4px dashed #7b2ff7; border-radius: 6px; padding: 4px 10px; font-size: 0.958em; margin-bottom: 6px; break-inside: avoid; background: #f3edfc;}
.cam .bonly b{color: #4a1d7c;}
.cam .lg{display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 0.917em; line-height: 1.4; margin-top: 3px;}
.cam .lg i{display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px;}
.cam .tiles{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin: 3px 0 8px; break-inside: avoid;}
.cam .tile{background: #f3edfc; border-top: 3px solid #7b2ff7; border-radius: 4px; padding: 4px 4px; text-align: center; line-height: 1.25; min-width: 0;}
.cam .tile b{display: block; color: #4a1d7c; font-size: 1.25em; overflow-wrap: break-word;}
.cam .tile span{display: block; font-size: 0.854em; color: #333; overflow-wrap: break-word;}