/* P10-T12 Student Life hub. */
body { --iwut-life-navy:#0A1024; --iwut-life-blue:#16295A; --iwut-life-turquoise:#12938C; --iwut-life-gold:#C0A165; --iwut-life-paper:#F6F7FA; background:var(--iwut-life-paper); }
body > .wp-site-blocks > main.wp-block-group { width:min(100% - 32px,1180px); margin-inline:auto; padding-block:132px clamp(56px,8vw,104px); background:var(--iwut-life-paper); }
body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title { position:relative; display:grid; place-items:center; min-height:clamp(230px,28vw,330px); margin:0 0 clamp(38px,5vw,64px); padding:24px; overflow:hidden; isolation:isolate; background:var(--iwut-life-navy); color:#fff; font:700 clamp(42px,7vw,88px)/1 "IWUT Source Serif","Noto Serif",serif; text-align:center; box-shadow:0 18px 38px rgba(10,16,36,.14); }
body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title::before { content:""; position:absolute; inset:14px; z-index:-1; border:1px solid rgba(192,161,101,.35); background:linear-gradient(90deg,transparent 0 18%,rgba(18,147,140,.18) 18% 19%,transparent 19% 81%,rgba(18,147,140,.18) 81% 82%,transparent 82%),url("patterns/motif/motif-palmette.svg") center/150px 150px repeat; opacity:.2; }
body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title::after { content:""; position:absolute; bottom:52px; left:50%; width:110px; height:3px; background:var(--iwut-life-gold); transform:translateX(-50%); }
body > .wp-site-blocks > main.wp-block-group > .entry-content { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > p:first-child { grid-column:1/-1; margin:-30px 0 8px; color:rgba(10,16,36,.72); font:400 18px/1.65 "IWUT Inter",sans-serif; text-align:center; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image { grid-column:span 2; margin:0; min-height:250px; overflow:hidden; border-inline-start:4px solid var(--iwut-life-turquoise); background:var(--iwut-life-blue); }
body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image img { display:block; width:100%; height:100%; min-height:250px; object-fit:cover; transition:transform 320ms cubic-bezier(.2,.8,.2,1),filter 220ms ease; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > h2,
body > .wp-site-blocks > main.wp-block-group > .entry-content > h3 { grid-column:span 1; align-self:end; margin:0; padding:24px 24px 8px; color:var(--iwut-life-navy); font:700 clamp(24px,2.4vw,32px)/1.2 "IWUT Source Serif","Noto Serif",serif; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > p { margin:0; color:rgba(10,16,36,.78); font:400 16px/1.65 "IWUT Inter",sans-serif; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > p a { display:inline-flex; margin-top:10px; color:var(--iwut-life-navy); font-weight:700; text-decoration:underline; text-decoration-color:var(--iwut-life-gold); text-underline-offset:5px; transition:color 180ms ease,text-decoration-color 180ms ease; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > p a:hover { color:var(--iwut-life-turquoise); text-decoration-color:var(--iwut-life-turquoise); }
body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image:hover img,
body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image:focus-within img { transform:scale(1.04); filter:saturate(1.08); }
body > .wp-site-blocks > main.wp-block-group > .entry-content > :is(h2,h3) + p { padding:0 24px 24px; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card { display:flex; flex-direction:column; min-height:360px; overflow:hidden; border:1px solid rgba(22,41,90,.16); border-inline-start:4px solid var(--iwut-life-turquoise); background:#fff; box-shadow:0 8px 20px rgba(10,16,36,.06); transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease,border-color 180ms ease; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card.wp-block-group { margin:0; padding:0; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card > figure.wp-block-image { margin:0; min-height:190px; border:0; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card > figure.wp-block-image img { min-height:190px; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card > :is(h2,h3) { margin:0; padding:20px 22px 8px; color:var(--iwut-life-navy); font:700 clamp(22px,2vw,28px)/1.2 "IWUT Source Serif","Noto Serif",serif; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card > p { margin:0; padding:0 22px 20px; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card:hover,
body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card:focus-within { transform:translateY(-6px); border-color:var(--iwut-life-turquoise); box-shadow:0 16px 30px rgba(10,16,36,.13); }
@media (max-width:900px) { body > .wp-site-blocks > main.wp-block-group > .entry-content { grid-template-columns:repeat(2,minmax(0,1fr)); } body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image { grid-column:1/-1; } body > .wp-site-blocks > main.wp-block-group > .entry-content > :is(h2,h3) { grid-column:span 1; } }
@media (max-width:700px) { body > .wp-site-blocks > main.wp-block-group { width:min(100% - 24px,1180px); } body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title { min-height:190px; margin-bottom:34px; } body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title::before { inset:9px; background-size:100px 100px; } body > .wp-site-blocks > main.wp-block-group > h1.wp-block-post-title::after { bottom:38px; width:82px; } body > .wp-site-blocks > main.wp-block-group > .entry-content { grid-template-columns:1fr; gap:18px; } body > .wp-site-blocks > main.wp-block-group > .entry-content > p:first-child, body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image, body > .wp-site-blocks > main.wp-block-group > .entry-content > :is(h2,h3) { grid-column:1; } body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card { min-height:340px; } }
@media (prefers-reduced-motion:reduce) { body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image img, body > .wp-site-blocks > main.wp-block-group > .entry-content > p a, body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card { transition:none; } body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image:hover img, body > .wp-site-blocks > main.wp-block-group > .entry-content > figure.wp-block-image:focus-within img, body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card:hover, body > .wp-site-blocks > main.wp-block-group > .entry-content > .student-life-card:focus-within { transform:none; } }

/* The shortcode already outputs semantic cards; style that real structure. */
body > .wp-site-blocks > main.wp-block-group > .entry-content > .loop-cards { display:grid; grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; width:100%; margin:0; padding:0; }
body > .wp-site-blocks > main.wp-block-group > .entry-content > .loop-cards > .loop-card { display:flex; flex-direction:column; min-width:0; min-height:360px; margin:0; overflow:hidden; border:1px solid rgba(22,41,90,.16); border-inline-start:4px solid var(--iwut-life-turquoise); background:#fff; box-shadow:0 8px 20px rgba(10,16,36,.06); transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms ease,border-color 180ms ease; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card-image { display:block; height:185px; overflow:hidden; background:var(--iwut-life-blue); }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 320ms cubic-bezier(.2,.8,.2,1),filter 220ms ease; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card-title { margin:0; padding:20px 22px 9px; color:var(--iwut-life-navy); font:700 clamp(21px,2vw,27px)/1.22 "IWUT Source Serif","Noto Serif",serif; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card-title a { color:inherit; text-decoration:none; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card > p { margin:0; padding:0 22px 14px; color:rgba(10,16,36,.75); font:400 15px/1.6 "IWUT Inter",sans-serif; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card > p:last-child { margin-top:auto; padding-bottom:22px; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card > p:last-child a { color:var(--iwut-life-navy); font-weight:700; text-decoration-color:var(--iwut-life-gold); text-underline-offset:5px; }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:hover,
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:focus-within { transform:translateY(-6px); border-color:var(--iwut-life-turquoise); border-inline-start-color:var(--iwut-life-gold); box-shadow:0 16px 30px rgba(10,16,36,.13),0 0 0 2px rgba(18,147,140,.14); }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:hover .loop-card-image img,
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:focus-within .loop-card-image img { transform:scale(1.045); filter:saturate(1.08); }
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:hover .loop-card-title a,
body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:focus-within .loop-card-title a { color:var(--iwut-life-turquoise); }
@media (max-width:900px) { body > .wp-site-blocks > main.wp-block-group > .entry-content > .loop-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { body > .wp-site-blocks > main.wp-block-group > .entry-content > .loop-cards { grid-template-columns:1fr; } body > .wp-site-blocks > main.wp-block-group > .entry-content > .loop-cards > .loop-card { min-height:340px; } }
@media (prefers-reduced-motion:reduce) { body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card, body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card-image img { transition:none; } body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:hover, body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:focus-within, body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:hover .loop-card-image img, body > .wp-site-blocks > main.wp-block-group > .entry-content .loop-card:focus-within .loop-card-image img { transform:none; } }