/* Scoped to Special Needs; Events and the other advisors keep their own sheets. */
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #wkHello{display:none!important}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] :is(#thread,.composer,.wk-sn-source-panel)[hidden]{display:none!important}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs{
 display:flex;gap:8px;flex:none;align-self:center;width:100%;max-width:820px;
 padding:12px max(20px,env(safe-area-inset-left)) 4px;background:#fff;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs button{
 border:1px solid #e2e8ef;border-radius:999px;background:#f4f6f8;color:#47576a;
 font:600 15px/1.25 'Waykin Manrope',system-ui,sans-serif;padding:10px 20px;min-height:44px;cursor:pointer;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs button[aria-selected="true"]{background:#e5f2ff;color:#115b9d;border-color:#b7d7f5}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs button:focus-visible{outline:2px solid #1675ce!important;outline-offset:3px}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source-panel{
 flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;align-self:center;
 width:100%;max-width:820px;padding:24px max(20px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));
 color:#25354a;font:400 16px/1.6 'Waykin Manrope',system-ui,sans-serif;background:#fff;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source-panel h2{font:600 20px/1.4 'Waykin Manrope',system-ui,sans-serif;margin:0 0 18px;color:#25354a}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source{display:flex;flex-direction:column;gap:5px;padding:18px 0;border-bottom:1px solid #e4eaf1;color:#175e9e;text-decoration:none;overflow-wrap:anywhere}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source span{color:#596c7e;font-size:13px}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source:focus-visible{outline:2px solid #1675ce!important;outline-offset:3px}
/* Keep progress available to screen readers without adding numbers to the answer. */
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-count{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-previous{grid-column:1}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-next{grid-column:3}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-view ol{list-style:none;padding-inline-start:0!important}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread,
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-view{scroll-behavior:auto!important;overflow-anchor:none}
@media(orientation:landscape) and (max-height:550px){
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs{padding-top:4px;padding-bottom:0}
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-tabs button{padding-block:8px}
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .wk-sn-source-panel{padding-top:12px}
}

/* One reading column and gutter for tabs, conversation, sources and composer. */
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"]{
 --wk-sn-width:820px;
 --wk-sn-gutter:20px;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] :is(#thread,.wk-sn-tabs,.wk-sn-source-panel,.composer){
 box-sizing:border-box!important;
 width:100%!important;
 max-width:var(--wk-sn-width)!important;
 min-width:0;
 margin-inline:auto!important;
 padding-inline-start:max(var(--wk-sn-gutter),env(safe-area-inset-left))!important;
 padding-inline-end:max(var(--wk-sn-gutter),env(safe-area-inset-right))!important;
 align-self:center;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread{
 padding-block:20px!important;
 scroll-padding-block:20px;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread>.msg{
 min-width:0;
 width:100%;
 max-width:100%!important;
 margin-inline:0!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread>.msg.way{justify-content:flex-start}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread>.msg.user{justify-content:flex-end}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .bubble{
 min-width:0;
 text-align:start!important;
 text-indent:0!important;
 word-break:normal;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .msg.way>.bubble{
 flex:0 1 auto!important;
 width:fit-content!important;
}
/* The page follows the visible point; a second scroll box can cut its text short. */
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread :is(.bubble.wkh-paged,.wkh-point-view){
 max-height:none!important;
 height:auto!important;
 min-height:0!important;
 overflow:visible!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-view{
 flex:none!important;
 text-align:start!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-view :is(p,li,h1,h2,h3){text-align:start!important}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-nav{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 column-gap:12px!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-previous{grid-column:1;justify-self:start}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-next{grid-column:2;justify-self:end}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-nav button{
 font:600 15px/1.3 'Waykin Manrope',Arial,sans-serif!important;
 min-height:44px;
 min-width:88px;
 text-align:center;
 white-space:nowrap;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread .wkh-point-nav button[hidden]{display:none!important}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer :is(.compin,.pill){
 box-sizing:border-box;
 width:100%;
 max-width:none;
 min-width:0;
 margin-inline:0;
}
@media(max-width:600px){
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"]{--wk-sn-gutter:16px}
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread{padding-block:16px!important}
}
@media(orientation:landscape) and (max-height:550px){
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"]{--wk-sn-gutter:14px}
 html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] #thread{padding-block:10px!important}
}

/* Only the rounded input pill is a focus surface. The layout wrapper must
   never draw a second outline above or around the typing area. */
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer,
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer:focus-within,
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer .compin {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer .pill:focus-within {
  border-color:#227dd1!important;
  box-shadow:0 0 0 3px #227dd11a!important;
}
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer #ta,
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer #ta:focus,
html[data-waykin-theme="white"] body[data-wk-chat="special-needs"] .composer #ta:focus-visible {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}