/* Scoped to the story section: official requirements retain their existing layout. */
#admissionStories{padding:20px 24px;background:#fff;color:#18251f}
#admissionStories h2{margin:0 0 6px;font-size:20px}
#admissionStories .helper{font-size:14px;line-height:1.65;color:#39463f;margin:4px 0 12px}
#admissionStories .story-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
#admissionStories .field{display:flex;align-items:center;gap:8px;min-width:0}
#admissionStories .field label,#admissionStories .notice{font-size:14px;color:#39463f;line-height:1.65}
#admissionStories select{min-height:44px;font-size:14px;color:#18251f;background:#fff;width:auto;max-width:100%;padding:8px 28px 8px 10px}
#admissionStories button{min-height:44px;min-width:44px;padding:8px 12px;font:inherit;font-size:14px;background:#fff;color:#24533f;border:1px solid #acbab0;border-radius:6px;cursor:pointer}
#admissionStories button[hidden]{display:none}
#admissionStories #storyCount{margin:4px 0 8px}
#admissionStories #storyCards{display:block}
#admissionStories .story-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #d7dfda;min-width:0}
#admissionStories details{margin:0;min-width:0;padding:0;border:0}
#admissionStories summary{position:relative;display:block;list-style:none;cursor:pointer;min-height:44px;padding:0 68px 0 0;border-radius:3px;color:#18251f;font-weight:400}
#admissionStories summary::-webkit-details-marker{display:none}
#admissionStories .story-meta{display:block;font-size:14px;line-height:1.6;color:#47564c;overflow-wrap:anywhere}
#admissionStories .story-heading{display:block;font-size:16px;font-weight:650;line-height:1.6;margin:2px 0}
#admissionStories .story-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;color:#39463f}
#admissionStories .story-toggle{position:absolute;right:0;top:24px;font-size:14px;line-height:1.6;color:#24533f}
#admissionStories .when-open{display:none}
#admissionStories details[open] .when-open{display:inline}
#admissionStories details[open] .when-closed,#admissionStories details[open] .story-preview{display:none}
#admissionStories .story-source{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:14px;line-height:1.5;color:#24533f;text-decoration:underline;text-underline-offset:3px;border-radius:4px;margin:20px 0 0}
#admissionStories .story-detail{max-width:78ch;padding:4px 0 0;font-size:14px;line-height:1.7;color:#39463f;overflow-wrap:anywhere}
#admissionStories .story-detail p{font-size:14px;margin:10px 0 0;max-width:none}
#admissionStories blockquote{font-size:14px;line-height:1.7;border-left:2px solid #acbab0;margin:10px 0 0;padding-left:12px}
#admissionStories .story-provenance{color:#47564c}
#admissionStories :is(a,select,button,summary):focus-visible{outline:3px solid #146344;outline-offset:3px}
@media(max-width:600px){
 #admissionStories{padding:16px}
 #admissionStories .story-filters{gap:6px;align-items:end}
 #admissionStories .field{display:flex;flex:1 1 100px;flex-direction:column;align-items:start;gap:3px}
 #admissionStories .field:first-child{flex-basis:100%}
 #admissionStories select{width:100%;min-width:0}
 #admissionStories .story-filters button{padding:8px}
 #admissionStories .story-row{grid-template-columns:minmax(0,1fr);gap:0;padding:10px 0}
 #admissionStories summary{padding:0}
 #admissionStories .story-meta{padding-right:0}
 #admissionStories .story-publisher{display:block}
 #admissionStories .story-toggle{position:static;display:block;min-height:44px;line-height:44px}
 #admissionStories .story-source{justify-self:end;margin:-44px 0 0;position:relative;padding:0 6px}
 #admissionStories details[open]+.story-source{margin-top:4px}
}