/* LIVE DUV: one editorial language for access, people and daily stories. */
.team{
  --duv-story-radius:16px;
  --duv-story-space:clamp(24px,3.2vw,56px);
  --duv-story-line:color-mix(in srgb,var(--duv-ink) 17%,transparent);
  --duv-stair-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='56' viewBox='0 0 48 56'%3E%3Cpath d='M8 18h6l1-5h7l1-3M32 46h6l1-5h7l1-3' fill='none' stroke='%23173b4b' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* The entrance retains its geometry, with the same quiet control treatment. */
html.cloud-login .team .password-box{border-radius:12px;border-color:#c5dbe766}
html.cloud-login .team #enter{border-radius:12px}
html.cloud-login .team :is(#visitor-enter,.login-duvy-open){border-radius:10px;font-family:var(--duv-font-ui);font-weight:600}
html.cloud-login .team .member-form>label{color:var(--duv-light-muted);line-height:1.5}

body.team.is-board #team-board :is(#duvy-tutorial-news,#lunch-news,#birthday,#dragonfly-winner){
  box-sizing:border-box;isolation:isolate;color:var(--duv-ink);
  border-radius:var(--duv-story-radius);font-family:var(--duv-font-ui);
}
body.team.is-board #team-board :is(.welcome-kicker,.news-kicker,.winner-kicker,.tutorial-kicker){
  font-family:var(--duv-font-ui);font-size:11px;line-height:1.5;letter-spacing:.12em;
}
body.team.is-board #team-board :is(.news-kicker,.winner-kicker){gap:16px;flex-wrap:wrap;align-items:baseline}
body.team.is-board #team-board :is(.birthday-copy>p,.winner-lead,.tutorial-pitch,.lunch-description){
  font-size:clamp(14px,1.15vw,18px);line-height:1.65;text-wrap:pretty;
}
body.team.is-board #team-board :is(.celebrate,.tutorial-concept,#lunch-submit){
  min-height:42px;padding:10px 18px;border:1px solid var(--duv-story-line);border-radius:10px;
  font-family:var(--duv-font-ui);font-size:12px;line-height:1.4;font-weight:600;
  transition:background .16s,color .16s,border-color .16s;
}
body.team.is-board #team-board .celebrate{background:var(--duv-ink);color:var(--duv-cream-soft);border-color:var(--duv-ink)}
body.team.is-board #team-board .celebrate:hover{background:var(--duv-blue-action);border-color:var(--duv-blue-action)}
body.team.is-board #team-board .celebrate.is-celebrated{background:var(--duv-green-deep);border-color:var(--duv-green-deep);color:var(--duv-white)}

/* Cream story surfaces use a light version of the entrance's stair motif. */
body.team.is-board #team-board :is(#duvy-tutorial-news,#birthday,#dragonfly-winner){
  position:relative;background:radial-gradient(ellipse at 80% 36%,var(--duv-cream-soft),transparent 70%),var(--duv-cream);
}
body.team.is-board #team-board :is(#duvy-tutorial-news,#birthday,#dragonfly-winner)::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:var(--duv-stair-ink) 0 0/48px 56px repeat;opacity:.12;
  mask-image:linear-gradient(90deg,transparent 5%,#0003 38%,#000 90%);
}
body.team.is-board #team-board #duvy-tutorial-news .tutorial-layout{position:relative;z-index:1;background:transparent;padding:var(--duv-story-space)}
body.team.is-board #team-board #tutorial-title{font-size:clamp(36px,4.1vw,66px);font-weight:550;letter-spacing:-.04em;line-height:1.08}
body.team.is-board #team-board .tutorial-kicker{color:var(--duv-green-deep)}
body.team.is-board #team-board .tutorial-pitch{text-align:center;text-wrap:balance;font-weight:400;max-width:36ch}
body.team.is-board #team-board .tutorial-session-tip{padding-top:18px;border-top:1px solid var(--duv-story-line);color:var(--duv-muted)}
body.team.is-board #team-board .tutorial-concept{background:var(--duv-cream-soft);color:var(--duv-ink);padding-inline:32px}
body.team.is-board #team-board .tutorial-concept:hover{background:var(--duv-ink);color:var(--duv-cream-soft)}

/* The weekly menu belongs to the same cream family; choice stays prominent. */
body.team.is-board #team-board #lunch-news{background:var(--duv-cream-soft);padding:clamp(16px,2vw,28px);gap:clamp(22px,3vw,44px);min-height:var(--news-view-height,500px)}
body.team.is-board #team-board .lunch-intro{background:var(--duv-cream);border-radius:12px;padding:clamp(24px,2.8vw,42px);border:1px solid var(--duv-story-line)}
body.team.is-board #team-board .lunch-intro::before{inset:0;width:auto;height:auto;border:0;border-radius:inherit;box-shadow:none;background:var(--duv-stair-ink) 0 0/48px 56px repeat;opacity:.09;mask-image:linear-gradient(180deg,#000,transparent 70%)}
body.team.is-board #team-board .lunch-intro h2{font-weight:450;letter-spacing:-.035em;line-height:1.12}
body.team.is-board #team-board .lunch-intro .news-kicker{color:var(--duv-green-deep)}
body.team.is-board #team-board .lunch-form{padding:12px 0;min-width:0}
body.team.is-board #team-board .lunch-option{border-radius:10px;border-color:var(--duv-story-line);background:#fff9}
body.team.is-board #team-board .lunch-option:has(input:checked){background:var(--duv-green-pale);border-color:var(--duv-green)}
body.team.is-board #team-board .lunch-option:has(input:not(:disabled)):hover{background:var(--duv-cream);border-color:var(--duv-green)}
body.team.is-board #team-board .lunch-option:has(input:not(:disabled)):hover :is(strong,small,.option-check){color:var(--duv-ink)}
body.team.is-board #team-board .duvy-dessert{background:var(--duv-green-pale);border-color:var(--duv-story-line);border-radius:12px}

/* Anniversary is the celebration family; this first story is a birthday. */
body.team.is-board #team-board #birthday{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:stretch;
  min-height:var(--news-view-height,500px);overflow:hidden;
}
body.team.is-board #team-board #birthday[hidden]{display:none!important}
body.team.is-board #team-board #birthday .birthday-copy{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:1;padding:var(--duv-story-space);min-width:0}
body.team.is-board #team-board #birthday .news-kicker>span{color:var(--duv-green-deep)}
body.team.is-board #team-board #birthday .news-kicker time{color:var(--duv-muted);letter-spacing:.04em}
body.team.is-board #team-board #birthday h2{font-size:clamp(36px,4vw,68px);font-weight:450;line-height:1.08;letter-spacing:-.04em;margin:0 0 24px}
body.team.is-board #team-board #birthday h2 span{font-weight:600;color:var(--duv-blue-action)}
body.team.is-board #team-board #birthday .birthday-copy>p{max-width:43ch;color:var(--duv-ink);margin:0 0 24px}
body.team.is-board #team-board #birthday .from-team{color:var(--duv-muted);font-size:12px;line-height:1.5}
body.team.is-board #team-board #birthday .mini-line{background:var(--duv-green);width:28px}
body.team.is-board #team-board #birthday .portrait{grid-column:2;grid-row:1;position:relative;z-index:1;height:100%;min-height:420px;border-radius:0;background:radial-gradient(ellipse at 50% 42%,#a6d4ea70,transparent 67%);overflow:hidden}
body.team.is-board #team-board #birthday .portrait>img{object-fit:contain;object-position:center bottom;object-view-box:none;filter:none}
body.team.is-board #team-board #birthday .portrait::after{display:none}
body.team.is-board #team-board #birthday .portrait figcaption{left:24px;right:auto;bottom:24px;max-width:calc(100% - 120px);padding:8px 12px;border-left:2px solid var(--duv-green);border-radius:0 8px 8px 0;background:var(--duv-cream-soft);color:var(--duv-ink);text-align:left;font-size:11px;line-height:1.4}

/* Recognition shares the anniversary grid, retaining its own pencil artwork. */
body.team.is-board #team-board #dragonfly-winner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;min-height:var(--news-view-height,500px)!important;height:auto!important;padding:0;overflow:hidden}
body.team.is-board #team-board #dragonfly-winner[hidden]{display:none!important}
body.team.is-board #team-board #dragonfly-winner .winner-copy{width:auto;padding:var(--duv-story-space);align-self:center;min-width:0}
body.team.is-board #team-board #dragonfly-winner .winner-kicker{color:var(--duv-green-deep);margin-bottom:20px}
body.team.is-board #team-board #dragonfly-winner h2{font-size:clamp(34px,3.5vw,58px);font-weight:450;line-height:1.08;letter-spacing:-.04em;margin-bottom:20px}
body.team.is-board #team-board #dragonfly-winner h2>span{color:var(--duv-blue-action);font-weight:600}
body.team.is-board #team-board #dragonfly-winner h2 em{font-size:.72em;line-height:1.2}
body.team.is-board #team-board #dragonfly-winner .winner-lead{color:var(--duv-ink);margin-bottom:20px}
body.team.is-board #team-board #dragonfly-winner .winner-sketch{z-index:0;opacity:.16}
body.team.is-board #team-board #dragonfly-winner .winner-prize{max-width:340px;border:1px solid var(--duv-story-line);border-left:2px solid var(--duv-green);border-radius:0 12px 12px 0;background:#f8f6efd9;box-shadow:none;padding:14px 20px}
body.team.is-board #team-board #dragonfly-winner .winner-prize-label{color:var(--duv-green-deep)}
body.team.is-board #team-board #dragonfly-winner .winner-prize-note{font-size:11px;line-height:1.5;color:var(--duv-muted)}
body.team.is-board #team-board #dragonfly-winner .winner-person{position:relative;right:auto;bottom:auto;align-self:stretch;width:100%;max-width:none;height:100%;min-height:420px;aspect-ratio:auto;background:radial-gradient(ellipse at 50% 42%,#a6d4ea50,transparent 67%)}
body.team.is-board #team-board #dragonfly-winner .winner-portrait{position:absolute;inset:0;object-position:center bottom;filter:none}
body.team.is-board #team-board #dragonfly-winner .winner-person figcaption{right:80px;bottom:24px;border-left:2px solid var(--duv-green);border-radius:0 8px 8px 0;background:var(--duv-cream-soft)}
body.team.is-board #team-board #dragonfly-winner .winner-fly{width:25%;left:12%;top:56%}
body.team.is-board #team-board #dragonfly-winner .winner-handnote{right:26px;top:24px;max-width:125px;font-family:var(--duv-font-note);font-size:12px;color:var(--duv-green-deep)}
body.team.is-board #team-board #dragonfly-winner .winner-sign{font-family:var(--duv-font-note);color:var(--duv-blue-action)}

@media(min-width:851px) and (max-height:800px){
  body.team.is-board #team-board #duvy-tutorial-news .tutorial-layout{padding:24px 24px 60px}
  body.team.is-board #team-board .tutorial-session-tip{margin-top:14px;padding-top:12px}
  body.team.is-board #team-board #birthday .birthday-copy{padding:28px 40px 64px}
  body.team.is-board #team-board #birthday h2{font-size:44px;margin-bottom:18px}
  body.team.is-board #team-board #birthday .birthday-copy>p{margin-bottom:18px;line-height:1.55}
  body.team.is-board #team-board #birthday .portrait{min-height:360px}
  body.team.is-board #team-board #birthday .celebrate{margin-top:18px}
  body.team.is-board #team-board #dragonfly-winner .winner-copy{padding:24px 40px 52px}
  body.team.is-board #team-board #dragonfly-winner .winner-kicker{margin-bottom:12px;font-size:10px}
  body.team.is-board #team-board #dragonfly-winner h2{font-size:34px;line-height:1.05;margin-bottom:12px}
  body.team.is-board #team-board #dragonfly-winner .winner-lead{font-size:14px;line-height:1.5;margin-bottom:12px}
  body.team.is-board #team-board #dragonfly-winner .winner-prize{padding:10px 16px}
  body.team.is-board #team-board #dragonfly-winner .winner-prize img{height:40px}
  body.team.is-board #team-board #dragonfly-winner .winner-sign{font-size:14px;line-height:1.4;margin:10px 0 4px}
  body.team.is-board #team-board #dragonfly-winner .winner-person{min-height:360px}
}
@media(max-width:850px){
  body.team.is-board #team-board :is(#birthday,#dragonfly-winner){grid-template-columns:minmax(0,1fr)}
  body.team.is-board #team-board #birthday .birthday-copy{grid-column:1;grid-row:1}
  body.team.is-board #team-board #birthday .portrait{grid-column:1;grid-row:2;height:380px;min-height:0}
  body.team.is-board #team-board #dragonfly-winner .winner-person{height:400px;min-height:0}
  body.team.is-board #team-board #dragonfly-winner .winner-handnote{display:none}
  body.team.is-board #team-board :is(#birthday,#dragonfly-winner) h2{font-size:clamp(34px,6vw,48px)}
  body.team.is-board #team-board #lunch-news{grid-template-columns:minmax(0,1fr)}
  body.team.is-board #team-board .lunch-intro{min-height:0}
}
@media(max-width:520px){
  .team{--duv-story-space:24px}
  body.team.is-board #team-board :is(.news-kicker,.winner-kicker,.tutorial-kicker){font-size:10px;gap:10px;letter-spacing:.09em}
  body.team.is-board #team-board #tutorial-title{font-size:36px}
  body.team.is-board #team-board #birthday .portrait{height:320px}
  body.team.is-board #team-board #dragonfly-winner .winner-person{height:340px}
  body.team.is-board #team-board :is(#birthday,#dragonfly-winner)::before{background-size:42px 49px}
}
/* Keep each member's focal point and circle size, with a little more breathing room. */
body.team.is-board #team-board .member-badge .avatar img{width:calc(var(--avatar-width,100%) * .88)}
/* One alignment rule for every conventional control across login, Board, news and dialogs. */
body.team button:not(.tutorial-character):not(.duvy-nest):not(.meet-person-trigger){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
body.team button:not(.tutorial-character):not(.duvy-nest):not(.meet-person-trigger)>:is(svg,span){
  flex:0 0 auto;
  margin-block:0;
}
body.team button:not(.tutorial-character):not(.duvy-nest):not(.meet-person-trigger)>svg{display:block}
/* Center the actual SVG strokes within their 24-unit viewBox, keeping icon size intact. */
body.team #tab-diseno>svg>path{transform:translate(.5px,-.5px)}
body.team #tab-cultura>svg>path{transform:translateY(-1px)}
body.team #directory-open>svg>path{transform:translateY(.5px)}
body.team :is(#sign-out,#enter)>svg>path{transform:translateX(.5px)}
body.team #previous-news>svg>path{transform:translateX(1px)}
body.team #next-news>svg>path{transform:translateX(-1px)}
/* The tutorial arrow belongs to the centered content, not the button's right edge. */
body.team #team-board .tutorial-intro .tutorial-concept>span[aria-hidden]{position:static;inset:auto;transform:none;margin:0;line-height:1}
body.team #team-board .celebrate{gap:8px}
body.team #team-board .celebrate>span[aria-hidden]{margin:0;line-height:1}
@media(prefers-reduced-motion:reduce){body.team.is-board #team-board :is(.celebrate,.tutorial-concept,#lunch-submit){transition:none}}