.dinacharya {max-width:76rem;margin:auto;color:var(--oa-text);background:#fff}
.dinacharya form {display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.5rem 0}
.dinacharya input,.dinacharya button,.dinacharya summary {min-height:44px;box-sizing:border-box}
.dinacharya input {max-width:100%;font:inherit}
.dinacharya summary {padding:.65rem;cursor:pointer;color:var(--oa-ink)}
.dina-strip {display:flex;overflow-x:auto;gap:1rem;padding:.5rem;scroll-snap-type:x proximity}
.dina-day {flex:0 0 min(24rem,90%);min-width:0;border:1px solid var(--oa-line);border-radius:1rem;padding:1rem;scroll-snap-align:start}
.dina-day dt {font-weight:600;margin-top:1rem}.dina-day dd {margin:0;overflow-wrap:anywhere}
.dinacharya details {border-bottom:1px solid var(--oa-line)}.dinacharya :focus-visible {outline:3px solid var(--oa-ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.dina-strip{scroll-behavior:auto;scroll-snap-type:none}}
.dina-meaning {display:inline-block;vertical-align:middle;position:relative;margin:0 .5rem;border:0!important}
.dina-meaning summary {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--oa-stone);border-radius:50%;padding:0;list-style:none}
.dina-meaning summary::-webkit-details-marker {display:none}
.dina-meaning p {font-weight:400;background:#fff;border:1px solid var(--oa-line);padding:.75rem;max-width:16rem}
.dinacharya a {text-decoration:underline;display:inline-block;min-height:44px;padding:.5rem 0}
.dina-evidence button {min-width:44px}