/* index page specific stylesheet */
.page-index .main-content {max-width:900px;margin:0 auto;}
.page-index .main-content h1:first-of-type {margin-top:1.2rem;}
.page-index .contact-inline {display:flex;flex-wrap:wrap;justify-content:center;gap:14px;font-size:0.9rem;color:#64748b;margin:0 0 1.3rem;}
.page-index .contact-inline a {color:inherit;text-decoration:none;}
.page-index .contact-inline a:hover {text-decoration:underline;color:#475569;}
.page-index .section-block {margin:2.8rem 0 2.4rem;}
.page-index .section-block h1,.page-index .section-block h2,.page-index .section-block h3 {margin-top:0;}
.page-index .tag-ref a {color:#2563eb;text-decoration:none;}
.page-index .tag-ref a:hover {text-decoration:underline;}
/* General link color override on index page (clean blue tone) */
.page-index .main-content a {color:#3b82f6 !important;border-bottom:1px solid rgba(59,130,246,.35) !important;text-decoration:none;}
.page-index .main-content a:hover {color:#1d4ed8 !important;border-bottom-color:#2563eb !important;}
/* Remove underline/border specifically for heading anchor links */
.page-index .main-content h1 > a,
.page-index .main-content h2 > a,
.page-index .main-content h3 > a,
.page-index .main-content h4 > a,
.page-index .main-content .anchor-heading {border-bottom:none !important;text-decoration:none !important;}
/* Override global heading numbering (disable on index) */
.page-index .main-content h1::before,
.page-index .main-content h2::before,
.page-index .main-content h3::before,
.page-index .main-content h4::before {content:none !important;}
.page-index .main-content h1,.page-index .main-content h2,.page-index .main-content h3,.page-index .main-content h4 {padding-left:0 !important;}
/* Use global pseudo-element underline only; remove extra border to avoid double line */
.page-index .main-content h1 {padding-bottom:4px;}

/* Emphasize name: enlarge progressively on narrower viewports */
.page-index .my-name {font-weight:700;letter-spacing:-.5px;display:inline-block;line-height:1.1;transition:font-size .25s,color .25s;}
@media (max-width: 1400px){.page-index .my-name {font-size:1.05em;}}
@media (max-width: 1100px){.page-index .my-name {font-size:1.15em;}}
@media (max-width: 900px){.page-index .my-name {font-size:1.28em;}}
@media (max-width: 720px){.page-index .my-name {font-size:1.4em;}}
@media (max-width: 560px){.page-index .my-name {font-size:1.55em;}}