/* Opt-in accents for the four humanised pages; shared foundations stay intact. */
@view-transition{navigation:none}
.humanized-page .jugnoo-guide{display:none}
.humanized-page .signature-orbit-host:after,
.humanized-page .brand-glyph span,
.humanized-page .section-menu .section-menu-panel,
.humanized-page .form-status{animation:none}
.humanized-page :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent-deep);outline-offset:4px}
.humanized-page :is(.text-link,.back-link,.contact-email){display:inline-flex;align-items:center;min-height:44px}
.humanized-page :is(.section-navigation a,.button,summary){min-height:44px}
.humanized-page .footer-inner>a{display:inline-flex;align-items:center;min-height:44px}
.humanized-page .hero .page-title{margin-top:24px}
.humanized-page .writing-shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;border:0;margin-top:28px}
.humanized-page .writing-shelf{min-height:0;padding:20px 0;border:0;border-top:1px solid var(--line);background:none}
.humanized-page .writing-note-preview{padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-left:3px solid rgba(0,111,102,.25);background:var(--paper-soft)}
.humanized-page .featured-writing{padding-top:32px;padding-bottom:32px}
.shaping-note{max-width:680px;margin-top:40px;padding:24px 28px;border-left:2px solid rgba(0,111,102,.3);background:rgba(250,247,240,.65)}
.shaping-note h2{margin:0 0 16px;font:500 24px/1.3 var(--serif)}
.shaping-note p,.shaping-note li{font-size:15px;line-height:1.75;color:var(--soft)}
.shaping-note ul{margin-bottom:0;padding-left:20px}
.shaping-note li+li{margin-top:8px}
.memory-card{max-width:800px;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-left:3px solid rgba(0,111,102,.35);background:var(--paper-soft)}
.memory-card .text-link{margin-top:16px}
.stamp-label{display:inline-block;padding:8px 14px;border:1px dashed rgba(0,111,102,.4);color:var(--accent-deep);font-size:13px}
.humanized-page .creative-highlight{min-height:280px}
.humanized-page .personal-note{background:rgba(250,247,240,.65)}
.humanized-page :is(.personal-boundary,.contact-boundary){background:rgba(231,224,212,.2)}
.humanized-page :is(.writing-note-preview,.memory-card,.creative-highlight,.contact-link,.personal-note){transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
/* Touch screens retain a stable surface; only pointer hover gets a small lift. */
.humanized-page :is(.creative-highlight,.contact-link):is(:hover,:focus-visible){transform:none}
@media (hover: hover) and (pointer: fine){
  .humanized-page :is(.writing-note-preview,.memory-card,.creative-highlight,.contact-link):hover{transform:translateY(-2px);border-color:rgba(0,111,102,.35);box-shadow:0 5px 16px rgba(23,23,19,.045)}
  .humanized-page .personal-note:hover{transform:translateY(-1px);border-color:rgba(0,111,102,.25)}
}
@media (max-width: 767px){
  .humanized-page .writing-shelves{grid-template-columns:1fr;gap:12px}
  .shaping-note{padding:22px}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .humanized-page *,.humanized-page *:before,.humanized-page *:after{animation:none!important;transition:none!important}
  .humanized-page :is(.writing-note-preview,.memory-card,.creative-highlight,.contact-link,.personal-note):hover{transform:none}
}