/* Presentation specific to the daily recitation campaign. */
.recitation-hero-art{min-height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fffaf2 0,#f2e6d8 62%,#edddc7 100%);border:1px solid #e1cfb9;border-radius:100px 100px 12px 12px;overflow:hidden}
.recitation-hero-art:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #dcc8ac;border-radius:50%}
.bead-circle{width:310px;height:310px;position:relative}
.bead-circle>i{position:absolute;width:29px;height:29px;left:calc(50% - 14.5px);top:calc(50% - 14.5px);border-radius:50%;transform:rotate(calc(var(--i)*22.5deg)) translateY(-133px);background:linear-gradient(105deg,#cbbda5 0,#eee7d9 30%,#fffdf8 48%,#e7dfce 57%,#c9baa3 100%);border:1px solid #cfbea5;box-shadow:1px 3px 5px #85613a1a}
.bead-circle>i:nth-child(9){background:linear-gradient(110deg,#b5864f,#f6dfad 45%,#c29759);border-color:#bb945b}
.bead-center{position:absolute;inset:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#855438}
.bead-center strong{font-family:"PMingLiU",serif;font-weight:500;font-size:36px;line-height:1.6;letter-spacing:.15em;margin-left:.15em}
.bead-center span{font-size:12px;letter-spacing:.2em;margin-top:12px;color:#706257}
.art-note{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;font-size:12px;color:#706257;margin:0}
.campaign-intro{max-width:740px;margin:auto;text-align:center}
.campaign-intro .quote{margin:24px 0}
.timeline{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.timeline li{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:8px}
.timeline time{display:block;font-family:var(--serif);font-size:26px;color:var(--green);margin-bottom:10px}
.timeline strong{font-size:17px;font-weight:500;display:block}
.timeline p{font-size:14px;color:var(--muted);margin:8px 0 0}
.seven-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:24px 0}
.seven-days span{border:1px solid #d8c2aa;background:var(--white);color:var(--green);border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-size:16px;font-family:var(--serif)}
.seven-caption{font-size:13px;color:var(--muted)}
.gift-note{padding:20px 24px;background:var(--white);border:1px solid var(--line);border-radius:8px;margin-top:22px;font-size:14px}
.recitation-gift-figure{margin:0;min-width:0}
.recitation-gift-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}
.recitation-gift-caption{margin-top:12px;font-size:13px;line-height:1.7;color:var(--muted)}
.recitation-text{font-family:"Noto Serif TC","PMingLiU",serif;font-size:clamp(21px,2.4vw,26px);line-height:2.1;letter-spacing:.05em}
.recitation-text p{margin-bottom:24px}
.reading-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.reading-tools .small{margin:0}.reading-tools button{padding:8px 15px}
.recitation-text.large-text{font-size:clamp(26px,3vw,32px)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
input[readonly]{background:#f5eee3!important}
.required-note{font-size:13px;color:var(--muted)}
.registration-preview .error{margin:0 0 16px}
.registration-preview .result{margin-top:24px}
.deadline-list{list-style:none;padding:0!important;margin:0}
.deadline-list li{padding:15px 0;border-bottom:1px solid var(--line);margin:0}
.deadline-list time{display:block;color:var(--green);font-size:18px}
.deadline-list span{font-size:13px;color:var(--muted)}
.privacy-summary{font-size:14px;color:var(--muted)}
.privacy-summary strong{font-weight:600;color:var(--ink)}
@media(max-width:680px){.recitation-hero-art{min-height:350px;border-radius:8px}.recitation-hero-art:before{width:300px;height:300px}.bead-circle{transform:scale(.9)}.timeline{grid-template-columns:1fr;gap:12px}.timeline li{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.seven-days{gap:5px}.seven-days span{font-size:14px}.recitation-text{letter-spacing:.02em}.gift-note{padding:18px}}
@media print{.recitation-hero-art,.reading-tools,.registration-preview{display:none!important}.recitation-text{font-size:18pt}}