/* Shared desktop drawer becomes a thumb-friendly sheet on smaller viewports. */
.blog257-header,.blog257-handle-mobile,.blog257-backdrop{display:none!important}
@media(max-width:1279px){
 html body.blog250-overview #main{width:100%;margin:0}
 html body.blog250-menu{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 html body.blog250-menu .blog250-handle:not([hidden]){display:flex!important;position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom)) auto;max-width:calc(100vw - 84px);min-height:48px;padding:12px 16px;writing-mode:horizontal-tb;border-radius:18px;border:1px solid #91a66c;background:linear-gradient(125deg,#fffffff5,#edf7cfee);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#193b4d;box-shadow:0 4px 20px #193b4d20;font:700 14px/1.3 system-ui;z-index:81}
 html body.blog250-menu .blog257-handle-desktop{display:none}
 html body.blog250-menu .blog257-handle-mobile{display:flex!important;align-items:center;gap:9px;text-align:left}
 html body.blog250-menu .blog257-handle-mobile svg{width:22px;height:22px;flex:none}
 html body.blog250-menu .blog257-backdrop:not([hidden]){display:block!important;position:fixed;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#193b4d45!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:none;transform:none!important;z-index:9998}
 html body.blog250-menu #blog250-drawer{position:fixed!important;inset:auto 0 var(--blog257-bottom,0px);display:flex!important;width:min(100%,680px);height:min(68dvh,var(--blog257-viewport,100dvh));max-height:var(--blog257-viewport,100dvh);margin:0 auto;border:1px solid #91a66c;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -10px 45px #193b4d24;background:linear-gradient(125deg,#fffffff7,#eef7d5f2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:9999;transform:translateY(105%);visibility:hidden;pointer-events:none;transition:transform .36s cubic-bezier(.22,.68,.22,1),height .3s ease,visibility 0s linear .36s}
 html body.blog250-menu #blog250-drawer[data-sheet-open]{transform:translateY(0);visibility:visible;pointer-events:auto;transition:transform .36s cubic-bezier(.22,.68,.22,1),height .3s ease,visibility 0s}
 html body.blog250-menu #blog250-drawer[data-sheet-expanded]{height:min(92dvh,var(--blog257-viewport,100dvh))}
 html body.blog250-menu #blog250-drawer>.blog248-toggle{display:none}
 html body.blog250-menu #blog250-drawer .blog257-header{display:block!important;flex:none;padding:10px 18px 8px;border-bottom:1px solid #91a66c50;touch-action:none;user-select:none}
 html body.blog250-menu #blog250-drawer .blog257-grip{display:block;width:42px;height:5px;border-radius:5px;margin:0 auto 8px;background:#a6b492}
 html body.blog250-menu #blog250-drawer .blog257-header>div{display:flex;justify-content:space-between;align-items:center;gap:10px}
 html body.blog250-menu #blog250-drawer .blog257-header strong{font-size:16px;line-height:1.4;color:#193b4d}
 html body.blog250-menu #blog250-drawer .blog257-header button{font:600 13px/1.4 system-ui;border:1px solid #9aaa7866;border-radius:10px;min-height:44px;padding:10px 12px;background:#ffffff88;color:#193b4d;cursor:pointer;touch-action:manipulation;box-shadow:none}
 html body.blog250-menu #blog250-drawer .blog259-sheet-actions{display:flex;align-items:center;gap:6px;flex:none}
 html body.blog250-menu #blog250-drawer .blog259-sheet-actions button{margin:0;min-height:44px;padding:10px;font-size:13px;white-space:nowrap}
 html body.blog250-menu #blog250-drawer [data-sheet-size]{display:block}
 html body.blog250-menu #blog250-drawer .blog248-body{padding:16px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 html body.blog250-menu #blog250-drawer .blog248-search{font-size:13px;margin:16px 0}
 html body.blog250-menu #blog250-drawer .blog248-search input{font-size:16px;height:46px;padding:10px 12px}
 html body.blog250-menu #blog250-drawer :is(.blog248-tree summary,.blog248-tags summary,.blog248-tool summary,.blog247-access summary){min-height:46px;padding:13px 36px 13px 12px;font-size:14px}
 html body.blog250-menu #blog250-drawer .blog248-tree a,html body.blog250-menu #blog250-drawer .blog248-search-results a{padding:12px;font-size:14px;min-height:44px}
 html body.blog250-menu #blog250-drawer .blog248-back{margin-bottom:12px}
 html body.blog250-menu #blog250-drawer .blog248-all{font-size:15px;min-height:46px}
 html body.blog250-menu #blog250-drawer .blog248-tags button{min-height:44px;font-size:13px}
 html body.blog250-menu #blog250-drawer .blog254-reactions{margin:18px 0 10px}
 html body.blog250-menu #blog250-drawer .blog242-reactions{gap:7px}
 html body.blog250-menu #blog250-drawer .blog242-reactions button{min-height:55px}
 html body.blog250-menu #blog250-drawer .blog243-emoji{font-size:25px}
 html body.blog250-menu #blog250-drawer .blog242-reactions b{font-size:12px}
 html body.blog250-menu #blog250-drawer .blog254-comment-link{padding:12px;min-height:44px;font-size:13px}
 html body.blog250-menu #blog250-drawer .blog254-comment-link strong{font-size:13px}
 html body.blog250-menu #blog250-drawer .blog247-access input:not([type=checkbox],[type=hidden]){font-size:16px;min-height:44px}
 html body.blog250-menu #blog250-drawer .blog247-access button{min-height:44px;font-size:14px}
 html body.blog250-menu #blog250-drawer .blog247-access :is(p,label){font-size:13px}
 html body.blog250-menu #blog250-drawer .blog248-tool{margin-top:16px}
 html body.blog250-menu .chat-dock82{inset:auto auto calc(12px + env(safe-area-inset-bottom)) 10px!important;width:52px!important;height:52px!important;z-index:80}
 html body.blog250-menu .chat-dock82 .chat-launch78{inset:0!important;width:52px!important;height:52px!important;padding:0!important;border-radius:50%;min-width:0;gap:0;border:1px solid #91a66c;background:#fff;box-shadow:0 3px 15px #193b4d22;touch-action:manipulation}
 html body.blog250-menu .chat-dock82 .chat-launch78>.rainer-orb81{width:48px;height:48px;margin:0;flex:none}
 html body.blog250-menu .chat-dock82 .chat-launch78 img{width:48px;height:48px;object-fit:contain}
 html body.blog250-menu .chat-dock82 :is(.chat-collapse82,.chat-restore82),html body.blog250-menu .chat-launch78>span:last-child{display:none!important}
 html body.blog257-sheet-open .chat-dock82{visibility:hidden!important;pointer-events:none!important}
 html body.blog257-sheet-open .chat-dock82 *{pointer-events:none!important}
 @media(prefers-reduced-motion:reduce){html body.blog250-menu #blog250-drawer,html body.blog250-menu #blog250-drawer[data-sheet-open]{transition:none}}
}

/* Scroll-aware mobile reading controls; desktop remains unchanged. */
.blog260-chat,.blog262-quick-chat{display:none!important}
.blog262-dock{display:contents}
@media(max-width:1279px){
 html body.blog250-menu .chat-dock82{display:none!important}
 html body.blog250-menu .blog262-dock{position:fixed;display:flex;align-items:center;left:auto;right:50%;transform:translateX(50%);bottom:max(6px,env(safe-area-inset-bottom));width:266px;max-width:calc(100vw - 20px);height:48px;padding:0;border:1px solid #91a66c88;border-radius:28px;background:linear-gradient(120deg,#ffffffb8,#eef6d899);backdrop-filter:blur(3px) saturate(1.35);-webkit-backdrop-filter:blur(3px) saturate(1.35);box-shadow:0 4px 16px #193b4d20,inset 0 1px 1px #fff,inset 0 -2px 4px #71864630;z-index:81;overflow:hidden;transition:width .24s ease,right .24s ease,transform .24s ease,opacity .16s ease,visibility 0s}
 html body.blog250-menu .blog262-dock[data-compact="true"]{width:48px;right:max(10px,env(safe-area-inset-right));transform:translateX(0)}
 html body.blog250-menu .blog262-dock .blog250-handle:not([hidden]){position:static!important;inset:auto!important;display:flex!important;flex:0 0 134px;width:134px;max-width:none;min-width:0;min-height:48px;height:48px;padding:0 12px;border:0!important;border-radius:28px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none!important;justify-content:center;font:700 13px/1.3 system-ui;color:#193b4d;transition:flex-basis .28s ease,width .28s ease}
 html body.blog250-menu .blog262-dock .blog257-handle-mobile{gap:8px;white-space:nowrap}
 html body.blog250-menu .blog262-dock .blog257-handle-mobile svg{width:22px;height:22px}
 html body.blog250-menu .blog262-dock .blog257-handle-mobile>span{max-width:90px;opacity:1;transition:max-width .24s ease,opacity .16s ease;overflow:hidden}
 html body.blog250-menu .blog262-dock[data-compact="true"] .blog250-handle:not([hidden]){flex-basis:48px;width:48px;padding:0}
 html body.blog250-menu .blog262-dock[data-compact="true"] .blog257-handle-mobile{gap:0}
 html body.blog250-menu .blog262-dock[data-compact="true"] .blog257-handle-mobile>span{max-width:0;opacity:0}
 html body.blog250-menu .blog262-dock .blog262-quick-chat{display:flex!important;flex:0 0 130px;align-items:center;justify-content:center;gap:7px;min-height:48px;height:48px;width:130px;padding:0 8px;border:0;border-left:1px solid #91a66c44;border-radius:0 28px 28px 0;background:transparent;box-shadow:none;color:#193b4d;font:650 13px/1.3 system-ui;white-space:nowrap;cursor:pointer}
 html body.blog250-menu .blog262-quick-chat img{display:block;width:30px;height:36px;object-fit:contain;flex:none}
 html body.blog250-menu .blog262-dock[data-compact="true"] .blog262-quick-chat{visibility:hidden;pointer-events:none}
 html body.blog250-menu .blog262-dock button:is(:hover,:focus-visible,:active){background:#193b4d!important;color:#dfff78!important}
 html body.blog250-menu .blog262-dock button:focus-visible{outline:2px solid #688839!important;outline-offset:-4px}
 html body.blog250-menu .blog262-dock button:is(:hover,:focus-visible,:active) span{color:#dfff78!important}
 html body.blog257-sheet-open .blog262-dock,html body.blog250-menu .blog262-dock[data-input-active],html body.blog250-menu:has(dialog[open]) .blog262-dock,html body.blog250-menu:has(header #navigation.open) .blog262-dock{opacity:0;visibility:hidden;pointer-events:none}
 html body.blog250-menu #blog250-drawer .blog260-chat{display:grid!important;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;width:100%;min-height:60px;margin:0 0 16px;padding:8px 12px;border:1px solid #91a66c77;border-radius:15px;background:#ffffff88;color:#193b4d;font:700 15px/1.4 system-ui;text-align:left;cursor:pointer}
 html body.blog250-menu #blog250-drawer .blog260-chat img{display:block;width:40px;height:44px;object-fit:contain}
 html body.blog250-menu #blog250-drawer .blog260-chat small{font-size:11px;font-weight:500;color:inherit}
 html body.blog250-menu #blog250-drawer .blog260-chat:is(:hover,:focus-visible,:active),html body.blog250-menu #blog250-drawer .blog260-chat:is(:hover,:focus-visible,:active) :is(span,small){background:#193b4d;color:#dfff78!important}
 @media(max-width:380px){html body.blog250-menu #blog250-drawer .blog260-chat{grid-template-columns:40px 1fr}html body.blog250-menu #blog250-drawer .blog260-chat small{grid-column:2;margin-top:-12px}html body.blog250-menu #blog250-drawer .blog260-chat img{grid-row:span 2}}
 @media(prefers-reduced-motion:reduce){html body.blog250-menu .blog262-dock,html body.blog250-menu .blog262-dock .blog250-handle,html body.blog250-menu .blog262-dock .blog257-handle-mobile>span{transition:none}}
}

/* Rounded lens highlights use real backdrop content, not a cloned page or scroll screenshots. */
@media(max-width:1279px){
 html body.blog250-menu .blog262-dock::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,#ffffffc4 0%,#ffffff33 30%,transparent 65%),linear-gradient(90deg,#fff9,transparent 9%,transparent 91%,#fff7);box-shadow:inset 1px 0 2px #fff9,inset -1px 0 2px #fff9,inset 0 -1px 2px #193b4d2a}
 html body.blog250-menu .blog262-dock>button{position:relative;z-index:1}
 html body.blog250-menu .blog262-dock .blog257-handle-mobile>span,html body.blog250-menu .blog262-quick-chat>span{text-shadow:0 1px 2px #fff}
 html body.blog250-menu .blog262-dock button:is(:hover,:focus-visible,:active) span{text-shadow:none}
 @media(prefers-reduced-transparency:reduce){html body.blog250-menu .blog262-dock{background:#f4f8e9;backdrop-filter:none;-webkit-backdrop-filter:none}}
 @supports not ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){html body.blog250-menu .blog262-dock{background:#f4f8e9}}
}

/* The open stories drawer shares the reading dock's curved glass material. */
html body.blog250-menu #blog250-drawer.blog248-rail{background:linear-gradient(120deg,#ffffffb8,#eef6d899);backdrop-filter:blur(3px) saturate(1.35);-webkit-backdrop-filter:blur(3px) saturate(1.35);box-shadow:-5px 0 26px #193b4d20,inset 0 1px 1px #fff,inset 0 -2px 4px #71864630}
html body.blog250-menu #blog250-drawer.blog248-rail::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%,#ffffffa6 0%,#ffffff22 12%,transparent 32%),linear-gradient(90deg,#fff9,transparent 3%,transparent 97%,#fff7);box-shadow:inset 1px 0 2px #fff9,inset -1px 0 2px #fff9,inset 0 -1px 2px #193b4d2a}
html body.blog250-menu #blog250-drawer.blog248-rail>:is(.blog248-toggle,.blog257-header,.blog248-body){position:relative;z-index:1}
@media(prefers-reduced-transparency:reduce){html body.blog250-menu #blog250-drawer.blog248-rail{background:#f4f8e9;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not ((backdrop-filter:blur(3px)) or (-webkit-backdrop-filter:blur(3px))){html body.blog250-menu #blog250-drawer.blog248-rail{background:#f4f8e9}}

/* Both reading-control sizes keep their shadow within the available edge clearance. */
@media(max-width:1279px){
 html body.blog250-menu .blog262-dock{box-shadow:0 1px 6px -4px #193b4d24,inset 0 1px 2px #ffffffb3,inset 0 -1px 3px #71864614}
 html body.blog250-menu .blog262-dock::before{box-shadow:inset 1px 0 3px #ffffff66,inset -1px 0 3px #ffffff66}
 html body.blog250-menu .blog262-dock[data-compact="true"]::before{background:radial-gradient(ellipse at 50% 12%,#ffffffa6 0%,#ffffff26 42%,transparent 78%)}
}