:root{color-scheme:light;--ink:#20232a;--sub:#667085;--line:#e7ebf1;--blue:#2452bf;--sheet:#fff5a3;--sheet2:#ffef7a;--shadow:0 14px 24px rgba(30,37,45,.11),0 5px 12px rgba(30,37,45,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% 0,#fff 0,#f9fafb 48%,#f7f9fc 100%);color:var(--ink);line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #5789eb;outline-offset:3px}
.site-shell{max-width:1500px;padding:25px 28px 0;margin:0 auto;min-height:calc(100dvh - 90px)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 10px 22px}.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-symbol{position:relative;width:46px;height:48px;background:linear-gradient(145deg,#ffef72,#ffd84f);border-radius:8px 7px 8px 8px;transform:rotate(6deg);box-shadow:0 5px 6px rgba(81,74,15,.15)}.brand-symbol span{position:absolute;right:0;bottom:0;width:13px;height:13px;background:linear-gradient(138deg,#fffab2 12%,#ffc522 52%);clip-path:polygon(0 100%,100% 0,100% 100%);border-bottom-right-radius:5px}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-weight:850;font-size:37px;letter-spacing:-1.6px}.brand-copy strong span{color:#315bd9}.brand-copy small{font-size:13px;color:#596478;margin-top:6px;letter-spacing:-.2px}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.memo-count{background:#fff;border:1px solid #e5e9f2;box-shadow:0 2px 7px #dde3ef55;padding:10px 15px;border-radius:14px;white-space:nowrap;font-size:14px;font-weight:650}.save-state{color:#7b8494;font-size:11px}
.toolbar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;padding:15px 22px;background:#ffffffec;border-radius:19px;box-shadow:0 10px 31px rgba(25,41,66,.095);border:1px solid #f2f4fa}.toolbar-button{display:flex;flex:0 1 200px;max-width:210px;min-width:170px;min-height:51px;justify-content:center;align-items:center;gap:11px;border:0;border-radius:11px;font-size:15px;font-weight:750;letter-spacing:-.7px;box-shadow:0 8px 18px rgba(78,66,130,.075);transition:transform .16s,box-shadow .16s}.toolbar-button:hover{transform:translateY(-2px);box-shadow:0 12px 21px rgba(64,55,113,.13)}.toolbar-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}.toolbar-button.blue{background:#dce9ff;color:#1647b8}.toolbar-button.mint{background:#d2f4ea;color:#077f65}.toolbar-button.violet{background:#eae0ff;color:#5423db}.toolbar-button.peach{background:#ffe0cb;color:#a64010}
.board-topline{max-width:1350px;margin:25px auto 12px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.board-hint{margin:0;font-size:13px;color:#9298a5}.text-button{color:#737d8e;background:transparent;border:0;font-size:13px;padding:6px 8px;white-space:nowrap}.text-button:hover{color:#b53f42;text-decoration:underline}.memo-board{position:relative;width:100%;max-width:1350px;min-height:300px;margin:0 auto;isolation:isolate}.note{position:absolute;width:268px;height:232px;padding:17px 23px 24px;border-radius:1px 1px 13px 1px;background:linear-gradient(142deg,var(--paper-start,#ffed7a) 0%,var(--paper-mid,#fff6ae) 55%,var(--paper-end,#fff79f) 100%);box-shadow:var(--shadow);filter:drop-shadow(0 6px 8px rgba(130,108,35,.11));display:flex;flex-direction:column;overflow:visible;transition:box-shadow .12s;touch-action:auto}.note::after{content:"";position:absolute;right:0;bottom:0;width:44px;height:44px;background:linear-gradient(137deg,var(--fold-light,#fffbbf) 0 48%,var(--fold-mid,#ffe55a) 50%,var(--fold-dark,#e9b918) 85%);clip-path:polygon(0 100%,100% 0,100% 100%);border-bottom-right-radius:13px;pointer-events:none}.note:hover{box-shadow:0 17px 28px rgba(44,43,35,.15),0 5px 12px rgba(44,43,35,.08)}.note.dragging{z-index:99;box-shadow:0 24px 40px rgba(42,44,49,.2);opacity:.95}.note-top{height:24px;display:flex;align-items:flex-start;justify-content:space-between;margin:-4px -11px 9px -8px;flex:none}.drag-handle{width:36px;height:27px;border:0;background:transparent;color:#b8a24c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:19px;height:19px;fill:currentColor;opacity:.68}.note-delete{border:1px solid #eadb9a;background:#fff9dfde;box-shadow:0 2px 6px #836b2d33;width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;line-height:1;color:#262520;font-size:21px;margin-top:-1px}.note-delete:hover{background:#fff;color:#c22a2a}.note-body{border:0;outline:0;background:transparent;color:#201e15;display:block;width:100%;resize:none;padding:0;margin:0;letter-spacing:-.3px;font-size:18px;font-weight:550;line-height:1.6}.note-body::placeholder{color:#aa9b5e}.note-body:focus{outline:0}.note-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d2c782 transparent;white-space:pre-wrap;position:relative;z-index:1;padding-right:4px;padding-bottom:8px}.note-body::-webkit-scrollbar{width:5px}.note-body::-webkit-scrollbar-thumb{background:#d6ca84;border-radius:5px}.board-empty{position:relative;max-width:420px;margin:80px auto;text-align:center;border:2px dashed #e5dfbd;border-radius:22px;background:#fffef8;padding:55px 25px}.board-empty[hidden]{display:none}.board-empty h2{margin:0 0 7px;font-size:23px}.board-empty p{font-size:14px;color:#7e8490}.empty-icon{font-size:40px;color:#b6a450}
.intro-panel{max-width:1270px;margin:20px auto 65px;padding:35px 39px;background:#ffffffc9;border:1px solid #edf0f5;border-radius:20px}.intro-panel h2{font-size:22px;letter-spacing:-.6px;margin:0 0 12px}.intro-panel>p{color:#505968;margin:8px 0;line-height:1.85}.intro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.intro-features p{margin:0;padding:16px 19px;border-radius:12px;background:#f8f9fc;font-size:14px;line-height:1.85;color:#626a78}.intro-features strong{font-size:15px;color:#313743}.intro-panel .intro-note{font-size:13px;color:#707b89}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #e4e8ef;background:#fffafc7d;padding:20px max(28px,calc((100% - 1430px)/2));font-size:12.5px;color:#6b7587}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.site-footer nav a:hover{text-decoration:underline}.toast{position:fixed;right:24px;bottom:22px;z-index:500;background:#252c39;color:#fff;border-radius:13px;padding:13px 15px 13px 18px;box-shadow:0 12px 32px #20263344;display:flex;align-items:center;gap:13px;font-size:13px;max-width:calc(100vw - 40px)}.toast[hidden],.toast button[hidden]{display:none}.toast button{background:transparent;border:0;color:#fff}.toast #undo-btn{color:#ffd96c;font-weight:700}.toast #toast-close{font-size:20px;line-height:1}
/* 안내/정책 콘텐츠 페이지 */.content-shell{max-width:980px;margin:30px auto 78px;padding:0 25px}.content-top{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #edf0f3;padding:18px 0}.content-top .brand-copy strong{font-size:31px}.content-top .brand-symbol{width:35px;height:38px}.back-home{font-size:13px;font-weight:650;color:#315bd9;border:1px solid #d7e1fc;padding:8px 13px;border-radius:9px}.article{padding:45px 53px 55px;background:#fff;border:1px solid #e9edf4;border-radius:19px;margin-top:28px;box-shadow:0 10px 26px #e6e9f044}.article .eyebrow{color:#315bd9;font-size:13px;font-weight:800;letter-spacing:.06em}.article h1{font-size:34px;letter-spacing:-1.2px;line-height:1.35;margin:8px 0 16px}.article .lead{font-size:17px;color:#596474;margin-bottom:30px}.article h2{font-size:21px;margin:38px 0 13px;letter-spacing:-.6px}.article h3{font-size:17px;margin:24px 0 10px}.article p,.article li{color:#465061;line-height:1.95;font-size:15px}.article ul,.article ol{padding-left:23px}.article a.link{color:#2452bf;text-decoration:underline;text-underline-offset:2px}.article .tip{border-left:4px solid #f4d260;background:#fffbee;border-radius:0 10px 10px 0;padding:12px 17px;margin:22px 0;color:#5b5138}.article details{border:1px solid #e7eaf1;border-radius:11px;margin:13px 0;padding:16px 18px;background:#fff}.article details summary{font-weight:720;cursor:pointer}.article details p{margin:12px 0 2px}.article .updated{color:#8390a0;font-size:13px;margin-top:33px}.contact-block{display:flex;gap:12px;align-items:flex-start;background:#f5f8ff;border:1px solid #e1e9ff;border-radius:12px;padding:16px 18px;margin:18px 0}.contact-block strong{display:block}.contact-block p{margin:4px 0}.article .note-muted{font-size:13px;color:#768295}.article .nav-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.article .nav-cards a{display:block;padding:19px;border-radius:12px;border:1px solid #e8edf7;background:#fafcff;font-weight:650}.article .nav-cards span{display:block;color:#728095;font-size:13px;font-weight:400;margin-top:7px}
@media(max-width:1230px){.toolbar-button{flex-basis:190px}.toolbar{padding:15px}.board-hint{font-size:12px}}
@media(max-width:1370px){.memo-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(242px,1fr));gap:28px 24px;min-height:unset!important;padding:14px 12px 38px;align-content:start}.note{position:relative!important;left:auto!important;top:auto!important;width:100%;height:232px;transform:none!important}.board-empty{grid-column:1/-1}.board-topline{margin-top:22px}.drag-handle{cursor:grab}.toolbar-button{max-width:210px}.site-shell{padding-left:22px;padding-right:22px}.intro-panel{margin-top:24px}}
@media(max-width:610px){.site-shell{padding:18px 14px 0}.site-header{align-items:flex-start;gap:8px;padding:0 3px 19px}.brand{gap:11px}.brand-symbol{width:36px;height:38px;flex:none}.brand-copy strong{font-size:28px;letter-spacing:-1px}.brand-copy small{font-size:10px}.header-actions{align-items:flex-end;padding-top:5px}.memo-count{font-size:11px;padding:7px 9px}.save-state{display:none}.toolbar{gap:9px;padding:11px;border-radius:15px}.toolbar-button{min-width:0;max-width:none;flex:1 1 100%;min-height:45px;font-size:14px;gap:10px}.toolbar-button svg{width:20px;height:20px}.memo-board{grid-template-columns:1fr;padding:14px 4px 35px;gap:24px;max-width:370px}.note{height:235px;padding-left:27px;padding-right:27px}.board-topline{max-width:420px;padding:0 3px}.board-hint{max-width:255px;line-height:1.6}.intro-panel{padding:22px 20px;margin:15px auto 45px}.intro-panel h2{font-size:20px}.intro-features{grid-template-columns:1fr;gap:9px}.site-footer{padding:21px 19px;font-size:12px}.site-footer nav{gap:11px 17px}.content-shell{padding:0 14px;margin-top:5px}.content-top{padding:17px 0}.content-top .brand-copy strong{font-size:24px}.article{padding:27px 21px;margin-top:18px}.article h1{font-size:29px}.article .lead{font-size:15px}.article .nav-cards{grid-template-columns:1fr}.toast{bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toolbar-button{transition:none}}

/* v3: 작고 왼쪽 정렬된 도구 모음 + 4개 행이 화면에 들어오는 메모 높이 */
:root{--compact-note-height:clamp(118px,calc(25dvh - 70px),170px)}
.site-shell{padding-top:15px;min-height:calc(100dvh - 67px)}
.site-header{padding-bottom:11px}
.brand-symbol{width:39px;height:41px}
.brand-copy strong{font-size:31px}
.brand-copy small{font-size:11px;margin-top:3px}
.memo-count{padding:7px 11px;font-size:12px}
.save-state{font-size:11px}
.toolbar{justify-content:flex-start;gap:9px;padding:10px 14px;border-radius:14px}
.toolbar-button{flex:0 0 auto;min-width:0;max-width:none;width:auto;min-height:37px;padding:0 16px;gap:7px;border-radius:9px;font-size:13px;letter-spacing:-.3px}
.toolbar-button svg{width:17px;height:17px}
.board-topline{margin:13px auto 8px}
.memo-board{max-width:1350px;min-height:190px}
.note{width:236px;height:var(--compact-note-height);padding:8px 14px 13px;border-radius:2px 2px 10px 2px}
.note::after{width:29px;height:29px;border-bottom-right-radius:10px}
.note-top{height:20px;margin:-3px -6px 2px -6px}
.drag-handle{width:29px;height:23px}
.drag-handle svg{width:17px;height:17px}
.note-delete{width:23px;height:23px;font-size:18px;margin-top:0}
.note-body{font-size:15px;line-height:1.43;letter-spacing:-.1px;padding-right:5px;padding-bottom:3px}
.intro-panel{margin-top:20px}
@media(max-width:1370px){
  .memo-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:10px 8px 25px;min-height:unset!important}
  .note{height:var(--compact-note-height);width:100%;padding:8px 14px 13px}
  .toolbar-button{width:auto;max-width:none;min-width:0;flex:0 0 auto}
}
@media(max-width:970px){.memo-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:710px){.memo-board{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-button{padding:0 12px}}
@media(max-width:500px){
  .site-shell{padding:13px 12px 0}
  .site-header{padding:0 2px 12px}
  .brand-copy strong{font-size:27px}
  .brand-symbol{width:34px;height:35px}
  .toolbar{gap:7px;padding:9px}
  .toolbar-button{flex:1 1 calc(50% - 7px);width:calc(50% - 7px);justify-content:center;padding:0 8px;font-size:12px;min-height:36px}
  .toolbar-button svg{width:16px;height:16px}
  .memo-board{grid-template-columns:1fr;max-width:400px;gap:13px;padding:10px 4px 25px}
  .note{height:var(--compact-note-height);padding:8px 13px 13px}
  .board-hint{font-size:11px}
}

/* v4 – fixed note size, left-aligned responsive wrapping, drag-insert grid */
:root{--fixed-note-width:270px;--fixed-note-height:158px;--fixed-note-gap:16px}
.memo-board{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,var(--fixed-note-width))!important;
  grid-auto-rows:var(--fixed-note-height)!important;
  gap:var(--fixed-note-gap)!important;
  justify-content:start!important;
  align-content:start!important;
  padding:10px 6px 28px!important;
  min-height:194px!important;
}
.memo-board .note{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:var(--fixed-note-width)!important;
  min-width:var(--fixed-note-width)!important;
  max-width:var(--fixed-note-width)!important;
  height:var(--fixed-note-height)!important;
  min-height:var(--fixed-note-height)!important;
  max-height:var(--fixed-note-height)!important;
  transform:none!important;
  margin:0!important;
  flex-shrink:0;
}
.memo-board .note.drag-floating{
  position:fixed!important;
  left:var(--drag-left)!important;
  top:var(--drag-top)!important;
  transform:translate3d(var(--drag-dx,0px),var(--drag-dy,0px),0)!important;
  z-index:200!important;
  pointer-events:none;
  opacity:.96;
  box-shadow:0 22px 36px rgba(34,38,44,.22);
  cursor:grabbing;
}
.memo-board .note-placeholder{
  width:var(--fixed-note-width);
  height:var(--fixed-note-height);
  border-radius:8px;
  background:#ffe7a2a8;
  border:2px dashed #e7bc55;
  box-shadow:inset 0 2px 14px #c9a74b16;
  pointer-events:none;
}
.memo-dragging,.memo-dragging *{user-select:none!important;cursor:grabbing!important}
.memo-board .drag-handle{touch-action:none}
.memo-board .board-empty:not([hidden]){grid-column:1/-1;min-width:min(350px,80vw)}
@media(max-width:500px){
  /* Cards must remain 270×158 even when there is only one column. */
  .memo-board{max-width:none!important;padding-left:4px!important;padding-right:0!important}
}
@media(prefers-reduced-motion:reduce){.memo-board .note{scroll-behavior:auto}}

/* v5: 20% narrower paper; opening is created by actual neighbors moving. */
:root{--fixed-note-width:216px;--fixed-note-height:158px}
.memo-board .note.drag-origin{opacity:0!important;pointer-events:none!important}
.note.drag-clone{
  position:fixed!important;
  width:var(--fixed-note-width)!important;
  min-width:var(--fixed-note-width)!important;
  max-width:var(--fixed-note-width)!important;
  height:var(--fixed-note-height)!important;
  min-height:var(--fixed-note-height)!important;
  max-height:var(--fixed-note-height)!important;
  margin:0!important;
  padding:8px 14px 13px!important;
  z-index:999!important;
  pointer-events:none!important;
  touch-action:none!important;
  opacity:.97;
  box-shadow:0 24px 45px rgba(42,38,25,.25)!important;
  filter:drop-shadow(0 7px 9px rgba(72,58,18,.13));
  transform:rotate(-1deg)!important;
  transition:none!important;
}
.memo-board .note{transition:box-shadow .12s,translate .19s cubic-bezier(.18,.72,.22,1)}
.memo-board .note.opening-left{translate:-9px 0}
.memo-board .note.opening-right{translate:9px 0}
.memo-board .note.opening-up{translate:0 -7px}
.memo-board .note.opening-down{translate:0 7px}
.memo-board .note-placeholder{display:none!important}
.memo-board .note-top{cursor:grab;touch-action:none}
.memo-board .drag-handle{width:36px;margin-left:-3px;cursor:grab}
.memo-dragging,.memo-dragging *{cursor:grabbing!important}
/* Keep the compact desktop window in a single, left-aligned column. */
@media(max-width:540px){
  .memo-board{grid-template-columns:var(--fixed-note-width)!important}
}


/* v6: 자유 좌표 배치 모드와 자석 토글 */
.toolbar-button.magnet{background:#eef1f6;color:#344154;border:1px solid #dbe2ec;box-shadow:none}
.toolbar-button.magnet[aria-pressed="true"]{background:#d7eafa;color:#164e9b;border-color:#bdd8fa}
.toolbar-button.magnet:focus-visible{outline:3px solid #5789eb;outline-offset:2px}
.memo-board.is-free{
  display:block!important;
  min-height:var(--free-board-height,190px)!important;
  padding:10px 6px 28px!important;
}
.memo-board.is-free .note{
  position:absolute!important;
  left:var(--free-x,0px)!important;
  top:var(--free-y,0px)!important;
  translate:none!important;
  transition:box-shadow .12s!important;
}
.memo-board.is-free .note.drag-free{z-index:120!important;box-shadow:0 23px 40px rgba(35,35,40,.24)!important;filter:drop-shadow(0 6px 8px rgba(74,57,10,.11));opacity:.97}
.memo-board.is-free .note.drag-origin{opacity:1!important;pointer-events:auto!important}
.memo-board.is-free .board-empty{position:relative!important;left:auto!important;top:auto!important}
.memo-board:not(.is-free) .note.drag-origin{visibility:hidden!important;opacity:0!important}
.memo-board .note{user-select:none}
.memo-board .note-body{user-select:text}
@media(max-width:540px){.toolbar-button.magnet{flex:0 0 auto;width:auto;min-width:110px}}
@media(prefers-reduced-motion:reduce){.memo-board .note{transition:none!important}}

/* v7: rows can contain empty snap cells. Notes keep a fixed 216×158 size. */
.memo-board:not(.is-free){grid-auto-flow:row!important;grid-auto-rows:var(--fixed-note-height)!important}
.memo-board:not(.is-free) .note{translate:none!important}

/* v8 position engine: no CSS Grid reflow or slot-gap relocation. */
.memo-board,.memo-board:not(.is-free),.memo-board.is-free{
  position:relative!important;display:block!important;
  min-height:var(--free-board-height,194px)!important;
  padding:10px 6px 28px!important;
}
.memo-board .note,.memo-board:not(.is-free) .note,.memo-board.is-free .note{
  position:absolute!important;
  left:var(--free-x,0px)!important;top:var(--free-y,0px)!important;
  translate:none!important;transform:none!important;
  grid-row:auto!important;grid-column:auto!important;
  transition:left .2s cubic-bezier(.2,.75,.2,1),top .2s cubic-bezier(.2,.75,.2,1),box-shadow .12s!important;
}
.memo-board .note.drag-free{transition:none!important;z-index:120!important}
.memo-board:not(.is-free) .note.drag-origin{visibility:hidden!important}
@media (prefers-reduced-motion:reduce){.memo-board .note{transition:none!important}}

/* v10: active/hovered memo - red border without changing its dimensions. */
.memo-board .note.is-highlighted,
.memo-board .note.is-highlighted:hover {
  outline: 2px solid #e33434 !important;
  outline-offset: 0 !important;
}

/* v11: two small arrange buttons + unobtrusive right-click menu. */
.toolbar-button.align-button{
  background:#f1f3f7;color:#44516b;border:1px solid #e0e5ee;
  box-shadow:none;min-width:0;padding:0 12px;font-size:12px
}
.toolbar-button.align-button:hover{background:#e6ecf5}
.toolbar-button.align-button svg{width:17px;height:17px}
.note-context-menu{
  position:fixed;z-index:2000;min-width:134px;
  background:#fff;border:1px solid #e5e9ef;border-radius:10px;
  box-shadow:0 12px 32px #151d2b33;padding:5px;
}
.note-context-menu[hidden]{display:none!important}
.note-context-menu button{
  display:block;width:100%;border:0;background:none;color:#263247;
  text-align:left;border-radius:6px;padding:9px 12px;font-size:13px;
}
.note-context-menu button:hover,.note-context-menu button:focus-visible{background:#edf3ff}
@media(max-width:540px){
  .toolbar-button.align-button{width:auto;flex:0 0 auto;min-height:34px;padding:0 9px;font-size:11px}
}


/* v11 color addition: ten real-world-inspired Post-it paper shades.
   Colors belong to individual notes and do not depend on their position. */
.note[data-color="yellow"]    {--paper-start:#fff08a;--paper-mid:#fff7b0;--paper-end:#fff4a0;--fold-light:#fff9cf;--fold-mid:#fddd49;--fold-dark:#ddb616}
.note[data-color="pink"]      {--paper-start:#ffd4e5;--paper-mid:#ffe1ed;--paper-end:#ffdae9;--fold-light:#fff0f7;--fold-mid:#f8a9c8;--fold-dark:#de79a3}
.note[data-color="mint"]      {--paper-start:#cef6d7;--paper-mid:#e0fbe5;--paper-end:#d2f8de;--fold-light:#edfff1;--fold-mid:#9ee4b2;--fold-dark:#60bc83}
.note[data-color="sky"]       {--paper-start:#cce9ff;--paper-mid:#e1f2ff;--paper-end:#d2ebff;--fold-light:#f1faff;--fold-mid:#9acbf1;--fold-dark:#65a5d8}
.note[data-color="orange"]    {--paper-start:#ffdda0;--paper-mid:#ffebbc;--paper-end:#ffe3aa;--fold-light:#fff4d7;--fold-mid:#f6b957;--fold-dark:#df9033}
.note[data-color="lavender"]  {--paper-start:#e2d6ff;--paper-mid:#efe6ff;--paper-end:#e6dbff;--fold-light:#f8f0ff;--fold-mid:#c1a4fb;--fold-dark:#9770da}
.note[data-color="lime"]      {--paper-start:#e0f49b;--paper-mid:#ecfac0;--paper-end:#e4f5a7;--fold-light:#f6ffd7;--fold-mid:#bde26d;--fold-dark:#91bc3f}
.note[data-color="aqua"]      {--paper-start:#bff1ec;--paper-mid:#d5f9f4;--paper-end:#c6f3ef;--fold-light:#ebfffb;--fold-mid:#83d8d0;--fold-dark:#49aaa1}
.note[data-color="coral"]     {--paper-start:#ffd0be;--paper-mid:#ffe1d2;--paper-end:#ffd6c6;--fold-light:#fff0e8;--fold-mid:#f6a28a;--fold-dark:#d87961}
.note[data-color="sunflower"] {--paper-start:#ffe263;--paper-mid:#ffed91;--paper-end:#ffe67c;--fold-light:#fff7c6;--fold-mid:#fac942;--fold-dark:#d99b16}


/* Per-note unsaved status: tiny orange dot, no extra controls. */
.memo-board .note-unsaved-indicator {
  position:absolute;
  top:13px;
  right:36px;
  width:8px;
  height:8px;
  background:#f97316;
  border-radius:50%;
  box-shadow:0 0 0 2px rgba(255,255,255,.68);
  z-index:3;
  pointer-events:none;
}
.memo-board .note-unsaved-indicator[hidden] {display:none!important}


/* 메모 전체 닫기: 기존 삭제 버튼과 구분되는 작은 보조 동작 */
.board-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex-shrink:0}
#close-btn{color:#33599b}
#close-btn:hover{color:#234a90;background:#edf3ff;border-radius:6px;text-decoration:none}
@media(max-width:560px){.board-actions{gap:4px}.board-actions .text-button{padding:6px 4px;font-size:11px}}

/* Selection: keep the classic v11 paper design; only show the selection outline. */
.memo-board .note.is-highlighted{outline:2px solid #e33434!important;outline-offset:0!important}
.selection-marquee{position:absolute;z-index:190;pointer-events:none;border:1.5px solid #3867c9;background:rgba(60,118,220,.12);border-radius:3px}
.memo-selecting,.memo-selecting *{user-select:none!important;cursor:crosshair!important}
.note-context-menu button[hidden]{display:none!important}
#delete-selected-btn{color:#a34b42}
#delete-selected-btn:hover{color:#bc3737;background:#fff0ee;text-decoration:none;border-radius:6px}

/* v11 targeted enhancement: a one-page alignment button and site-native confirmations. */
#align-page-btn {background:#e8f0ff;color:#2857a7;border-color:#ccdaf4}
#align-page-btn:hover {background:#dbe9ff}
.pm-confirm-overlay[hidden] {display:none!important}
.pm-confirm-overlay {position:fixed;inset:0;z-index:4000;background:rgba(25,33,50,.37);display:flex;align-items:center;justify-content:center;padding:14px}
.pm-confirm-card {box-sizing:border-box;width:min(352px,calc(100vw - 28px));padding:21px 24px 20px;background:#fff;border:1px solid #e3e8f1;border-radius:17px;box-shadow:0 22px 70px rgba(20,33,57,.24);color:#263144;text-align:left;position:relative;max-height:calc(100vh - 20px);overflow-y:auto}
.pm-confirm-card.pm-confirm-anchored {position:fixed;z-index:4001;width:min(310px,calc(100vw - 20px));padding:15px 18px 17px;box-shadow:0 16px 42px rgba(20,33,57,.30)}
.pm-confirm-icon {display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#315dc3;font-weight:750;border-radius:50%;background:#eaf1ff;margin-bottom:9px}
.pm-confirm-card h2 {font-size:17px;line-height:1.35;margin:0 0 9px;letter-spacing:-.3px;font-weight:770}
.pm-confirm-card p {font-size:13px;line-height:1.65;color:#586577;margin:0 0 19px;overflow-wrap:anywhere;white-space:pre-line}
.pm-confirm-actions {display:flex;gap:8px;justify-content:flex-end}
.pm-confirm-actions button {font-size:13px;font-weight:700;border-radius:9px;min-width:76px;padding:9px 15px;border:1px solid #dce3ef;background:#f4f6fa;color:#44536a}
.pm-confirm-actions .pm-confirm-yes {border-color:#2b5bd4;background:#3467dd;color:white}
.pm-confirm-actions .pm-confirm-yes.danger {background:#d54c49;border-color:#d54c49}
.pm-confirm-actions button:hover {filter:brightness(.96)}
@media(max-width:540px){#align-page-btn {flex:0 0 auto;width:auto}}
/* Guide shortcut reference table */
.article table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:14px}
.article th,.article td{padding:10px 12px;border-bottom:1px solid #e9edf4;text-align:left;vertical-align:top}
.article th{background:#f5f7fb;color:#303c50;font-weight:750}
.article td:first-child{white-space:nowrap;font-weight:700;color:#324b83}
@media(max-width:540px){.article table{font-size:12px}.article th,.article td{padding:9px 7px}}

/* v11 bilingual polish — preserve existing sticky-note layout and dimensions. */
.board-topline{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px}
.board-topline .board-actions{order:0;justify-content:flex-start;margin-right:auto;gap:5px;display:flex;flex-wrap:wrap;align-items:center}
.board-topline .board-hint{order:1;flex:1 1 280px;text-align:right;margin-left:auto}
.undo-delete-button{font-weight:700;color:#3555a4}
.undo-delete-button:disabled{opacity:.37;cursor:default;text-decoration:none}
.undo-delete-button:not(:disabled):hover{background:#eaf1ff;text-decoration:none;color:#244cae}
.header-actions{display:grid;grid-template-columns:auto auto;column-gap:11px;row-gap:4px;align-items:center;justify-items:end}
.header-actions .language-switch{grid-column:1;grid-row:1}
.header-actions .memo-count{grid-column:2;grid-row:1}
.header-actions .save-state{grid-column:1 / -1;grid-row:2}
.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #e3e8f2;background:#ffffffd9;border-radius:10px;white-space:nowrap}
.language-button{border:0;background:transparent;color:#6a7484;font:inherit;font-weight:700;font-size:12px;border-radius:7px;padding:6px 10px;line-height:1.35;text-decoration:none;cursor:pointer}
.language-button.is-current,.language-button[aria-pressed="true"]{background:#dfeafe;color:#214db4}
.language-button:hover{background:#edf3ff;color:#2452bf}
.language-button:focus-visible{outline:2px solid #5c83e9;outline-offset:2px}
.intro-panel .intro-sentence{line-height:1.65;margin:6px 0 0}
.intro-panel .intro-features p{white-space:pre-line}
.intro-panel .intro-note.intro-sentence{margin-top:5px}
.pm-confirm-extra{border:1px solid #f1d7c3!important;background:#fff1e9!important;color:#ad532a!important;border-radius:9px;padding:9px 12px;font-size:12px;cursor:pointer}
.pm-confirm-extra[hidden]{display:none!important}
.page-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
@media(max-width:710px){.board-topline .board-hint{order:1;text-align:left}.page-head-actions .language-switch{max-width:max-content}}
@media(max-width:540px){.header-actions{column-gap:4px}.language-button{padding:4px 5px;font-size:11px}.memo-count{font-size:11px!important;padding:5px 8px!important}.board-topline .board-actions{margin:0}}

/* Narrow window: pinned icon-only left rail; memo size stays 216 x 158px. */
.memo-workspace{display:block}
.workspace-controls{display:block}
.toolbar-button.sky-web{background:#e0f1ff;color:#1656a7;border:1px solid #c9e2fc}
.toolbar-button.sky-web:hover{background:#d2e9ff}
.board-actions .text-button{display:inline-flex;align-items:center;gap:5px}
.board-actions .text-button svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;display:none}
.web-note-row{display:flex;align-items:flex-start;gap:5px;flex:1;min-height:0;position:relative;z-index:2}
.memo-board .note.is-web-note .note-body{flex:1;min-width:0;height:100%;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.open-page-btn{flex-shrink:0;background:#fff9e7c9;border:1px solid #c7b47582;color:#304c7f;font-size:12px;font-weight:750;border-radius:8px;padding:5px 7px;cursor:pointer;position:relative;z-index:3}
.open-page-btn:hover{color:#164e9b;background:#fff}
.web-save-overlay[hidden]{display:none!important}
.web-save-overlay{position:fixed;inset:0;z-index:5100;background:rgba(25,33,50,.42);display:flex;align-items:center;justify-content:center;padding:12px}
.web-save-card{width:min(420px,calc(100vw - 26px));max-height:90dvh;overflow:auto;background:#fff;border:1px solid #e4e8f0;border-radius:18px;padding:26px;box-shadow:0 25px 75px #1f274242}
.web-save-card h2{font-size:21px;letter-spacing:-.5px;margin:0 0 7px}
.web-save-card>p{font-size:13px;color:#627084;margin:0 0 22px}
.web-save-card label{display:block;font-size:13px;font-weight:750;color:#33425b;margin:16px 0 6px}
.web-save-card input{display:block;width:100%;height:40px;border:1px solid #dce3ee;border-radius:10px;padding:9px 11px;font-size:13px;background:#fbfcff;color:#202c40}
.web-save-card input:focus{border-color:#6d94e0;outline:2px solid #d7e5ff;outline-offset:0}
.web-save-status{font-size:12px;color:#687994;min-height:21px;line-height:1.5;margin:9px 0!important}
.web-save-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:13px}
.web-save-actions button{border-radius:10px;padding:10px 18px;background:#f0f3f9;color:#344462;border:1px solid #dae3f2;font-size:13px;font-weight:750}
.web-save-actions #web-save-submit{background:#3566d1;color:white;border-color:#3566d1}
.web-save-actions button:disabled{opacity:.5;cursor:wait}
@media(max-width:799px){
  .site-shell{padding:12px 11px 0!important}
  .site-header{padding:3px 2px 12px!important}
  .brand-copy strong{font-size:28px!important}
  .brand-copy small{font-size:10px!important}
  .memo-workspace{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;align-items:start}
  .workspace-controls{min-width:0;position:sticky;top:8px;max-height:calc(100dvh - 14px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;z-index:20;display:flex;flex-direction:column;gap:7px;padding-bottom:4px}
  .workspace-controls .toolbar{width:56px!important;min-width:0!important;max-width:56px!important;display:flex!important;flex-direction:column!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:5px!important;padding:6px 5px!important;border-radius:13px!important;box-shadow:0 5px 16px #1c2d5216!important}
  .workspace-controls .toolbar-button,
  .workspace-controls .toolbar-button.align-button,
  .workspace-controls .toolbar-button.magnet{
    display:flex!important;width:43px!important;min-width:43px!important;max-width:43px!important;flex:0 0 38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;justify-content:center!important;align-items:center!important;gap:0!important;border-radius:10px!important;
  }
  .workspace-controls .toolbar-button svg{width:20px!important;height:20px!important;flex:none!important}
  .workspace-controls .toolbar-button > span{display:none!important}
  .workspace-controls .board-topline{display:block!important;margin:0!important;padding:6px 5px!important;width:56px!important;max-width:56px!important;border:1px solid #e4eaf3;background:#ffffffeb;border-radius:12px;box-shadow:0 5px 16px #1c2d5212}
  .workspace-controls .board-hint{display:none!important}
  .workspace-controls .board-actions{display:flex!important;flex-direction:column!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;margin:0!important}
  .workspace-controls .board-actions .text-button{display:flex!important;align-items:center!important;justify-content:center!important;width:43px!important;min-width:43px!important;height:38px!important;padding:0!important;margin:0!important;border-radius:9px!important;background:#f3f6fa;color:#3c557b}
  .workspace-controls .board-actions .text-button svg{display:block!important;width:21px!important;height:21px!important;flex:none}
  .workspace-controls .board-actions .text-button span{display:none!important}
  .workspace-controls .board-actions .text-button:disabled{opacity:.35}
  .memo-workspace .memo-board{grid-column:2;grid-row:1;margin:0!important;padding:10px 1px 25px!important;max-width:none!important;width:100%!important;min-width:0!important}
  .memo-board .note{width:216px!important;min-width:216px!important;max-width:216px!important}
  .memo-workspace .board-empty{max-width:min(320px,95%)}
  .site-footer{padding:15px 12px}
}


/* Medium-width desktops: compact top-row icon toolbar (800–1199px).
   At 799px and below the existing fixed left icon rail remains unchanged. */
@media (min-width:800px) and (max-width:1199px) {
  .site-shell {padding-left:16px;padding-right:16px;}
  .workspace-controls .toolbar {
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
    gap:8px!important;
    padding:10px 12px!important;
    max-width:100%!important;
  }
  .workspace-controls .toolbar-button,
  .workspace-controls .toolbar-button.align-button,
  .workspace-controls .toolbar-button.magnet {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:43px!important;min-width:43px!important;max-width:43px!important;
    height:40px!important;min-height:40px!important;max-height:40px!important;
    flex:0 0 43px!important;
    padding:0!important;margin:0!important;
    border-radius:10px!important;gap:0!important;
  }
  .workspace-controls .toolbar-button > span {display:none!important;}
  .workspace-controls .toolbar-button svg {display:block!important;flex:none!important;width:20px!important;height:20px!important;}
  .workspace-controls .board-topline {margin-top:10px!important;}
  .workspace-controls .board-actions {gap:4px!important;}
  .workspace-controls .board-actions .text-button {padding:6px 7px!important;font-size:12px!important;white-space:nowrap;}
  .workspace-controls .board-hint {font-size:11px!important;}
  .memo-workspace .memo-board {max-width:100%!important;}
}


/* Shopping links are compact product cards; ordinary sticky and page notes stay unchanged. */
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card){
  background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%)!important;
  border:1px solid #dce4ef!important;
  border-radius:10px!important;
  box-shadow:0 10px 22px rgba(29,44,69,.10),0 3px 6px rgba(29,44,69,.05);
  filter:none;
  padding:8px 11px 10px!important;
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card)::after{display:none!important}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .note-top{margin:-3px -3px 3px -3px;height:20px}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .drag-handle{color:#a0aec0}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .note-delete{background:#fff;border-color:#e1e6ee}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-main{
  display:flex;align-items:stretch;gap:9px;height:78px;min-height:0;flex:1;position:relative;z-index:2
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-image-box{
  width:76px;height:76px;flex:0 0 76px;background:#f2f5fa;border:1px solid #edf0f4;
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;position:relative
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-image{
  width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#fff
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-image-fallback{display:flex;color:#a2afc1;align-items:center;justify-content:center}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-image-fallback[hidden]{display:none!important}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-image-fallback svg{width:31px;height:31px}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-title{
  min-width:0;height:76px;max-height:76px;padding:1px 1px 0 0;
  color:#233148;font-weight:750;font-size:13px;line-height:1.35;flex:1;
  overflow-y:auto;overflow-wrap:anywhere
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-footer{
  display:flex;align-items:center;justify-content:space-between;gap:3px;
  margin-top:5px;min-height:24px;z-index:2;position:relative
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-domain{
  font-size:10px;font-weight:600;color:#8290a3;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;min-width:0
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .open-page-btn{
  background:#eaf2ff;border-color:#d4e3ff;color:#245cbb;font-size:10.5px;
  padding:4px 6px;line-height:1.15;white-space:nowrap
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .open-page-btn:hover{background:#dbeaff}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card).is-highlighted{outline:2px solid #e33434!important}
.web-image-field[hidden]{display:none!important}
.web-image-field small{font-size:11px;line-height:1.5;color:#7b8799;display:block;margin-top:5px}

/* Do not let the browser drag a full-resolution shopping product image.
   The movable preview always stays the same size as the original 216px card. */
.note.is-product-card .product-image,
.note.drag-clone.is-product-card .product-image{
  -webkit-user-drag:none;
  user-select:none;
  max-width:100%;max-height:100%;
}
.note.drag-clone.is-product-card{
  overflow:hidden!important;
  background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%)!important;
  border:1px solid #dce4ef!important;
  border-radius:10px!important;
}

/* Show failed web-page title lookups clearly, without changing the image URL field. */
.web-save-card #web-save-name.lookup-error::placeholder{color:#d12f36!important;opacity:1}
.web-save-card #web-save-name.lookup-error{border-color:#e9787b}
.web-save-card .web-save-status.lookup-error{color:#d12f36!important;font-weight:650}

/* YouTube links retain the normal sticky-note look, but show their source below.
   All other web-note styles, shopping cards, and card geometry are unchanged. */
.memo-board .note.is-youtube-note .web-note-row,
.note.drag-clone.is-youtube-note .web-note-row{min-height:0;flex:1}
.memo-board .note.is-youtube-note .web-source-domain,
.note.drag-clone.is-youtube-note .web-source-domain{
  position:relative;z-index:2;flex:none;
  font-size:10px;line-height:1.15;font-weight:600;
  color:#7e806f;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;margin-top:4px;padding-right:17px;
}


/* Every URL memo has a small source-domain footer, including blog/cafe links.
   Applies to draggable preview clones as well as regular notes. */
:is(.memo-board .note.is-sourced-note, .note.drag-clone.is-sourced-note) .web-note-row{
  min-height:0;flex:1;
}
:is(.memo-board .note.is-sourced-note, .note.drag-clone.is-sourced-note) .web-source-domain{
  position:relative;z-index:2;flex:none;
  font-size:10px;line-height:1.15;font-weight:600;
  color:#7e806f;max-width:100%;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;margin-top:4px;padding-right:17px;
}

/* v11 patch: keep text and controls inside their own note when notes overlap.
   During magnet dragging, the moving preview must completely cover whatever
   is behind it, instead of blending two notes' text together. */
.memo-board .note,
.note.drag-clone{
  overflow:hidden!important;
  isolation:isolate;
}
.note.drag-clone{
  opacity:1!important;
  z-index:2147483000!important;
  background-clip:padding-box;
  backface-visibility:hidden;
}
.note.drag-clone:not(.is-product-card){
  background:linear-gradient(142deg,var(--paper-start,#ffed7a) 0%,var(--paper-mid,#fff6ae) 55%,var(--paper-end,#fff79f) 100%)!important;
}
:is(.memo-board .note, .note.drag-clone) :is(.note-body, .product-title){
  min-width:0;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
:is(.memo-board .note, .note.drag-clone) :is(.web-note-row, .product-main){
  min-width:0;
  max-width:100%;
}
/* Link titles scroll within the paper; they must not paint over the domain
   footer or continue into a neighboring card. */
:is(.memo-board .note.is-sourced-note, .note.drag-clone.is-sourced-note) .web-note-row,
:is(.memo-board .note.is-youtube-note, .note.drag-clone.is-youtube-note) .web-note-row{
  flex:1 1 0;
  min-height:0;
  overflow:hidden;
}
:is(.memo-board .note.is-sourced-note, .note.drag-clone.is-sourced-note) .note-body,
:is(.memo-board .note.is-youtube-note, .note.drag-clone.is-youtube-note) .note-body{
  min-height:0;
  overflow-y:auto;
  padding-bottom:5px;
}
:is(.memo-board .note.is-product-card, .note.drag-clone.is-product-card) .product-main{
  overflow:hidden;
}



/* v11 incremental patch: full-width editable web title, matching product footer */
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-note-row{
  display:flex;flex:1 1 0;min-height:0;min-width:0;
  width:100%;align-items:stretch;overflow:hidden;
}
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-page-title{
  display:block;flex:1 1 100%;width:100%;min-width:0;
  font-size:13px!important;line-height:1.39;
  overflow-y:auto;overflow-x:hidden;
  word-break:break-word;overflow-wrap:anywhere;
  padding-right:5px;
}
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-page-footer{
  flex:0 0 auto;min-height:23px;display:flex;align-items:center;
  justify-content:space-between;gap:4px;
  position:relative;z-index:3;margin-top:3px;
}
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-page-footer .web-source-domain{
  position:static;flex:1 1 auto;min-width:0;max-width:none;
  padding:0;margin:0;font-size:10px;line-height:1.15;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-page-footer .open-page-btn{
  flex:0 0 auto;background:#eaf2ff;border:1px solid #d4e3ff;
  color:#245cbb;font-size:10.5px;font-weight:750;
  padding:4px 6px;line-height:1.15;white-space:nowrap;
  border-radius:8px;
}
:is(.memo-board .note.is-sourced-note:not(.is-product-card),
    .note.drag-clone.is-sourced-note:not(.is-product-card)) .web-page-footer .open-page-btn:hover{
  background:#dbeaff;
}

/* Link-to-existing-note dialog */
.note-link-overlay[hidden]{display:none!important}
.note-link-hint{font-size:12px;color:#6d7c91;line-height:1.6;margin:9px 0 3px}
.note-link-submit{background:#3566d1!important;border-color:#3566d1!important;color:#fff!important}
.note-link-overlay .web-save-status.lookup-error{color:#d33434!important}