:root{--ink:#172e42;--muted:#536779;--blue:#205dd8;--line:#e1e8ef;--bg:#f5f7fb}body{font-size:16px;line-height:1.75}.app{max-width:1600px;grid-template-columns:252px 1fr}.sidebar{background:linear-gradient(160deg,#10283e,#153f50);padding:36px 22px}.brand{font-size:24px}.nav{gap:7px}.nav button{min-height:48px;transition:background .18s,color .18s}.nav button:hover{background:#ffffff13;color:#fff}.nav button.active{background:#c9f4e9;color:#123b40;box-shadow:0 4px 18px #0001}.sidefoot{line-height:1.85}.main{padding:36px 46px 60px;max-width:1210px;width:100%;margin:auto}.title{margin:30px 0}.title p{max-width:700px;font-size:17px}.title .eyebrow{letter-spacing:2.1px;font-size:12px}h1{font-size:clamp(29px,3.6vw,43px);letter-spacing:-1.7px}h2{font-size:24px}h3{line-height:1.45}.tabs{background:#e9eef6;padding:6px;border-radius:14px;display:inline-flex;max-width:100%}.tabs button{background:transparent;border:0;padding:12px 19px;font-weight:700;border-radius:10px}.tabs button.active{box-shadow:0 3px 12px #203c671a}.grid{gap:20px}.card{padding:25px;border-radius:18px;box-shadow:0 5px 20px #233b5705}.card p{line-height:1.8}.num{display:inline-flex;background:#eef4ff;padding:5px 11px;border-radius:9px;margin-bottom:14px}.jobbutton{min-height:44px;border-radius:10px;font-weight:700;padding:10px 15px;background:#edf3ff}.jobbutton:hover{background:#dce8ff}.card:has(.jobbutton[aria-expanded="true"]){border-color:#205dd8;box-shadow:0 0 0 2px #205dd81a}.filter button{min-height:44px;border-radius:30px;padding:8px 17px}.filter button:hover{border-color:#205dd8}.callout{background:linear-gradient(110deg,#dcf5ee,#e7f2ff);padding:25px 28px;border:1px solid #cee7e4;border-radius:18px;line-height:1.9}.feature{background:linear-gradient(110deg,#15354c,#235365);padding:30px;border-radius:20px}.section{margin-top:36px}.requirements{margin-top:16px;line-height:1.85}.note{line-height:1.85;background:#eaf0f7}.skip{position:fixed;top:-70px;left:15px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}#domain-detail{border:2px solid #b8cfee;padding:30px;scroll-margin-top:24px}#domain-detail h3{margin-top:20px}.news-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:12px}.news-title{font-size:19px;line-height:1.55;overflow-wrap:anywhere}.news-title a{text-decoration:none;color:var(--ink)}.news-title a:hover{text-decoration:underline}.news-health{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.news-status{color:#206456;background:#e0f3ec;padding:5px 12px;border-radius:25px;font-size:13px}.news-health .warning{background:#fff0d8;color:#82540b}.empty{padding:32px;text-align:center;background:white;border:1px dashed #b5c6d8;border-radius:16px}.check:has(input:checked){background:#edf8f3;border-color:#c4e5d7}.check{min-height:92px}.foot{line-height:1.85}a[target="_blank"]::after{content:' ↗';font-size:.85em}@media(max-width:1100px){.app{grid-template-columns:215px 1fr}.main{padding:26px}.sidebar{padding:28px 16px}.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app{display:block}.sidebar{height:auto;padding:13px 16px;box-shadow:0 2px 10px #132b4020}.brand{font-size:20px}.nav{display:flex;gap:5px;padding-bottom:3px;scrollbar-width:thin}.nav button{min-height:42px;padding:8px 12px;font-size:14px}.main{padding:22px 17px 44px}.title{margin:19px 0 24px}.title p{font-size:15px}.grid,.grid.three{grid-template-columns:1fr;gap:14px}.tabs{display:flex}.tabs button{flex:1;font-size:14px;padding:11px 9px}.card{padding:22px}.callout{padding:22px}.section{margin-top:29px}#domain-detail{padding:22px;scroll-margin-top:140px}.feature{padding:24px}.top{gap:8px}.pill{font-size:11px}.news-title{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.future-cover{margin:0 0 24px;border-radius:24px;overflow:hidden;background:#f5efff}.future-cover img{display:block;width:100%;height:auto}@media(max-width:600px){.future-cover{border-radius:18px;margin-bottom:16px}}

.seungjun-hero{display:grid;grid-template-columns:1fr 1.1fr;background:#fffdf6;border:1px solid #e6dcf7;border-radius:28px;overflow:hidden;margin-bottom:22px;box-shadow:0 12px 35px #7654b510}.seungjun-copy{padding:32px;align-self:center}.personal-badge{display:inline-block;background:#f0e8ff;color:#6541aa;padding:8px 12px;border-radius:30px;font-weight:800;font-size:12px}.seungjun-copy h2{font-size:clamp(24px,3vw,38px);line-height:1.3;margin:18px 0;color:#342857}.seungjun-copy p{line-height:1.8;color:#665a79}.seungjun-hero>img{width:100%;height:100%;object-fit:contain;background:#fffdf6}.personal-actions{display:flex;gap:8px;flex-wrap:wrap}.personal-actions button{border:0;border-radius:14px;padding:12px 14px;background:#7350dc;color:white;font-weight:800;cursor:pointer;min-height:44px}.personal-actions button:nth-child(2){background:#def6ee;color:#21645a}.personal-actions button:nth-child(3){background:#fff0da;color:#84581e}.cheer-setting{background:transparent;border:0;color:#6a567f;margin-top:14px;text-decoration:underline;cursor:pointer;min-height:44px}.personal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.personal-cards>button{border:1px solid #e9e1f2;border-radius:22px;background:white;text-align:left;padding:0 0 18px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.personal-cards>button:hover{transform:translateY(-4px);box-shadow:0 12px 24px #71539a18}.personal-cards img{width:100%;height:180px;object-fit:cover;display:block}.personal-cards>button:last-child img{object-fit:contain;background:#fffcf4}.personal-cards span,.personal-cards small{display:block;margin:14px 18px 0}.personal-cards span{font-size:17px;font-weight:800;color:#3c2d55}.personal-cards small{font-size:12px;line-height:1.6;color:#70647d}.personal-emoji{font-size:30px;line-height:1}.cheer-popup{position:fixed;right:24px;bottom:105px;z-index:90;display:flex;gap:12px;align-items:center;max-width:440px;padding:16px;background:#fffefa;border:2px solid #dacaf7;border-radius:24px;box-shadow:0 16px 45px #45336e30;animation:cheer-enter .45s ease-out}.cheer-popup>img{width:96px;height:100px;object-fit:contain;border-radius:18px}.cheer-popup p{font-size:15px;line-height:1.6;color:#3a2d55;font-weight:700;margin:10px 0}.cheer-popup button{border:0;background:#eee5ff;padding:8px 10px;min-height:40px;margin:3px;border-radius:12px;color:#59388a;cursor:pointer}.cheer-popup button:last-child{background:transparent;text-decoration:underline;font-size:11px}@keyframes cheer-enter{from{opacity:0;transform:translateY(30px) rotate(-3deg)}to{opacity:1;transform:none}}@media(max-width:700px){.seungjun-hero{grid-template-columns:1fr}.seungjun-copy{padding:22px}.seungjun-hero>img{max-height:260px;grid-row:1}.personal-cards{grid-template-columns:1fr;gap:12px}.personal-cards>button{display:grid;grid-template-columns:120px 1fr;padding:0;align-items:center;min-height:115px}.personal-cards img{grid-row:1/3;height:115px}.personal-cards span{font-size:15px;margin:12px 14px 0}.personal-cards small{margin:6px 14px 12px}.cheer-popup{right:12px;left:12px;bottom:100px;max-width:none;padding:12px}.cheer-popup>img{width:74px;height:90px}.cheer-popup p{font-size:14px}}@media(prefers-reduced-motion:reduce){.cheer-popup{animation:none}.personal-cards>button{transition:none}.personal-cards>button:hover{transform:none}}

