#integrate-book-wave{--iw-paper:#f7f5fb;--iw-sub:#c2b9d1;--iw-glow:#a582e0;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--iw-paper);background:#08070c;overflow:hidden;position:relative;isolation:isolate}
    #integrate-book-wave *{box-sizing:border-box}
    #integrate-book-wave .iw-heading{position:relative;text-align:center;padding:clamp(28px,3vw,56px) 20px 0;z-index:3}
    #integrate-book-wave .iw-heading p{margin:0 0 8px;font-size:var(--type-note);letter-spacing:normal;color:var(--iw-sub);line-height:var(--leading-body)}
    #integrate-book-wave .iw-heading h1{margin:0;font-size:var(--type-title);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:800;color:var(--iw-paper);font-family:var(--font-display);font-weight:800}
    #integrate-book-wave .iw-heading .iw-subtitle{font-size:var(--type-lead);font-weight:600;line-height:var(--leading-body);letter-spacing:normal;margin-top:20px;color:#e6def3}
    #integrate-book-wave .iw-stage{height:515px;position:relative;margin-top:8px;overflow:hidden;touch-action:pan-y}
    #integrate-book-wave .iw-stage:before{content:"";position:absolute;inset:10% -20% -5%;background:radial-gradient(ellipse at 50% 56%,#8460c04d,transparent 62%);pointer-events:none}
    #integrate-book-wave .iw-ribbon{position:absolute;inset:0;pointer-events:none}
    #integrate-book-wave .iw-book{position:absolute;top:0;left:0;margin:0;width:108px;pointer-events:auto;will-change:transform;transform-origin:50% 100%}
    #integrate-book-wave .iw-book img{display:block;width:100%;height:auto;object-fit:contain;border-radius:2px 4px 4px 2px;box-shadow:1px 1px 0 #ffffff50,4px 5px 0 #767178,8px 16px 24px #000a;pointer-events:none;transform-origin:50% 100%;transition:transform .16s ease,box-shadow .16s ease}
    #integrate-book-wave .iw-book .iw-cover{display:block;width:100%;height:auto;padding:0;border:0;border-radius:0;min-height:0;background:transparent;line-height:0;touch-action:manipulation}
    #integrate-book-wave .iw-book.is-active{z-index:20000!important}
    #integrate-book-wave .iw-book.is-active img{transform:translateY(-8px) scale(1.07);box-shadow:1px 1px 0 #ffffff80,4px 5px 0 #8b8396,12px 24px 36px #000d}
    #integrate-book-wave .iw-book .iw-cover:focus-visible{outline:var(--ui-focus-width) solid var(--color-focus);outline-offset:var(--ui-focus-offset)}
    #integrate-book-wave .iw-book figcaption{position:absolute;top:100%;left:-25%;width:150%;font-size:var(--type-note);line-height:var(--leading-body);text-align:center;margin-top:13px;color:#c1b6d0;white-space:nowrap}
    #integrate-book-wave .iw-group{position:absolute;left:0;top:0;white-space:nowrap;font-size:var(--type-body);font-weight:600;line-height:var(--leading-body);color:#e8dcfa;pointer-events:none;will-change:transform;z-index:10000}
    #integrate-book-wave .iw-footer{position:relative;z-index:3;text-align:center;padding:5px 20px 26px}
    #integrate-book-wave .iw-inspect{min-height:66px;padding:4px 18px 12px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;z-index:4}
    #integrate-book-wave .iw-inspect [hidden]{display:none!important}
    #integrate-book-wave .iw-hint{margin:0;color:#b7adc6;font-size:var(--type-note);line-height:var(--leading-body);text-align:center}
    #integrate-book-wave .iw-selected{max-width:70%;font-size:var(--type-note);line-height:var(--leading-body);color:#f2ebfb}
    #integrate-book-wave .iw-detail{flex:none;display:inline-flex;align-items:center;min-height:44px;font-size:var(--type-note);font-weight:600;color:var(--color-link);text-decoration:none;white-space:nowrap;line-height:var(--leading-body)}
    #integrate-book-wave .iw-detail:hover{text-decoration:underline}
    #integrate-book-wave .iw-touch-hint{display:none}
    #integrate-book-wave .iw-summary{font-size:var(--type-note);color:#e6def3;margin:0 0 8px;line-height:var(--leading-body)}
    #integrate-book-wave .iw-summary b{font-size:var(--type-body);color:#fff;font-weight:600;line-height:var(--leading-body)}
    #integrate-book-wave .iw-note{font-size:var(--type-note);color:#a99dbb;margin:0;line-height:var(--leading-body)}
    #integrate-book-wave .iw-controls{display:flex;justify-content:center;gap:8px;margin:18px 0 0}
    #integrate-book-wave button{appearance:none;font:inherit;font-size:var(--type-button);color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid #51455f;border-radius:var(--ui-radius-button);padding:9px 16px;min-height:38px;cursor:pointer;line-height:1.4;font-weight:600;border-color:var(--color-border-strong)}
    #integrate-book-wave button:hover{background:var(--color-control-hover)}
    #integrate-book-wave button:focus-visible{outline:var(--ui-focus-width) solid var(--color-focus);outline-offset:var(--ui-focus-offset)}
    @media(max-width:480px){#integrate-book-wave .iw-heading{padding-top:28px}#integrate-book-wave .iw-stage{height:475px}#integrate-book-wave .iw-heading .iw-subtitle{font-size:var(--type-lead);line-height:var(--leading-body)}#integrate-book-wave button{min-height:44px;color:var(--color-text-primary);background:var(--color-surface-raised);border-color:var(--color-border-strong);border-radius:var(--ui-radius-button)}#integrate-book-wave .iw-summary{font-size:var(--type-note);line-height:var(--leading-body)}}
    @media(hover:none){#integrate-book-wave .iw-mouse-hint{display:none}#integrate-book-wave .iw-touch-hint{display:inline}}
    @media(prefers-reduced-motion:reduce){#integrate-book-wave .iw-book img{transition:none}}
.home.has-book-wave{padding-top:0}
/* Exception TYPE-001: user-approved campaign title, 48–72px (2026-10-26). */
#integrate-book-wave .iw-heading h1{font-size:var(--type-pass-title);font-weight:800}
@media(max-width:600px){#integrate-book-wave .iw-title-name{white-space:normal}}
.home #integrate-book-wave .iw-stage{--iw-tail:110px}
@media(max-width:768px){.home #integrate-book-wave .iw-stage{--iw-tail:84px}}
#integrate-book-wave .iw-heading h1{word-break:keep-all;text-wrap:balance}
@media(max-width:600px){
  #integrate-book-wave .iw-heading h1{max-width:520px;margin:0 auto}
  #integrate-book-wave .iw-heading{padding-left:18px;padding-right:18px}
}
#integrate-book-wave .iw-heading .iw-brand{margin-bottom:18px;font-size:var(--type-lead);font-weight:600;letter-spacing:normal;color:#b9accb;line-height:var(--leading-body)}
#integrate-book-wave .iw-heading .iw-date{margin:16px 0 0;font-size:var(--type-lead);letter-spacing:normal;color:#c9b8e0;line-height:var(--leading-body)}
#integrate-book-wave .iw-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
#integrate-book-wave .iw-action{display:inline-flex;align-items:center;justify-content:center;padding:var(--ui-control-padding-y) var(--ui-control-padding-x);min-height:var(--ui-control-height);border-radius:var(--ui-radius-button);font-size:var(--type-note);font-weight:600;line-height:var(--leading-body);color:var(--color-on-action);background:var(--color-action);text-decoration:none}
#integrate-book-wave .iw-action:hover{background:var(--color-action-hover);color:var(--color-on-action)}
#integrate-book-wave .iw-action-secondary{background:transparent;box-shadow:inset 0 0 0 1px #8b6ba9;color:var(--color-text-primary);border-color:var(--color-border-strong)}
#integrate-book-wave .iw-action-secondary:hover{background:var(--color-action);color:var(--color-on-action)}
#integrate-book-wave .iw-fallback{text-align:center;padding:20px;color:#ead7fd}
