/* Small, optional interactions. Content never waits for animation to appear. */
.note-discovery{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px;padding:24px;border:1px solid #c8cedb;border-left:4px solid #2548f4;background:#f0f3ff}
.note-discovery p{margin:0;flex:1;min-width:180px;font-size:16px}
.note-discovery a{text-decoration:underline;text-underline-offset:4px;font-weight:600}
.discovery-button,.quiet-toggle{font:inherit;cursor:pointer;min-height:44px;border:1px solid #2548f4;border-radius:6px;padding:10px 16px;color:#17191e;background:white}
.discovery-button:hover,.quiet-toggle[aria-pressed=true]{background:#d8ff9d}
.quiet-toggle{font-size:14px;border-color:#9199ab}
.quiet-toggle[aria-pressed=true]::after{content:' · On'}
header nav a:not(.nav-cta){background-image:linear-gradient(#2548f4,#2548f4);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px}
header nav a:not(.nav-cta):is(:hover,:focus-visible){background-size:100% 2px}
@media(prefers-reduced-motion:no-preference){header nav a:not(.nav-cta){transition:background-size 180ms ease}}
html.quiet-mode{scroll-behavior:auto!important}
.quiet-mode *,.quiet-mode *::before,.quiet-mode *::after{animation:none!important;transition:none!important}
.quiet-mode :is(.browse-card,.proof-card,.guide-card,.resource-card,.creator-portrait,.partner-portrait img,.publication-mark,.browse-read>span,.research-row h3,a.button,button.button){transform:none!important}
@media print{.note-discovery,.quiet-toggle{display:none!important}}
::selection{background:#d8ff9d;color:#17191e}
:where(a,button,summary,input,textarea,select):focus-visible{outline:3px solid #2548f4;outline-offset:5px}
.selected-notes a:focus-visible{outline-color:#d8ff9d}
:is(.browse-card,.proof-card,.guide-card,.resource-card):focus-within{border-color:#2548f4;box-shadow:0 0 0 2px #2548f4}
:is(.reading,.feature-copy) p a,.text-link{ text-decoration-thickness:2px;text-underline-offset:5px }
:is(.reading,.feature-copy) p a:focus-visible,.text-link:focus-visible{text-decoration:underline}
:is(.creator-hero,.page-intro,.notes-intro) h1 span{background-image:linear-gradient(#d8ff9d,#d8ff9d);background-repeat:no-repeat;background-position:0 95%;background-size:0% 18%;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.test-case[open] summary,.terms[open] summary{color:#2548f4}
@media(hover:hover) and (pointer:fine){
  :is(.creator-hero,.page-intro,.notes-intro) h1 span:hover{background-size:100% 18%}
  :is(.reading,.feature-copy) p a:hover,.text-link:hover{text-decoration:underline;text-decoration-color:#2548f4}
  .selected-notes .research-row:hover{background:#ffffff08}
  .test-case summary:hover,.terms summary:hover{color:#2548f4}
}
@media(prefers-reduced-motion:no-preference){
  :is(.browse-card,.proof-card,.guide-card,.resource-card){transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
  :is(.creator-hero,.page-intro,.notes-intro) h1 span{transition:background-size 220ms ease}
  .creator-portrait,.partner-portrait img{transition:transform 240ms ease,box-shadow 240ms ease;transform-origin:50% 75%}
  .publication-mark{transition:transform 220ms ease}
  a.button,button.button:not([disabled]){transition:transform 140ms ease,box-shadow 140ms ease,background-color 140ms ease}
  .browse-read>span,.research-row h3{transition:transform 180ms ease}
  .test-case[open]>p,.terms[open]>p{animation:note-open 180ms ease-out both}
  .category-filter{transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
  @media(hover:hover) and (pointer:fine){
    :is(.browse-card,.proof-card,.guide-card,.resource-card):hover{transform:translateY(-4px);box-shadow:0 9px 22px #17191e12}
    .browse-card:hover .browse-read>span{transform:translate(3px,-2px)}
    .creator-portrait:hover{transform:rotate(-2deg) scale(1.025);box-shadow:6px 7px 0 #d8ff9d}
    .partner-portrait img:hover{transform:rotate(1.5deg) scale(1.02);box-shadow:-6px 7px 0 #d8ff9d}
    .brand:hover .publication-mark{transform:rotate(-7deg) scale(1.06)}
    .research-row:hover h3{transform:translateX(4px)}
    a.button:hover,button.button:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 5px 0 #17191e26}
  }
  a.button:active,button.button:not([disabled]):active{transform:translateY(1px);box-shadow:none}
  @keyframes note-open{from{opacity:.65;transform:translateY(-3px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important;transform:none!important}}