/* Personal IT page. Keep the shared skill pages and account UI unchanged. */
.creative-lab.lab-subpage .tech-personal { --world-accent:#b7a6ff; padding:130px clamp(22px,7vw,110px) 100px; }
.creative-lab.lab-subpage .tech-personal::after,
.creative-lab.lab-subpage .tech-personal .detail-content::before,
.creative-lab.lab-subpage .tech-personal h1::after { content:none; }
.creative-lab.lab-subpage .tech-personal > section { width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
.tech-personal .world-hero { padding:0 0 74px; }
.tech-personal .back-link { display:inline-block; margin-bottom:38px; }
.tech-personal .detail-icon { margin-bottom:28px; }
.creative-lab.lab-subpage .tech-personal h1 { max-width:none; margin:0; font-size:clamp(38px,7.7vw,108px); line-height:1; letter-spacing:-.06em; }
.tech-lead { max-width:900px; margin-top:30px; color:#bbb8cb; font-size:clamp(17px,1.5vw,21px); line-height:1.75; }
.tech-lead p { margin:0 0 18px; }
.tech-mentor { max-width:850px; margin:36px 0 0; padding:4px 0 4px 26px; border-left:2px solid #8e75df; }
.tech-mentor p { margin:0; max-width:700px; color:#bcb7ca; font-size:15px; line-height:1.8; }
.tech-mentor blockquote { margin:12px 0; color:#efebff; font-size:clamp(23px,2.5vw,33px); font-weight:600; line-height:1.35; letter-spacing:-.035em; text-wrap:balance; }
.tech-personal h2 { margin:0; color:#f4f2ff; font-size:clamp(29px,3.6vw,47px); line-height:1.16; letter-spacing:-.05em; text-wrap:balance; }
.tech-label { margin:0 0 18px; color:#b8a8ee; font-size:10px; font-weight:800; letter-spacing:.17em; line-height:1.6; }
.tech-personal .tech-story { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:start; gap:clamp(30px,6vw,90px); margin-top:0; padding:48px 0 64px; border-top:1px solid #3e364e; }
.tech-prose { color:#bcb7ca; font-size:16px; line-height:1.85; }
.tech-prose p { margin:0 0 20px; }
.tech-prose p:last-child { margin-bottom:0; }
.tech-encouragement { padding:48px clamp(24px,4vw,56px); border:1px solid #3e364e; background:#100e19; box-shadow:12px 12px 0 #171326; }
.tech-encouragement .tech-prose { max-width:840px; margin-top:28px; }
.tech-contact { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:80px; padding-top:48px; border-top:1px solid #3e364e; }
.tech-contact > div { max-width:700px; }
.tech-contact p { margin:22px 0 0; color:#bcb7ca; font-size:16px; line-height:1.8; }
.tech-contact-button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:26px; padding:19px 25px; background:#7561ff; color:#100b26; box-shadow:6px 6px 0 #292043; font-size:12px; font-weight:800; letter-spacing:.06em; text-decoration:none; }
.tech-contact-button:hover { background:#a895ff; }
.tech-personal a:focus-visible { outline:2px solid #b6a5ff; outline-offset:5px; }
@media (max-width:900px) {
  .tech-personal .tech-story { grid-template-columns:1fr; gap:26px; }
  .tech-contact { flex-direction:column; align-items:flex-start; }
}
@media (max-width:700px) {
  .creative-lab.lab-subpage .tech-personal { padding:105px 22px 65px; }
  .creative-lab.lab-subpage .tech-personal h1 { font-size:clamp(32px,10.5vw,70px); }
  .tech-personal .world-hero { padding-bottom:48px; }
  .tech-personal .tech-story { padding:32px 0 40px; }
  .tech-mentor { padding-left:18px; margin-top:28px; }
  .tech-prose { font-size:15px; }
  .tech-encouragement { padding:30px 22px; box-shadow:7px 7px 0 #171326; }
  .tech-contact { margin-top:55px; padding-top:32px; }
}