/* 17-dock.css — every rule for the dock / header task links (About · Support · Follow · Contact),
   gathered from 04/06/08/09/10 in their original cascade order.
   Rules shared with other components stay in the topic files. */
#dock{position:fixed;left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom) + var(--vvb,0px));transform:translateX(-50%);z-index:30;display:flex;justify-content:center;width:auto;max-width:calc(100vw - 16px);overflow:hidden;border:1px solid var(--glass-bd);border-radius:999px;transition:opacity .35s var(--ease),transform .35s var(--ease)}
#dock .task-inner{display:flex;align-items:stretch;width:auto;padding:0}
#dock .task-item{flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 18px;cursor:pointer;border:none;background:none;color:#fff;text-decoration:none}
#dock .task-item:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:-3px}
#dock #taskFollow .ti-lbl, #dock #taskContact .ti-lbl, #dock #taskDonate .ti-lbl{transition:color .24s var(--ease)}
#dock #taskFollow[aria-expanded="true"] .ti-lbl, #dock #taskContact[aria-expanded="true"] .ti-lbl, #dock #taskDonate[aria-expanded="true"] .ti-lbl{filter:none}
#dock .task-item .ti-lbl{font-family:var(--ui);font-size:9.5px;text-transform:uppercase;font-weight:600;color:#fff;white-space:nowrap;max-width:none;transition:color .24s var(--ease),filter .24s var(--ease)}
#dock .task-item .ti-txt{display:flex;align-items:center;justify-content:center;min-width:0}
#dock .task-item[aria-disabled="true"]{opacity:.4;pointer-events:none}
@media (min-width:960px){

#dock .task-inner{padding:0}
#dock .task-item{padding:clamp(11px,1.5vh,16px) clamp(19px,calc(var(--cardw)*.053),34px)}
#dock .task-item:first-child{padding-inline-start:clamp(28px,calc(var(--cardw)*.078),48px)}
#dock .task-item:last-child{padding-inline-end:clamp(28px,calc(var(--cardw)*.078),48px)}
#dock .task-item .ti-lbl{font-size:clamp(12.5px,calc(var(--cardw)*.035),18px);font-weight:400}
}
@media (hover:hover){
#dock #taskContact:hover .ti-lbl{filter:none}
#dock .task-item:hover{background:rgba(255,255,255,.09)}
#dock .task-item:hover .ti-lbl{color:#fff;filter:none}
}
#dock .task-item:active .ti-lbl{color:#fff;filter:none}
#dock #taskContact{transition:opacity .24s var(--ease)}
#dock #taskContact:active{background:none;transform:none;opacity:.72}
#dock #taskContact .ti-lbl{transition:color .28s var(--ease),filter .28s var(--ease)}
@media (max-width:959px){
#dock .task-item{gap:0}
#dock #taskAbout .ti-lbl, #dock #taskFollow .ti-lbl, #dock #taskContact .ti-lbl, #dock #taskDonate .ti-lbl{display:inline-block}
#dock #taskAbout, #dock #taskFollow, #dock #taskContact, #dock #taskDonate{padding:11px 12px}
#dock .task-item .ti-lbl{display:none}
}
body.tasks-top #dock{display:none}
.wnav2 .task-inner{display:none}
.wnav2 .task-item{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;padding:8px 12px;border-radius:9px;color:rgba(232,238,245,.66); text-shadow:0 1px 10px rgba(0,0,0,.55);transition:color .2s var(--ease)}
.wnav2 .task-item .ti-lbl{font-family:var(--disp);font-size:12.5px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:inherit;white-space:nowrap}
.wnav2 .task-item:hover, .wnav2 .task-item[aria-expanded="true"]{color:#fff}
.wnav2 .task-item:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}
body:not(.loaded) #dock{opacity:0;transform:translateX(-50%) translateY(22px)}
@media (prefers-reduced-motion:reduce){
body:not(.loaded) #dock{opacity:1;transform:translateX(-50%)}
}
#dock .task-item:active{transform:scale(.96);}
@media (min-width:960px){
#dock{bottom:18px;display:none !important}
}
body.sky-day #dock{color:#10304f}
body.sky-day #dock .task-item{color:#10304f}
body.sky-day #dock .task-item .ti-lbl{color:#10304f}
body.sky-day #dock .task-item:hover{background:rgba(16,48,79,.08)}
body.sky-day #dock .task-item:hover .ti-lbl, body.sky-day #dock .task-item:active .ti-lbl{color:#06283f;filter:none}
body.sky-day #dock .task-item:focus-visible{outline-color:rgba(16,48,79,.75)}
body.sky-day .wnav2 .task-item{color:rgba(16,48,79,.74);text-shadow:0 1px 10px rgba(255,255,255,.5)}
body.sky-day .wnav2 .task-item:focus-visible{outline-color:rgba(16,48,79,.75)}
@media (max-width:959px){
#dock{left:0;right:0;bottom:0;width:100%;max-width:none;transform:none;overflow:visible; border:0;border-radius:0;background:none;box-shadow:none; padding:26px 0 calc(8px + env(safe-area-inset-bottom) + var(--vvb,0px))}
#dock::before{content:'';position:absolute;inset:0}
#dock .task-inner{width:100%;justify-content:center}
#dock .task-item{position:relative;min-height:clamp(48px,12vw,56px);padding:10px clamp(8px,3vw,18px)}
#dock .task-item + .task-item::before{content:'';position:absolute;inset-inline-start:0;top:50%;width:1px;height:16px;transform:translateY(-50%);background:rgba(255,255,255,.28)}
body.sky-day #dock .task-item + .task-item::before{background:rgba(16,48,79,.28)}
#dock .task-item:hover{background:none}
}
@media (max-width:959px) and (max-height:740px){
#dock{padding-top:22px}
#dock .task-item{min-height:44px}
}
@media (max-width:959px){
#dock .task-item .ti-lbl, #dock #taskAbout .ti-lbl, #dock #taskFollow .ti-lbl, #dock #taskContact .ti-lbl, #dock #taskDonate .ti-lbl{font-size:13px;font-weight:600;letter-spacing:.12em;color:#fff}
body.sky-day #dock .task-item .ti-lbl, body.sky-day #dock #taskAbout .ti-lbl, body.sky-day #dock #taskFollow .ti-lbl, body.sky-day #dock #taskContact .ti-lbl, body.sky-day #dock #taskDonate .ti-lbl{color:#10304f}
#dock::before{z-index:-1;-webkit-backdrop-filter:var(--pan-blur,blur(18px));backdrop-filter:var(--pan-blur,blur(18px));-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'><path d='M0 6 C 18 -4 30 30 52 22 S 84 4 100 18 V30 H0Z'/></svg>") top center/100% 31px no-repeat, linear-gradient(#000,#000) 0 30px/100% calc(100% - 30px) no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'><path d='M0 6 C 18 -4 30 30 52 22 S 84 4 100 18 V30 H0Z'/></svg>") top center/100% 31px no-repeat, linear-gradient(#000,#000) 0 30px/100% calc(100% - 30px) no-repeat;background:linear-gradient(180deg, rgba(var(--slate),.9), rgba(var(--slate),.96) 40%)}
body.sky-day #dock::before{background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(250,253,255,.98) 40%)}
}

/* ── state overrides from shared rules ──
   These repeat declarations from shared rules in the topic files that used to come AFTER the rules above
   and win on equal specificity. Kept here so moving the rules into this file changes nothing. */
.wnav2 .task-item[aria-current="true"]{color:#fff}
body.about-open #dock{opacity:0}
@media (max-width:959px){body.grid-open #dock{transform:translateY(120%)}}
@media (max-width:959px){body.about-open #dock{transform:translateY(120%)}}
#dock .task-item{transition:background-color .2s var(--ease),color .2s var(--ease)}
@media (prefers-reduced-motion:reduce){:is(.ln-plat, .card-plat, .hero-plat, .lf-pills a, .contact, .hp-link, #dock .task-item){transition:none}}