.sc4-notes-shell{display:block;margin:1.5rem 0;text-align:left}
.sc4-notes-trigger{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;cursor:pointer;transition:transform .16s ease,filter .16s ease}
.sc4-notes-trigger:hover{transform:translateY(-1px) scale(1.01);filter:drop-shadow(0 10px 20px rgba(15,23,42,.18))}
.sc4-notes-trigger-image{display:block;width:min(148px,38vw);height:auto}
.sc4-notes-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sc4-notes-modal[hidden]{display:none}
.sc4-notes-open{overflow:hidden}
.sc4-notes-modal{position:fixed;inset:0;z-index:100000;padding:24px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.sc4-notes-modal .sc4-notes-backdrop{position:fixed;inset:0;background:rgba(5,12,20,.58)}
.sc4-notes-modal .sc4-notes-dialog{position:relative;display:flex;flex-direction:column;max-width:720px;width:min(720px,100%);max-height:calc(100dvh - 48px);margin:0 auto;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}
.sc4-notes-modal .sc4-notes-header{padding:18px 18px 14px;border-bottom:1px solid #e6e8ee;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);flex:0 0 auto}
.sc4-notes-modal .sc4-notes-header-art{display:flex;justify-content:center;padding-bottom:10px}
.sc4-notes-modal .sc4-notes-header-image{display:block;width:min(196px,54vw);height:auto}
.sc4-notes-modal .sc4-notes-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sc4-notes-modal .sc4-notes-title-wrap{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1 1 auto}
.sc4-notes-modal .sc4-notes-title{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.4;padding-top:4px}
.sc4-notes-modal .sc4-notes-toolbar{display:flex;flex-wrap:wrap;gap:12px}
.sc4-notes-modal .sc4-notes-control{display:flex;flex-direction:column;gap:4px;min-width:170px}
.sc4-notes-modal .sc4-notes-control-label{font-size:.76rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#475569}
.sc4-notes-modal .sc4-notes-control select{appearance:none;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;padding:10px 12px;font-size:.95rem;line-height:1.2}
.sc4-notes-modal .sc4-notes-close{border:0;background:rgba(255,255,255,.72);font-size:24px;line-height:1;cursor:pointer;color:#475569;border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.sc4-notes-modal .sc4-notes-body{padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}
.sc4-notes-modal .sc4-notes-summary{padding:20px 18px 22px;color:#1e293b;font-size:1rem;line-height:1.7}
.sc4-notes-modal .sc4-notes-summary p{margin:0 0 1rem}
.sc4-notes-modal .sc4-notes-summary p:last-child{margin-bottom:0}

@media (max-width: 700px){
  .sc4-notes-shell{text-align:center}
  .sc4-notes-trigger-image{width:min(132px,50vw)}
  .sc4-notes-modal{padding:12px 8px 16px}
  .sc4-notes-modal .sc4-notes-dialog{max-height:calc(100dvh - 24px);border-radius:18px}
  .sc4-notes-modal .sc4-notes-header{padding:10px 12px 8px}
  .sc4-notes-modal .sc4-notes-header-art{display:none}
  .sc4-notes-modal .sc4-notes-header-row{align-items:flex-start;gap:8px}
  .sc4-notes-modal .sc4-notes-title-wrap{gap:8px}
  .sc4-notes-modal .sc4-notes-title{font-size:.95rem;line-height:1.3;padding-top:2px;padding-right:4px}
  .sc4-notes-modal .sc4-notes-toolbar{flex-direction:column;gap:8px}
  .sc4-notes-modal .sc4-notes-control{min-width:0}
  .sc4-notes-modal .sc4-notes-control-label{font-size:.68rem}
  .sc4-notes-modal .sc4-notes-control select{padding:8px 10px;font-size:.92rem}
  .sc4-notes-modal .sc4-notes-close{width:32px;height:32px;font-size:22px;position:sticky;top:0}
  .sc4-notes-modal .sc4-notes-summary{padding:14px 12px 16px;font-size:.98rem;line-height:1.65}
}