/* 26 Oct 19:58 mail, "단국대학교 37회 졸업전시 수정2차.pdf".
 * Page numbers below belong to this 11-page PDF, not the earlier 36-page PDF.
 * Load after page-specific styles; preserve earlier approved backgrounds/fonts.
 */

/* p1: change only the marked English runs. Numeric address runs retain Inter. */
.exhibition-date .date-weekday{font-family:SUITE,sans-serif;font-weight:800}
.exhibition-heading .venue-floor{font-family:SUITE,sans-serif;font-weight:700}
.venue>.english-copy{font-family:SUITE,sans-serif;font-weight:500}
.venue-number{font-family:Inter,sans-serif;font-weight:400}

/* pp3–4: owner explicitly confirmed 22px on 27 Oct (PDF's pt is a typo).
   Booth code above the name baseline; paragraphs use the whole column. */
.floorplan-profile .profile-booth{align-self:flex-start;font-family:SUITE,sans-serif;font-weight:700;font-size:22px;line-height:1.2;margin-top:.1em}
.floorplan-profile .interview-grid p{white-space:normal;max-width:none}
.floorplan-profile .interview-grid h3{line-height:1.210227}
.floorplan-profile .profile-work-links small{color:#000}

/* p6: the received 672px graphic includes its own complete colour/blur. */
.work-author-person>a>img{object-fit:contain}
.work-title>p{margin-top:clamp(12px,1.1458333333vw,22px)}
.work-credit strong+span{margin-top:clamp(12px,1.1458333333vw,22px)}

/* p7: identical anchors before, during and after category rotation. */
.category-nav a,.category-nav.is-rotating a{transform:translateX(-50%);padding:0}
.category-nav a[aria-current] span{margin-top:0}

/* p10: use the full source vector throughout, not a PNG cropped 1px too short. */
.message-disc-art{mask-image:url('assets/message-disc.svg');mask-size:100% 100%}
.message-dialog-content:focus{outline:none}
.message-dialog-content>p{font-family:Inter,"Noto Sans KR",sans-serif;letter-spacing:-.02em}
.message-dialog-content>time{font-family:Inter,"Noto Sans KR v1",sans-serif}
.message-dialog-bottom strong{font-family:Inter,"Noto Sans KR v1",sans-serif;font-weight:700}
.message-dialog-bottom button{font-family:Inter,"Noto Sans KR",sans-serif;font-weight:400}
.message-dialog-bottom button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:.8;flex-shrink:0;border-color:#fff}
/* p10 #3: the source group is 38px, but its actual outline is 34px.
   Center the original glyph ink, not a mixed-font line box/side bearings. */
.message-close-label{display:block;flex:none;width:4.6853971875em;height:.898em;overflow:visible}
.message-close-label-mobile{display:none}
@media(max-width:700px){.message-close-label-pc{display:none}.message-close-label-mobile{display:block;width:4.6883971874em;height:.905em}}

@media(min-width:701px){
  .floorplan-profile .profile-top{align-items:stretch}
  .floorplan-profile .profile-picture{align-self:stretch;width:100%;min-width:0;aspect-ratio:auto}
  .floorplan-profile .profile-text{display:flex;flex-direction:column}
  .floorplan-profile .profile-interview{margin-top:auto;padding-top:2.34375vw}
  .floorplan-profile .profile-works{margin-left:0;justify-content:flex-start}

  /* p6 #1: each language row shares its top edge with the left-hand label. */
  .work-description{row-gap:4vw;align-content:start}
  .work-heading,.work-prose{display:contents}
  .work-title{grid-column:1;grid-row:1}
  .work-credit{grid-column:1;grid-row:2;align-self:start}
  .work-credit>a{margin-top:0}
  .work-prose>p{grid-column:2;grid-row:1;font-size:clamp(13px,.83333vw,19px);font-weight:600;line-height:2.08875}
  .work-prose>p[lang=en]{grid-row:2}
  .work-end{align-items:end}
  .work-author{padding-top:0}
  .related-works{padding-bottom:0}
  .related-works>div{align-items:end;padding-bottom:0}
  .related-works h2{align-items:center}
  .related-icon{width:clamp(28px,2.083333vw,40px);height:clamp(18px,1.25vw,24px);vertical-align:top}

  .works-selector{height:27.4479166667vw}
  .category-nav a{gap:.729166667vw;line-height:1.233333}
  .works-title{margin-top:2vw}
  .works-grid{margin-top:5.4479166667vw}
  /* p9: original arrow outline → text box, 32px at the 1920px reference width.
     The source SVG has no blank inset; box gap now equals outline gap. */
  .message-field{gap:clamp(16px,1.6666666667vw,32px)}
  /* Original button dimensions are fixed; only the surrounding page adapts. */
  .message-dialog-bottom button{width:108px;height:34px;font-size:16px}
}

@media(max-width:700px){
  /* p2: the last row has room; do not squeeze the four-character name. */
  .graduate-mobile .graduate-row:last-child .roster-four{font-size:1em;letter-spacing:inherit;grid-column:span 2}
  /* p4: keep the original mobile order and column layout. */
  .profile-work-links small{color:#000}
  .floorplan-profile .profile-booth{font-size:22px;margin-top:0}
  .floorplan-profile .interview-grid h3{line-height:1.214286}
  /* p6 #4: gap between Korean and English title/name, 9px. */
  .work-title>p,.work-credit strong+span{margin-top:9px}
  /* p7: source frame is 393px wide, excluding its 44px device status strip. */
  .works-selector{height:61.8320610687vw;min-height:0}
  .category-nav a,.category-nav a[aria-current]{gap:1.3923664122vw;padding:0;line-height:1.25}
  .category-nav a i{width:1.915776vw;height:1.915776vw}
  .works-title{font-size:16px;line-height:1.5;margin-top:24px}
  .works-grid{margin-top:15px}
  /* p8 / Figma 6:712: the entire title is SUITE ExtraBold, including 2026. */
  .brand-mobile{font-family:SUITE,sans-serif;font-weight:800}
  /* p11 / Figma 7:3600: 12px, 200%, -3%. Preserve narrow-screen scaling. */
  .message-dialog-content>p{line-height:2;letter-spacing:-.03em}
  .message-dialog-content>time{line-height:2.1021014622;margin-bottom:calc(64px - 2.1021014622em)}
  .message-dialog-bottom button{width:76px;height:26px;font-size:11.2px}
  .message-dialog-bottom button:active{outline:2px solid white;outline-offset:4px}
}

/* 27 Oct 01:17 additional PDF p1: desktop moving-poster control.
   18pt is retained literally here (24 CSS px); -2% tracking, SemiBold.
   Mobile retains the received autoplay poster treatment. */
.exhibition-video-open{margin:36px 0 0;padding:0;font-family:Inter,"Noto Sans KR",sans-serif;font-size:18pt;font-weight:600;letter-spacing:-.02em;line-height:1.5;text-align:left}
.exhibition-video-open span{display:inline-block;margin-left:.2em}
.exhibition-video-dialog{margin:auto}
@media(max-width:700px){.exhibition-video-open{display:none}}

/* Revision 2 p7: the supplied 1373px graphic is tightly cropped; the Figma
   4096px source has transparent margins (129,136)-(3963,3970).
   Match its visible bounds, not the untrimmed image box. Keep the received
   graphic and its rotation; category anchors remain unchanged. */
@media(min-width:701px){
  .category-ray{width:56.454284668vw;top:-38.829803467vw}
}
@media(max-width:700px){
  .category-ray{width:109.559110687vw;height:106.463810234vw;top:-65.943467557vw}
}

/* Revision 2 p11, Figma 7:3465, same text at 393px:
   device status area is 63px (not 44px), and the 32px home area is browser UI.
   Date 288-63=225; body 352-63=289; button 553-63=490; footer 696-63=633.
   Normal Korean wrapping reproduces the original seven lines; keep-all added
   an eighth line and introduced an unnecessary inner scrollbar. */
@media(max-width:700px){
  .message-disc{margin-top:138px;margin-bottom:14px}
  .message-dialog-content>p{word-break:normal;overflow-wrap:anywhere;max-height:42.7480916031vw}
  .message-dialog-bottom{margin-top:33px}
  .message-dialog-bottom strong{width:19.3384223919vw;padding-right:2.951653944vw;text-align:center;line-height:2}
  .page-messages .message-detail-footer{min-height:124px;padding:30px 20px 34px}
  .message-dialog-background{background-size:100vw auto;background-position:center -63px}
}

/* Revision 2 p9 / Figma 28:8033: the first date starts at y=568,
   circles at y=583. The received background is retained; restore the
   original 370px top fade (28:8057), absent from the previous page. */
@media(min-width:701px){
  .message-lines{background-size:100vw auto;background-position:left top}
  .message-lines::after{content:"";position:absolute;inset:0 0 auto;height:19.270833333vw;background:linear-gradient(#e6e7e9,rgba(230,231,233,0));pointer-events:none}
  .messages-layout{padding-top:29.583333333vw}
  .message-day{padding:.78125vw 0 0}
  .message-day>time{top:0;left:2.604166667vw;padding:0;display:flex;align-items:center;gap:4px;line-height:30px}
  .message-date-dot{width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor;font-size:0}
  .message-circles{width:86.614583333vw;margin-left:8.4375vw}
}