/* Shared safety rails for every non-blog page. Local assets stay local. */
html{overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{min-width:320px;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}iframe{max-width:100%}
/* Homepage navigation: replace the inherited fixed-width desktop menu. */
body.home-page nav{height:72px;padding:0 clamp(16px,4vw,56px);gap:24px;background:rgba(255,255,255,.94);opacity:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.home-page nav .logo{margin-left:0;gap:10px}body.home-page nav .logo img{width:48px;height:48px;margin:0;border-radius:50%;object-fit:cover}body.home-page nav .logo span{font-size:1.35rem;white-space:nowrap}body.home-page nav ul{flex:0 1 auto;gap:4px}body.home-page nav ul li{margin-left:0}body.home-page nav ul li a{padding:8px 11px;color:#27242d;font-size:.95rem;white-space:nowrap;border-radius:8px}body.home-page nav ul li a[href="Kirapage.html"]{margin-left:0;font-family:inherit;font-size:.95rem;background:none;color:#4f3dbb}body.home-page nav ul li a:hover{background:#eeeaff;color:#4f3dbb}body.home-page .hero{min-height:100svh;padding-top:72px}
@media (max-width:720px){
body.home-page nav{height:auto;min-height:64px;padding:8px 16px;gap:6px;flex-wrap:wrap}body.home-page nav .logo{margin-left:0}body.home-page nav .logo img{height:42px}body.home-page nav .logo span{font-size:1.3em}body.home-page nav ul{width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto;gap:2px;padding:2px 0 4px;scrollbar-width:thin}body.home-page nav ul li{margin-left:0}body.home-page nav ul li:nth-last-child(-n+2){display:none}body.home-page nav ul li a{padding:6px 8px;font-size:.9rem;white-space:nowrap}body.home-page nav ul li a[href="Kirapage.html"]{margin-left:0}body.home-page .hero{height:100svh;min-height:560px}body.home-page .hero .overlay{padding:96px 20px 32px}body.home-page .hero h1{font-size:clamp(1.8rem,8vw,2.55rem)}body.home-page .hero button{max-width:100%;font-size:1rem}body.home-page #counter{font-size:1.1rem}
body.about-page aside{width:auto;right:50%;top:auto;bottom:12px;transform:translateX(50%);display:flex;align-items:center;gap:13px;margin:0;padding:10px 15px;border-radius:999px;background:rgba(18,18,22,.72);backdrop-filter:blur(10px)}body.about-page aside a{width:10px;height:10px;margin:0;flex:none}body.about-page aside a span{display:none!important}body.about-page section{min-height:100svh;height:auto;padding:24px 16px 92px;overflow:hidden}body.about-page .con_wrap{width:100%;padding:1rem 0}body.about-page .tit_wrap h1{margin:14px auto 32px;font-size:2rem;line-height:1.25}body.about-page .tit_wrap h2{margin-top:34px;font-size:1rem;line-height:1.75}body.about-page .tit_wrap .scissors{display:none}body.about-page .cen_con{position:static;width:100%;height:auto;transform:none;padding-top:16vh}body.about-page .portrait{height:auto;margin:0 auto 28px}body.about-page .portrait img{width:min(42vw,160px);height:auto}body.about-page .cen_text{height:auto}body.about-page .cen_text h2,body.about-page .cen_text h3{height:auto;margin:12px 0;min-height:0;font-size:clamp(1rem,4.5vw,1.35rem)}body.about-page .down_arrow{display:none}body.about-page table,body.about-page tbody,body.about-page tr,body.about-page td{display:block;width:100%}body.about-page table{margin:0 0 24px!important}body.about-page td{padding:10px!important;text-align:center!important;font-size:1rem!important}body.about-page .myinfo{padding:0}body.about-page .myinfo table tr td img{width:min(48vw,200px);height:auto}body.about-page .skill_con{display:block}body.about-page .canvas_wrap{width:100%;float:none;display:flex;flex-wrap:wrap;justify-content:center;padding:12px 0}body.about-page .canvas_con{float:none;margin:8px}body.about-page .social-icons{width:100%;text-align:center}body.about-page .social-icons p{font-size:1rem!important;overflow-wrap:anywhere}
body.kira-page #slider .container,body.kira-page #content .container,body.kira-page #footer .container{padding-left:18px;padding-right:18px}body.kira-page #slider .row{min-height:100svh!important;padding-top:76px;padding-bottom:36px}body.kira-page #slider h1{font-size:clamp(2.35rem,13vw,4.2rem)}body.kira-page #slider .lead{font-size:1rem}body.kira-page .content-wrap{overflow:hidden}body.kira-page .card-body{padding:1rem}
}