/* No portrait reflow: touch devices use the existing laptop composition in
   landscape. This sheet is inert unless phone-viewport.js enables guidance. */
.phone-orientation-guide:not([open]){display:none;}
html.phone-portrait,html.phone-portrait body{width:100%;height:100%;min-height:100%;overflow:hidden!important;}
html.phone-portrait body>.window-frame{visibility:hidden!important;pointer-events:none!important;}
html.phone-portrait body>:is(.sticky-nudge,.site-legal-links,.dorm-building-tip){visibility:hidden!important;pointer-events:none!important;}
html.phone-portrait #phoneOrientationGuide[open]{display:block;position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:radial-gradient(circle at 20% 14%,#fff 0 2px,transparent 3px) 0 0/32px 32px,linear-gradient(155deg,#e9f7ff,#dceaff 55%,#fff0f7);color:#31578d;font:500 16px/1.65 Pretendard,sans-serif;}
#phoneOrientationGuide::backdrop{background:#e5f1ff;}
#phoneOrientationGuide .phone-orientation-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;box-sizing:border-box;min-height:100%;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));}
#phoneOrientationGuide .phone-orientation-logo{display:block;width:215px;max-width:75%;min-height:44px;}
#phoneOrientationGuide .phone-orientation-logo img{display:block;width:100%;height:auto;}
#phoneOrientationGuide .phone-orientation-card{box-sizing:border-box;width:100%;max-width:440px;padding:26px 20px;border:2px solid #8bafe6;border-radius:20px;background:#fbfdff;box-shadow:inset 0 0 0 5px #e8f2ff,0 6px 0 #acc8ec;text-align:center;}
#phoneOrientationGuide .phone-orientation-eyebrow{margin:0;color:#7491b6;font:500 12px/1.5 DungGeunMo,Pretendard,sans-serif;letter-spacing:.08em;}
#phoneOrientationGuide .phone-orientation-symbol{position:relative;display:grid;place-items:center;width:128px;height:104px;margin:24px auto 18px;}
#phoneOrientationGuide .phone-orientation-device{display:grid;place-items:center;width:94px;height:54px;border:3px solid #4c79bd;border-radius:10px;background:linear-gradient(135deg,#f1f9ff,#dbeaff);box-shadow:inset 0 0 0 5px white,4px 5px #c8dcf5;color:#e089b1;font-size:29px;}
#phoneOrientationGuide .phone-orientation-device::after{content:"";position:absolute;right:22px;width:3px;height:13px;border-radius:2px;background:#8cacd9;}
#phoneOrientationGuide .phone-orientation-arrow{position:absolute;right:-5px;top:-17px;color:#6588c5;font:500 47px/1.2 Pretendard,sans-serif;}
#phoneOrientationGuide #phoneOrientationTitle{margin:0 0 14px;color:#284f92;font:750 clamp(22px,6vw,29px)/1.45 Pretendard,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;outline:none;}
#phoneOrientationGuide .phone-orientation-copy{margin:0 0 20px;font-size:16px;line-height:1.7;}
#phoneOrientationGuide .phone-orientation-hint{margin:0;padding:12px;border-radius:10px;background:#edf4fc;color:#7185a3;font-size:13px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;}
#phoneOrientationGuide a:focus-visible{outline:3px solid #cf85b3;outline-offset:3px;}