.feed{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); align-items:start; }

.disc .feed{ grid-template-columns:repeat(2, minmax(0, 437px)); justify-content:center; }

.disc-banner{ position:relative; isolation:isolate; display:block; overflow:hidden; aspect-ratio:5/6; min-height:0; border:0; background:#10182a; color:#fff; cursor:pointer; text-decoration:none; box-shadow:var(--shadow-1); }
.disc-banner-img{ position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:50% 0; }

.disc-banner-scrim{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,transparent 28%,rgba(6,13,26,.10) 44%,rgba(6,13,26,.40) 66%,rgba(6,13,26,.66) 100%); pointer-events:none; }
.disc-banner-content{ position:absolute; right:0; bottom:0; left:0; z-index:2; display:flex; box-sizing:border-box; flex-direction:column; align-items:flex-start; gap:8px; padding:clamp(22px,2vw,34px); color:#fff; }
.disc-banner-kicker{ display:block; max-width:none; white-space:nowrap; color:#000; font:700 clamp(12px,.82vw,14px)/1.28 var(--font-sans); letter-spacing:.11em; text-transform:uppercase; text-shadow:none; }
.disc-banner-offer{ display:block; color:#fff; font:700 clamp(43.75px,3.13vw,56.25px)/.98 var(--font-sans); letter-spacing:-.035em; text-shadow:0 2px 14px rgba(0,0,0,.58); }
@media (min-width:1080px){
  .disc-banner-offer{ font-size:clamp(32.81px,2.35vw,42.19px); }
}


.disc-banner-cta{ position:relative; display:flex; width:100%; min-height:42px; box-sizing:border-box; align-items:center; justify-content:center; margin-top:5px; padding:0 46px; border:1px solid var(--gold,#679CBC); border-radius:999px; background:var(--gold,#679CBC); color:#fff; font:750 14.3px/1 var(--font-sans); letter-spacing:.1em; text-align:center; text-transform:uppercase; box-shadow:0 8px 22px rgba(0,0,0,.26); }
.disc-cta-arrow{ position:absolute; top:50%; right:16px; display:flex; align-items:center; opacity:0; transform:translate(-10px,-50%); transition:opacity .2s var(--ease,ease), transform .2s var(--ease,ease); }
.disc-cta-arrow svg{ display:block; width:30px; height:12px; fill:none; stroke:#000; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.disc-banner:hover .disc-cta-arrow,
.disc-banner:focus-visible .disc-cta-arrow{ opacity:1; transform:translate(0,-50%); }
@media (prefers-reduced-motion:reduce){
  
  .disc-cta-arrow{ transform:translate(0,-50%); transition:opacity .2s linear; }
  .disc-banner:hover .disc-cta-arrow,
  .disc-banner:focus-visible .disc-cta-arrow{ transform:translate(0,-50%); }
}
.disc-banner:focus-visible{ outline:3px solid #fff; outline-offset:-5px; }

.disc-banner--social .disc-banner-img{ object-position:52% 38%; }
.disc-banner--books{ background:#1f969d; }
.disc-banner--books .disc-banner-img{ object-position:76% 50%; }

.disc-banner--books .disc-banner-scrim{ background:linear-gradient(180deg,rgba(5,24,35,.04) 20%,rgba(5,24,35,.16) 52%,rgba(5,20,34,.66) 100%); }
.disc-banner-anim{ position:absolute; left:0; right:0; bottom:0; z-index:2; display:block; width:100%; aspect-ratio:1080/580; overflow:hidden; }
.disc-banner-anim-stage{ position:absolute; left:0; top:-65.517%; width:100%; aspect-ratio:4/5; }

.disc-pin-3{ grid-column:2; }

@media (max-width:767px){
  .disc-pin-3{ grid-column:auto; }
}
.disc-feed-loader{ display:flex; align-items:center; justify-content:center; min-height:52px; padding:var(--space-4); color:var(--muted); font:600 13px/1.2 var(--font-sans); }
.disc-feed-loader[hidden], .disc-feed-loader [hidden]{ display:none; }
.disc-feed-loader button{ border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface); color:var(--navy); padding:9px 16px; font:600 13px/1 var(--font-sans); cursor:pointer; }
.disc-feed-loader button:hover{ background:var(--surface-soft); }

.feed:not(.is-masonry){ animation:at-feed-hold 1ms linear 500ms both; }
@keyframes at-feed-hold{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:reduce){
  
  .feed:not(.is-masonry){ animation:at-feed-hold 1ms linear 500ms both; }
}

.feed.is-masonry{ grid-auto-rows:1px; row-gap:0; grid-auto-flow:row dense; }
.feed.is-masonry .feed-card,
.feed.is-masonry .feed-sponsor{ margin-bottom:var(--space-5); }

.feed-card{ display:block; width:100%; margin:0; background:var(--surface); border:1px solid var(--line); border-radius:calc(var(--radius-lg) / 2); box-shadow:var(--shadow-1); position:relative; }
.feed-card.is-hidden{ display:none; }

.feed-card:hover{ box-shadow:var(--shadow-2); }
.feed-head{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3) var(--space-4); position:relative; }

.feed-author-wrap{ position:static; margin-right:auto; min-width:0; }
.feed-author{ display:flex; align-items:center; gap:var(--space-3); min-width:0; border:none; background:none; padding:0; cursor:pointer; text-align:left; font:inherit; color:inherit; text-decoration:none; }

.feed-author:hover .feed-author-name{ text-decoration:underline; }

span.feed-author{ cursor:default; }

.feed-profile-pop{
  
  position:absolute; top:100%; left:0; right:0; z-index:70;
  min-height:250px;
  background:var(--surface); border:1px solid var(--line);
  
  border-radius:0 0 var(--radius-md) var(--radius-md);
  box-shadow:var(--shadow-3); padding:0; display:none; overflow:hidden;
}

.feed-profile-pop::before{ content:""; position:absolute; top:-6px; left:0; right:0; height:6px; }

.feed-author-wrap:hover .feed-profile-pop, .feed-profile-pop:hover, .feed-profile-pop.is-open{ display:block; }
.feed-pop-av{ width:46px; height:46px; border-radius:var(--radius-pill); flex-shrink:0; display:grid; place-items:center; font:600 15px/1 var(--font-sans); background:var(--surface-soft); color:var(--navy); border:1px solid var(--line); }
.feed-pop-name{ display:block; font:600 15px/1.2 var(--font-sans); color:var(--ink); }
.feed-pop-role{ display:block; font:400 12px/1.2 var(--font-sans); color:var(--muted); margin:2px 0 0; }
.feed-pop-follow{ width:100%; font:600 13px/1 var(--font-sans); padding:var(--space-3); background:var(--navy); color:#fff; border:none; border-radius:var(--radius-pill); cursor:pointer; text-align:center; text-decoration:none; display:block; }
.feed-pop-follow:hover{ background:var(--navy-soft); }

.pcard-body{ display:flex; flex-direction:column; height:100%; }

.pcard-fallback{ display:flex; align-items:center; gap:var(--space-3); padding:var(--space-4); }
.pcard-body > .feed-pop-follow{ margin:auto var(--space-4) var(--space-4); width:auto; }

.pcard-header{ position:relative; flex:0 0 auto; height:96px; background:linear-gradient(150deg,var(--navy),#101418); overflow:hidden; }
.pcard-header img{ width:100%; height:100%; object-fit:cover; opacity:.9; }

.pcard-id{ display:flex; align-items:flex-start; gap:var(--space-3); padding:0 var(--space-4) var(--space-3); margin-top:-20px; position:relative; z-index:1; }

.pcard-id-txt{ padding-top:32px; min-width:0; }
.pcard-av{ width:52px; height:52px; border-radius:var(--radius-pill); flex:0 0 auto; object-fit:cover; border:3px solid var(--surface); background:var(--surface-soft); display:grid; place-items:center; font:600 16px/1 var(--font-sans); color:var(--navy); }
.pcard-name{ display:block; font:600 15px/1.25 var(--font-sans); color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pcard-role{ display:block; font:400 11.5px/1.2 var(--font-sans); color:var(--muted); margin-top:1px; }
.pcard-meta{ display:flex; align-items:center; gap:var(--space-3); flex-wrap:wrap; padding:var(--space-3) var(--space-4) 0; font:400 11.5px/1.3 var(--font-sans); color:var(--muted); }
.pcard-meta a{ color:var(--navy); text-decoration:none; font-weight:600; }
.pcard-meta a:hover{ text-decoration:underline; }
.pcard-meta b{ color:var(--ink); }

.pcard-acts{ display:flex; gap:var(--space-2); padding:var(--space-3) var(--space-4) 0; }
.pcard-btn{ flex:1 1 0; display:inline-flex; align-items:center; justify-content:center; gap:5px; font:600 12px/1 var(--font-sans); padding:9px var(--space-3); border-radius:var(--radius-pill); border:1px solid var(--line); background:var(--surface); color:var(--ink); text-decoration:none; cursor:pointer; white-space:nowrap; }
.pcard-btn:hover{ background:#F5F6F8; }
.pcard-btn.is-primary{ background:var(--navy); border-color:var(--navy); color:#fff; }
.pcard-btn.is-primary:hover{ background:var(--navy-soft); }
.pcard-btn svg{ width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.9; flex:0 0 auto; }

.pcard-grid{ flex:1 1 auto; display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:1fr; gap:3px; padding:var(--space-3) var(--space-4) var(--space-4); min-height:0; }
.pcard-tile{ position:relative; display:block; overflow:hidden; border-radius:var(--radius-sm); background:linear-gradient(150deg,var(--navy),#101418); text-decoration:none; }
.pcard-tile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.pcard-tile span{ position:absolute; inset:0; padding:5px 6px; color:rgba(255,255,255,.92); font:600 9px/1.25 var(--font-sans); overflow:hidden; }
.pcard-empty{ grid-column:1 / -1; align-self:center; text-align:center; font:400 12px/1.4 var(--font-sans); color:var(--muted); }
.feed-avatar{ width:34px; height:34px; border-radius:var(--radius-pill); flex-shrink:0; display:grid; place-items:center; font:600 12px/1 var(--font-sans); background:var(--surface-soft); color:var(--navy); border:1px solid var(--line); }

.feed-avatar--brand{ background:#002748; border-color:#002748; overflow:hidden; grid-template:minmax(0,1fr) / minmax(0,1fr); }
.feed-avatar--brand img{ width:auto; height:64%; display:block; }
.feed-author-name{ display:block; font:600 14px/1.2 var(--font-sans); color:var(--ink); }
.feed-author-role{ display:block; font:400 12px/1.2 var(--font-sans); color:var(--muted); margin:2px 0 0; }

.feed-follow{ flex-shrink:0; display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 6px; border:none; background:none; border-radius:var(--radius-pill); color:var(--navy); font:600 13px/1 var(--font-sans); cursor:pointer; }
.feed-follow:hover{ color:var(--gold-strong); }
.feed-follow svg{ width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; }

.feed-follow.is-following{ color:var(--muted); }
.feed-follow.is-following svg{ display:none; }

.feed-follow.is-requested{ color:var(--muted); }
.feed-follow.is-requested svg{ display:none; }
.feed-follow[disabled]{ opacity:.55; cursor:default; }
.feed-more{ flex-shrink:0; border:none; background:none; color:var(--muted); cursor:pointer; width:30px; height:30px; display:grid; place-items:center; border-radius:var(--radius-pill); }
.feed-more svg{ width:18px; height:18px; fill:currentColor; }

.feed-boost{ flex-shrink:0; display:grid; place-items:center; width:34px; height:34px;
  border-radius:var(--radius-pill); color:var(--muted); text-decoration:none; }
.feed-boost svg{ width:24px; height:24px; fill:currentColor; }
.feed-boost:hover, .feed-boost:focus-visible{ color:var(--navy); background:var(--surface-soft); }
.feed-media{ position:relative; display:flex; align-items:flex-end; padding:var(--space-4); background:linear-gradient(150deg,var(--navy),#101418); }
.feed-media.ar-square{ aspect-ratio:4/5; }
.feed-media.ar-portrait{ aspect-ratio:4/5; }
.feed-media.ar-tall{ aspect-ratio:4/5; }

.feed-media.ar-landscape{ aspect-ratio:4/5; }
.feed-media.ar-vertical{ aspect-ratio:4/5; }
.feed-media.ar-video{ aspect-ratio:4/5; }
.feed-media.is-youtube-landscape{ aspect-ratio:16/9; overflow:hidden; background:#000; }
.feed-media.is-youtube-portrait{ aspect-ratio:4/5; overflow:hidden; background:#000; }
.tint-navy .feed-media, .pv-media.tint-navy, .hp-card.tint-navy, .hp-hero-tile.tint-navy{ background:linear-gradient(150deg,var(--navy),#101418); }
.tint-navy-soft .feed-media, .pv-media.tint-navy-soft, .hp-card.tint-navy-soft, .hp-hero-tile.tint-navy-soft{ background:linear-gradient(150deg,var(--navy-soft),#1a2e50); }
.tint-charcoal .feed-media, .pv-media.tint-charcoal, .hp-card.tint-charcoal, .hp-hero-tile.tint-charcoal{ background:linear-gradient(150deg,#3a3a3a,#0d0d0d); }
.tint-slate .feed-media, .pv-media.tint-slate, .hp-card.tint-slate, .hp-hero-tile.tint-slate{ background:linear-gradient(150deg,#565a60,#26282c); }
.tint-wine .feed-media, .pv-media.tint-wine, .hp-card.tint-wine, .hp-hero-tile.tint-wine{ background:linear-gradient(150deg,var(--wine),#5a121d); }
.feed-media-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.feed-play{ position:absolute; top:50%; left:50%; z-index:5; display:grid; width:58px; height:58px; margin:0; padding:0; place-items:center; border:1px solid rgba(255,255,255,.72); border-radius:50%; background:rgba(15,27,50,.78); color:#fff; cursor:pointer; appearance:none; text-decoration:none; transform:translate(-50%,-50%); box-shadow:0 6px 20px rgba(0,0,0,.22); }
.feed-play svg{ width:25px; height:25px; margin-left:3px; fill:currentColor; stroke:none; }
.feed-play:hover{ background:rgba(15,27,50,.96); }
.feed-youtube-thumb, .pv-youtube-thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; }

.feed-media.is-youtube-portrait .feed-youtube-thumb{ transform:scale(1.333334); }
.pv-media.is-youtube-landscape, .pv-media.is-youtube-portrait{ overflow:hidden; background:#000; }
.at-youtube-player{ position:absolute; inset:0; z-index:4; display:block; width:100%; height:100%; border:0; background:#000; }
.pv-media.has-youtube-player{ background:#000; }
.pv-media.has-youtube-player .pv-youtube-thumb{ display:none; }
.pv-media.is-youtube-portrait .pv-youtube-thumb{ object-fit:cover; transform:scale(1.333334); }
.pv-media.is-youtube-portrait .pv-media-img:not(.pv-youtube-thumb){ object-fit:cover; transform:none; }
.pv-media.is-youtube-portrait.has-youtube-player .at-youtube-player{ inset:0; width:100%; height:100%; aspect-ratio:auto; transform:none; }

.pv-media.is-youtube-landscape .pv-media-img,
.pv-media.is-youtube-landscape.has-youtube-player .at-youtube-player{ inset:50% 0 auto; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transform:translateY(-50%); }
.pv-media.has-youtube-player .pv-plate-text,
.pv-media.has-youtube-player .pv-zoom-btn{ display:none; }

.feed-media.is-photo{ display:block; padding:0; aspect-ratio:4/5; overflow:hidden; }
.feed-media.is-photo .feed-media-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.feed-media.is-photo .feed-media-text{ position:absolute; left:0; right:0; bottom:0; padding:var(--space-4); }

.feed-media[data-open-post]{ cursor:pointer; }

.pv-media-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.feed-media::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:180px; pointer-events:none; background:linear-gradient(to top, rgba(6,14,32,.78) 0%, rgba(21,40,75,.5) 30%, rgba(21,40,75,.2) 62%, rgba(21,40,75,0) 100%); }
.feed-media-text{ position:relative; z-index:1; }
.feed-media-title{ margin:0; color:var(--paper); font-family:var(--font-post); font-weight:400; font-size:22px; line-height:var(--lh-snug); text-shadow:0 1px 4px rgba(0,0,0,.45); overflow-wrap:anywhere; word-break:break-word; }
.feed-media-title a{ text-decoration:none; color:inherit; }

.feed-foot{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-4) var(--space-6); padding:var(--space-4); color:var(--muted); font-size:var(--fs-small); }
.feed-act{ display:inline-flex; align-items:center; gap:var(--space-2); border:none; background:none; color:inherit; font:inherit; cursor:pointer; padding:0; }

.feed-foot .feed-act > span{ display:inline-block; width:20px; text-align:left; }
.feed-act svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.25; }
.feed-act.act-like.is-active{ color:#0C6EBA; }
.feed-act.act-like.is-active svg{ fill:#0C6EBA; stroke:#0C6EBA; }
.feed-act.act-rec.is-active{ color:var(--navy); }
.feed-act-save{ margin-left:auto; }
.feed-act-save.is-active svg{ fill:currentColor; }

@media (max-width:1079px){
.feed-act svg{ width:30px; height:30px; stroke-width:1.56; } }
@media (max-width:480px){
.feed-foot{ gap:var(--space-4); padding:var(--space-3); }
.feed-act svg{ width:26px; height:26px; } }

.disc-pop{ position:absolute; z-index:1000; min-width:224px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-3); padding:var(--space-2); }
.disc-pop[hidden]{ display:none; }
.post-menu{ top:calc(100% + 6px); right:var(--space-4); }

.post-menu button, .post-menu a{ display:flex; align-items:center; gap:var(--space-3); width:100%; border:none; background:none; cursor:pointer; padding:var(--space-3); border-radius:var(--radius-sm); font:500 14px/1 var(--font-sans); color:var(--ink); text-align:left; text-decoration:none; }
.post-menu button:hover, .post-menu a:hover{ background:var(--surface-soft); }
.post-menu button svg, .post-menu a svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; flex:0 0 auto; }

.dt .feed-act svg{ stroke-width:1.25; }

.feed-stats{
  position:absolute; inset:0; z-index:5; min-height:420px;
  display:flex; flex-direction:column; overflow:hidden;
  background:#FFFFFF;
}
.feed-stats[hidden]{ display:none; }

.fstat-head{
  display:flex; align-items:baseline; gap:var(--space-3); flex:0 0 auto;
  padding:var(--space-4) var(--space-4) var(--space-3);
  
  border-bottom:1px solid var(--line);
}
.fstat-head b{ font:600 15px/1.1 var(--font-serif); letter-spacing:.01em; color:#000; }
.fstat-close{
  margin-left:auto; border:none; background:none; cursor:pointer; color:#000;
  font:400 24px/1 var(--font-sans); padding:0 2px; opacity:.45; align-self:flex-start;
  line-height:.8;
}
.fstat-close:hover{ opacity:1; }

.fstat-body{ flex:1 1 auto; overflow-y:auto; padding:var(--space-4); color:#000; }
.fstat-loading, .fstat-empty{ margin:0; font:400 13px/1.5 var(--font-sans); color:#000; opacity:.62; }

.at-me-card{ padding:0; overflow:hidden; text-align:center; }

.at-me-cover{ display:block; height:78px; background:var(--surface-soft); }
.at-me-cover.is-empty{ background:linear-gradient(160deg, var(--navy-soft), var(--navy)); }
.at-me-cover img{ width:100%; height:100%; object-fit:cover; display:block; }

.at-me-face{ display:grid; place-items:center; width:64px; height:64px; margin:-32px auto 0;
  border-radius:14px; overflow:hidden; background:var(--surface); border:3px solid var(--surface);
  font:600 25.3px/1 var(--font-serif); color:var(--navy); text-decoration:none; }
.at-me-face img{ width:100%; height:100%; object-fit:cover; display:block; }
.at-me-name{ display:block; margin:10px 14px 0; font:600 18.4px/1.25 var(--font-serif);
  color:var(--ink); text-decoration:none; }
.at-me-name:hover{ color:var(--navy); }
.at-me-role{ margin:3px 14px 0; font:400 14.38px/1.35 var(--font-sans); color:var(--muted); }
.at-me-bio{ margin:9px 14px 0; font:400 14.38px/1.5 var(--font-sans); color:var(--ink-soft); }

.at-me-nums{ display:grid; grid-template-columns:repeat(3, 1fr); gap:0; margin:12px 0 0;
  padding:10px 6px 12px; list-style:none; border-top:1px solid var(--line); }

.at-me-nums--two{ grid-template-columns:repeat(2, 1fr); }
.at-me-nums li{ text-align:center; }
.at-me-nums b{ display:block; font:600 17.25px/1.15 var(--font-serif); color:var(--ink); }
.at-me-nums span{ display:block; margin-top:1px; font:400 12.65px/1.2 var(--font-sans); color:var(--muted); }

.at-me-ways{ margin:0; padding:6px 0 8px; list-style:none; border-top:1px solid var(--line); text-align:left; }
.at-me-ways a{ display:block; padding:9px 14px; font:500 14.95px/1.25 var(--font-sans);
  color:var(--ink); text-decoration:none; }
.at-me-ways a:hover, .at-me-ways a:focus-visible{ background:#F5F6F8;  }

.at-wtf-list{ list-style:none; margin:10px 0 0; padding:0; display:flex; flex-direction:column; gap:4px; }
.at-wtf-row{ display:flex; align-items:center; gap:8px; }
.at-wtf-who{ display:flex; align-items:center; gap:9px; flex:1 1 auto; min-width:0;
  padding:6px; border-radius:var(--radius-md); text-decoration:none; }
.at-wtf-who:hover{ background:var(--surface-soft); }
.at-wtf-face{ display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px;
  border-radius:50%; overflow:hidden; background:var(--line);
  font:600 14px/1 var(--font-serif); color:var(--navy); }
.at-wtf-face img{ width:100%; height:100%; object-fit:cover; display:block; }
.at-wtf-txt{ min-width:0; }
.at-wtf-txt b{ display:block; font:600 13px/1.25 var(--font-sans); color:var(--ink);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-wtf-txt span{ display:block; font:400 11.5px/1.3 var(--font-sans); color:var(--muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-wtf-add{ flex:0 0 auto; display:grid; place-items:center; width:32px; height:32px;
  border:none; border-radius:50%; background:var(--surface-soft); color:var(--navy);
  cursor:pointer; }
.at-wtf-add svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2;
  stroke-linecap:round; }
.at-wtf-add:hover{ background:var(--navy); color:#fff; }
.at-wtf-more{ display:block; margin-top:10px; padding:9px; border-radius:var(--radius-md);
  background:var(--surface-soft); color:var(--navy); text-align:center; text-decoration:none;
  font:600 12.5px/1 var(--font-sans); }
.at-wtf-more:hover{ background:var(--navy); color:#fff; }
.at-rail-row.is-locked{ opacity:.55; }

.at-rail-card.at-wtf-card{ background:#FFFFFF; }

.feed-boost-card{ position:absolute; inset:0; z-index:2; margin:0; overflow-y:auto;
  border-radius:0; }
.feed-boost-card .fstat-close{ position:absolute; top:8px; right:10px; z-index:1; }
.fstat-tiles{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.fstat-tile{ background:var(--navy); border-radius:10px; padding:12px 10px; text-align:center; }
.fstat-tile b{ display:block; font:600 26px/1 var(--font-serif); color:#fff; }
.fstat-tile span{ display:block; margin-top:4px; font:500 11px/1.25 var(--font-sans);
  letter-spacing:.04em; text-transform:uppercase; color:rgba(255,255,255,.78); }

.fstat-h{
  margin:var(--space-5) 0 var(--space-3); padding-top:var(--space-3);
  border-top:1px solid rgba(21,40,75,.18);
  font:700 9.5px/1 var(--font-sans); letter-spacing:.15em; text-transform:uppercase;
  color:#000; opacity:.55;
}
.fstat-h:first-child{ margin-top:0; padding-top:0; border-top:none; }

.fstat-people{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.fstat-people a{
  display:flex; align-items:baseline; gap:var(--space-3); text-decoration:none;
  color:#000; font:400 13px/1.5 var(--font-sans); padding:3px var(--space-2);
  border-radius:var(--radius-sm);
}
.fstat-people a:hover{ background:rgba(21,40,75,.07); text-decoration:underline; }
.fstat-people .fstat-n{ margin-left:auto; font-weight:700; color:var(--navy); flex:0 0 auto; }

.fstat-chart{ display:block; width:100%; height:auto; }
.fstat-chart .fsc-line{ fill:none; stroke:var(--navy); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.fstat-chart .fsc-area{ fill:rgba(21,40,75,.12); stroke:none; }
.fstat-chart .fsc-dot{ fill:var(--navy); }
.fstat-chart .fsc-axis{ stroke:rgba(0,0,0,.35); stroke-width:1; }
.fstat-chart .fsc-lbl{ fill:#000; font:400 9px/1 var(--font-sans); }
.fstat-chart .fsc-val{ fill:#000; font:700 10px/1 var(--font-sans); }
.fstat-bars{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-2); }
.fstat-bars li{ display:flex; align-items:center; gap:var(--space-3); font:400 12px/1 var(--font-sans); color:#000; }
.fstat-bars .fsb-iso{ flex:0 0 62px; font-weight:700; }
.fstat-bars .fsb-track{ flex:1 1 auto; height:9px; background:rgba(21,40,75,.12); border-radius:2px; overflow:hidden; }
.fstat-bars .fsb-fill{ display:block; height:100%; background:var(--navy); }
.fstat-bars .fsb-n{ flex:0 0 auto; font-weight:700; color:var(--navy); }

.post-menu .menu-danger{ color:#0C6EBA; }

.net-bar{ display:flex; align-items:center; gap:11px; max-width:898px; margin:0 auto var(--space-3); padding:13px 14px; background:var(--surface); border:1px solid #d5cfc2; border-radius:var(--radius-lg); box-shadow:0 1px 3px rgba(15,20,16,.09); }

.net-bar-search{ position:relative; flex:1 1 auto; min-width:0; display:block; }
.net-bar-search svg{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:18px; height:18px; stroke:var(--muted); fill:none; stroke-width:1.8; pointer-events:none; }

.net-bar-search input{ width:100%; border:none; border-radius:var(--radius-pill); padding:13px 16px 13px 44px; background:#EEEEEE; color:var(--ink); font:400 15px/1.2 var(--font-sans); outline:none; }
.net-bar-search input::placeholder{ color:var(--muted); }
.net-bar-search input:focus, .net-bar-select select:focus{ box-shadow:0 0 0 2px var(--navy); }

.net-bar-select{ flex:0 1 220px; min-width:0; display:block; }

.net-bar-select select{ width:100%; border-radius:var(--radius-pill); background:#EEEEEE; color:var(--ink); font:400 15px/1.2 var(--font-sans); outline:none; cursor:pointer;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23566' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; background-size:11px 8px; }

.net-bar-clear{ flex:0 0 auto; border:none; background:none; cursor:pointer; padding:12px 6px; color:var(--muted); font:500 14px/1.2 var(--font-sans); border-radius:var(--radius-pill); }
.net-bar-clear:hover{ color:var(--navy); }

.net-count-line{ max-width:898px; margin:0 auto var(--space-4); font:600 13px/1 var(--font-sans); color:var(--muted); }


.net-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px,1fr)); gap:var(--space-5); max-width:898px; margin:0 auto; }

.net-card{ position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-1); display:flex; flex-direction:column; transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease); }
.net-card:hover{ box-shadow:var(--shadow-2); transform:translateY(-2px); }
.net-card.is-hidden{ display:none; }
.net-banner{ display:block; height:64px; border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
.net-figure{ position:relative; z-index:1; width:72px; height:72px; margin:-36px auto 0; display:grid; place-items:center; border:3px solid var(--surface); box-shadow:var(--shadow-1); text-decoration:none; }
.net-figure.is-avatar{ border-radius:var(--radius-pill); }
.net-figure.is-logo{ border-radius:var(--radius-md); }
.net-mono{ font:700 24px/1 var(--font-serif); color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.3); }

.net-ribbon{ position:absolute; top:8px; left:var(--space-3); z-index:2; font:700 8.5px/1 var(--font-sans); letter-spacing:.07em; text-transform:uppercase; background:var(--navy); color:#fff; padding:4px 7px; border-radius:var(--radius-sm); }
.net-body{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:var(--space-3) var(--space-4) var(--space-4); flex:1 1 auto; }
.net-name{ margin:8px 0 2px; font:700 15px/1.2 var(--font-sans); }
.net-name a{ color:var(--ink); text-decoration:none; }
.net-name a:hover{ color:var(--navy); }
.net-role{ margin:0 0 8px; font:400 12.5px/1.35 var(--font-sans); color:var(--muted); display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em; }
.net-mutual{ display:flex; align-items:center; justify-content:center; gap:6px; margin:0 0 var(--space-3); font:400 11.5px/1 var(--font-sans); color:var(--muted); }
.net-mutual svg{ width:14px; height:14px; stroke:var(--muted); fill:none; stroke-width:1.6; }
.net-btn{ margin-top:auto; display:flex; align-items:center; justify-content:center; gap:6px; width:100%; border-radius:var(--radius-pill); padding:var(--space-3); font:600 13px/1 var(--font-sans); cursor:pointer; text-decoration:none; white-space:nowrap; }
.net-btn.solid{ background:transparent; color:var(--navy); border:1.5px solid var(--navy); }
.net-btn.solid:hover{ background:#F5F6F8; }
.net-btn.ghost{ background:var(--surface); color:var(--ink-soft); border:1.5px solid var(--line); }
.net-btn.is-locked, .net-btn.is-locked:hover{ background:var(--surface-soft); color:var(--muted); border:1.5px solid var(--line); font-weight:500; }
.net-btn.ghost:hover{ border-color:var(--muted); background:#F5F6F8; }
.net-btn svg{ width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }
.net-empty{ margin-top:var(--space-4); max-width:898px; margin-inline:auto; }

.pv-modal{ width:100%; max-width:min(1040px,94vw); height:min(82vh,760px); background:var(--surface); border-radius:var(--radius-lg); box-shadow:var(--shadow-4); overflow:hidden; display:grid; grid-template-columns:minmax(0,27fr) minmax(360px,23fr); grid-template-rows:minmax(0,1fr); }

.pv-modal--youtube-portrait{ --pv-short-col:min(46.125vh,427.5px); width:min(94vw,calc(var(--pv-short-col) + 478px)); max-width:none; grid-template-columns:minmax(0,var(--pv-short-col)) minmax(360px,1fr); }
.pv-media{ position:relative; width:100%; min-width:0; height:100%; background:linear-gradient(150deg,#0e1a30,#080b12); }
.pv-side{ position:relative; display:flex; flex-direction:column; padding:var(--space-5); min-width:0; }
.pv-overlay{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:24px; background:rgba(6,8,12,.66); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); overflow-y:auto; }
.pv-overlay-open{ overflow:hidden; }
.pv-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-3); padding-bottom:var(--space-3); margin-bottom:var(--space-3); border-bottom:1px solid var(--line); }
.pv-head .pv-author{ margin-bottom:0; }
.pv-headmenu-btn{ color:var(--ink-soft); }

.sl-dots{ position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:2; display:flex; gap:5px; }
.sl-dots[hidden]{ display:none; }
.sl-dot{ width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.45); }
.sl-dot.is-on{ background:#fff; }
.sl-arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:32px; height:32px; display:grid; place-items:center; border:none; border-radius:50%; background:rgba(8,12,24,.5); color:#fff; font:400 20px/1 var(--font-sans); cursor:pointer; }
.sl-arrow[hidden]{ display:none; }
.sl-arrow:hover{ background:rgba(8,12,24,.72); }
.sl-prev{ left:8px; }
.sl-next{ right:8px; }
.sl-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

.pv-modal .sl-img{ object-fit:contain; }
.sl-img[hidden]{ display:none; }
.pv-plate-text{ position:absolute; left:0; right:0; bottom:0; z-index:1; padding:var(--space-5); }
.pv-plate-text .feed-media-title{ font-size:26px; }
.pv-zoom-btn{ position:absolute; top:var(--space-3); left:var(--space-3); z-index:2; width:36px; height:36px; display:grid; place-items:center; border:none; border-radius:var(--radius-pill); background:rgba(8,12,24,.55); color:#fff; cursor:pointer; }
.pv-zoom-btn svg{ width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }
.pv-zoom-btn:hover{ background:rgba(8,12,24,.75); }
.pv-zoom-overlay{ position:fixed; inset:0; z-index:1300; display:grid; place-items:center; padding:28px; background:rgba(6,8,12,.88); cursor:zoom-out; overflow:auto; }
.pv-zoom-overlay[hidden]{ display:none; }
.pv-zoom-overlay img{ max-width:min(94vw,1400px); max-height:92vh; object-fit:contain; border-radius:var(--radius-sm); box-shadow:var(--shadow-4); cursor:zoom-in; }

.pv-zoom-overlay.z2 img{ max-width:min(112.8vw,1680px); max-height:110.4vh; cursor:zoom-out; }

.pvz-arrow{ position:fixed; top:50%; z-index:2; width:48px; height:48px; display:grid; place-items:center; transform:translateY(-50%); border:none; border-radius:var(--radius-pill); background:rgba(8,12,24,.55); color:#fff; font:400 28px/1 var(--font-sans); cursor:pointer; }
.pvz-arrow:hover{ background:rgba(8,12,24,.8); }
.pvz-prev{ left:14px; }
.pvz-next{ right:14px; }
.pvz-dots{ position:fixed; left:0; right:0; bottom:18px; z-index:2; display:flex; justify-content:center; gap:7px; }
.pv-emoji-wrap{ position:relative; flex:0 0 auto; }
.pv-emoji-btn{ border:none; background:none; font-size:18px; line-height:1; cursor:pointer; padding:6px; }
.pv-emoji-pop{ right:0; left:auto; bottom:calc(100% + 6px); top:auto; display:grid; grid-template-columns:repeat(8,1fr); gap:2px; min-width:232px; }
.pv-emoji-pop[hidden]{ display:none; }
.pv-emoji-pop button{ border:none; background:none; font-size:17px; line-height:1; padding:6px; cursor:pointer; border-radius:var(--radius-sm); }
.pv-emoji-pop button:hover{ background:var(--surface-soft); }
.pv-faqs{ margin:0 0 var(--space-2); }
.pv-faqs h3{ font:400 15px/1 var(--font-sans); color:var(--ink-soft); margin:0 0 var(--space-3); }
.pv-faq{ border:1px solid var(--line); border-radius:var(--radius-sm); padding:8px 12px; margin-bottom:8px; }
.pv-faq summary{ cursor:pointer; font:600 13.5px/1.35 var(--font-sans); color:var(--ink); }
.pv-faq p{ margin:8px 0 2px; font:400 13.5px/1.5 var(--font-sans); color:var(--ink-soft); }
.pv-tag{ align-self:flex-start; font:700 10px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; color:var(--navy); background:var(--surface-soft); padding:5px 10px; border-radius:var(--radius-pill); margin-bottom:var(--space-3); }
.pv-title{ font:700 26px/1.15 var(--font-serif); color:var(--ink); margin:0 0 var(--space-3); }
.pv-youtube-link{ display:inline-flex; align-self:flex-start; align-items:center; gap:7px; margin:0 0 var(--space-3); padding:9px 14px; border:1px solid #dde1e5; border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--navy); font:700 12px/1 var(--font-sans); text-decoration:none; }
.pv-youtube-link:hover{ border-color:var(--gold); background:#F5F6F8; }
.pv-author{ display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-3); }
.pv-author .feed-avatar{ width:38px; height:38px; }
.pv-author b{ display:block; font:600 14px/1.2 var(--font-sans); color:var(--ink); }
.pv-year{ font:400 12px/1.2 var(--font-sans); color:var(--muted); }
.pv-excerpt{ max-height:180px; margin:0 0 var(--space-2); overflow-y:auto; color:var(--ink-soft); font-size:14.5px; }
  
.pv-readmore{ display:inline-block; margin:0 0 var(--space-3); color:var(--navy); font:700 12px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; border-bottom:1px solid var(--gold); padding-bottom:3px; }
.pv-readmore:hover{ color:var(--gold-strong); }
.pv-scroll{ flex:1; overflow-y:auto; margin-top:var(--space-4); border-top:1px solid var(--line); padding-top:var(--space-3); }
.pv-comments h3{ font:400 15px/1 var(--font-sans); color:var(--ink-soft); margin:0 0 var(--space-4); }
.pv-comment-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-4); }
.pv-comment{ display:flex; gap:var(--space-3); }
.pv-comment .feed-avatar{ width:30px; height:30px; font-size:11px; }
.pv-comment-meta{ margin:0 0 3px; font:400 12.5px/1.2 var(--font-sans); color:var(--muted); }
.pv-comment-meta strong{ color:var(--ink); font-weight:700; margin-right:6px; }
.pv-comment-text{ margin:0; font:400 14px/1.5 var(--font-sans); color:var(--ink-soft); }

@media (max-width:1079px){
.cat-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:1079px){
.feed-author-name{ font-size:17.5px; font-weight:700; }
.feed-author-role{ font-size:15px; font-weight:500; }
}
@media (max-width:900px){

.pv-modal{ grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); height:min(90vh,860px); }
.pv-media{ min-height:240px; }
.pv-modal--youtube-portrait, .pv-modal--youtube-landscape{ height:auto; grid-template-columns:1fr; grid-template-rows:auto auto; }
.pv-modal--youtube-portrait{ width:min(520px,calc(100vw - 48px)); max-width:none; }
.pv-modal--youtube-portrait .pv-media, .pv-modal--youtube-landscape .pv-media{ height:auto; min-height:0; }
.pv-modal--youtube-portrait .pv-media{ aspect-ratio:9/16; }
.pv-modal--youtube-landscape .pv-media{ aspect-ratio:16/9; }
.pv-modal--youtube-landscape .pv-media .pv-media-img,
.pv-modal--youtube-landscape .pv-media.has-youtube-player .at-youtube-player{ inset:0; width:100%; height:100%; aspect-ratio:auto; transform:none; }
.pv-modal--youtube-portrait .pv-side, .pv-modal--youtube-landscape .pv-side{ height:clamp(420px,70dvh,560px); }
.pv-overlay > .pv-modal--youtube-portrait, .pv-overlay > .pv-modal--youtube-landscape{ align-self:start; }
}

@media (max-width:767px){
  
.feed{ grid-template-columns:minmax(0,1fr); margin-inline:calc(-1*var(--pad-mobile)); }
.feed-card{ border-inline:none; border-radius:0; }
  
.net-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
.net-bar{ flex-wrap:wrap; }
.net-bar-search{ flex:1 1 100%; }
.net-bar-select{ flex:1 1 auto; }
  
.net-more-menu{ min-width:0; width:max-content; } }

.cat-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-5); margin-bottom:var(--space-6); }
.tile{ display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; text-decoration:none; box-shadow:var(--shadow-1); }
.tile:hover{ box-shadow:var(--shadow-2); }
.tile-media{ position:relative; aspect-ratio:1/1; display:block; }

.tile-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.tile-tag{ position:absolute; top:var(--space-3); left:var(--space-3); font:700 9px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--navy); background:var(--surface); padding:4px 8px; border-radius:var(--radius-sm); }
.tile-body{ display:flex; flex-direction:column; gap:4px; padding:var(--space-4); }
.tile-title{ margin:0; font:600 16px/1.25 var(--font-serif); color:var(--ink); }
.tile-sub{ font:600 12px/1 var(--font-sans); color:var(--navy); }

.pf-welcome{ margin:0 0 var(--space-5); background:var(--surface); border:1px solid var(--gold-soft); border-left:4px solid var(--gold); border-radius:var(--radius-lg); box-shadow:var(--shadow-1); padding:var(--space-5); }
.pf-welcome-h{ margin:0 0 6px; font:700 20px/1.25 var(--font-serif); color:var(--ink); }
.pf-welcome-p{ margin:0 0 var(--space-4); font:400 14.5px/1.55 var(--font-sans); color:var(--ink); }
.pf-welcome-actions{ display:flex; gap:var(--space-3); flex-wrap:wrap; }
.pf-welcome-btn{ display:inline-block; background:var(--navy); color:#fff; border-radius:var(--radius-pill); padding:11px 20px; font:700 14px/1 var(--font-sans); text-decoration:none; }
.pf-welcome-btn:hover{ filter:brightness(1.15); }
.pf-welcome-alt{ display:inline-block; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:var(--radius-pill); padding:11px 20px; font:600 14px/1 var(--font-sans); text-decoration:none; }
.pf-welcome-alt:hover{ background:var(--surface-soft); }

.cx-avatar.is-avatar{ border-radius:var(--radius-pill); }
.cx-stats{ display:flex; gap:var(--space-6); flex-wrap:wrap; margin-top:var(--space-3); }

a.cx-stat{ text-decoration:none; color:inherit; border-bottom:1px solid transparent; padding-bottom:2px; transition:border-color .15s ease; }
a.cx-stat:hover{ border-bottom-color:var(--ink); }
.cx-stat b{ font:700 18px/1 var(--font-serif); color:var(--ink); }
.cx-stat span{ font:600 11px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin-left:5px; }
.cx-works .cat-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }

.msg{ display:grid; grid-template-columns:320px 1fr; height:calc(100dvh - 116px); min-height:520px; margin-bottom:calc(-1 * var(--space-8)); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg) var(--radius-lg) 0 0; overflow:hidden; box-shadow:var(--shadow-1); }
.msg-list{ display:flex; flex-direction:column; border-right:1px solid var(--line); min-height:0; }
.msg-list-head{ position:relative; display:flex; align-items:center; justify-content:space-between; padding:var(--space-4); }

.msg-tabs{ display:flex; gap:4px; padding:0 var(--space-4) var(--space-3); }
.msg-tab{ flex:1; text-align:center; font:600 12.5px/1 var(--font-sans); color:var(--muted); text-decoration:none; border:1px solid var(--line); border-radius:var(--radius-pill); padding:8px 10px; background:var(--surface); }
.msg-tab:hover{ background:var(--surface-soft); }

.msg-h1{ margin:0; font:700 22px/1 var(--font-serif); }
.msg-new{ width:34px; height:34px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface); display:grid; place-items:center; cursor:pointer; }
.msg-new svg{ width:16px; height:16px; stroke:var(--ink); fill:none; stroke-width:2; }
.msg-threads{ list-style:none; margin:0; padding:0; overflow-y:auto; flex:1; }
.msg-thread{ display:flex; align-items:center; gap:var(--space-3); width:100%; border:none; background:none; padding:var(--space-3) var(--space-4); cursor:pointer; text-align:left; text-decoration:none; border-left:3px solid transparent; }
.msg-thread:hover{ background:var(--surface-soft); }
.msg-thread.is-active{ background:var(--surface-soft); border-left-color:var(--navy); }
.msg-av{ width:42px; height:42px; border-radius:var(--radius-pill); flex-shrink:0; display:grid; place-items:center; font:700 13px/1 var(--font-sans); color:#fff; }
.msg-thread-meta{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.msg-thread-top{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); }
.msg-thread-name{ font:600 13.5px/1.2 var(--font-sans); color:var(--ink); }
.msg-thread-time{ font:400 11px/1 var(--font-sans); color:var(--muted); flex-shrink:0; }
.msg-thread-snippet{ font:400 12.5px/1.3 var(--font-sans); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.msg-unread{ width:9px; height:9px; border-radius:var(--radius-pill); background:var(--navy); flex-shrink:0; }
.msg-pane{ display:flex; flex-direction:column; min-width:0; }

.msg-empty{ margin:auto; text-align:center; max-width:360px; padding:var(--space-6); }
.msg-empty-h{ margin:0 0 6px; font:700 30px/1.15 var(--font-serif); color:var(--ink); }
.msg-empty-p{ margin:0 0 var(--space-4); font:400 14.5px/1.5 var(--font-sans); color:var(--muted); }
.msg-empty-new{ border:0; background:var(--navy); color:#fff; border-radius:var(--radius-pill); padding:12px 22px; font:700 15px/1 var(--font-sans); cursor:pointer; }
.msg-empty-new:hover{ filter:brightness(1.15); }
.msg-newmsg{ margin:0 16px 8px; border:1px solid var(--line); border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--shadow-2); padding:10px; }
.msg-newmsg[hidden]{ display:none; }
.msg-newmsg-input{ width:100%; border:1px solid #e7eaef; border-radius:10px; padding:10px 12px; font:400 14px/1.2 var(--font-sans); }
.msg-newmsg-input:focus{ outline:none; border-color:#15284B; }
.msg-newmsg-list{ list-style:none; margin:6px 0 0; padding:0; max-height:260px; overflow-y:auto; display:flex; flex-direction:column; }
.msg-newmsg-row{ display:flex; align-items:center; gap:10px; width:100%; border:none; background:none; cursor:pointer; padding:8px 10px; border-radius:10px; text-align:left; font:600 14px/1.2 var(--font-sans); color:var(--ink); }
.msg-newmsg-row:hover{ background:var(--surface-soft); }
.msg-newmsg-row .msg-req-ok{ flex:0 0 auto; }
.msg-newmsg-row .msg-av{ width:32px; height:32px; font-size:11px; }
.msg-newmsg-row .msg-av-img{ width:32px; height:32px; }
.msg-newmsg-role{ font:600 11px/1 var(--font-sans); color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }
.msg-newmsg-none{ padding:10px; font:400 13px/1.4 var(--font-sans); color:var(--muted); }

.msg-scroll{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:10px; background:var(--paper); }
.msg-bubble{ max-width:72%; background:#fff; border:1px solid #e7eaef; border-radius:14px 14px 14px 4px; padding:10px 13px; font:400 14px/1.5 var(--font-sans); }

.msg-list-actions{ display:flex; align-items:center; gap:4px; }

.notif{ max-width:1080px; margin:0 auto; background:#fafafa; border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-6); }
.notif-main{ min-width:0; }
.notif-head{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); margin-bottom:var(--space-5); }
.notif-h1{ margin:0; display:flex; align-items:center; gap:10px; font:700 clamp(26px,3vw,34px)/1 var(--font-serif); color:var(--ink); }
.notif-h1-count{ font:700 13px/1 var(--font-sans); color:#fff; background:var(--navy); border-radius:var(--radius-pill); padding:5px 10px; }
.notif-group{ font:700 11px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:var(--space-5) 0 var(--space-3); }
.notif-section:first-of-type .notif-group{ margin-top:0; }
.notif-section[hidden]{ display:none; }
.notif-list{ list-style:none; margin:0 0 var(--space-4); padding:0; display:flex; flex-direction:column; gap:6px; }
.notif-item{ position:relative; display:flex; align-items:center; gap:var(--space-3); padding:var(--space-3) var(--space-4); border-radius:var(--radius-md); background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-1); transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease); }
.notif-item[hidden]{ display:none; }
.notif-item:hover{ border-color:var(--muted); }
.notif-item.is-unread{ background:var(--amber-tint); border-color:var(--gold-soft); }
.notif-av-wrap{ position:relative; flex-shrink:0; display:inline-grid; }
.notif-badge{ position:absolute; right:-3px; bottom:-3px; width:20px; height:20px; border-radius:var(--radius-pill); display:grid; place-items:center; border:2px solid var(--surface); }
.notif-item.is-unread .notif-badge{ border-color:var(--amber-tint); }
.notif-badge svg{ width:11px; height:11px; stroke:#fff; fill:none; stroke-width:2.2; }
.notif-badge.is-like{ background:#0C6EBA; }
.notif-badge.is-like svg{ fill:#fff; stroke:none; }
.notif-badge.is-recommend{ background:var(--avail); }
.notif-badge.is-recommend svg{ fill:#fff; stroke:none; }
.notif-badge.is-follow{ background:var(--navy); }
.notif-badge.is-comment{ background:var(--blue-action); }
.notif-badge.is-announcement{ background:var(--ink); }
.notif-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.notif-text{ margin:0; font:400 14px/1.45 var(--font-sans); color:var(--ink-soft); }
.notif-text strong{ color:var(--ink); font-weight:700; }
.notif-target{ color:var(--navy); font-weight:600; text-decoration:none; }
.notif-target:hover{ text-decoration:underline; }
.notif-time{ font:400 12px/1 var(--font-sans); color:var(--muted); }
.notif-followback{ flex-shrink:0; border:1.5px solid var(--navy); background:transparent; color:var(--navy); border-radius:var(--radius-pill); padding:7px 14px; font:600 12.5px/1 var(--font-sans); cursor:pointer; }
.notif-followback:hover{ background:var(--navy); color:#fff; }
.notif-right{ display:flex; align-items:center; gap:6px; flex-shrink:0; }

.notif-trash{ border:none; background:none; cursor:pointer; width:34px; height:34px; display:grid; place-items:center; color:var(--muted); }
.notif-trash:hover{ color:#0C6EBA; }
.notif-trash svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; }
.notif-unread-dot{ width:9px; height:9px; border-radius:var(--radius-pill); background:var(--navy); flex-shrink:0; }
.notif-empty{ text-align:center; margin-top:var(--space-6); }

@media (max-width:680px){
.notif{ padding:var(--space-4); }
.notif-followback{ padding:7px 11px; } }

.srch{ max-width:none; margin:0; }
.srch-form{ position:relative; margin-bottom:12px; }
.srch-bar{ display:flex; align-items:center; gap:10px; padding:7px 7px 7px 17px; background:#EBF5FF; border:1.5px solid #8DBFF5; border-radius:14px; }
.srch-bar:focus-within{ border-color:#1987FD; box-shadow:0 0 0 3px rgba(25,135,253,.18); }
.srch-bar-ico{ flex:none; fill:none; stroke-linecap:round; }
.srch-bar input{ flex:1; min-width:0; height:44px; border:0; background:transparent; padding:0 4px; font:500 17px/1.3 var(--font-sans); color:var(--ink); outline:none; }
.srch-bar input::placeholder{ color:#5F7FA3; font-weight:400; }
.srch-bar input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
.srch-filters{ flex:none; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 18px; background:#fff; border:1px solid #BBD9FA; border-radius:10px; color:var(--ink); font:600 14px/1 var(--font-sans); cursor:pointer; }
.srch-filters:hover{ background:#F5F6F8; }
.srch-filters[aria-expanded="true"]{ border-color:var(--ink); }
.srch-filters svg{ fill:none; stroke-linecap:round; }
.srch-go{ flex:none; display:grid; place-items:center; width:46px; height:44px; padding:0; border:0; border-radius:10px; cursor:pointer; }
.srch-go svg{ width:20px; height:20px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; }
.srch-panel{ display:grid; gap:12px 14px; margin-top:8px; padding:14px; background:#fff; border:1px solid var(--line-strong,#d5d5d5); border-radius:12px; }
.srch-panel[hidden]{ display:none; }
.srch-field{ flex-direction:column; gap:7px; min-width:0; font:600 12.5px/1.2 var(--font-sans); color:var(--muted); }
.srch-field select{ width:100%; height:44px; padding:0 12px; border:1px solid #dcdcdc; border-radius:10px; background:#fff; font:500 var(--field-fs, 14.5px)/1.2 var(--font-sans); color:var(--ink); }
.srch-field select:focus{ outline:none; border-color:#1987FD; box-shadow:0 0 0 3px rgba(25,135,253,.16); }
.srch-panel-foot{ display:flex; justify-content:flex-end; gap:10px; }
.srch-clear{ padding:0 18px; background:transparent; border:1px solid #dcdcdc; border-radius:10px; color:var(--ink); font:600 14px/1 var(--font-sans); cursor:pointer; }
.srch-clear:hover{ background:#F5F6F8; }
.srch-facets{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.srch-facet{ display:inline-flex; align-items:center; font:600 14px/1 var(--font-sans); color:var(--ink-soft); background:#fff; border:1px solid var(--line-strong,#d5d5d5); border-radius:999px; padding:9px 16px; text-decoration:none; }
.srch-facet:hover{ background:#F5F6F8; border-color:#b8b8b8; }
.srch-facet.is-active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.srch-card{ background:#fff; border:1px solid var(--line-strong,#d5d5d5); border-radius:12px; overflow:hidden; }
.srch-count{ margin:0; padding:12px 20px; font:600 14px/1.4 var(--font-sans); color:var(--ink); }
.srch-results{ list-style:none; margin:0; padding:0; }
.srch-group{ margin:0; padding:12px 20px 8px; border-top:1px solid var(--line-strong,#e0e0e0); font:700 17px/1.3 var(--font-sans); color:var(--ink); }
.srch-group + .srch-results .srch-result:first-child{ border-top:0; }
.srch-result{ display:flex; align-items:center; gap:14px; padding:12px 20px; border-top:1px solid var(--line-strong,#e0e0e0); }
.srch-media{ flex:none; display:grid; place-items:center; overflow:hidden; text-decoration:none; font:700 22px/1 var(--font-sans); }
.srch-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.srch-avatar{ width:72px; height:72px; border-radius:50%; background:var(--navy,#15284b); color:#fff; }
.srch-thumb{ width:88px; height:66px; border-radius:6px; background:#e8ebf0; color:#6b7686; }
.srch-thumb:has(img){ background:transparent; }
.srch-result-body{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.srch-result-title{ font:600 16px/1.3 var(--font-sans); color:#1a1a1a; text-decoration:none; overflow-wrap:anywhere; }
.srch-result-title:hover{ color:#0F74E3; text-decoration:underline; text-underline-offset:.15em; }
.srch-result-line{ font:400 14px/1.4 var(--font-sans); color:var(--ink-soft); }
.srch-kind{ font-weight:600; color:var(--muted); }
.srch-result-place{ font:400 13px/1.4 var(--font-sans); color:var(--muted); }
.srch-result-snippet{ margin-top:4px; font:400 13.5px/1.45 var(--font-sans); color:var(--ink-soft); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.srch-action{ flex:none; align-self:center; padding:8px 18px; border:1px solid #1987FD; border-radius:999px; color:#1987FD; font:600 14px/1 var(--font-sans); text-decoration:none; white-space:nowrap; }
.srch-action:hover{ background:#E5F2FE; border-color:#0F74E3; color:#0F74E3; }
.srch-result--ad{ display:block; padding:10px 20px; }
.srch-pager{ display:flex; align-items:center; justify-content:center; gap:var(--space-4); padding:12px; border-top:1px solid var(--line-strong,#e0e0e0); }
.srch-pager-go{ font:600 13px/1 var(--font-sans); color:var(--navy); text-decoration:none; border:1px solid var(--line-strong,#d5d5d5); border-radius:999px; padding:8px 16px; }
.srch-pager-at{ font:400 13px/1 var(--font-sans); color:var(--muted); }
@media (max-width:620px){
.srch-result{ gap:12px; padding:16px; }
.srch-bar{ padding:6px 6px 6px 14px; gap:8px; }
.srch-filters span{ display:none; }
.srch-filters{ padding:0 12px; }
.srch-panel{ padding:14px; }
.srch-count{ padding:14px 16px; }
.srch-avatar{ width:56px; height:56px; font-size:18px; }
.srch-thumb{ width:72px; height:54px; }
.srch-action{ display:none; }
}

@media (max-width:1079px){
.msg{ grid-template-columns:1fr; height:auto; min-height:calc(100dvh - 192px); }
.msg-pane{ display:none; }
.msg.has-pane .msg-list{ display:none; }
.msg.has-pane .msg-pane{ display:flex; }
.msg.has-pane .msg-back{ display:grid; }
}
@media (max-width:680px){
.cat-grid, .cx-works .cat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.cx-stats{ gap:var(--space-5); }
}

.pubresult{ max-width:640px; margin:var(--space-7) auto; text-align:center; }
.pubresult-title{ font-size:var(--fs-h1); margin:0 0 var(--space-3); }
.pubresult-sub{ color:var(--muted); font-size:var(--fs-body); margin:0 auto var(--space-5); max-width:52ch; }
.pubresult-meta{ display:grid; grid-template-columns:auto 1fr; gap:var(--space-2) var(--space-4); text-align:left; max-width:520px; margin:0 auto var(--space-6); border:1px solid var(--line); border-radius:var(--radius-md); padding:var(--space-4) var(--space-5); }
.pubresult-meta dt{ font-weight:600; color:var(--muted); font-size:var(--fs-small); }
.pubresult-meta dd{ margin:0; color:var(--ink); font-size:var(--fs-small); word-break:break-word; }
.pubresult-actions{ margin:0; }

.dt{ --dt-aw:#FCE8E9; color:var(--ink-soft); }
.dt svg{ fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.dt-serif{ font-family:var(--font-serif); }
.dt-back{ position:sticky; top:0; z-index:30; display:flex; align-items:center; gap:14px; padding:14px 0; background:rgba(233,228,216,.9); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.dt-backbtn{ display:inline-flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-pill); padding:9px 16px; font:700 13.5px/1 var(--font-sans); color:var(--ink); text-decoration:none; cursor:pointer; }
.dt-backbtn:hover{ border-color:var(--muted); background:#F5F6F8; }
.dt-backbtn svg{ width:16px; height:16px; }
.dt-crumb{ font:600 13px/1 var(--font-sans); color:var(--muted); }
.dt-crumb a{ color:var(--muted); text-decoration:none; }
.dt-crumb a:hover{ color:var(--ink); }
.dt-crumb b{ color:var(--ink); font-weight:700; }
.dt-crumb-sep{ margin:0 6px; opacity:.5; }
.dt-actions-mini{ margin-left:auto; display:flex; gap:8px; }
.dt-imini{ width:38px; height:38px; border-radius:var(--radius-pill); border:1px solid var(--line); background:var(--surface); cursor:pointer; display:grid; place-items:center; color:var(--muted); }
.dt-imini svg{ width:18px; height:18px; }
.dt-imini:hover, .dt-imini.is-active{ border-color:#0C6EBA; color:#0C6EBA; background:var(--dt-aw); }
.dt-hero{ display:grid; grid-template-columns:1.15fr 1fr; background:var(--surface); border:1px solid var(--line); border-radius:0; margin:14px 0 0; overflow:hidden; }
.dt-figure{ position:relative; min-height:440px; display:grid; place-items:center; padding:46px; }
.dt-fig-plate{ width:100%; max-width:440px; aspect-ratio:4/5; border-radius:var(--radius-md); box-shadow:0 30px 70px rgba(0,0,0,.26); display:grid; place-items:center; overflow:hidden; }
.dt-fig-ttl{ font:700 24px/1.25 var(--font-serif); color:#fff; text-align:center; padding:26px; text-shadow:0 1px 6px rgba(0,0,0,.4); }
.dt-buy{ padding:54px; display:flex; flex-direction:column; }
.dt-kick{ font:800 12px/1 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:#0C6EBA; margin:0 0 14px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dt-h1{ font:600 40px/1.08 var(--font-serif); letter-spacing:-.02em; color:var(--ink); margin:0 0 14px; }
.dt-byline{ font:400 16px/1.4 var(--font-sans); color:var(--ink-soft); margin:0 0 26px; }
.dt-byline b{ color:var(--ink); font-weight:700; }
.dt-pricebar{ display:flex; align-items:center; gap:14px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:24px; flex-wrap:wrap; }
.dt-price{ font:800 34px/1 var(--font-sans); letter-spacing:-.02em; color:var(--ink); }
.dt-badge{ font:800 12px/1 var(--font-sans); letter-spacing:.04em; text-transform:uppercase; padding:6px 12px; border-radius:var(--radius-pill); margin-left:auto; }
.dt-badge.good{ background:rgba(71, 126, 159,.14); color:var(--avail); }
.dt-badge.warn{ background:var(--gold-soft); color:var(--gold-strong); }
.dt-badge.sale{ background:rgba(193, 23, 32,.12); color:#6B4E00; }
.dt-price-was{ margin-left:10px; font:600 16px/1 var(--font-sans); color:var(--muted); text-decoration:line-through; }
.dt-cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.dt-cta{ flex:1 1 auto; min-width:150px; border:0; border-radius:13px; padding:16px 20px; font:700 15px/1 var(--font-sans); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.dt-cta.fill{ background:#0C6EBA; color:#fff; }
.dt-cta.fill:hover{ background:#0A5C9C; }
.dt-cta.line{ background:var(--surface); color:var(--ink); border:1.5px solid var(--ink); flex:0 0 auto; }
.dt-cta.line:hover{ background:#F5F6F8; }
.dt-share{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 20px; }
.dt-sbtn{ display:inline-flex; align-items:center; gap:7px; background:var(--surface); color:var(--ink); border:1.5px solid var(--line); border-radius:var(--radius-pill); padding:9px 15px; font:700 13px/1 var(--font-sans); cursor:pointer; }
.dt-sbtn svg{ width:15px; height:15px; }
.dt-sbtn:hover{ border-color:var(--ink); background:#F5F6F8; }
.dt-assure{ display:flex; flex-direction:column; gap:11px; margin-top:8px; }
.dt-assure .r{ display:flex; align-items:flex-start; gap:11px; font:400 13.5px/1.45 var(--font-sans); color:var(--ink-soft); }
.dt-assure .r svg{ flex:0 0 auto; color:var(--danger); margin-top:1px; }
.dt-reportline{ margin:6px 0 0; font:400 12.5px/1.4 var(--font-sans); color:var(--muted); }
.dt-reportline a{ color:var(--muted); text-decoration:underline; }
.dt-reportline a:hover{ color:var(--ink); }
.dt-body{ display:grid; grid-template-columns:1fr 340px; gap:24px; padding:14px 0 48px; align-items:start; }
.dt-main{ min-width:0; }
.dt-sec{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:22px 24px; margin-bottom:14px; }
.dt-sec:last-child{ margin-bottom:0; }
.dt-sec h2{ font:800 13px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin:0 0 16px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.dt-lede{ font:500 19px/1.6 var(--font-sans); color:var(--ink); margin:0 0 18px; }
.dt-p{ font:400 15.5px/1.72 var(--font-sans); color:var(--ink-soft); margin:0 0 16px; }
.dt-p:last-child{ margin-bottom:0; }
.dt-spec{ display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
.dt-spec .row{ display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--line); font-size:14.5px; }
.dt-spec .row .k{ color:var(--muted); font-weight:600; }
.dt-spec .row .v{ color:var(--ink); font-weight:700; text-align:right; }
.dt-ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:13px; }
.dt-ul li{ display:flex; gap:12px; font:400 15px/1.55 var(--font-sans); color:var(--ink-soft); }
.dt-ul li::before{ content:""; flex:0 0 8px; width:8px; height:8px; border-radius:var(--radius-pill); background:var(--danger); margin-top:7px; }
.dt-maker{ display:flex; gap:16px; align-items:center; }
.dt-maker-av{ width:62px; height:62px; border-radius:var(--radius-pill); flex:0 0 62px; display:grid; place-items:center; font:800 22px/1 var(--font-sans); color:#fff; }
.dt-maker-meta{ display:flex; flex-direction:column; }
.dt-maker-meta .nm{ font:800 17px/1.2 var(--font-sans); letter-spacing:-.01em; color:var(--ink); }
.dt-maker-meta .rl{ font:400 13.5px/1.3 var(--font-sans); color:var(--muted); margin-top:2px; }
.dt-maker-go{ margin-left:auto; background:none; border:1.5px solid var(--ink); border-radius:11px; padding:10px 16px; font:700 15px/1 var(--font-sans); color:var(--ink); text-decoration:none; cursor:pointer; white-space:nowrap; }
.dt-maker-go:hover{ background:var(--surface-soft); }
.dt-faq-item{ border-bottom:1px solid var(--line); }
.dt-faq-q{ width:100%; text-align:left; background:none; border:0; font:700 15.5px/1.4 var(--font-sans); color:var(--ink); padding:18px 36px 18px 0; cursor:pointer; position:relative; }
.dt-faq-q::after{ content:"+"; position:absolute; right:6px; top:15px; font-size:22px; font-weight:400; color:var(--danger); }
.dt-faq-item.open .dt-faq-q::after{ content:"\2013"; }
.dt-faq-a{ font:400 14.5px/1.65 var(--font-sans); color:var(--ink-soft); padding:0 30px 20px 0; margin:0; }
.dt-faq-item:not(.open) .dt-faq-a{ display:none; }
.dt-side{ position:sticky; top:74px; display:flex; flex-direction:column; gap:14px; }
.dt-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:22px; }
.dt-card h3{ font:800 13px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); margin:0 0 15px; }
.dt-fact{ display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px; }
.dt-fact:last-child{ border-bottom:0; }
.dt-fact .k{ color:var(--muted); font-weight:600; }
.dt-fact .v{ color:var(--ink); font-weight:700; text-align:right; }
.dt-rel{ padding:0 0 40px; }
.dt-rel h2{ font:800 20px/1.1 var(--font-serif); letter-spacing:-.01em; color:var(--ink); margin:0 0 20px; }
.dt-rel-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.dt-rel-card{ text-decoration:none; }
.dt-rel-cv{ aspect-ratio:4/5; border-radius:var(--radius-md); display:grid; place-items:center; margin-bottom:10px; overflow:hidden; }
.dt-rel-cv .t{ font:700 14px/1.25 var(--font-serif); color:#fff; text-align:center; padding:14px; text-shadow:0 1px 4px rgba(0,0,0,.4); }
.dt-rel-card .rt{ display:block; font:700 14.5px/1.25 var(--font-sans); color:var(--ink); }
.dt-rel-card:hover .rt{ color:var(--danger); }
.dt-rel-card .rm{ display:block; font:400 12.5px/1.3 var(--font-sans); color:var(--muted); margin-top:3px; }

.far{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:60; display:flex; flex-direction:column; align-items:center; gap:4px; padding:12px 7px; background:#FFFFFF; border-radius:24px 0 0 24px; box-shadow:0 0 0 1px rgba(21,40,75,.12),0 12px 34px rgba(15,20,35,.18); }
.far-btn{ width:44px; height:44px; background:transparent; border:0; color:var(--navy,#15284b); cursor:pointer; display:grid; place-items:center; border-radius:var(--radius-pill); position:relative; }
.far-btn svg{ width:24px; height:24px; }
.far-btn:hover{ background:#F5F6F8; }
.far-divider{ height:1px; width:26px; background:rgba(21,40,75,.16); margin:2px 0; }
.far-btn::after{ content:attr(data-tip); position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%); background:#0f1410; color:#fff; font:500 11px/1 var(--font-sans); padding:5px 10px; border-radius:5px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .15s; }
.far-btn:hover::after{ opacity:1; }

@media (min-width:769px){
.dt{ padding-right:52px; }
}
@media (max-width:980px){
.dt-body{ grid-template-columns:1fr; gap:24px; }
.dt-side{ position:static; }
}
@media (max-width:900px){
.dt-hero{ grid-template-columns:1fr; }
.dt-figure{ min-height:320px; padding:30px; }
.dt-buy{ padding:30px 24px; }
.dt-rel-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
.dt-h1{ font-size:30px; }
.dt-spec{ grid-template-columns:1fr; }
.far{ display:none; }
}

.subm{ max-width:940px; margin:0 auto; padding-bottom:96px; }
.subm svg{ fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.subm-mast{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:6px 0 4px; }
.subm-kicker{ margin:0 0 6px; font:700 12px/1 var(--font-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--gold-strong); }
.subm-title{ margin:0; font:700 30px/1.1 var(--font-serif); letter-spacing:-.01em; color:var(--ink); }
.subm-close{ width:40px; height:40px; flex:0 0 40px; border-radius:var(--radius-pill); background:var(--surface); border:1px solid var(--line); color:var(--muted); cursor:pointer; display:grid; place-items:center; text-decoration:none; }
.subm-close svg{ width:18px; height:18px; }
.subm-close:hover{ border-color:var(--ink); color:var(--ink); }
.subm-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); padding:24px 26px; margin-bottom:18px; }
.subm-card-h{ margin:0 0 3px; font:700 18px/1.2 var(--font-serif); color:var(--ink); }
.subm-card-sub{ margin:0 0 18px; font:400 13px/1.4 var(--font-sans); color:var(--muted); }
.subm-foot{ position:sticky; bottom:16px; display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-top:20px; padding:14px 18px; background:rgba(233,228,216,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid var(--line); border-radius:var(--radius-pill); }
.subm-foot .hint{ margin-right:auto; font:400 12.5px/1.3 var(--font-sans); color:var(--muted); }

@media (max-width:1079px){ .subm-foot{ bottom:78px; } }
.subm-submit{ display:inline-flex; align-items:center; gap:9px; background:var(--gold); color:var(--navy); border:0; border-radius:var(--radius-pill); padding:13px 26px; font:700 14px/1 var(--font-sans); cursor:pointer; }
.subm-submit:hover{ background:var(--gold-strong); color:#fff; }
@media (max-width:720px){
.subm-title{ font-size:24px; }
.subm-foot{ flex-wrap:wrap; }
.subm-foot .hint{ margin-right:0; width:100%; }
}

.cx{ max-width:1040px; margin-inline:auto; }


.cx-cover{ position:relative; overflow:hidden; height:clamp(230px,26vw,340px); border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
.cx-head{ position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:end; gap:var(--space-4); padding:0 var(--space-5) var(--space-5); background:var(--surface); border:1px solid var(--line); border-top:none; border-radius:0; box-shadow:none; }

.cx-avatar{ position:relative; margin-top:-44px; width:104px; height:104px; display:grid; place-items:center; border:4px solid var(--surface); font:700 34px/1 var(--font-serif); color:#fff; text-shadow:0 1px 4px rgba(0,0,0,.35); }
.cx-avatar.is-logo{ border-radius:var(--radius-md); }
.cx-id{ padding-bottom:2px; min-width:0; }

.cx-name{ margin:12px 0 4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; font:700 clamp(22px,2.6vw,30px)/1.1 var(--font-serif); color:var(--ink); }
.cx-tagline{ margin:0 0 6px; font:400 15px/1.4 var(--font-sans); color:var(--ink-soft); }
.cx-meta{ display:flex; align-items:center; gap:7px; margin:0; font:400 13.5px/1.4 var(--font-sans); color:var(--muted); }
.cx-meta svg{ width:15px; height:15px; stroke:var(--muted); fill:none; stroke-width:1.6; flex:0 0 auto; }
.cx-actions{ display:flex; align-items:center; gap:var(--space-2); padding-bottom:2px; flex-wrap:wrap; }
.cx-actions .btn svg{ stroke:currentColor; fill:none; stroke-width:2; }

.cx-actions-wrap--icons{ align-self:start; flex-direction:column; align-items:flex-end;
  gap:var(--space-3); padding-top:var(--space-4); }
.cx-iconbtn{ width:38px; height:38px; flex:0 0 auto; display:inline-grid; place-items:center; padding:0; background:var(--surface); color:var(--ink); border:1px solid rgba(0,0,0,.12); border-radius:var(--radius-pill); cursor:pointer; text-decoration:none; transition:background .15s ease, border-color .15s ease; }
.cx-iconbtn:hover{ background:#F5F6F8; border-color:rgba(0,0,0,.28); }
.cx-iconbtn svg{ fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }

.cx-tabs{ display:flex; gap:6px; margin-top:0; background:#E4E1DC; padding:0 var(--space-3); overflow-x:auto; scrollbar-width:thin; }

.cx-tab{ padding:11px 16px; font:700 14px/1 var(--font-sans); color:var(--muted); text-decoration:none; border-radius:var(--radius-sm) var(--radius-sm) 0 0; white-space:nowrap; }
.cx-tab:hover{ color:var(--ink); }
.cx-tab.is-active{ color:var(--ink); background:#F0ECE4; }

.cx-tab-more{ position:relative; display:none; margin-left:auto; }
.cx-tab-morebtn{ display:flex; align-items:center; gap:6px; background:none; border:none; cursor:pointer; }
.cx-tab-morebtn svg{ width:10px; height:6px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; }
.cx-tab-morepop{ position:absolute; right:0; top:calc(100% + 4px); z-index:120; display:flex; flex-direction:column; min-width:190px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-2); padding:6px; }
.cx-tab-morepop[hidden]{ display:none; }
.cx-morelink{ padding:13px 14px; font:600 14px/1 var(--font-sans); color:var(--ink); text-decoration:none; border-radius:var(--radius-sm); }
.cx-morelink:hover{ background:var(--surface-soft); }
.cx-morelink.is-active{ background:var(--navy); color:#fff; }
@media (max-width:900px){
  .cx-tab--overflow{ display:none; }
  .cx-tab-more{ display:block; }
  
  .cx-tabs{ overflow-x:visible; }
}

.cx-layout{ display:grid; grid-template-columns:1fr 320px; gap:var(--space-5); margin-top:0; background:#F0ECE4; padding:var(--space-5) 0; border-radius:0 0 var(--radius-lg) var(--radius-lg); }

.cx-layout--wide{ grid-template-columns:minmax(0,1fr); }
.cx-main{ min-width:0; display:flex; flex-direction:column; gap:var(--space-5); }
.cx-aside{ display:flex; flex-direction:column; gap:var(--space-5); }
.cx-card{ background:#fafafa; border:1px solid #dcdcdc; border-radius:var(--radius-lg); padding:var(--space-5); }
.cx-card-h{ margin:0 0 var(--space-3); font:700 17px/1.2 var(--font-serif); color:var(--ink); }
.cx-text{ margin:0; font:400 14.5px/1.6 var(--font-sans); color:var(--ink-soft); }




@media (max-width:900px){
.cx-layout{ grid-template-columns:1fr; } }
@media (max-width:680px){
.cx-head{ grid-template-columns:1fr; }
.cx-actions-wrap{ grid-column:1; } }

.cx-actions-wrap{ display:flex; align-items:flex-end; }


.cx-card-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:var(--space-3); }
.cx-card-head .cx-card-h{ margin:0; }
.cx-card-count{ font:600 12.5px/1 var(--font-sans); color:var(--muted); }

.cx-pager{ display:flex; align-items:center; justify-content:center; gap:16px; margin:var(--space-4) 0 0; }
.cx-pager-n{ font:600 12.5px/1 var(--font-sans); color:var(--muted); }
.cx-pager-btn{ font:600 13px/1 var(--font-sans); color:var(--ink); text-decoration:none; border:1px solid var(--line); border-radius:var(--radius-pill); padding:8px 14px; background:var(--surface); }
.cx-pager-btn:hover{ border-color:var(--muted); background:#F5F6F8; }
.dash-kpi{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-1); padding:var(--space-4); display:flex; flex-direction:column; gap:4px; }
.dash-kpi-l{ font:700 10px/1.1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.dash-kpi-v{ font:700 24px/1 var(--font-serif); color:var(--ink); }
.dash-kpi-d{ font:600 11px/1.2 var(--font-sans); color:var(--muted); }

.ins-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-3); margin:0 0 var(--space-4); padding:0; list-style:none; }

.ins-spark{ display:block; width:100%; height:120px; }

@media (max-width:900px){
.ins-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

.pset-list{ display:flex; flex-direction:column; }
.pset-row{ display:flex; align-items:center; gap:var(--space-4); padding:var(--space-4) 0; border-top:1px solid var(--line-soft); }
.pset-row:first-child{ border-top:none; }
.pset-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pset-txt b{ font:700 14px/1.3 var(--font-sans); color:var(--ink); }
.pset-txt span{ font:400 12.5px/1.4 var(--font-sans); color:var(--muted); }

.pset-row.is-pending .pset-txt b{ color:var(--muted); }
.pset-card-note{ margin:var(--space-4) 0 0; font:400 12.5px/1.5 var(--font-sans); color:var(--muted); }
.pset-notice{ margin:0 0 var(--space-4); padding:var(--space-3) var(--space-4); border-radius:var(--radius-sm); border:1px solid var(--line); background:var(--surface); font:500 13.5px/1.45 var(--font-sans); color:var(--ink); }
.pset-notice.is-error{ border-color:#E9C46A; color:#6B4E00; }

.pset-row.is-exclusive{ border-top-width:2px; border-top-color:var(--line); }

.ih-grid{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--space-3); }
.ih-chip{ display:inline-flex; align-items:center; gap:var(--space-2); padding:var(--space-3) var(--space-4); border:1px solid var(--line); border-radius:var(--radius-pill); cursor:pointer; font:500 13.5px/1 var(--font-sans); color:var(--ink); background:var(--surface); transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease); }
.ih-chip:hover{ border-color:var(--navy); }
.ih-chip input{ width:16px; height:16px; margin:0; accent-color:var(--navy); cursor:pointer; }
.ih-chip:focus-within{ outline:2px solid var(--navy); outline-offset:2px; }
.ih-chip:has(input:checked){ border-color:var(--navy); background:var(--surface-soft, var(--surface)); }
.ih-free{ display:block; margin-top:var(--space-5); }
.ih-free-label{ display:block; margin-bottom:var(--space-2); font:600 13px/1.3 var(--font-sans); color:var(--ink); }
.ih-free textarea{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-sm); padding:var(--space-3) var(--space-4); font:400 var(--field-fs, 13.5px)/1.5 var(--font-sans); color:var(--ink); background:var(--surface); resize:vertical; }
.ih-free textarea:focus{ border-color:var(--navy); outline:none; }

.ih-note{ margin:var(--space-3) 0 0; font:400 12.5px/1.5 var(--font-sans); color:var(--ink); }
.ih-mod{ display:block; margin-top:2px; color:var(--warn, #2A4B5F); }
.ih-empty{ margin:0; font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.pset-switch{ position:relative; flex:0 0 auto; width:44px; height:26px; cursor:pointer; }
.pset-switch input{ position:absolute; inset:0; opacity:0; margin:0; cursor:pointer; }
.pset-track{ position:absolute; inset:0; background:var(--line); border-radius:var(--radius-pill); transition:background var(--dur-fast) var(--ease); }
.pset-track::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:var(--radius-pill); background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform var(--dur-fast) var(--ease); }
.pset-switch input:checked + .pset-track{ background:var(--navy); }
.pset-switch input:checked + .pset-track::after{ transform:translateX(18px); }
.pset-switch input:focus-visible + .pset-track{ box-shadow:0 0 0 3px var(--amber-tint); }

.set{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:var(--space-6); align-items:start; }
.set-side{ position:sticky; top:var(--space-5); display:flex; flex-direction:column; gap:var(--space-4); background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:var(--space-4); box-shadow:var(--shadow-1); }
.set-main{ min-width:0; }


.set-nav-count{ margin-left:auto; min-width:18px; padding:1px 6px; border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--muted); font:700 10.5px/1.6 var(--font-sans); text-align:center; }
.set-navlink.is-active .set-nav-count{ background:rgba(255,255,255,.22); color:#fff; }
.set-nav{ display:flex; flex-direction:column; gap:1px; }
.set-navlink{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; border:none; background:none; cursor:pointer; border-radius:var(--radius-md); padding:8px 10px; font:500 13px/1.2 var(--font-sans); color:var(--ink-soft); }
.set-navlink svg{ width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.7; flex:0 0 auto; }
.set-navlink:hover{ background:var(--surface-soft); color:var(--ink); }
.set-navlink.is-active{ background:var(--navy); color:#fff; font-weight:700; }
.set-navlink[hidden]{ display:none; }

.set-title-sr{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.set-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-4); flex-wrap:wrap; margin-bottom:var(--space-5); }
.set-title{ margin:0; font:600 clamp(26px,3vw,34px)/1.1 var(--font-serif); color:var(--ink); }

.set-panel[hidden]{ display:none; }
.set-phead{ display:flex; align-items:flex-start; gap:var(--space-4); margin-bottom:var(--space-4); }
.set-phead-ico{ flex:0 0 auto; width:44px; height:44px; border-radius:var(--radius-md); background:#eaf1fb; display:grid; place-items:center; }
.set-phead-ico svg{ width:22px; height:22px; stroke:var(--navy); fill:none; stroke-width:1.7; }
.set-phead-t{ margin:0; font:700 20px/1.2 var(--font-serif); color:var(--ink); }
.set-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:clamp(18px,2.5vw,28px); box-shadow:var(--shadow-1); }

.set-panel > .set-card + .set-card{ margin-top:14px; }

.set-card-foot{ display:flex; justify-content:flex-end; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.set-group-h{ margin:0 0 var(--space-4); font:700 11px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }

.set-btn{ display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:var(--surface); color:var(--ink); border-radius:var(--radius-md); padding:9px 14px; font:600 13px/1 var(--font-sans); cursor:pointer; }
.set-btn svg{ width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.8; }
.set-btn:hover{ border-color:var(--navy); background:#F5F6F8; }

.set-btn-sm{ padding:7px 12px; font-size:12.5px; }
.set-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:var(--space-4); }
.set-field-l{ font:600 12.5px/1 var(--font-sans); color:var(--ink); }
.set-field input, .set-field select, .set-field textarea{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-md); padding:11px 13px; font:400 14px/1.4 var(--font-sans); color:var(--ink); background:var(--surface); outline:none; }
.set-field input:focus, .set-field select:focus, .set-field textarea:focus{ border-color:var(--navy); }
.set-field textarea{ resize:vertical; }
.set-field-hint{ font:400 12px/1.3 var(--font-sans); color:var(--muted); }
.set-input{ display:flex; align-items:center; width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); overflow:hidden; }
.set-input:focus-within{ border-color:var(--navy); }
.set-input input{ border:none; border-radius:0; }

.set-session{ display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-3) 0; border-top:1px solid var(--line-soft); }
.set-session:first-of-type{ border-top:none; }
.set-session > div{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.set-session b{ font:600 13.5px/1.3 var(--font-sans); color:var(--ink); }
.set-session span{ font:400 12.5px/1.3 var(--font-sans); color:var(--muted); }
@media (max-width:900px){
.set{ grid-template-columns:1fr; }
.set-side{ position:static; }
}

.dt-fig-img{ display:block; width:100%; height:auto; border-radius:0; object-fit:cover; }

.dt-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; width:100%; margin:16px 0 0; padding:0; list-style:none; }
.dt-gallery-item{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.dt-gallery-img{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:0; background:#fff; cursor:pointer; }
.dt-gallery-img.is-active{ box-shadow:0 0 0 3px #679CBC; }
.dt-gallery-img:focus-visible{ outline:2px solid #679CBC; outline-offset:2px; }
.dt-gallery-cap{ font:500 11.5px/1.35 var(--font-sans); color:var(--muted); overflow-wrap:anywhere; }

.dpc-submit{ margin-left:auto; background:#15284B; color:#fff; border:0; border-radius:10px; padding:10px 22px; font-weight:700; cursor:pointer; }
.dpc-submit:hover{ background:#33507D; }

.dpc-flash{ position:fixed; left:16px; bottom:16px; z-index:400; max-width:min(420px, calc(100vw - 32px));
  margin:0; padding:11px 15px; border:0; border-radius:8px; background:#14171c; color:#fff;
  font:500 13px/1.4 var(--font-sans); box-shadow:0 8px 26px rgba(0,0,0,.32);
  animation:dpc-flash-in .18s ease-out, dpc-flash-out .35s ease-in 2.65s forwards; }

.dpc-flash.is-ok{ border-left:3px solid var(--gold,#679CBC); }
.dpc-flash.is-danger{ border-left:3px solid #E9C46A; }

.dpc-flash:hover{ animation-play-state:paused; }
@keyframes dpc-flash-in{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@keyframes dpc-flash-out{ to{ opacity:0; transform:translateY(8px); visibility:hidden; } }
@media (prefers-reduced-motion:reduce){
  
  .dpc-flash{ animation:dpc-flash-out .01s linear 3s forwards; }
}

.dpv{ max-width:980px; margin:0 auto; min-height:calc(100vh - 190px); display:grid; place-items:center; }

.create-overlay{ position:fixed; inset:0; z-index:2200; display:flex; align-items:center; justify-content:center; padding:28px 64px; background:rgba(6,8,12,.66); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.create-overlay[hidden]{ display:none; }

.choose-modal{ width:100%; max-width:680px; max-height:calc(100vh - 56px); overflow-y:auto; padding:34px 34px 30px; background:var(--surface); border:1px solid rgba(21,40,75,.12); border-radius:18px; box-shadow:0 24px 70px rgba(4,14,32,.34); text-align:center; }
.choose-h{ margin:0 0 10px; font:600 21px/1.35 var(--font-serif); color:var(--ink); }
.choose-sub{ margin:0 0 22px; font:400 14px/1.5 var(--font-sans); color:var(--muted); }
.choose-form{ display:flex; flex-direction:column; gap:12px; text-align:left; }
.choose-send{ align-self:flex-start; padding:11px 22px; font:600 14px/1 var(--font-sans); color:var(--paper); background:var(--navy); border:none; border-radius:var(--radius-pill); cursor:pointer; }
.choose-send:hover{ background:var(--navy-soft); }

.fx-original{ filter:none; }
.fx-mono{ filter:grayscale(1); }
.fx-noir{ filter:grayscale(1) contrast(1.35) brightness(.9); }
.fx-bright{ filter:brightness(1.2); }
.fx-warm{ filter:sepia(.32) saturate(1.15); }
.fx-cool{ filter:saturate(1.05) hue-rotate(14deg) brightness(1.02); }
.fx-punch{ filter:contrast(1.32) saturate(1.2); }
.fx-soft{ filter:brightness(1.1) contrast(.92) blur(.4px); }

.fx-drama{ filter:contrast(1.5) brightness(.86) saturate(1.15) hue-rotate(-4deg); }
.fx-silver{ filter:grayscale(1) contrast(1.7) brightness(.94); }
.fx-aurora{ filter:saturate(1.75) hue-rotate(82deg) contrast(1.12); }
.fx-prism{ filter:contrast(1.28) saturate(2.1) hue-rotate(-38deg); }
.fx-solar{ filter:invert(.18) sepia(.24) saturate(1.8) hue-rotate(155deg) contrast(1.2); }

.pv-actbar{ display:flex; align-items:center; gap:14px; margin-top:10px; padding:8px 12px;
  background:var(--navy,#15284b); border-radius:12px; }
.pv-actbar .feed-act{ color:#fff; }
.pv-actbar .feed-act > span{ display:inline-block; width:20px; text-align:left; }

.pv-actbar .act-rec.is-active{ color:var(--gold,#679CBC); }

.pv-actbar .feed-act svg{ stroke:#fff; }
.pv-menu-wrap{ position:relative; margin-left:auto; display:flex; align-items:center; align-self:center; }

.pv-menu{ position:absolute; right:0; top:calc(100% + 8px); background:#fff; padding:var(--space-3) var(--space-2); min-width:236px; }
.pv-commentform{ display:flex; gap:8px; align-items:flex-end; margin-top:10px; }
.pv-commentform textarea{ flex:1; min-width:0; border:1px solid var(--line,#e7eaef); border-radius:10px; padding:8px 10px; font:400 var(--field-fs, 13.5px)/1.4 var(--font-sans); resize:none; }

.dt-crumb-title{ font:400 13px/1.3 var(--font-sans); color:#9aa1ab; }

.pv-editbox{ display:flex; flex-direction:column; gap:8px; margin:0 0 10px; }
.pv-editbox[hidden]{ display:none; }
.pv-edit-title{ width:100%; border:0; border-bottom:1px solid var(--line,#e7eaef); padding:4px 2px 8px; font:700 22px/1.2 var(--font-serif,serif); color:var(--ink,#1c1e21); }
.pv-edit-title:focus{ outline:none; border-color:var(--navy,#15284b); }
.pv-edit-body{ width:100%; border:1px solid var(--line,#e7eaef); border-radius:10px; padding:8px 10px; font:400 14px/1.5 var(--font-sans); resize:vertical; }
.pv-edit-row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pv-edit-row select{ border:1px solid var(--line,#e7eaef); border-radius:8px; padding:6px 8px; font:400 var(--field-fs, 13px)/1 var(--font-sans); }
.pv-edit-row input[type="file"]{ font:400 var(--field-fs, 12px)/1.2 var(--font-sans); }
.pv-edit-foot{ display:flex; gap:8px; align-items:center; }
.pv-edit-cancel{ border:1px solid var(--line,#e7eaef); background:var(--surface,#fff); border-radius:999px; padding:9px 18px; font:600 13px/1 var(--font-sans); color:var(--navy,#15284b); cursor:pointer; }

.dpv-author-link{ color:inherit; text-decoration:none; }
.dpv-author-link:hover{ text-decoration:underline; }

.create-post{ display:inline-flex; min-width:136px; min-height:42px; align-items:center; justify-content:center; padding:0 28px; border:1px solid var(--navy,#15284b); border-radius:999px; background:var(--navy,#15284b); color:#fff; cursor:pointer; font:700 14px/1 var(--font-sans); text-decoration:none; box-shadow:0 6px 16px rgba(21,40,75,.14); transition:background .18s ease,transform .18s ease,box-shadow .18s ease; }
.create-post:hover{ background:var(--navy-soft,#243c64); transform:translateY(-1px); box-shadow:0 8px 20px rgba(21,40,75,.2); }
.create-post.is-gold{ background:var(--gold,#679CBC); border-color:var(--gold,#679CBC); color:var(--navy,#15284b); }

.create-post[disabled]{ cursor:progress; opacity:.72; box-shadow:none; transform:none; }
.create-post[disabled]:hover{ background:var(--navy,#15284b); transform:none; }

@media (max-width:700px){
  .create-overlay{ align-items:flex-start; padding:18px; overflow-y:auto; }
  .choose-modal{ padding:26px 20px 22px; }
  
}

.net-actions{ display:flex; flex-wrap:wrap; gap:8px; }

.net-more{ position:absolute; top:10px; right:10px; z-index:3; }
.net-more summary{ list-style:none; cursor:pointer; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.88); color:var(--ink); font:700 17px/1 var(--font-sans); box-shadow:var(--shadow-1); }
.net-more summary::-webkit-details-marker{ display:none; }
.net-more[open] summary{ background:#fff; }
.net-more:not([open]) > .net-more-menu{ display:none; }
.net-more-menu{ position:absolute; right:0; top:36px; min-width:190px; display:grid; padding:6px; border:1px solid var(--line); border-radius:12px; background:var(--surface,#fff); box-shadow:var(--shadow-3); }
.net-more-item{ display:block; width:100%; padding:10px 12px; border:0; border-radius:8px; background:none; text-align:left; font:500 13.5px/1.3 var(--font-sans); color:var(--ink); text-decoration:none; cursor:pointer; }
.net-more-item:hover{ background:var(--surface-soft,#f4f2ec); }
.net-btn.is-static{ cursor:default; }
.net-more-item.is-danger{ color:#0C6EBA; }
.net-more-item.is-danger:hover{ background:#EAF3FB; }

.blk{ max-width:760px; margin:0 auto; padding:28px 20px 64px; }
.blk-head h1{ margin:0 0 6px; font:400 26px/1.2 var(--font-serif); color:var(--navy); }
.blk-empty{ font:400 15px/1.5 var(--font-sans); color:var(--muted,#6a7180); }
.blk-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.blk-row{ display:flex; align-items:center; gap:14px; padding:12px 16px; border:1px solid var(--line); border-radius:14px; background:var(--surface,#fff); }
.blk-face{ display:grid; place-items:center; width:44px; height:44px; border-radius:50%; overflow:hidden; background:var(--navy); color:#fff; flex:0 0 auto; }
.blk-face img{ width:100%; height:100%; object-fit:cover; }
.blk-name{ font:600 15px/1.3 var(--font-sans); color:var(--ink); }
.blk-since{ margin-left:auto; font:400 12.5px/1 var(--font-sans); color:var(--muted,#6a7180); }
.net-actions .at-inline-form{ flex:1 1 auto; min-width:0; }
.net-actions .at-inline-form .net-btn{ width:100%; }

.net-actions > .net-btn{ flex:1 1 auto; width:auto; }

.net-card:has(.net-more[open]){ z-index:5; }

.msg-pane-head{ display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #e7eaef; }

.msg-idwrap{ position:relative; display:flex; align-items:center; min-width:0; }
.msg-id{ display:flex; align-items:center; gap:10px; min-width:0; color:inherit; text-decoration:none; }
.msg-id b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
a.msg-id:hover b{ text-decoration:underline; }

.msg-profile-pop{
  position:absolute; top:calc(100% + 8px); left:0; z-index:70;
  width:300px; height:360px;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-3); padding:0; display:none; overflow:hidden;
}
.msg-profile-pop::before{ content:""; position:absolute; top:-10px; left:0; right:0; height:10px; }
.msg-idwrap:hover .msg-profile-pop, .msg-profile-pop:hover, .msg-profile-pop.is-open{ display:block; }


.msg-tools{ flex:0 0 auto; display:flex; align-items:center; gap:2px; align-self:flex-end; }
.msg-tool{
  width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center;
  border:none; background:none; cursor:pointer; padding:0;
  color:var(--muted); border-radius:var(--radius-pill);
}
.msg-tool:hover{ background:#F5F6F8; color:var(--ink); }
.msg-tool.is-full, .msg-tool.is-full:hover{ background:none; color:#C9CDD3; cursor:not-allowed; }
.msg-tool svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round; }

.msg-chip{
  position:absolute; left:16px; right:16px; bottom:calc(100% + 6px);
  display:flex; align-items:center; gap:8px;
  padding:7px 8px 7px 12px; border-radius:var(--radius-md);
  background:var(--surface-soft); border:1px solid var(--line);
  font:400 12.5px/1.3 var(--font-sans); color:var(--ink);
}
.msg-chip[hidden]{ display:none; }
.msg-chip-imgs{ display:flex; flex-wrap:wrap; gap:10px; flex:1 1 auto; }
.msg-chip-imgs[hidden]{ display:none; }
.msg-chip.has-photos{ padding:10px 12px; }
.msg-chip.has-photos > span, .msg-chip.has-photos > .msg-chip-x{ display:none; }
.msg-chip-thumb{ position:relative; flex:0 0 56px; width:56px; height:56px; }
.msg-chip-thumb img{ display:block; width:100%; height:100%; object-fit:cover; border-radius:6px; background:#FFFFFF; }
.msg-chip-thumb-x{ position:absolute; top:-7px; right:-7px; width:20px; height:20px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; background:#201e1d; color:#FFFFFF; cursor:pointer; }
.msg-chip-thumb-x svg{ width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; }
.msg-chip span{ flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msg-chip-x{ flex:0 0 auto; width:24px; height:24px; display:grid; place-items:center;
  border:none; background:none; cursor:pointer; color:var(--muted); border-radius:var(--radius-pill); }
.msg-chip-x:hover{ background:#F5F6F8; color:var(--ink); }
.msg-chip-x svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }

.msg-emojis{
  position:absolute; left:16px; bottom:calc(100% + 6px); z-index:20;
  width:min(340px, calc(100% - 32px));
  display:grid; grid-template-columns:repeat(8, 1fr); gap:2px;
  max-height:190px; overflow-y:auto; padding:8px;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-md); box-shadow:var(--shadow-3);
}
.msg-emojis[hidden]{ display:none; }
.msg-emoji-x{
  border:none; background:none; cursor:pointer; padding:4px 0;
  font-size:20px; line-height:1.2; border-radius:var(--radius-sm);
}
.msg-emoji-x:hover{ background:#F5F6F8; }

.msg-photo{ display:block; margin:0 0 6px; }
.msg-photos{ display:flex; flex-wrap:wrap; gap:4px; margin:0 0 6px; }
.msg-photos .msg-photo{ margin:0; }
.msg-photos.is-multi{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); width:372px; max-width:100%; }
.msg-photos.is-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); width:248px; }
.msg-photos.is-multi .msg-photo img{ width:100%; height:auto; max-height:none; aspect-ratio:1 / 1; object-fit:cover; }
.msg-photo img{ display:block; max-width:100%; max-height:320px; width:auto; height:auto;
  border-radius:var(--radius-sm); }
.msg-file{
  display:flex; align-items:center; gap:9px; margin:0 0 6px;
  padding:9px 11px; border-radius:var(--radius-sm);
  background:rgba(0,0,0,.05); color:inherit; text-decoration:none;
}
.msg-file:hover{ background:#F5F6F8; }
.msg-file svg{ width:20px; height:20px; flex:0 0 auto; fill:none; stroke:currentColor;
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.msg-file span{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.msg-file b{ font:600 13px/1.25 var(--font-sans); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msg-file small{ font:400 11.5px/1.2 var(--font-sans); opacity:.75; }
.msg-bubble-row.is-mine .msg-file{ background:rgba(255,255,255,.16); }
.msg-bubble-row.is-mine .msg-file:hover{ background:rgba(255,255,255,.26); }
.msg-menu-wrap{ margin-left:auto; position:relative; }
.msg-menu-btn{ border:none; background:none; cursor:pointer; width:36px; height:36px; display:grid; place-items:center; color:var(--ink); border-radius:var(--radius-pill); }
.msg-menu-btn:hover{ background:#F5F6F8; }
.msg-menu-btn svg{ width:20px; height:20px; fill:currentColor; }
.msg-menu{ position:absolute; right:0; top:calc(100% + 6px); left:auto; min-width:230px; }
.msg-menu form{ margin:0; }
.msg-menu .app-dd-item.is-static{ color:var(--muted); cursor:default; }
.msg-menu-danger{ color:#0C6EBA; }
.msg-menu-danger svg{ stroke:#0C6EBA; }
.msg-bubble-row{ display:flex; }
.msg-bubble-row.is-mine{ justify-content:flex-end; }
.msg-bubble-row.is-mine .msg-bubble{ background:#15284B; color:#fff; border-radius:14px 14px 4px 14px; border-color:#15284B; }
.msg-bubble-body{ margin:0; font-size:14px; line-height:1.5; word-wrap:break-word; }
.msg-bubble-time{ display:block; margin-top:4px; font-size:10.5px; opacity:.65; }
.msg-send{ position:relative; display:flex; align-items:flex-end; gap:10px; padding:12px 16px; border-top:1px solid #e7eaef; }
.msg-send-input{ flex:1; border:1px solid #e7eaef; border-radius:10px; padding:9px 12px; font:400 14px/1.4 inherit; resize:none; }
.msg-send-input:focus{ outline:none; border-color:#15284B; }

.msg-send-btn{ align-self:flex-end; flex:0 0 auto; display:grid; place-items:center; width:42px; height:42px; background:#15284B; color:#fff; border:0; border-radius:var(--radius-pill); cursor:pointer; }
.msg-send-btn:hover{ filter:brightness(1.15); }
.msg-send-btn svg{ width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:2; }

.msg-send-box{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }

.feed-avatar-img{ width:36px; height:36px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.dpv-comment-form{ display:flex; gap:10px; margin-bottom:16px; }
.dpv-comment-form[hidden]{ display:none; }
.dpv-comment-form textarea{ flex:1; border:1px solid #e7eaef; border-radius:10px; padding:9px 12px; font:400 14px/1.5 inherit; resize:vertical; }
.dpv-comment-form textarea:focus{ outline:none; border-color:#15284B; }
.dpv-comment-body{ flex:1; min-width:0; }
.dpv-comment-del button{ border:0; background:none; color:#b0b6c0; font-size:20px; line-height:1; cursor:pointer; padding:2px 6px; min-width:24px; }
.at-inline-form.dpv-comment-del{ display:flex; align-items:center; }
.dpv-comment-del button:hover{ color:#0A5C9C; }

.net-figure-img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:inherit; } 
.cx-avatar-img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; display:block; }
.msg-av-img{ width:44px; height:44px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.msg-thread .msg-av-img{ width:44px; height:44px; }

.far-n{ display:block; font:700 10px/1 var(--font-sans); color:rgba(21,40,75,.85); margin-top:2px; min-height:10px; }
.far-btn.is-active svg{ fill:#0C6EBA; stroke:#0C6EBA; }
.far-btn[data-react-kind="recommend"].is-active{ color:var(--navy); }

.hp-stack{ display:grid; gap:var(--space-5); margin:var(--space-5) 0; }
.hp-mod-head{ margin-bottom:var(--space-3); }
.hp-kicker{ margin:0; font:700 11px/1 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.hp-title{ margin:var(--space-1) 0 0; font-family:var(--font-serif); font-size:24px; line-height:var(--lh-snug); color:var(--ink); }
.hp-intro-text{ max-width:70ch; font-size:var(--fs-body); line-height:var(--lh-body); color:var(--ink); }
.hp-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:var(--space-4); }
.hp-grid.is-compact{ grid-template-columns:1fr; gap:var(--space-2); }
.hp-card{ display:flex; flex-direction:column; justify-content:flex-end; gap:var(--space-2); min-height:150px; padding:var(--space-4); border-radius:var(--radius-md); color:var(--paper); text-decoration:none; }
.hp-grid.is-compact .hp-card{ min-height:0; flex-direction:row; align-items:baseline; justify-content:flex-start; padding:var(--space-3) var(--space-4); }
.hp-card-single{ max-width:520px; }
.hp-card-type{ font:700 10px/1 var(--font-sans); letter-spacing:.09em; text-transform:uppercase; opacity:.85; }
.hp-card-title{ font-family:var(--font-serif); font-weight:600; font-size:18px; line-height:var(--lh-snug); overflow-wrap:anywhere; }
.hp-card-date{ font:400 12px/1 var(--font-sans); opacity:.75; }
.hp-hero-tile{ position:relative; display:flex; align-items:flex-end; min-height:320px; padding:var(--space-5); border-radius:var(--radius-md); overflow:hidden; color:var(--paper); text-decoration:none; }
.hp-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hp-hero-tile.has-image::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(6,14,32,.85) 0%, rgba(6,14,32,.25) 55%, rgba(6,14,32,0) 100%); }
.hp-hero-body{ position:relative; z-index:1; display:grid; gap:var(--space-2); }
.hp-hero-title{ font-family:var(--font-serif); font-weight:600; font-size:30px; line-height:var(--lh-snug); text-shadow:0 1px 4px rgba(0,0,0,.45); overflow-wrap:anywhere; }
.hp-preview-badge{ margin:0 0 var(--space-2); font:700 11px/1 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
@media (max-width: 640px){ .hp-hero-tile{ min-height:220px; } .hp-hero-title{ font-size:24px; } }

.msub{ max-width:960px; margin:0 auto; padding:var(--space-5) var(--space-4) var(--space-7); display:grid; gap:var(--space-4); }

.msub-main{ gap:var(--space-4); }
.msub-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:var(--space-3); }
.msub-head h1{ font-family:var(--font-serif); font-weight:600; font-size:28px; margin:0; }
.msub-head h2{ font-family:var(--font-serif); font-weight:600; font-size:28px; margin:0; }
.msub-sub{ font-family:var(--font-serif); font-weight:600; font-size:18px; margin:0;
  padding-top:var(--space-3); border-top:1px solid var(--line); }

.msub-view summary{ cursor:pointer; font:600 13px/1 var(--font-sans); }
.msub-view-body{ margin-top:8px; padding:10px 12px; border:1px solid var(--line);
  border-radius:10px; background:var(--bg, #fff); max-width:52ch; }
.msub-view-body p{ margin:0 0 8px; font-size:13px; line-height:1.55; }
.msub-view-body p:last-child{ margin-bottom:0; }
.msub-flash{ padding:10px 14px; border-radius:10px; font:600 13px/1.4 var(--font-sans); background:#eef6ee; color:#1c5f2e; }
.msub-flash.is-danger{ background:#FFF8E5; color:#6B4E00; }
.msub-newrow{ display:flex; flex-wrap:wrap; gap:var(--space-2); }
.msub-panel{ border:1px solid var(--line); border-radius:14px; padding:var(--space-4); display:grid; gap:var(--space-3); background:var(--bg, #fff); }
.msub-panel h2{ font-family:var(--font-serif); font-weight:600; font-size:20px; margin:0; }
.msub-form{ display:grid; gap:var(--space-3); }
.msub-form textarea{ width:100%; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font:400 14px/1.5 var(--font-sans); }
.msub-note{ color:var(--muted); font-size:13px; margin:0; }
.msub-btn{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:999px; padding:8px 16px; font:600 13px/1 var(--font-sans); background:#fff; color:inherit; cursor:pointer; text-decoration:none; }
.msub-btn.is-active{ background:var(--navy, #14264d); color:#fff; border-color:var(--navy, #14264d); }
.msub-table{ width:100%; border-collapse:collapse; font-size:14px; }
.msub-table-wrap{ width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.msub-table th, .msub-table td{ text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
.msub-status{ font:700 11px/1 var(--font-sans); letter-spacing:.04em; text-transform:uppercase; padding:4px 9px; border-radius:999px; background:#eef1f6; }
.msub-status.is-published{ background:#e7f2e9; color:#1c5f2e; }
.msub-status.is-rejected, .msub-status.is-suspended{ background:#FFF8E5; color:#6B4E00; }
.msub-status.is-information_required, .msub-status.is-changes_requested{ background:#FFF8E5; color:#29495C; }
.msub-actions{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.msub-actions form{ margin:0; }
.msub-link{ background:none; border:0; padding:0; font:600 13px/1.4 var(--font-sans); color:var(--navy, #14264d); text-decoration:underline; cursor:pointer; }
.msub-asks{ border:1px solid #F3DEAF; background:#FEF1D5; border-radius:10px; padding:var(--space-3); }
.msub-asks h3{ margin:0 0 6px; font:700 13px/1 var(--font-sans); }
.msub-asks ul{ margin:0; padding-left:18px; }
.msub--embedded{ max-width:none; margin:0; padding-top:0; }

.vf-panel.is-hidden{ display:none; }

.vf-tabs{display:flex;gap:.5rem;margin:0 0 1rem;flex-wrap:wrap}
.vf-tab{appearance:none;border:1px solid var(--line);background:transparent;color:inherit;
  padding:.5rem .9rem;border-radius:999px;cursor:pointer;font:inherit}
.vf-tab.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.vf-tab:focus-visible{outline:2px solid var(--navy);outline-offset:2px}

.vf-block{ margin:1.4rem 0; padding-top:1.1rem; border-top:1px solid var(--line); }
.vf-block-h{ margin:0 0 .3rem; font:600 15px/1.3 var(--font-sans); }
.vf-block-note{ margin:.3rem 0 .8rem; font:400 13px/1.55 var(--font-sans); color:var(--muted); max-width:62ch; }

.vf-row{ display:grid; gap:.6rem 1rem; grid-template-columns:repeat(auto-fit,minmax(11rem,1fr)); }

.vf-sub{ margin-top:.7rem; padding-left:1rem; border-left:2px solid var(--line); }
.vf-sub.is-hidden{ display:none; }

.vf-tier{ display:flex; gap:.7rem; align-items:flex-start; margin:.5rem 0; padding:.8rem .9rem;
  border:1px solid var(--line); border-radius:var(--radius-md); cursor:pointer; }
.vf-tier:hover{ border-color:var(--navy); }
.vf-tier:has(input:checked){ border-color:var(--navy); background:var(--surface-soft); }
.vf-tier-body{ display:grid; gap:.15rem; }
.vf-tier-name{ font:600 14.5px/1.3 var(--font-sans); }
.vf-tier-fee{ font:600 13px/1.3 var(--font-sans); color:var(--navy); }
.vf-tier-sla{ font:400 12.5px/1.4 var(--font-sans); color:var(--muted); }

.set-check{display:flex;gap:.55rem;align-items:flex-start;margin:.6rem 0;line-height:1.4}
.msub-list{margin:.4rem 0 1rem;padding-inline-start:1.1rem;line-height:1.6}
.msub-dim{opacity:.72;font-size:.92em}

.pe-pen{ display:grid; place-items:center; width:30px; height:30px; border-radius:var(--radius-pill); color:var(--muted); flex-shrink:0; }
.pe-pen:hover, .pe-pen:focus-visible{ background:var(--surface-soft); color:var(--ink); }
.pe-pen svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.pe-facts{ display:grid; grid-template-columns:minmax(120px,auto) 1fr; gap:8px 18px; margin:0; font:400 14.5px/1.5 var(--font-sans); }
.pe-facts dt{ color:var(--muted); font-weight:600; font-size:13px; }
.pe-facts dd{ margin:0; color:var(--ink-soft); overflow-wrap:anywhere; }
.pe-empty{ color:var(--muted); font-style:italic; }

.pev{ position:fixed; inset:0; z-index:270; display:grid; place-items:start center; padding:4vh 16px 6vh; overflow-y:auto; }
.pev-panel{ position:relative; width:min(620px,100%); padding:28px 28px 24px; border-radius:var(--radius-lg); background:var(--surface); box-shadow:var(--shadow-3); }
.pev-x{ position:absolute; top:14px; right:14px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:var(--ink); }
.pev-x svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; }
.pev-head{ margin:0 40px 18px 0; }

.pev-form--group{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.pev-form--group:last-of-type{ padding-bottom:8px; border-bottom:none; }
.pev-group-h{ margin:0 0 2px; font:700 13px/1.3 var(--font-sans); color:var(--ink); }
.pev-h{ margin:0 0 4px; font:700 21px/1.25 var(--font-serif); color:var(--ink); }
.pev-sub{ margin:0; font:400 13.5px/1.5 var(--font-sans); color:var(--muted); }
.pev-form{ margin:0; }
.pev-lf{ display:block; margin:0 0 16px; }
.pev-lf[hidden]{ display:none; }
.pev-lf-l{ display:block; margin-bottom:5px; font:600 12.5px/1 var(--font-sans); color:var(--ink); }

.pev-lf input:not([type="checkbox"]):not([type="radio"]), .pev-lf textarea, .pev-lf select{ width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); font:400 var(--field-fs, 14.5px)/1.55 var(--font-sans); color:var(--ink); background:var(--surface); resize:vertical; }

.pev-lf select{ appearance:none; -webkit-appearance:none; resize:none; padding-right:36px; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23566' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; background-size:11px 8px; }
.pev-lf-hint{ display:block; margin-top:5px; font:400 12.5px/1.45 var(--font-sans); color:var(--muted); }
.pev-msel{ position:relative; }
.pev-msel-btn{ width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); font:400 14.5px/1.55 var(--font-sans); color:var(--ink); background:var(--surface); text-align:left; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pev-msel-pop{ left:0; right:0; top:calc(100% + 6px); max-height:300px; overflow:auto; }
.pev-msel-opt{ display:flex; align-items:center; gap:var(--space-3); padding:8px 10px; border-radius:var(--radius-sm); cursor:pointer; font:400 14px/1.3 var(--font-sans); color:var(--ink); }
.pev-msel-opt:hover{ background:var(--surface-soft); }
.pev-msel-opt input{ flex:0 0 auto; width:auto; padding:0; margin:0; }
.pev-acts{ display:flex; flex-wrap:wrap; gap:10px; margin-top:4px; }
.pev-btn{ display:inline-flex; align-items:center; padding:10px 20px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface); font:600 13.5px/1 var(--font-sans); color:var(--ink); text-decoration:none; cursor:pointer; }

.msg-tab.is-active,
.cx-iconbtn.is-active,
.set-btn-primary,
.pev-btn--primary{ background:var(--navy); border-color:var(--navy); color:#fff; }

.cx-iconbtn.is-active:hover,
.set-btn-primary:hover{ background:var(--navy); border-color:var(--navy); }

@media (max-width: 620px){
  .pev{ padding:2vh 8px 4vh; }
  .pev-panel{ padding:24px 16px 18px; }
  .pe-facts{ grid-template-columns:1fr; gap:2px 0; }
  .pe-facts dd{ margin-bottom:10px; }
}

.stg{ max-width:560px; padding:var(--space-6) 0 var(--space-7) var(--space-5); border-left:3px solid var(--gold); }

.stg--form{ max-width:none; padding:0; border-left:0; }
@media (max-width:640px){
  .stg{ padding-left:var(--space-4); }
}

.pp{ max-width:620px; }
.pp-h{ font:600 24px/1.2 var(--font-serif); color:var(--ink); margin:0 0 6px; }
.pp-lead{ font:400 14.5px/1.55 var(--font-sans); color:var(--muted); margin:0 0 22px; }

.pp-stage{ position:relative; display:grid; place-items:center; overflow:hidden; background:
  repeating-conic-gradient(#f2f2f2 0% 25%, #fafafa 0% 50%) 50%/18px 18px;
  border:1px solid #dcdcdc; border-radius:var(--radius-lg); margin:0 0 16px; }
.pp-stage--square{ aspect-ratio:1/1; max-width:280px; margin-left:auto; margin-right:auto; border-radius:50%; }
.pp-stage--wide{ aspect-ratio:3/1; }
.pp-img{ width:100%; height:100%; object-fit:cover; display:block; }
.pp-empty{ display:flex; flex-direction:column; align-items:center; gap:8px; font:600 13px/1.4 var(--font-sans); color:var(--muted); padding:24px; text-align:center; }
.pp-empty svg{ width:30px; height:30px; fill:none; stroke:var(--muted); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }

.pp-pick{ display:block; margin:0 0 20px; }
.pp-pick input{ position:absolute; width:1px; height:1px; opacity:0; }
.pp-pick-b{ display:flex; align-items:center; justify-content:center; min-height:46px; font:700 14px/1 var(--font-sans); color:var(--navy); background:#fff; border:1.5px dashed #8e8e8e; border-radius:var(--radius-md); cursor:pointer; transition:border-color .15s ease, background .15s ease; }
.pp-pick-b:hover{ border-color:var(--navy); background:#F5F6F8; }
.pp-pick input:focus-visible + .pp-pick-b{ outline:2px solid var(--navy); outline-offset:2px; }

.pp-fx{ border:0; padding:0; margin:0 0 22px; }
.pp-fx-l{ font:600 13px/1 var(--font-sans); color:var(--ink); padding:0; margin:0 0 10px; }
.pp-fxrow{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; scrollbar-width:thin; }
.pp-fxo input{ position:absolute; width:1px; height:1px; opacity:0; }
.pp-fxs{ display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; }
.pp-fxt{ display:block; width:52px; height:52px; border-radius:var(--radius-sm); border:2px solid transparent; background-size:cover; background-position:center; background-color:#d8d3c8; }
.pp-fxs b{ font:600 10.5px/1 var(--font-sans); color:var(--muted); }
.pp-fxo input:checked + .pp-fxs .pp-fxt{ border-color:var(--navy); }
.pp-fxo input:checked + .pp-fxs b{ color:var(--ink); }
.pp-fxo input:focus-visible + .pp-fxs .pp-fxt{ outline:2px solid var(--navy); outline-offset:2px; }

.pp-foot{ display:flex; align-items:center; gap:14px; padding-top:18px; border-top:1px solid #ececec; }
.pp-cancel{ font:600 14px/1 var(--font-sans); color:var(--muted); text-decoration:none; margin-left:auto; }
.pp-cancel:hover{ color:var(--ink); }
.pp-save{ display:inline-flex; align-items:center; min-height:44px; padding:12px 24px; font:700 14.5px/1 var(--font-sans); color:var(--navy); background:#679CBC; border:1px solid #679CBC; border-radius:var(--radius-sm); cursor:pointer; }
.pp-save:hover{ background:#4E8CB1; border-color:#4E8CB1; }
.pp-rm{ min-height:44px; padding:12px 18px; font:600 14px/1 var(--font-sans); color:#0C6EBA; background:#fff; border:1px solid #9EC5E3; border-radius:var(--radius-sm); cursor:pointer; }
.pp-rm:hover{ border-color:#0C6EBA; background:#EAF3FB; }

.pp-rmform{ display:none; }

@media (max-width:640px){
  .pp-stage--square{ max-width:200px; }
  .pp-foot{ flex-wrap:wrap; }
  .pp-save{ width:100%; justify-content:center; order:-1; margin-bottom:6px; }
  .pp-cancel{ margin-left:0; }
}

.cx-coverrow{ display:flex; gap:10px; align-items:stretch; }
.cx-coverrow > .cx-cover{ flex:1 1 auto; min-width:0; border-radius:var(--radius-lg) 0 0 0; }
.cx-coverrow > .at-rail-banner{ flex:0 0 auto; width:clamp(150px, 18%, 230px);
  aspect-ratio:auto; border-radius:0 var(--radius-lg) 0 0; }

@media (max-width:820px){
  .cx-coverrow{ display:block; }
  .cx-coverrow > .cx-cover{ border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
  .cx-coverrow > .at-rail-banner{ width:100%; aspect-ratio:5/2; border-radius:0; margin-top:10px; }
}
.cx-cover.has-img{ background:none; }
.cx-cover-img{ width:100%; height:100%; object-fit:cover; display:block; }
.cx-photo-edit{ position:absolute; display:inline-flex; align-items:center; gap:7px; text-decoration:none; background:rgba(255,255,255,.94); color:var(--ink); border:1px solid rgba(0,0,0,.12); border-radius:var(--radius-pill); transition:background .15s ease; }
.cx-photo-edit:hover{ background:#fff; }
.cx-photo-edit svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.cx-photo-edit--cover{ right:16px; bottom:16px; padding:9px 15px; font:600 13px/1 var(--font-sans); }

.cx-photo-edit--avatar{ right:0; bottom:4px; width:34px; height:34px; justify-content:center; padding:0; box-shadow:0 1px 4px rgba(0,0,0,.18); }
.cx-photo-edit--avatar span{ display:none; }
@media (max-width:640px){
  .cx-photo-edit--cover{ right:10px; bottom:10px; padding:10px 13px; }
  .cx-photo-edit--cover span{ display:none; }
  .cx-photo-edit--avatar{ width:38px; height:38px; }
}

.pub-kind{ color:var(--muted); }
.pub-about{ margin-top:10px; }
.pub-books{ list-style:none; margin:0; padding:0; display:grid; gap:22px 18px; grid-template-columns:repeat(auto-fill,minmax(148px,1fr)); }
.pub-book a{ display:block; text-decoration:none; color:inherit; }

.pub-book-cover{ display:block; width:100%; height:auto; border-radius:2px; }
.pub-book-cover--empty{ aspect-ratio:2/3; background:var(--paper-2,#f0ece4); }
.pub-book-t{ display:block; margin-top:9px; font:600 14px/1.35 var(--font-sans); }
.pub-book a:hover .pub-book-t{ text-decoration:underline; }
.pub-book-m{ margin:3px 0 0; font:400 12.5px/1.45 var(--font-sans); color:var(--muted); }
@media (max-width:640px){
  
  .pub-books{ grid-template-columns:repeat(2,1fr); gap:18px 14px; }
}

.pub-book-nolink{ display:block; }

@media (max-width:640px){
  .cx-tab{ display:flex; align-items:center; min-height:44px; }
}

.ppov,
.ogov{ position:fixed; inset:0; z-index:270; display:grid; place-items:center; padding:4vh 16px; overflow-y:auto; }

.pev-back,
.ppov-back,
.ogov-back{ position:fixed; inset:0; background:rgba(13,17,12,.62); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }

.ppov-panel,
.ogov-panel{ position:relative; max-height:92vh; overflow-y:auto;
  padding:28px 28px 24px; border-radius:var(--radius-lg); background:#fff;
  box-shadow:0 30px 70px -28px rgba(10,15,10,.7); }
.ppov-panel{ width:min(620px,100%); }

.ogov-panel{ width:min(880px,100%); }
.ppov-x,
.ogov-x{ position:absolute; top:14px; right:14px; display:grid; place-items:center; width:34px; height:34px;
  border-radius:50%; background:#f4f4f4; color:var(--ink); z-index:2; }
.ppov-x:hover,
.ogov-x:hover{ background:#e9e9e9; }
.ppov-x svg,
.ogov-x svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; }

.ogov-x{ position:fixed; top:18px; right:22px; width:42px; height:42px; background:rgba(255,255,255,.14); color:#fff; }
.ogov-x:hover{ background:rgba(255,255,255,.3); }
.ogov-x svg{ width:18px; height:18px; }

@media (max-width:640px){
  .ppov,
  .ogov{ padding:2vh 8px; }
  .ppov-panel,
  .ogov-panel{ padding:22px 16px 18px; max-height:96vh; }
}

@media (max-width:1079px){
.srch-form button{ min-height:44px; }

.dpc-flash{ left:12px; right:12px; bottom:84px; max-width:none; }
}

































.disc{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-5); align-items:start; }

.disc--three{ grid-template-columns:281px minmax(0,1203px); justify-content:center; }
.disc--three.disc--feed{ grid-template-columns:281px minmax(0,898px); }
.disc--three > .at-rail.at-rail--side{ grid-column:1; grid-row:1; position:static; }

.disc--three > .at-rail.at-rail--promo{ grid-column:1; grid-row:2; position:static; }
.disc--three > .disc-main{ grid-column:2; grid-row:1 / span 2; }
.disc-main{ grid-column:1; grid-row:1; min-width:0; }
@media (min-width:1080px){

  .app-shell:has(> .app-main > .disc){ max-width:none; padding-left:24px; padding-right:24px; }


  @media (max-width:1279px){

    .disc--three{ grid-template-columns:281px minmax(0,1203px); grid-template-rows:auto 1fr; }
    .disc--three.disc--feed{ grid-template-columns:281px minmax(0,898px); }
    .disc--three > .disc-main{ grid-row:1 / span 2; }
    .disc--three > .at-rail.at-rail--create{ grid-column:1; grid-row:2; }
    
    .disc--three > .at-rail.at-rail--promo{ grid-column:1; grid-row:2; }
  }

  
}

@media (max-width:1079px){
  .disc{ grid-template-columns:minmax(0,1fr); gap:var(--space-4); }

  .disc .at-rail--side, .disc .at-rail--create, .disc .at-rail--promo{ display:none; }
  .disc-main{ grid-column:1; grid-row:1; }
  .disc--three{ grid-template-columns:minmax(0,1fr); }
  
  .disc--three > .disc-main{ grid-column:1; grid-row:1; }
  
  .disc .feed{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px){
  .disc .feed{ grid-template-columns:minmax(0,1fr); }
}



.msg-tabn{ display:inline-block; min-width:17px; margin-left:6px; padding:1px 5px; border-radius:var(--radius-pill); background:var(--gold); color:var(--navy); font:700 10.5px/1.5 var(--font-sans); vertical-align:middle; }
.msg-tab.is-active .msg-tabn{ background:#fff; color:var(--navy); }

.msg-vf{ margin-left:4px; color:var(--verified); font-weight:700; }

.msg-thread-tags{ display:flex; flex-wrap:wrap; gap:4px; margin-top:3px; }
.msg-tag{ display:inline-block; padding:1px 7px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--muted); font:600 10.5px/1.6 var(--font-sans); }
.msg-tag-muted{ border-style:dashed; }
.msg-thread.is-unread .msg-thread-name{ font-weight:700; }

.msg-back{ display:none; width:32px; height:32px; margin-right:2px; border-radius:var(--radius-pill); place-items:center; text-decoration:none; }
.msg-back svg{ width:18px; height:18px; stroke:var(--ink); fill:none; stroke-width:2; }
.msg-back:hover{ background:var(--surface-soft); }

.msg-ctx{ display:flex; align-items:center; gap:var(--space-3); margin:0; padding:10px var(--space-4); border-bottom:1px solid var(--line); background:var(--surface-soft); text-decoration:none; color:inherit; }
.msg-ctx:hover{ background:var(--surface); }
.msg-ctx-img{ width:44px; height:44px; object-fit:cover; border-radius:var(--radius-sm); flex-shrink:0; }
.msg-ctx-text{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.msg-ctx-kind{ font:700 10px/1.4 var(--font-sans); letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.msg-ctx-title{ font:600 14px/1.3 var(--font-sans); color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msg-ctx-status{ font:500 12px/1.3 var(--font-sans); color:var(--muted); }

.msg-req{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-3); padding:12px var(--space-4); border-bottom:1px solid var(--line); background:var(--surface-soft); }
.msg-req-text{ margin:0; flex:1 1 240px; font:500 13.5px/1.5 var(--font-sans); color:var(--ink); }
.msg-req-acts{ display:flex; align-items:center; gap:8px; }
.msg-req-ok{ border:1px solid var(--navy); border-radius:var(--radius-pill); background:var(--navy); color:#fff; font:600 13px/1 var(--font-sans); padding:9px 18px; cursor:pointer; text-decoration:none; }
.msg-req-ok:hover{ background:var(--navy-soft); border-color:var(--navy-soft); }
.msg-req-no{ border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface); color:var(--ink); font:600 13px/1 var(--font-sans); padding:9px 18px; cursor:pointer; text-decoration:none; }
.msg-req-no:hover{ background:var(--surface-soft); }

.msg-note{ margin:0; padding:14px var(--space-4); border-top:1px solid var(--line); background:var(--surface-soft); color:var(--muted); font:500 13px/1.5 var(--font-sans); text-align:center; }

.msg-day{ margin:6px 0 2px; text-align:center; font:600 11px/1.6 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.msg-sys{ margin:2px auto; padding:5px 12px; border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--muted); font:500 12px/1.5 var(--font-sans); text-align:center; max-width:80%; }
.msg-sys-row{ display:flex; justify-content:center; }
.msg-older{ margin:0 0 6px; text-align:center; font:600 12px/1.6 var(--font-sans); }
.msg-gone{ color:var(--muted); font-style:italic; }
.msg-count{ margin:0; align-self:flex-end; font:500 11px/1.6 var(--font-sans); color:var(--muted); }

.msg-side{ display:none; flex-direction:column; gap:var(--space-3); padding:var(--space-4); border-left:1px solid var(--line); background:var(--surface); overflow-y:auto; }
@media (min-width:1200px){ .msg.is-open .msg-side{ display:flex; } }
.msg-side-h{ margin:0; font:700 13px/1 var(--font-sans); letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.msg-side-who{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:var(--space-3) 0; }
.msg-side-who .msg-av, .msg-side-who .msg-av-img{ width:64px; height:64px; font-size:20px; }
.msg-side-note{ font:500 12px/1.5 var(--font-sans); color:var(--muted); }
.msg-side-link{ display:block; padding:9px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); font:600 13px/1 var(--font-sans); text-decoration:none; }
.msg-side-link:hover{ background:var(--surface-soft); }
.msg-side-rel{ margin:0; font:500 12.5px/1.5 var(--font-sans); color:var(--muted); }

.msg-pane-new, .msg-pane-prefs{ overflow-y:auto; }
.msg-newmsg-who{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1; }

.msg-prefs{ display:flex; flex-direction:column; gap:var(--space-3); padding:var(--space-4); }
.msg-pref{ display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); cursor:pointer; }
.msg-pref:hover{ background:var(--surface-soft); }
.msg-pref input{ margin-top:2px; width:17px; height:17px; flex-shrink:0; }
.msg-pref-text{ display:flex; flex-direction:column; gap:2px; }
.msg-pref-h{ font:600 13.5px/1.4 var(--font-sans); color:var(--ink); }
.msg-pref-p{ font:500 12.5px/1.5 var(--font-sans); color:var(--muted); }
.msg-prefs-save{ align-self:flex-start; }

.msg-report{ display:flex; flex-direction:column; gap:var(--space-3); padding:var(--space-4); border-top:1px solid var(--line); background:var(--surface); }
.msg-report-h{ margin:0; font:700 16px/1.3 var(--font-serif); }
.msg-report-p{ margin:0; font:500 12.5px/1.5 var(--font-sans); color:var(--muted); }
.msg-report-set{ display:flex; flex-direction:column; gap:6px; margin:0; padding:0; border:none; }
.msg-report-opt{ display:flex; align-items:center; gap:8px; font:500 13px/1.5 var(--font-sans); cursor:pointer; }

@media (max-width:1079px){
  .msg-side{ display:none; }
  .msg-req{ flex-direction:column; align-items:stretch; }
  .msg-req-acts{ justify-content:stretch; }
  .msg-req-acts form{ flex:1; }
  .msg-req .msg-req-ok, .msg-req .msg-req-no{ width:100%; text-align:center; }
}

.cp-discover-overlay{
  --cp-w:860px;
  --cp-h:580px;
  --cp-side:326px;
  
  position:fixed; inset:0; z-index:270;
  display:flex; align-items:center; justify-content:center;
  padding:16px;
  background:rgba(12,17,28,.42);
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
  overflow:auto; overscroll-behavior:contain;
}
.cp-discover-overlay[hidden]{ display:none; }

.cp-discover-overlay .cp-modal{
  position:relative;
  display:flex; flex-direction:column;
  width:min(var(--cp-w),100%);
  height:min(var(--cp-h),calc(100dvh - 32px));
  background:var(--surface,#fff); color:var(--ink,#0f1410);
  border-radius:12px;
  box-shadow:0 24px 60px rgba(12,17,28,.22);
  overflow:hidden;
  animation:cp-drop 200ms var(--ease,cubic-bezier(.2,0,.2,1)) both;
  
  transition:width .28s var(--ease,cubic-bezier(.2,0,.2,1));
}
@keyframes cp-drop{ from{ opacity:0; transform:translateY(-10px) scale(.99); } }
@keyframes cp-rise{ from{ opacity:0; transform:translateY(6px); } }
@media (prefers-reduced-motion:reduce){
  
  .cp-discover-overlay .cp-modal{ animation:none; transition:none; }
  .cp-discover-overlay .cp-pane:not([hidden]){ animation:none; }
}

.cp-discover-overlay .cp-form{ display:flex; flex:1 1 auto; flex-direction:column; min-height:0; }

.cp-discover-overlay .cp-head{
  flex:0 0 auto;
  display:grid; grid-template-columns:64px 1fr 64px; align-items:center;
  height:47px; padding:0 8px;
  background:#fff; 
  border-bottom:1px solid var(--line,#e6e1d6);
}
.cp-discover-overlay .cp-h{
  grid-column:2; margin:0; text-align:center;
  font:600 14px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-h:focus-visible{ outline:none; }
.cp-discover-overlay .cp-hbtn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:32px; padding:4px 8px;
  border:none; background:none; cursor:pointer;
  font:500 14px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-hbtn:hover{ background:var(--btn-hover); }
.cp-discover-overlay .cp-hbtn[hidden]{ display:none; }
.cp-discover-overlay .cp-hclose,
.cp-discover-overlay .cp-hback{ grid-column:1; justify-self:start; font-size:20px; }
.cp-discover-overlay .cp-haction{
  grid-column:3; justify-self:end;
  color:var(--navy,#15284b); font-weight:600;
}
.cp-discover-overlay .cp-haction:hover:not(:disabled){ color:var(--navy-soft,#33507d); }
.cp-discover-overlay .cp-haction:disabled{ color:var(--muted,#6b736d); cursor:not-allowed; }

.cp-discover-overlay .cp-content{ flex:1 1 auto; min-height:0; display:flex; }

.cp-discover-overlay .cp-pane{ display:block; }
.cp-discover-overlay .cp-pane:not([hidden]){ animation:cp-rise 180ms var(--ease,ease) both; }
.cp-discover-overlay .cp-pane[hidden]{ display:none; }

.cp-discover-overlay .cp-preview-caption{
  flex:0 0 auto; max-height:96px; overflow-y:auto; margin:0; padding:10px 14px;
  border-top:1px solid var(--line,#e6e1d6);
  font:400 13px/1.55 var(--font-sans,system-ui); color:var(--ink,#0f1410);
  white-space:pre-wrap; overflow-wrap:anywhere;
}
.cp-discover-overlay .cp-preview-caption[hidden]{ display:none; }

.cp-discover-overlay .cp-media-empty{
  flex:1 1 auto; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:10px; text-align:center;
}
.cp-discover-overlay .cp-media-empty[hidden]{ display:none; }
.cp-discover-overlay .cp-media-mark{ width:56px; height:56px; color:var(--ink,#0f1410); opacity:.65; }

.cp-discover-overlay .cp-media-actions{
  display:flex; flex-direction:column; align-items:stretch; gap:8px;
  width:240px; max-width:100%; margin-top:6px;
}
.cp-discover-overlay .cp-media-choice{
  padding:8px 16px; border:none; border-radius:8px; cursor:pointer;
  background:var(--navy,#15284b); color:#fff;
  font:500 13px/1.3 var(--font-sans,system-ui);
}
.cp-discover-overlay .cp-media-choice:hover:not(:disabled){ background:var(--navy-soft,#33507d); }
.cp-discover-overlay .cp-media-choice:disabled{ background:var(--line,#e6e1d6); color:var(--muted,#6b736d); cursor:not-allowed; }
.cp-discover-overlay .cp-media-choice-quiet{
  background:none; color:var(--navy,#15284b); padding:8px 6px;
}
.cp-discover-overlay .cp-media-choice-quiet:hover:not(:disabled){ background:none; color:var(--navy-soft,#33507d); text-decoration:underline; }

.cp-discover-overlay .cp-photo-selection{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
.cp-discover-overlay .cp-photo-selection[hidden]{ display:none; }
.cp-discover-overlay .cp-media-foot{
  flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:8px 10px;
}

.cp-discover-overlay .cp-photo-slots{ display:flex; gap:8px; }
.cp-discover-overlay .cp-photo-slot{ position:relative; }
.cp-discover-overlay .cp-slot-select,
.cp-discover-overlay .cp-slot-add{
  width:52px; height:52px; padding:0; overflow:hidden; cursor:pointer;
  border-radius:6px; background:var(--surface,#fff);
}

.cp-discover-overlay .cp-slot-select{
  border:2px solid transparent;
}
.cp-discover-overlay .cp-slot-select[aria-current="true"]{ border-color:var(--navy,#15284b); }

.cp-discover-overlay .cp-slot-add{
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line,#e6e1d6); background:none; color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-slot-add:hover:not(:disabled){ border-color:var(--navy,#15284b); color:var(--navy,#15284b); }
.cp-discover-overlay .cp-slot-add svg{
  width:26px; height:26px;
  fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;
}
.cp-discover-overlay .cp-slot-remove{
  position:absolute; top:-5px; right:-5px; z-index:1;
  width:17px; height:17px; padding:0; display:flex; align-items:center; justify-content:center;
  border:none; border-radius:50%; cursor:pointer;
  background:var(--ink,#0f1410); color:#fff; font-size:12px; line-height:1;
}
.cp-discover-overlay .cp-slot-remove:hover:not(:disabled){ background:var(--navy,#15284b); }
.cp-discover-overlay .cp-photo-slots img{ width:100%; height:100%; object-fit:cover; display:block; }

.cp-discover-overlay .cp-video-selection{ display:flex; flex-direction:column; gap:10px; }
.cp-discover-overlay .cp-video-selection[hidden]{ display:none; }
.cp-discover-overlay .cp-video-entry label{
  display:block; margin-bottom:6px;
  font:500 12.5px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-video-url-row{ display:flex; gap:8px; }
.cp-discover-overlay .cp-video-url-row input{
  flex:1 1 auto; min-width:0; padding:9px 11px;
  border:1px solid var(--line,#e6e1d6); border-radius:8px;
  font:400 var(--field-fs, 13.5px)/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-video-url-row input:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:1px; }
.cp-discover-overlay .cp-video-url-row button{
  padding:9px 14px; border:1px solid var(--line,#e6e1d6); border-radius:8px; cursor:pointer;
  background:none; font:500 13px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-video-url-row button:hover{ border-color:var(--navy,#15284b); }
.cp-discover-overlay .cp-video-preview-shell{ aspect-ratio:16/9; border-radius:8px; overflow:hidden; background:#000; }
.cp-discover-overlay .cp-video-preview-shell[hidden]{ display:none; }
.cp-discover-overlay .cp-stage-video{ width:100%; height:100%; border:none; display:block; }

.cp-discover-overlay[data-video-layout="portrait"]{ --cp-w:626px; }
.cp-discover-overlay[data-video-layout="portrait"] .cp-video-preview-shell{
  flex:1 1 auto; min-height:0; aspect-ratio:auto; border-radius:0;
}
.cp-discover-overlay .cp-text-action{
  align-self:flex-start; padding:0; border:none; background:none; cursor:pointer;
  font:500 13px/1.4 var(--font-sans,system-ui); color:var(--navy,#15284b);
}
.cp-discover-overlay .cp-text-action:hover{ text-decoration:underline; }

.cp-discover-overlay .cp-edit-layout{
  flex:1 1 auto; min-height:0;
  display:grid; grid-template-columns:minmax(0,1fr) var(--cp-side);
}
.cp-discover-overlay .cp-edit-media{
  display:flex; flex-direction:column; min-width:0; min-height:0;
  
  background:var(--page,#ede9e0); border-right:1px solid var(--line,#e6e1d6);
}
.cp-discover-overlay .cp-effect-preview{
  flex:1 1 auto; min-height:0; display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}
.cp-discover-overlay .cp-effect-preview:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:-2px; }
.cp-discover-overlay .cp-effect-preview canvas{ max-width:100%; max-height:100%; display:block; }

.cp-discover-overlay .cp-photo-navigation{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:14px;
  padding:8px; font:500 12px/1 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e);
}
.cp-discover-overlay .cp-photo-navigation button{
  width:26px; height:26px; padding:0; cursor:pointer;
  border:none; border-radius:var(--radius-pill,999px);
  background:rgba(15,20,16,.1); color:var(--ink,#0f1410); font-size:15px; line-height:1;
}
.cp-discover-overlay .cp-photo-navigation button:hover:not(:disabled){ background:rgba(15,20,16,.2); }
.cp-discover-overlay .cp-photo-navigation button:disabled{ opacity:.35; cursor:not-allowed; }

.cp-discover-overlay .cp-edit-side{
  display:flex; flex-direction:column; min-height:0; overflow-y:auto; overscroll-behavior:contain;
  background:#f5f5f5; 
}

.cp-discover-overlay .cp-side-author{
  flex:0 0 auto; display:flex; align-items:center; gap:9px;
  padding:11px 16px; border-bottom:1px solid var(--line,#e6e1d6);
}
.cp-discover-overlay .cp-author-avatar{
  width:27px; height:27px; flex:0 0 27px; border-radius:50%; object-fit:cover; display:block;
}
.cp-discover-overlay .cp-author-initials{
  display:flex; align-items:center; justify-content:center;
  background:var(--navy,#15284b); color:#fff;
  font:500 10.5px/1 var(--font-sans,system-ui); letter-spacing:.02em;
}
.cp-discover-overlay .cp-author-name{
  font:500 13px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.cp-discover-overlay[data-step="1"] .cp-edit-side{ display:none; }
.cp-discover-overlay[data-step="1"] .cp-edit-layout{ grid-template-columns:minmax(0,1fr); }
.cp-discover-overlay[data-step="1"] .cp-edit-media{ border-right:none; }

.cp-discover-overlay .cp-edit-media > .cp-video-selection{
  flex:0 0 auto; margin:auto; padding:16px;
}

.cp-discover-overlay .cp-side-block{ padding:14px 16px; border-bottom:1px solid var(--line,#e6e1d6); }
.cp-discover-overlay .cp-side-block:last-child{ border-bottom:none; }
.cp-discover-overlay .cp-side-block[hidden]{ display:none; }
.cp-discover-overlay .cp-side-head{
  display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px;
}
.cp-discover-overlay .cp-side-title{ font:500 13px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410); }

.cp-discover-overlay .cp-side-caption textarea{
  width:100%; min-height:96px; resize:none; padding:0; border:none; background:none;
  font:400 var(--field-fs, 13.5px)/1.6 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-side-caption textarea:focus-visible{ outline:none; }
.cp-discover-overlay .cp-count,
.cp-discover-overlay .cp-alt-count{
  margin:0; font:400 11px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}

.cp-discover-overlay .cp-side-alt input{
  width:100%; padding:8px 10px;
  border:1px solid var(--line,#e6e1d6); border-radius:8px; background:none;
  font:400 var(--field-fs, 13px)/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-side-alt input:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:1px; }
.cp-discover-overlay .cp-side-alt input:disabled{ background:var(--surface-soft,#f6f3ec); cursor:not-allowed; }

.cp-discover-overlay .cp-side-hashtags input{
  width:100%; padding:8px 10px;
  border:1px solid var(--line,#e6e1d6); border-radius:8px; background:none;
  font:400 var(--field-fs, 13px)/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-side-hashtags input:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:1px; }
.cp-discover-overlay .cp-hashtag-count{
  margin:0; font:400 11px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}

.cp-discover-overlay .cp-strength{ display:inline-flex; align-items:center; gap:6px; }
.cp-discover-overlay .cp-strength input[type="range"]{ width:88px; accent-color:var(--navy,#15284b); }
.cp-discover-overlay .cp-strength output,
.cp-discover-overlay .cp-strength span{
  font:500 11.5px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-effect-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(58px,1fr)); gap:8px;
}
.cp-discover-overlay .cp-effect-option{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:0; border:none; background:none; cursor:pointer;
  font:400 10.5px/1.2 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-effect-option canvas{
  width:100%; aspect-ratio:1; display:block; border-radius:6px;
  border:2px solid transparent; background:var(--surface-soft,#f6f3ec); object-fit:cover;
}
.cp-discover-overlay .cp-effect-option[aria-pressed="true"]{ color:var(--ink,#0f1410); font-weight:500; }
.cp-discover-overlay .cp-effect-option[aria-pressed="true"] canvas{ border-color:var(--navy,#15284b); }
.cp-discover-overlay .cp-effect-option:disabled{ opacity:.45; cursor:not-allowed; }

.cp-discover-overlay .cp-art-category-count{ font:400 11.5px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.cp-discover-overlay .cp-art-category-options{ display:flex; flex-wrap:wrap; gap:6px; }
.cp-discover-overlay .cp-art-category-option{ display:inline-flex; cursor:pointer; }
.cp-discover-overlay .cp-art-category-option input{ position:absolute; opacity:0; width:0; height:0; }
.cp-discover-overlay .cp-art-category-option span{
  display:inline-block; padding:5px 11px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px);
  font:400 12px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-art-category-option input:checked + span{
  background:var(--navy,#15284b); border-color:var(--navy,#15284b); color:#fff;
}
.cp-discover-overlay .cp-art-category-option input:focus-visible + span{ outline:2px solid var(--navy,#15284b); outline-offset:1px; }
.cp-discover-overlay .cp-art-category-option input:disabled + span{ opacity:.45; cursor:not-allowed; }

.cp-discover-overlay .cp-error{
  flex:0 0 auto; margin:0; padding:9px 16px;
  border-top:1px solid var(--line,#e6e1d6); background:var(--paper,#faf8f3);
  font:500 12.5px/1.5 var(--font-sans,system-ui); color:#6B4E00;
}
.cp-discover-overlay .cp-error[hidden]{ display:none; }

.cp-discover-overlay .cp-discard{
  position:absolute; inset:0; z-index:2;
  display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(12,17,28,.5);
}
.cp-discover-overlay .cp-discard[hidden]{ display:none; }
.cp-discover-overlay .cp-discard-card{
  width:100%; max-width:320px; padding:20px;
  background:var(--surface,#fff); border-radius:12px; text-align:center;
}
.cp-discover-overlay .cp-discard-card h3{
  margin:0 0 6px; font:600 15px/1.3 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410);
}
.cp-discover-overlay .cp-discard-card p{
  margin:0 0 16px; font:400 12.5px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.cp-discover-overlay .cp-discard-actions{ display:flex; gap:8px; justify-content:center; }
.cp-discover-overlay .cp-secondary,
.cp-discover-overlay .cp-danger{
  padding:8px 16px; border-radius:8px; cursor:pointer;
  font:500 13px/1.3 var(--font-sans,system-ui);
}
.cp-discover-overlay .cp-secondary{ border:1px solid var(--line,#e6e1d6); background:none; color:var(--ink,#0f1410); }
.cp-discover-overlay .cp-secondary:hover{ border-color:var(--navy,#15284b); }
.cp-discover-overlay .cp-danger{ border:none; background:#0C6EBA; color:#fff; }
.cp-discover-overlay .cp-danger:hover{ filter:brightness(.92); }

@media (max-width:820px){
  .cp-discover-overlay{ padding:0; align-items:stretch; overflow:hidden; }
  .cp-discover-overlay .cp-modal{ width:100%; height:100dvh; max-height:100dvh; border-radius:0; }
  
  .cp-discover-overlay .cp-edit-layout{
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); overflow:hidden;
  }
  .cp-discover-overlay .cp-edit-media{
    border-right:none; border-bottom:1px solid var(--line,#e6e1d6);
    aspect-ratio:auto; height:clamp(200px,46dvh,460px);
  }
  .cp-discover-overlay .cp-edit-side{ overflow-y:auto; min-height:0; }
  .cp-discover-overlay .cp-media-actions{ flex-direction:column; width:100%; }
  .cp-discover-overlay .cp-media-choice{ width:100%; }    .cp-discover-overlay[data-step="1"] .cp-edit-layout{ grid-template-rows:minmax(0,1fr); }  .cp-discover-overlay[data-step="1"] .cp-edit-media{ height:auto; border-bottom:none; }
  
  .cp-discover-overlay[data-video-layout="portrait"]{ --cp-w:auto; }
  .cp-discover-overlay[data-video-layout="portrait"] .cp-video-preview-shell{
    flex:1 1 auto; min-height:0; aspect-ratio:auto;
  }
}

.vft-wrap{ border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); padding:20px 18px 18px; }

.vft{ list-style:none; display:flex; margin:0; padding:0; }

.vft-step{ flex:1 1 0; min-width:0; position:relative; display:flex; flex-direction:column;
  align-items:center; text-align:center; padding:0 4px; }

.vft-step::before{ content:""; position:absolute; top:13px; right:50%; left:-50%;
  margin-right:18px; margin-left:18px; height:2px; background:var(--line-strong); }
.vft-step:first-child::before{ display:none; }
.vft-step.is-done::before, .vft-step.is-now::before{ background:var(--navy); }

.vft-dot{ position:relative; z-index:1; width:28px; height:28px; border-radius:50%;
  display:grid; place-items:center; background:var(--surface); border:2px solid var(--line-strong);
  color:var(--muted); font:700 12px/1 var(--font-sans); }
.vft-dot svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.6;
  stroke-linecap:round; stroke-linejoin:round; }

.vft-step.is-done .vft-dot{ background:var(--navy); border-color:var(--navy); color:#fff; }
.vft-step.is-now .vft-dot{ background:var(--navy); border-color:var(--navy); color:#fff;
  box-shadow:0 0 0 4px rgba(21,40,75,.14); }

.vft-l{ margin-top:9px; font:600 13px/1.3 var(--font-sans); color:var(--ink); }
.vft-step.is-next .vft-l{ color:var(--muted); font-weight:500; }

.vft-wrap.is-attention{ background:var(--amber-tint); border-color:var(--gold-soft); }
.vft-wrap.is-attention .vft-step.is-now .vft-dot{ background:var(--gold-strong); border-color:var(--gold-strong);
  box-shadow:0 0 0 4px rgba(71, 126, 159,.18); }
.vft-wrap.is-attention .vft-step.is-now::before{ background:var(--gold-strong); }

.vft-wrap.is-approved{ background:#f0f7f1; border-color:#cfe3d4; }
.vft-wrap.is-approved .vft-step.is-now .vft-dot{ background:#1c5f2e; border-color:#1c5f2e;
  box-shadow:0 0 0 4px rgba(28,95,46,.16); }
.vft-wrap.is-approved .vft-step.is-done::before,
.vft-wrap.is-approved .vft-step.is-now::before{ background:#1c5f2e; }
.vft-wrap.is-approved .vft-step.is-done .vft-dot{ background:#1c5f2e; border-color:#1c5f2e; }

.vft-wrap.is-rejected{ background:#fbf2f2; border-color:#FFF8E5; }
.vft-wrap.is-rejected .vft-step.is-now .vft-dot{ background:#FFF8E5; border-color:#6B4E00;
  box-shadow:0 0 0 4px rgba(138,35,35,.14); }
.vft-wrap.is-rejected .vft-step.is-now::before{ background:#FFF8E5; }

@media (max-width:640px){
  .vft{ flex-direction:column; gap:14px; }
  
  .vft-step{ flex:0 0 auto; flex-direction:row; align-items:center; text-align:left;
    display:grid; grid-template-columns:28px 1fr;
    gap:12px; padding:0; }
  .vft-step::before{ top:-14px; bottom:auto; left:13px; right:auto; width:2px; height:14px;
    margin:0; }
  .vft-dot{ flex:0 0 auto; }
  .vft-l{ margin-top:4px; }
}

.vf-pre{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.vf-pre-i{ display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:12px;
  padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.vf-pre-dot{ width:24px; height:24px; border-radius:50%; border:2px solid var(--line-strong);
  display:grid; place-items:center; color:#fff; }
.vf-pre-dot svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.6;
  stroke-linecap:round; stroke-linejoin:round; }
.vf-pre-i.is-ok .vf-pre-dot{ background:#1c5f2e; border-color:#1c5f2e; }
.vf-pre-i.is-ok{ background:#f0f7f1; border-color:#cfe3d4; }
.vf-pre-t{ min-width:0; }
.vf-pre-t b{ display:block; font:600 14px/1.35 var(--font-sans); color:var(--ink); }
.vf-pre-t span{ display:block; margin-top:2px; font:400 12.5px/1.5 var(--font-sans); color:var(--muted); }
.vf-pre-go{ white-space:nowrap; }

@media (max-width:560px){
  .vf-pre-i{ grid-template-columns:24px 1fr; }
  .vf-pre-go{ grid-column:2; justify-self:start; margin-top:4px; }
}

.vfs-nav{ list-style:none; display:flex; gap:8px; margin:0 0 20px; padding:0; }
.vfs-nav-i{ flex:1 1 0; min-width:0; display:flex; align-items:center; gap:8px; cursor:pointer;
  padding:9px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.vfs-nav-n{ flex:0 0 auto; width:22px; height:22px; border-radius:50%; display:grid;
  place-items:center; background:var(--surface-soft); color:var(--muted);
  font:700 11px/1 var(--font-sans); }
.vfs-nav-l{ font:600 13px/1.2 var(--font-sans); color:var(--muted); overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; }
.vfs-nav-i.is-on{ border-color:var(--navy); background:var(--navy); }
.vfs-nav-i.is-on .vfs-nav-n{ background:#fff; color:var(--navy); }
.vfs-nav-i.is-on .vfs-nav-l{ color:#fff; }
.vfs-nav-i.is-done .vfs-nav-n{ background:var(--navy); color:#fff; }
.vfs-nav-i.is-done .vfs-nav-l{ color:var(--ink); }

.vfs-step > .vf-block:first-child{ margin-top:0; padding-top:0; border-top:0; }
.vfs-move{ display:flex; gap:10px; margin:22px 0 0; }
.vfs-move [data-vfs-next]{ margin-left:auto; }

.vf-panel > button[type="submit"]{ display:block; margin:-44px 0 0; float:right; }
.vf-panel > button[type="submit"] + *{ clear:both; }

@media (max-width:560px){
  .vfs-nav{ gap:6px; }
  .vfs-nav-i{ padding:8px; justify-content:center; }
  .vfs-nav-l{ display:none; }
}

.vf-say{ margin:0 0 12px; padding-left:18px; font:400 13px/1.7 var(--font-sans); color:var(--ink-soft); }
.vf-say li{ margin:0; }

.pev--wide .pev-panel{ max-width:860px; }
.msub--inline{ padding:0; max-width:none; }

.cx-verify-call{
  display:flex; align-items:center; gap:var(--space-3);
  margin:0 0 var(--space-3); padding:12px var(--space-4);
  border:1px solid #F3DEAF; border-radius:var(--radius-md);
  background:var(--amber-tint, #FEF1D5); color:#2A4B5F;
  font:600 14px/1.3 var(--font-sans); text-decoration:none;
}
.cx-verify-call:hover{ background:#FDEDC9; }
.cx-verify-call svg{ width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor;
  stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cx-verify-t{ min-width:0; }
.cx-verify-go{ margin-left:auto; white-space:nowrap; font-weight:700; }

.cp-author-as{
  font: 600 14px/1.2 var(--font-sans);
  color: var(--ink);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  padding: 4px 6px;
  margin-left: -6px;
  max-width: 260px;
  cursor: pointer;
}
.cp-author-as:hover{ border-color: var(--line); }
.cp-author-as:focus-visible{ border-color: var(--navy); outline: none; }

.at-rail {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.at-rail-card {
  background: rgba(255, 255, 255, .6);
  border: 1px solid var(--line-soft);
  border-radius: calc(var(--radius-lg) / 2);
  box-shadow: var(--shadow-2);
  padding: var(--space-3) var(--space-4);
}

.at-rail-heading,
.at-rail-eyebrow {
  margin: 0;
  font: 700 11.5px/1.4 var(--font-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #374151;
}

.at-rail-select {
  width: 100%;
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  font: 400 12px/1.3 var(--font-sans);
}

.at-rail-select:focus-visible,
.at-rail-row:focus-visible,
.at-rail-card-link:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 1px;
}

.at-rail-row {
  display: flex;
  align-items: center;
  gap: 15px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-md);
  color: var(--ink-soft);
  font: 500 14.95px/1.3 var(--font-sans);
  text-decoration: none;
  border: 1px solid transparent;
}

.at-rail-row > span { flex: 1 1 auto; min-width: 0; }

.at-rail-row:hover { background: #F5F6F8; }

.at-rail-icon { flex: 0 0 33px; width: 33px; height: 33px; display: block; object-fit: contain; }

.at-rail-icon--pfeil { fill: none; stroke: currentColor; stroke-width: 1.5;
  stroke-linecap: round; stroke-linejoin: round; }

.at-rail-row--icon { min-height: 46px; }

.at-rail-card.at-rail-ads{ background:#FFFFFF; }
.at-rail-ads-mark{ flex:0 0 24px; width:24px; height:24px; display:block; object-fit:contain; }

.at-rail-write-card { background: #fff; }

.at-rail-write-card:not(.at-rail-write-card--back) > .at-rail-row { color: #6C6C6C; }
.at-rail-write-card:not(.at-rail-write-card--back) > .at-rail-row:hover {
  background: #F5F6F8; }

.at-promo-card{ position:relative; display:block; padding:14px; background:#fff; }
.at-promo-card + .at-promo-card{ margin-top:12px; }
.at-promo-card:hover{ box-shadow:var(--shadow-2); }

.at-promo-lead{ display:block; text-decoration:none; }
.at-promo-lead::after{ content:''; position:absolute; inset:0; }
.at-promo-kicker{ display:block; font:600 11px/1 var(--font-sans); letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); }
.at-promo-title{ display:block; margin-top:6px; font:500 19px/1.25 var(--font-serif);
  color:var(--ink); }
.at-promo-text{ display:block; margin-top:6px; font:400 12.5px/1.45 var(--font-sans);
  color:var(--ink-soft); }

.at-rail-banner{ position:relative; display:block; aspect-ratio:5/6; overflow:hidden;
  
  border-radius:calc(var(--radius-lg) / 2); background:var(--navy-soft); text-decoration:none; }
.at-rail-card + .at-rail-banner, .at-rail-banner + .at-rail-banner{ margin-top:12px; }
.at-rail-banner-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center; }

.at-rail-banner--owl .at-rail-banner-img{ object-position:88% center; }

.at-rail-banner--owl{ aspect-ratio:3/4; }

.at-rail-banner--market{ aspect-ratio:3/4; display:flex; flex-direction:column; }
.at-rail-banner--market .at-rail-banner-text{ position:static; text-align:center; }

.at-rail-banner-lockup{ display:block; margin:auto; text-align:center; }
.at-rail-banner-mark{ display:block; width:104px; height:auto; margin:0 auto; padding:12px 16px; background:#fff; border-radius:14px; }
.at-rail-banner-brand{ display:block; margin-top:12px; font:800 22px/1 var(--font-sans); letter-spacing:.2em; text-indent:.2em; text-transform:uppercase; color:#002748; }

.at-rail-banner-wordmark{ display:block; margin-top:9px;
  font:700 12px/1 var(--font-sans); letter-spacing:.42em; text-indent:.42em;
  text-transform:uppercase; color:var(--gold); }
.at-rail-banner-scrim{ position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 34%, rgba(0,0,0,.62) 72%, rgba(0,0,0,.82) 100%); }
.at-rail-banner-text{ position:absolute; inset:auto 0 0 0; display:block; padding:14px; }
.at-rail-banner-kicker{ display:block; font:700 10.5px/1.3 var(--font-sans); letter-spacing:.14em;
  text-transform:uppercase; color:#fff; }

.at-rail-banner-title{ display:block; margin-top:4px;
  font:900 25px/1.06 'Inter Full', var(--font-sans);
  letter-spacing:-.01em; text-transform:uppercase; color:#fff; }

.at-rail-banner--market .at-rail-banner-title{ font-size:22px; font-weight:400;
  text-transform:none; font-family:var(--font-serif); letter-spacing:normal; }

.at-rail-banner--market .at-rail-banner-cta{ margin-top:30px; }

.at-rail-banner-note{ display:block; margin-top:5px; white-space:nowrap;
  font:400 clamp(13.5px, 1.35vw, 16px)/1.3 var(--font-serif); letter-spacing:.01em; }
.at-rail-banner--market .at-rail-banner-note{ color:#000; }

.at-rail-banner--market{ background:#FFFFFF;
  box-shadow:0 2px 8px rgba(17,17,17,.08), 0 1px 2px rgba(17,17,17,.053); }
.at-rail-banner--market .at-rail-banner-title,
.at-rail-banner--market .at-rail-banner-wordmark{ color:#000; }

.at-rail-banner--market .at-rail-banner-cta{ background:var(--navy); color:#fff; }
.at-rail-banner--market .at-rail-banner-cta::after{ color:#fff; }

.at-rail-banner-cta{ position:relative; overflow:hidden;
  display:block; margin-top:12px; padding:11px 10px; border-radius:var(--radius-pill);
  background:var(--gold); color:var(--navy); text-align:center;
  font:700 12px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; }

.at-rail-banner-cta::after{ content:'\2192'; position:absolute; top:50%; right:13px;
  transform:translate(6px, -50%); color:#000; font:700 15px/1 var(--font-sans);
  letter-spacing:0; opacity:0;
  transition:opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease); }
.at-rail-banner:hover .at-rail-banner-cta::after,
.at-rail-banner:focus-visible .at-rail-banner-cta::after{ opacity:1; transform:translate(0, -50%); }

.at-promo-gauge{ display:block; margin:12px auto 2px; width:84px; height:84px; }

.at-promo-seg{ filter:grayscale(1) opacity(.5); transition:filter .55s ease; }

.at-promo-card:has(.at-promo-scale > :nth-child(1) input:checked) .at-promo-seg--red,
.at-promo-card:has(.at-promo-scale > :nth-child(2) input:checked) .at-promo-seg--orange,
.at-promo-card:has(.at-promo-scale > :nth-child(3) input:checked) .at-promo-seg--orange,
.at-promo-card:has(.at-promo-scale > :nth-child(4) input:checked) .at-promo-seg--yellow,
.at-promo-card:has(.at-promo-scale > :nth-child(5) input:checked) .at-promo-seg--green{ filter:none; }

.at-promo-needle{ transform:rotate(-121deg); transform-origin:30px 41px;
  transition:transform var(--dur-base) var(--ease); }

.at-promo-scale{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(5, 1fr);
  gap:4px; margin-top:8px; }

.at-promo-pick{ position:relative; z-index:1; margin:0; }

.at-promo-go{ display:block; width:100%; margin-top:10px; padding:10px 12px;
  
  border:1px solid var(--navy-hover); border-radius:7px; background:var(--navy-hover); color:#fff;
  font:600 12.5px/1 var(--font-sans); cursor:pointer;
  transition:background var(--dur-fast) var(--ease); }
.at-promo-go:hover{ background:var(--navy-soft); border-color:var(--navy-soft); }

.at-promo-chip{ position:relative; display:grid; place-items:center; padding:5px 0;
  border:1px solid #e6e2d9; border-radius:7px; background:var(--surface);
  text-decoration:none; cursor:pointer;
  font:600 11.5px/1 var(--font-sans); color:var(--muted);
  transition:background var(--dur-fast) var(--ease), color .55s ease, border-color .55s ease; }
.at-promo-chip input{ position:absolute; width:1px; height:1px; margin:0; padding:0;
  opacity:0; pointer-events:none; }
.at-promo-chip:has(input:focus-visible){ box-shadow:0 0 0 2px var(--navy); }

.at-promo-card:hover .at-promo-chip{ color:var(--ink); border-color:var(--line); }

.at-promo-card .at-promo-chip:hover{ background:#F5F6F8; border-color:var(--line); }

.at-promo-card .at-promo-chip:has(input:checked){ background:var(--navy); color:#fff;
  border-color:var(--navy); }

.at-promo-card:has(.at-promo-scale > :nth-child(1) input:checked) .at-promo-needle{ transform:rotate(-121deg); }
.at-promo-card:has(.at-promo-scale > :nth-child(2) input:checked) .at-promo-needle{ transform:rotate(-93.5deg); }
.at-promo-card:has(.at-promo-scale > :nth-child(3) input:checked) .at-promo-needle{ transform:rotate(-66deg); }
.at-promo-card:has(.at-promo-scale > :nth-child(4) input:checked) .at-promo-needle{ transform:rotate(-38.5deg); }
.at-promo-card:has(.at-promo-scale > :nth-child(5) input:checked) .at-promo-needle{ transform:rotate(-11deg); }

.at-rail-write-card > .at-rail-row { gap: 15px; }

.at-rail-write-card--back > .at-rail-row { font: 400 24.15px/1.25 var(--font-serif); }

button.at-rail-row {
  width: 100%;
  background: none;
  text-align: left;
  font: inherit;
  cursor: pointer;
}

button.at-rail-row.is-active,
button.at-rail-row.is-active:hover {
  background: #F5F6F8;
  border-color: var(--line-strong);
}

.at-rail-filter-card { display: grid; gap: 1px; }

.at-rail-filter-card > .at-rail-row { font-size: 13.8px; }

.at-rail-note {
  margin: var(--space-2) 0 0;
  font: 400 10px/1.5 var(--font-sans);
  color: var(--muted);
}

.at-rail-card-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}

.at-rail-card-title {
  margin: 3px 0 0;
  font: 600 14px/1.15 var(--font-serif);
  letter-spacing: -.01em;
  white-space: nowrap;
  color: #4E4E4E;
}

.at-rail-period select { width: 84px; min-height: 28px; font-size: var(--field-fs, 11px); }

.at-rail-card-link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 36px;
  margin-top: var(--space-2);
  padding-top: var(--space-3);
  border-top: 1px solid var(--line);
  color: var(--ink);
  font: 600 11px/1.3 var(--font-sans);
  text-decoration: none;
}

.at-rail-card-link:hover { color: var(--navy); }

.at-rail-instruments { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.at-rail-tile {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--surface);
  color: inherit;
  text-decoration: none;
}
.at-rail-tile:hover, .at-rail-tile:focus-visible { border-color: var(--navy); background: var(--surface-soft); }
.at-rail-tile-l, .at-rail-tile-r { display: grid; min-width: 0; }
.at-rail-tile-r { justify-items: end; text-align: right; }
.at-rail-tile strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 700 9.5px/1.3 var(--font-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}
.at-rail-value {
  display: block;
  font: 600 20px/1.1 var(--font-serif);
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.at-rail-signal { display: block; margin-top: 2px; font: 700 9px/1.3 var(--font-sans); letter-spacing: .04em; white-space: nowrap; }

.at-rail-trend {
  display: block;
  margin-top: 2px;
  font: 400 9.5px/1.4 var(--font-sans);
  color: var(--muted);
}

.at-rail-signal--high { color: var(--navy); }
.at-rail-signal--typical { color: var(--ink-soft); }
.at-rail-signal--low,
.at-rail-signal--none { color: var(--muted); }

.at-rail--side,
.at-rail--create { display: grid; gap: var(--space-3); align-content: start; }

[data-rail-performance],
[data-rail-performance] *,
[data-rail-performance] strong {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.at-rail-pages-card { display: grid; gap: 2px; }

.at-rail-create-card { display: grid; gap: 2.912px; background: #FFFFFF; border-color: #DCDCDC; }

.at-rail-create-card > .at-rail-heading { font-size: 14.95px; }
.at-rail-create-card > .at-rail-row:hover { background: #F5F6F8; }

.at-rail-create-card > .at-rail-row { font-size: 16.39px; }

.at-rail-write-card:not(.at-rail-write-card--back) > .at-rail-row { font-size: 17.25px; }
.at-rail-plus {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.at-rail-pages-card > .at-rail-heading,
.at-rail-create-card > .at-rail-heading,
.at-rail-filter-card > .at-rail-heading {
  padding-bottom: var(--space-3);
  margin-bottom: var(--space-3);
  border-bottom: 1px solid var(--line);
}

@media (max-width: 360px) {
  .at-rail-card { padding: var(--space-3); }
}

@media (prefers-reduced-motion: reduce) {
  .at-rail * { transition: none; animation: none; }
}

.cal-page { display: grid; gap: var(--space-5); }

.cal-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--surface);
  border: 1px solid var(--line);
}

.cal-title { margin: 4px 0 0; font: 600 clamp(22px, 3vw, 30px)/1.15 var(--font-serif); color: var(--ink); }
.cal-tz { margin: 5px 0 0; font: 400 12px/1.4 var(--font-sans); color: var(--muted); }

.cal-controls { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.cal-views, .cal-steps { display: flex; gap: 4px; }

.cal-view, .cal-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 36px;
  padding: 0 12px;
  
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink-soft);
  font: 500 12.5px/1.3 var(--font-sans);
  text-decoration: none;
}

.cal-view:hover, .cal-step:hover { border-color: var(--navy); color: var(--ink); }

.cal-layout { display: grid; gap: var(--space-5); align-items: start; }

.cal-grid-wrap {
  background: var(--surface);
  border: 1px solid var(--line);
}

.cal-grid-wrap { padding: var(--space-4); }

.cal-month {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  overflow: hidden;
}

.cal-weekday {
  padding: 8px 10px;
  background: var(--surface-soft);
  font: 700 10px/1.4 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.cal-cell { min-height: 104px; padding: 6px; background: var(--surface); }
.cal-cell.is-outside { background: var(--surface-soft); }
.cal-cell.is-today { box-shadow: inset 0 0 0 2px var(--navy); }

.cal-cell-day {
  display: inline-block;
  margin-bottom: 4px;
  font: 600 12px/1.3 var(--font-sans);
  color: var(--ink-soft);
  text-decoration: none;
}

.cal-cell-day:hover { color: var(--navy); text-decoration: underline; }
.cal-cell.is-outside .cal-cell-day { color: var(--muted); }

.cal-chip {
  display: block;
  margin-bottom: 3px;
  padding: 3px 6px;
  border-left: 3px solid var(--navy);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  color: var(--ink);
  font: 500 10.5px/1.35 var(--font-sans);
  text-decoration: none;
}

.cal-chip:hover { background: var(--line-soft); }
.cal-chip--followers { border-left-color: var(--navy-soft); }
.cal-chip--public { border-left-color: var(--gold-strong); }
.cal-chip-time { margin-right: 4px; color: var(--muted); font-variant-numeric: tabular-nums; }
.cal-chip-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cal-inline { display: inline; margin: 0; }

.cal-action {
  border: none;
  background: none;
  padding: 0;
  color: var(--navy);
  font: 600 11px/1.5 var(--font-sans);
  text-decoration: none;
  cursor: pointer;
}

.cal-action:hover { text-decoration: underline; }


.cal-form-title { margin: 0 0 var(--space-3); font: 600 16px/1.3 var(--font-serif); color: var(--ink); }
.cal-form { display: grid; gap: var(--space-3); }
.cal-field { display: grid; gap: 4px; }
.cal-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }

.cal-field > span {
  font: 700 10px/1.4 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.cal-field input,
.cal-field select,
.cal-field textarea {
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--ink);
  font: 400 var(--field-fs, 13px)/1.4 var(--font-sans);
}

.cal-field textarea { min-height: 72px; resize: vertical; }

.cal-field input:focus-visible,
.cal-field select:focus-visible,
.cal-field textarea:focus-visible,
.cal-view:focus-visible,
.cal-step:focus-visible,
.cal-action:focus-visible,
.cal-chip:focus-visible,
.cal-cell-day:focus-visible,
.cal-submit:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 1px;
}

.cal-check { display: flex; align-items: center; gap: var(--space-2); font: 400 13px/1.4 var(--font-sans); color: var(--ink); }
.cal-check input { width: 16px; height: 16px; }

.cal-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-3); }

.cal-submit {
  padding: 9px 16px;
  border: none;
  border-radius: var(--radius-sm);
  background: var(--navy);
  color: var(--paper);
  font: 600 12.5px/1.3 var(--font-sans);
  cursor: pointer;
}

.cal-submit:hover { background: var(--navy-soft); }

@media (max-width: 1080px) {
  .cal-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  
  .cal-cell { min-height: 62px; }
  .cal-chip-title { display: none; }
  .cal-chip { padding: 2px 4px; }
}

@media (max-width: 380px) {
  .cal-field-row { grid-template-columns: minmax(0, 1fr); }
  .cal-weekday { padding: 6px 4px; font-size: 9px; }
}

.mag{ max-width:1264px; margin:0 auto; }

.byline-avatar{ width:24px; height:24px; border-radius:var(--radius-pill); display:grid; place-items:center; font:600 9px/1 var(--font-sans); color:#fff; flex-shrink:0; }

.artx{ max-width:1264px; margin:0 auto; position:relative; }
.artx-crumb{ max-width:820px; margin:0 auto var(--space-5); font:500 12.5px/1 var(--font-sans); color:var(--muted); }
.artx-crumb a{ color:var(--navy); text-decoration:none; }
.artx-hero{ position:relative; max-width:820px; min-height:520px; display:flex; flex-direction:column; justify-content:flex-end; padding:var(--space-7); border-radius:var(--radius-sm); overflow:hidden; margin:0 auto var(--space-6); }
  
.artx-hero > *{ position:relative; z-index:1; }
.artx-kicker{ font:800 12px/1 var(--font-sans); letter-spacing:.16em; text-transform:uppercase; color:var(--gold); margin-bottom:var(--space-3); }
.artx-title{ font-family:var(--font-serif); font-weight:400; font-size:clamp(32px,5vw,60px); line-height:1.05; color:#fff; margin:0; max-width:18ch; }

.artx-subject{ margin:var(--space-3) 0 0; font:600 16px/1.3 var(--font-sans); color:#fff; }
.artx-subject-role{ display:inline-block; margin-left:10px; font:700 10px/1 var(--font-sans); letter-spacing:.12em; text-transform:uppercase; color:var(--gold); }
.artx-credit{ position:absolute; right:var(--space-6); bottom:var(--space-6); z-index:1; font:italic 400 12px/1 var(--font-sans); color:rgba(255,255,255,.75); }

.artx-lead-wrap{ display:grid; grid-template-columns:minmax(0,820px); gap:var(--space-6); justify-content:center; align-items:start; }
.artx-main{ min-width:0; }
.artx-meta{ display:flex; align-items:center; gap:var(--space-4); margin:0 0 var(--space-6); padding-bottom:var(--space-5); border-bottom:1px solid var(--line); }
.artx-byline{ display:flex; align-items:center; gap:var(--space-3); margin-right:auto; }
.artx-byline .byline-avatar{ width:44px; height:44px; font-size:14px; }
.artx-by-name{ display:block; font:600 15px/1.3 var(--font-sans); color:var(--ink); }
.artx-by-sub{ display:block; font:400 13px/1.2 var(--font-sans); color:var(--muted); }

.artx-rail{ position:absolute; right:-56px; top:0; z-index:60; display:flex; flex-direction:column; align-items:stretch; width:56px; background:#FFFFFF; border-radius:0 22px 22px 0; padding:12px 7px; box-shadow:0 0 0 1px rgba(21,40,75,.12),0 4px 14px rgba(1,25,48,.14); }
@media (max-width:1380px){
.artx-rail{ right:0; border-radius:22px 0 0 22px; }
}
.artx-ract{ display:flex; flex-direction:column; align-items:center; gap:5px; border:none; background:none; color:var(--navy,#15284b); cursor:pointer; padding:var(--space-3) 0; }
.artx-ract svg{ width:22px; height:22px; }
.artx-ract .ico-stroke{ fill:none; stroke:currentColor; stroke-width:1.25; }
.artx-ract .ico-fill{ fill:currentColor; stroke:none; }
.artx-rcount{ font:700 11px/1 var(--font-sans); color:var(--navy,#15284b); }
.artx-ract:hover{ color:var(--gold); }
.artx-ract.mz-like[aria-pressed="true"]{ color:#0C6EBA; }

.artx-ract.mz-rec[aria-pressed="true"]{ color:#0C6EBA; }
.artx-ract.mz-rec[aria-pressed="true"] .ico-stroke{ fill:#0C6EBA; stroke:#0C6EBA; }
.artx-ract.mz-save[aria-pressed="true"]{ color:var(--gold); }
.artx-ract.mz-save[aria-pressed="true"] .ico-stroke{ fill:currentColor; }
.artx-rsep{ height:1px; background:rgba(21,40,75,.16); margin:2px var(--space-4); }
.artx-rkebab{ color:rgba(21,40,75,.85); padding-bottom:0; }
.artx-morebox{ position:relative; width:100%; display:flex; justify-content:center; }
.artx-more-menu{ position:absolute; right:calc(100% + 10px); bottom:0; min-width:190px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-3); padding:var(--space-2); z-index:50; }
.artx-more-menu[hidden]{ display:none; }
.artx-more-menu button{ display:flex; align-items:center; gap:var(--space-3); width:100%; border:none; background:none; cursor:pointer; padding:var(--space-3); border-radius:var(--radius-sm); font:500 14px/1 var(--font-sans); color:var(--ink); text-align:left; }
.artx-more-menu button:hover{ background:var(--surface-soft); }
.artx-more-menu button svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; flex-shrink:0; }

.artx-body{ font-size:18px; line-height:1.75; color:var(--ink-soft); overflow-wrap:break-word; }

.artx-comments{ max-width:820px; margin:var(--space-8) auto 0; }
.artx-comments-title{ font-family:var(--font-serif); font-weight:700; font-size:22px; color:var(--ink); margin:0 0 var(--space-5); }
.artx-comments-title span{ color:var(--muted); font-weight:400; }
.artx-comment-form{ display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-6); }
.artx-comment-form .byline-avatar{ width:40px; height:40px; font-size:13px; flex-shrink:0; }
.artx-comment-form input{ flex:1; min-width:0; border:1px solid var(--line); border-radius:var(--radius-pill); padding:var(--space-3) var(--space-4); font:400 var(--field-fs, 14px)/1 var(--font-sans); outline:none; }
.artx-comment-form button{ border:none; background:var(--navy); color:#fff; border-radius:var(--radius-pill); padding:var(--space-3) var(--space-5); font:600 13px/1 var(--font-sans); cursor:pointer; }
.artx-comment-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--space-5); }
.artx-comment{ display:flex; gap:var(--space-3); }
.artx-comment .byline-avatar{ width:38px; height:38px; font-size:12px; flex-shrink:0; }
.artx-body p{ margin:0 0 var(--space-5); }
.artx-lead{ font-size:21px; line-height:1.5; color:var(--ink); }
.artx-lead::first-letter{ float:left; font-family:var(--font-serif); font-weight:400; font-size:60px; line-height:.82; padding:6px var(--space-3) 0 0; color:var(--navy); }
.artx-deck{ margin:0 0 var(--space-6); font-family:var(--font-serif); font-weight:400; font-size:23px; line-height:1.4; color:var(--ink); }
.artx-body h3{ margin:var(--space-7) 0 var(--space-4); font-family:var(--font-serif); font-weight:700; font-size:24px; line-height:1.3; color:var(--ink); }
.artx-body ul,.artx-body ol{ margin:0 0 var(--space-5); padding-left:1.5em; }
.artx-body li{ margin:0 0 var(--space-2); }
.artx-body a{ color:var(--navy); text-decoration:underline; text-underline-offset:.15em; overflow-wrap:anywhere; }
.artx-body strong{ color:var(--ink); }
@media (max-width:680px){ .artx-deck{ font-size:20px; } .artx-body h3{ font-size:21px; } }
@media (max-width:980px){
.artx-lead-wrap{ grid-template-columns:1fr; }
.artx-rail{ position:static; transform:none; box-shadow:0 0 0 1px rgba(21,40,75,.12); flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; width:auto; max-width:100%; min-width:0; border-radius:var(--radius-pill); padding:var(--space-2) var(--space-3); order:-1; margin-bottom:var(--space-5); }
  
.artx-ract{ padding:var(--space-2) var(--space-2); min-width:44px; min-height:44px; justify-content:center; }
.artx-comment-form button{ min-height:44px; }
.artx-rsep{ width:1px; height:22px; margin:0 var(--space-1); }
.artx-more-menu{ right:auto; left:50%; bottom:auto; top:calc(100% + 10px); transform:translateX(-50%); } }
@media (max-width:680px){
.artx-hero{ min-height:360px; padding:var(--space-5); }
.artx-meta{ flex-wrap:wrap; } }

.mz-card-shade{ position:absolute; inset:0; z-index:0; background:linear-gradient(0deg, rgba(10,16,31,.93) 0%, rgba(10,16,31,.84) 10%, rgba(10,16,31,.68) 20%, rgba(10,16,31,.48) 30%, rgba(10,16,31,.27) 39%, rgba(10,16,31,.1) 46%, rgba(10,16,31,0) 52%); }

.artx-watch{ margin:0 auto var(--space-6); max-width:820px; text-align:center; }

.artx-second{ margin:var(--space-6) auto; max-width:820px; }
.artx-second img{ display:block; width:100%; height:auto; border-radius:var(--radius-md); }

.artx-watch-el{ display:block; margin:0 auto; aspect-ratio:9/16; height:min(75vh,700px); width:auto; max-width:100%; background:#0a101f; border-radius:var(--radius-sm); }
.artx-watch-cap{ margin:var(--space-3) 0 0; font:700 10px/1 var(--font-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); }

.artx-hero > .mz-card-shade{ position:absolute; inset:0; z-index:0; }

.mz-media-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; border-radius:inherit; }
.mz-media-img[hidden]{ display:none; }
.artx-hero .mz-media-img{ z-index:0; }

@media (max-width:1080px){

.artx-subject-role{ font-size:12px; }
}

.adb{
  display:grid; grid-template-columns:1fr; gap:28px;
  max-width:1180px; margin:0 auto; padding:8px 0 64px;
}
@media (min-width:1000px){
  .adb{ grid-template-columns:minmax(0,1fr) 380px; gap:40px; align-items:start; }
  .adb-form-col{ grid-column:1; grid-row:1; }
  .adb-preview-col{ grid-column:2; grid-row:1; }
  .adb-preview-jump{ display:none; }
}

.adb-preview-sticky{ position:sticky; top:96px; display:flex; flex-direction:column; gap:14px; }
.adb-preview-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.adb-preview-h{
  margin:0; font:500 12px/1 var(--font-sans,system-ui); letter-spacing:.08em;
  text-transform:uppercase; color:var(--muted,#6b736d);
}
.adb-preview-modes{ display:inline-flex; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px); overflow:hidden; }
.adb-mode{
  padding:6px 12px; border:0; background:none; cursor:pointer;
  font:500 11.5px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d);
}
.adb-mode.is-active{ background:var(--navy,#15284b); color:var(--paper,#faf8f3); }
.adb-mode:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:-2px; }

.adb-card{
  display:flex; flex-direction:column; overflow:hidden;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px);
  background:var(--surface,#fff);
}
.adb-card-top{ display:flex; align-items:center; gap:10px; padding:14px 16px; }
.adb-avatar{
  width:36px; height:36px; flex:0 0 36px; border-radius:50%; overflow:hidden;
  background:var(--navy,#15284b);
}
.adb-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.adb-card-who{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.adb-card-name{
  font:500 14px/1.2 var(--font-sans,system-ui); color:var(--ink,#0f1410);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.adb-card-verified{ color:var(--navy,#15284b); font-size:11px; margin-left:4px; }
.adb-card-badge{
  align-self:flex-start; padding:2px 8px; border-radius:var(--radius-pill,999px);
  background:var(--surface-soft,#f6f3ec); color:var(--muted,#6b736d);
  font:500 10px/1.6 var(--font-sans,system-ui); letter-spacing:.06em; text-transform:uppercase;
}
.adb-card-media{
  position:relative; display:flex; align-items:center; justify-content:center;
  aspect-ratio:4/3; background:var(--surface-soft,#f6f3ec);
}
.adb-card-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.adb-card-media img[hidden]{ display:none; }
.adb-card-media-empty[hidden]{ display:none; }
.adb-card-media-empty{ font:400 12px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-card-body{ display:flex; flex-direction:column; gap:6px; padding:14px 16px 16px; }
.adb-card-label{
  margin:0; font:500 11px/1.4 var(--font-sans,system-ui); letter-spacing:.05em;
  text-transform:uppercase; color:var(--muted,#6b736d);
}
.adb-card-label:empty{ display:none; }
.adb-card-headline{ margin:0; font:500 17px/1.35 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adb-card-text{ margin:0; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adb-card-text:empty{ display:none; }
.adb-card-cta{
  align-self:flex-start; margin-top:4px; padding:8px 16px;
  border-radius:var(--radius-pill,999px); background:var(--navy,#15284b); color:var(--paper,#faf8f3);
  font:500 12px/1 var(--font-sans,system-ui);
}
.adb-card-foot{
  display:flex; flex-direction:column; gap:6px; padding:10px 16px;
  border-top:1px solid var(--line,#e6e1d6);
}
.adb-card-paid{ font:500 11px/1.4 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adb-card-notes{ display:flex; flex-wrap:wrap; gap:10px; }
.adb-card-note{ font:400 10.5px/1 var(--font-sans,system-ui); color:var(--muted,#6b736d); }

.adb-card.is-spotlight .adb-card-media{ aspect-ratio:16/9; }
.adb-card.is-spotlight .adb-card-headline{ font-size:15px; }
.adb-card.is-spotlight .adb-card-text{ display:none; }

.adb-preview-sum{
  display:flex; flex-direction:column; gap:8px; margin:0; padding:14px 16px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px); background:var(--surface,#fff);
}
.adb-preview-sum > div{ display:flex; justify-content:space-between; gap:12px; }
.adb-preview-sum dt{ font:400 12.5px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-preview-sum dd{ margin:0; font:500 12.5px/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410); font-variant-numeric:tabular-nums; }

.adb-form-col{
  display:flex; flex-direction:column; gap:20px; min-width:0;
  padding:28px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px);
  background:var(--surface,#fff);
}
@media (max-width:640px){
  .adb-form-col{ padding:20px 16px; border-radius:0; border-left:0; border-right:0; }
}
.adb-preview-jump{
  align-self:flex-start; padding:8px 14px; border:1px solid var(--line,#e6e1d6);
  border-radius:var(--radius-pill,999px); color:var(--navy,#15284b); text-decoration:none;
  font:500 12.5px/1 var(--font-sans,system-ui);
}

.adb-tabs{ display:none; }
.adb.is-js .adb-tabs{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px;
  padding-bottom:12px; border-bottom:1px solid var(--line,#e6e1d6);
}
@media (max-width:640px){ .adb.is-js .adb-tabs{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.adb-tab{
  display:flex; align-items:center; gap:8px; min-height:44px; padding:6px 10px; text-align:left;
  border:1px solid transparent; border-radius:var(--radius-md,10px); background:none; cursor:pointer;
  color:var(--muted,#6b736d); font:500 12.5px/1.25 var(--font-sans,system-ui);
}
.adb-tab:hover{ background:var(--surface-soft,#f6f3ec); }
.adb-tab:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:2px; }
.adb-tab[aria-selected="true"]{ background:var(--navy,#15284b); color:var(--paper,#faf8f3); }
.adb-tab-n{
  display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; flex:0 0 22px;
  border-radius:50%; border:1px solid currentColor; font-size:11px;
}
.adb-panel{ display:flex; flex-direction:column; gap:18px; }
.adb-panel:focus{ outline:none; }
.adb-panel[hidden]{ display:none; }
.adb-panel-foot{ display:none; }
.adb.is-js .adb-panel-foot{
  display:flex; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px solid var(--line,#e6e1d6);
}
.adb-section-h{
  margin:0; padding-bottom:10px; border-bottom:1px solid var(--line,#e6e1d6);
  font:500 17px/1.3 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410);
}
.adb-sub-h{ margin:6px 0 0; font:500 13px/1.3 var(--font-sans,system-ui); letter-spacing:.04em; text-transform:uppercase; color:var(--muted,#6b736d); }
.adb-field{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.adb-row{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:640px){ .adb-row{ grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); } }
.adb-group{ display:flex; flex-direction:column; gap:18px; }
.adb-group[hidden]{ display:none; }

.adb-label{ font:500 12.5px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410); }
.adb-hint{ margin:0; font:400 12px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-static{ margin:0; font:400 12.5px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-static a, .adb-hint a{ color:var(--navy,#15284b); }
.adb-empty{ margin:0; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-paidfor{ margin:0; font:400 12.5px/1.5 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }

.adb-input{
  width:100%; min-height:42px; padding:0 12px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-md,10px);
  background:var(--surface,#fff); color:var(--ink,#0f1410);
  font:400 14px/1.4 var(--font-sans,system-ui);
}
.adb-area{ min-height:88px; padding:10px 12px; resize:vertical; }
.adb-file{ padding:9px 12px; }
.adb-input:focus{ outline:2px solid var(--navy,#15284b); outline-offset:-1px; }
.adb-input:disabled{ background:var(--surface-soft,#f6f3ec); color:var(--muted,#6b736d); cursor:not-allowed; }

.adb-field.is-error .adb-input{ border-color:#E9C46A; }
.adb-err{ margin:0; font:500 12px/1.5 var(--font-sans,system-ui); color:#6B4E00; }
.adb-alert{
  margin:0; padding:12px 14px; border-radius:var(--radius-md,10px);
  background:#FFF8E5; color:#6B4E00; font:500 13px/1.5 var(--font-sans,system-ui);
}
.adb-summary{
  padding:14px 16px; border-radius:var(--radius-md,10px);
  border:1px solid var(--line,#e6e1d6); border-left:4px solid var(--danger,#6B4E00); background:var(--surface-soft,#f6f3ec);
}
.adb-summary:focus{ outline:2px solid var(--navy,#15284b); }
.adb-summary-h{ margin:0 0 6px; font:500 13.5px/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410); }
.adb-summary-list{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:3px; }
.adb-summary-list li{ font:400 12.5px/1.5 var(--font-sans,system-ui); }
.adb-summary-list a{ color:var(--navy,#15284b); }

.adb-identity{ display:flex; flex-direction:column; gap:8px; }
.adb-identity-row{
  display:flex; align-items:center; gap:12px; padding:12px 14px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-md,10px); background:var(--surface-soft,#f6f3ec);
}
.adb-identity-avatar{ width:40px; height:40px; flex:0 0 40px; border-radius:50%; overflow:hidden; background:var(--navy,#15284b); }
.adb-identity-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.adb-identity-copy{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.adb-identity-copy strong{ font:500 14px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410); }
.adb-identity-copy span{ font:400 12px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-identity-switch{ font:500 12.5px/1 var(--font-sans,system-ui); color:var(--navy,#15284b); white-space:nowrap; }

.adb-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.adb-chip{ display:inline-flex; }
.adb-chip input{
  position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
  clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;
}
.adb-chip span{
  display:inline-flex; align-items:center; min-height:34px; padding:0 14px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px);
  color:var(--ink-soft,#2b332e); cursor:pointer; font:400 12.5px/1 var(--font-sans,system-ui);
  transition:background 140ms var(--ease,ease), border-color 140ms var(--ease,ease), color 140ms var(--ease,ease);
}
.adb-chip span:hover{ border-color:var(--navy,#15284b); }
.adb-chip input:focus-visible + span{ outline:2px solid var(--navy,#15284b); outline-offset:2px; }
.adb-chip input:checked + span{ background:var(--navy,#15284b); border-color:var(--navy,#15284b); color:var(--paper,#faf8f3); }
.adb-chip input:disabled + span{ opacity:.4; cursor:not-allowed; }

.adb-radios{ display:flex; flex-direction:column; gap:10px; }
.adb-radio{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.adb-radio input{ margin-top:4px; accent-color:var(--navy,#15284b); }
.adb-radio span{ font:400 13px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adb-check{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.adb-check input{ margin-top:3px; accent-color:var(--navy,#15284b); }
.adb-check span{ font:400 13px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adb-check a{ color:var(--navy,#15284b); }


.adb-terms{ display:flex; flex-direction:column; gap:8px; margin:0; padding:14px 16px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-md,10px); }
.adb-terms > div{ display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; }
@media (max-width:640px){ .adb-terms > div{ grid-template-columns:1fr; gap:2px; } }
.adb-terms dt{ font:500 12px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-terms dd{ margin:0; font:400 12.5px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }

.adb-btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 20px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px); background:var(--surface,#fff);
  color:var(--ink,#0f1410); cursor:pointer; font:500 13px/1 var(--font-sans,system-ui); text-decoration:none;
}
.adb-btn:hover{ border-color:var(--navy,#15284b); background:#F5F6F8; }
.adb-btn.is-primary{ background:var(--navy,#15284b); border-color:var(--navy,#15284b); color:var(--paper,#faf8f3); }
.adb-btn.is-primary:hover{ background:var(--navy-soft,#33507d); }
.adb-btn:focus-visible, .adb-publish:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:2px; }

.adb-actions{ display:flex; flex-direction:column; gap:8px; align-items:flex-start; padding-top:8px; }
.adb-actions-row{ display:flex; flex-wrap:wrap; gap:10px; }
.adb-publish{
  display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 30px;
  border:0; border-radius:var(--radius-pill,999px); background:var(--navy,#15284b); color:var(--paper,#faf8f3); cursor:pointer;
  font:500 14px/1 var(--font-sans,system-ui); transition:background 140ms var(--ease,ease);
}
.adb-publish:hover:not(:disabled){ background:var(--navy-soft,#33507d); }
.adb-publish:disabled{ background:var(--line,#e6e1d6); color:var(--muted,#6b736d); cursor:not-allowed; }
.adb-actions-note{ margin:0; font:400 12px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d); }

.adb-pay{
  max-width:560px; margin:0 auto; padding:32px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px); background:var(--surface,#fff);
  display:flex; flex-direction:column; gap:18px;
}
.adb-pay-h{ margin:0; font:500 20px/1.3 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adb-pay-sub{ margin:0; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adb-pay-sub a{ color:var(--navy,#15284b); }
.adb-pay-sum{ display:flex; flex-direction:column; gap:10px; margin:0; }
.adb-pay-sum > div{ display:flex; justify-content:space-between; gap:16px; }
.adb-pay-sum dt{ font:400 13px/1.4 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adb-pay-sum dd{ margin:0; font:500 13px/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410); font-variant-numeric:tabular-nums; }
.adb-pay-total{ padding-top:10px; border-top:1px solid var(--line,#e6e1d6); }
.adb-pay-total dt, .adb-pay-total dd{ font-size:15px; font-weight:500; }
.adb-pay-note{
  margin:0; padding:12px 14px; border-radius:var(--radius-md,10px);
  background:var(--surface-soft,#f6f3ec); color:var(--ink-soft,#2b332e); font:400 12.5px/1.6 var(--font-sans,system-ui);
}

.adc{ display:grid; grid-template-columns:1fr; gap:24px; max-width:1180px; margin:0 auto; padding:8px 0 64px; }
@media (min-width:900px){ .adc{ grid-template-columns:220px minmax(0,1fr); gap:32px; align-items:start; } }

.adc-main{ display:flex; flex-direction:column; gap:22px; min-width:0; }
.adc-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.adc-h{ margin:0; font:500 22px/1.25 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adc-lede{ margin:4px 0 0; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); max-width:70ch; }
.adc-lede a{ color:var(--navy,#15284b); }
.adc-head-acts{ display:flex; flex-wrap:wrap; gap:8px; }
.adc-btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px;
  border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px); background:var(--surface,#fff);
  color:var(--ink,#0f1410); cursor:pointer; text-decoration:none; font:500 12.5px/1 var(--font-sans,system-ui);
}
.adc-btn:hover{ border-color:var(--navy,#15284b); background:#F5F6F8; }
.adc-btn.is-primary{ background:var(--navy,#15284b); border-color:var(--navy,#15284b); color:var(--paper,#faf8f3); }
.adc-btn.is-primary:hover{ background:var(--navy-soft,#33507d); }
.adc-btn.is-danger{ color:#0C6EBA; border-color:#9EC5E3; }
.adc-btn.is-danger:hover{ border-color:#0C6EBA; background:#F5F6F8; }
.adc-btn:disabled{ opacity:.5; cursor:not-allowed; }
.adc-btn:focus-visible{ outline:2px solid var(--navy,#15284b); outline-offset:2px; }

.adc-notice{ margin:0; padding:12px 14px; border-radius:var(--radius-md,10px); background:var(--surface-soft,#f6f3ec); color:var(--ink-soft,#2b332e); font:400 13px/1.5 var(--font-sans,system-ui); }
.adc-notice.is-error{ background:#FFF8E5; color:#6B4E00; }
.adc-notice.is-draft{ border-left:4px solid var(--gold,#679CBC); }

.adc-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
.adc-card{ display:flex; flex-direction:column; gap:4px; padding:14px 16px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px); background:var(--surface,#fff); }
.adc-card-k{ font:500 11px/1.3 var(--font-sans,system-ui); letter-spacing:.05em; text-transform:uppercase; color:var(--muted,#6b736d); }
.adc-card-v{ font:500 22px/1.2 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); font-variant-numeric:tabular-nums; }
.adc-card-n{ font:400 11.5px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }

.adc-panel{ display:flex; flex-direction:column; gap:14px; padding:20px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px); background:var(--surface,#fff); }
.adc-panel-h{ margin:0; font:500 15px/1.3 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adc-panel-sub{ margin:0; font:400 12.5px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adc-panel-sub a{ color:var(--navy,#15284b); }
.adc-empty{ margin:0; padding:24px 0; text-align:center; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adc-empty a{ color:var(--navy,#15284b); }

.adc-filters{ display:flex; flex-wrap:wrap; gap:6px; }
.adc-filters a{ padding:7px 12px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px); color:var(--ink-soft,#2b332e); text-decoration:none; font:500 12px/1 var(--font-sans,system-ui); }
.adc-filters a.is-active{ background:var(--navy,#15284b); border-color:var(--navy,#15284b); color:var(--paper,#faf8f3); }

.adc-table-wrap{ overflow-x:auto; }
.adc-table{ width:100%; border-collapse:collapse; font:400 12.5px/1.45 var(--font-sans,system-ui); }
.adc-table th{ text-align:left; padding:8px 10px; border-bottom:1px solid var(--line,#e6e1d6); font:500 11px/1.3 var(--font-sans,system-ui); letter-spacing:.05em; text-transform:uppercase; color:var(--muted,#6b736d); white-space:nowrap; }
.adc-table td{ padding:10px; border-bottom:1px solid var(--line,#e6e1d6); vertical-align:top; color:var(--ink-soft,#2b332e); }
.adc-table td.is-num, .adc-table th.is-num{ text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.adc-table a{ color:var(--navy,#15284b); }
.adc-thumb{ width:56px; height:42px; border-radius:6px; object-fit:cover; background:var(--surface-soft,#f6f3ec); display:block; }
.adc-thumb-empty{ width:56px; height:42px; border-radius:6px; background:var(--surface-soft,#f6f3ec); display:block; }
.adc-sub{ display:block; font-size:11.5px; color:var(--muted,#6b736d); }

.adc-pill{ display:inline-block; padding:2px 8px; border-radius:var(--radius-pill,999px); font:500 10.5px/1.6 var(--font-sans,system-ui); letter-spacing:.04em; text-transform:uppercase; background:var(--surface-soft,#f6f3ec); color:var(--muted,#6b736d); white-space:nowrap; }
.adc-pill.is-active{ background:#e6f0e8; color:#245c36; }
.adc-pill.is-review{ background:#FFF8E5; color:#2A4B5F; }
.adc-pill.is-danger{ background:#FFF8E5; color:#6B4E00; }
.adc-pill.is-navy{ background:var(--navy,#15284b); color:var(--paper,#faf8f3); }

.adc-kv{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px 24px; margin:0; }
.adc-kv > div{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; border-bottom:1px solid var(--line,#e6e1d6); }
.adc-kv dt{ font:400 12.5px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adc-kv dd{ margin:0; font:500 12.5px/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410); font-variant-numeric:tabular-nums; text-align:right; }
.adc-kv dd.is-est{ color:var(--muted,#6b736d); font-weight:400; }

.adc-two{ display:grid; grid-template-columns:1fr; gap:20px; }
@media (min-width:900px){ .adc-two{ grid-template-columns:minmax(0,1fr) 320px; align-items:start; } }
.adc-actions{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.adc-actions form{ display:inline-flex; gap:6px; align-items:center; flex-wrap:wrap; }
.adc-input{ min-height:38px; padding:0 10px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-md,10px); font:400 13px/1.3 var(--font-sans,system-ui); background:var(--surface,#fff); color:var(--ink,#0f1410); }
.adc-input:focus{ outline:2px solid var(--navy,#15284b); outline-offset:-1px; }
.adc-area{ width:100%; min-height:110px; padding:10px; resize:vertical; }
.adc-field{ display:flex; flex-direction:column; gap:6px; }
.adc-label{ font:500 12.5px/1.3 var(--font-sans,system-ui); color:var(--ink,#0f1410); }
.adc-form-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; }
.adc-hint{ margin:0; font:400 12px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adc-hint a{ color:var(--navy,#15284b); }

.adc-history{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px; }
.adc-history li{ display:grid; grid-template-columns:130px minmax(0,1fr); gap:10px; font:400 12.5px/1.5 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adc-history time{ color:var(--muted,#6b736d); font-variant-numeric:tabular-nums; }

.adc-doc{ font:400 14px/1.7 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adc-doc h1, .adc-doc h2, .adc-doc h3{ font-family:var(--font-serif,Georgia,serif); font-weight:500; color:var(--ink,#0f1410); }
.adc-doc h2{ font-size:18px; margin:22px 0 8px; }
.adc-doc h3{ font-size:15px; margin:16px 0 6px; }
.adc-doc ul, .adc-doc ol{ padding-left:22px; }
.adc-doc a{ color:var(--navy,#15284b); }

.adfeed{ display:flex; flex-direction:column; overflow:hidden; }
.adfeed-top{ display:flex; align-items:center; gap:10px; padding:14px 16px 10px; }
.adfeed-avatar{ width:34px; height:34px; flex:0 0 34px; border-radius:50%; overflow:hidden; background:var(--navy,#15284b); }
.adfeed-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.adfeed-who{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.adfeed-name{
  display:flex; align-items:center; gap:5px; font:500 13.5px/1.2 var(--font-sans,system-ui); color:var(--ink,#0f1410);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.adfeed-verified{ color:var(--navy,#15284b); font-size:11px; }
.adfeed-badge{
  align-self:flex-start; padding:2px 8px; border-radius:var(--radius-pill,999px);
  background:var(--surface-soft,#f6f3ec); color:var(--muted,#6b736d);
  font:500 10px/1.6 var(--font-sans,system-ui); letter-spacing:.06em; text-transform:uppercase;
}

.adfeed-media{ display:block; background:var(--surface-soft,#f6f3ec); aspect-ratio:4/3; overflow:hidden; }
.adfeed-media img{ display:block; width:100%; height:100%; object-fit:cover; }
.adfeed-body{ display:flex; flex-direction:column; gap:6px; padding:12px 16px 14px; }
.adfeed-label{ margin:0; font:500 10.5px/1.4 var(--font-sans,system-ui); letter-spacing:.05em; text-transform:uppercase; color:var(--muted,#6b736d); }
.adfeed-headline{ margin:0; font:500 16px/1.35 var(--font-serif,Georgia,serif); }
.adfeed-headline a{ color:var(--ink,#0f1410); text-decoration:none; }
.adfeed-headline a:hover{ text-decoration:underline; text-underline-offset:3px; }
.adfeed-text{ margin:0; font:400 13px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adfeed-cta{
  align-self:flex-start; margin-top:4px; padding:8px 16px; border-radius:var(--radius-pill,999px);
  background:var(--navy,#15284b); color:var(--paper,#faf8f3); font:500 12px/1 var(--font-sans,system-ui); text-decoration:none;
}
.adfeed-cta:hover{ background:var(--navy-soft,#33507d); }
.adfeed-paid{ margin:0; padding:0 16px 8px; font:400 11px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adfeed-foot{ display:flex; flex-wrap:wrap; gap:14px; padding:10px 16px 12px; border-top:1px solid var(--line,#e6e1d6); }
.adfeed-act{ padding:0; border:0; background:none; cursor:pointer; font:400 11.5px/1.4 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adfeed-act:hover{ color:var(--ink,#0f1410); text-decoration:underline; text-underline-offset:3px; }
.adfeed-panel{ padding:12px 16px 14px; border-top:1px solid var(--line,#e6e1d6); font:400 12.5px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); }
.adfeed-panel-h{ margin:0 0 8px; font:500 12.5px/1.4 var(--font-sans,system-ui); color:var(--ink,#0f1410); }
.adfeed-why{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:4px; }
.adfeed-why li{ font:400 12.5px/1.6 var(--font-sans,system-ui); }
.adfeed-reasons{ display:flex; flex-wrap:wrap; gap:8px; }
.adfeed-reason{
  min-height:32px; padding:0 13px; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-pill,999px);
  background:none; color:var(--ink-soft,#2b332e); cursor:pointer; font:400 12px/1 var(--font-sans,system-ui);
}
.adfeed-reason:hover{ border-color:var(--navy,#15284b); color:var(--navy,#15284b); }
.adfeed-gone{ margin:0; padding:22px 16px; text-align:center; font:400 12.5px/1.6 var(--font-sans,system-ui); color:var(--muted,#6b736d); }

.adspot{ display:flex; flex-direction:column; gap:0; overflow:hidden; }
.adspot .adfeed-media{ aspect-ratio:16/9; }
.adspot .adfeed-headline{ font-size:14px; }
.adspot .adfeed-text{ display:none; }
.adspot .adfeed-top{ padding:12px 14px 8px; }
.adspot .adfeed-body{ padding:10px 14px 12px; }
.adspot .adfeed-foot{ padding:8px 14px 10px; gap:10px; }

.adlib{ max-width:1180px; margin:0 auto; padding:8px 0 64px; display:flex; flex-direction:column; gap:20px; }
.adlib-filters{ display:flex; flex-wrap:wrap; gap:8px; align-items:end; }
.adlib-filters label{ display:flex; flex-direction:column; gap:4px; font:500 11.5px/1.3 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adlib-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.adlib-card{ display:flex; flex-direction:column; border:1px solid var(--line,#e6e1d6); border-radius:var(--radius-lg,14px); background:var(--surface,#fff); overflow:hidden; }
.adlib-media{ aspect-ratio:4/3; background:var(--surface-soft,#f6f3ec); overflow:hidden; }
.adlib-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.adlib-body{ display:flex; flex-direction:column; gap:6px; padding:12px 14px 14px; }
.adlib-headline{ margin:0; font:500 15px/1.35 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adlib-meta{ margin:0; font:400 12px/1.5 var(--font-sans,system-ui); color:var(--muted,#6b736d); }
.adlib-meta strong{ color:var(--ink-soft,#2b332e); font-weight:500; }
.adlib-removed{ margin:0; padding:8px 10px; border-radius:8px; background:#FFF8E5; color:#6B4E00; font:500 12px/1.4 var(--font-sans,system-ui); }
.adlib-foot{ display:flex; justify-content:space-between; gap:10px; padding:8px 14px 10px; border-top:1px solid var(--line,#e6e1d6); }

.adland{ max-width:980px; margin:0 auto; padding:16px 0 72px; display:flex; flex-direction:column; gap:36px; }
.adland-hero{ display:flex; flex-direction:column; gap:12px; }
.adland-kicker{ margin:0; font:500 12px/1 var(--font-sans,system-ui); letter-spacing:.08em; text-transform:uppercase; color:var(--muted,#6b736d); }
.adland-h1{ margin:0; font:500 34px/1.15 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); max-width:22ch; }
.adland-lede{ margin:0; font:400 16px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); max-width:62ch; }
.adland-acts{ display:flex; flex-wrap:wrap; gap:10px; }
.adland-status{ margin:0; padding:12px 14px; border-radius:var(--radius-md,10px); background:var(--surface-soft,#f6f3ec); font:400 13px/1.6 var(--font-sans,system-ui); color:var(--ink-soft,#2b332e); max-width:70ch; }
.adland-h2{ margin:0 0 12px; font:500 22px/1.25 var(--font-serif,Georgia,serif); color:var(--ink,#0f1410); }
.adland a{ color:var(--navy,#15284b); }

@media (prefers-reduced-motion:reduce){
  .adb-chip span, .adb-publish, .adc-btn{ transition:none; }
}


.adfeed--artwork .adfeed-media img{ object-fit:contain; }
.adfeed--grid{ border-radius:12px; }
.adfeed--grid .adfeed-media{ aspect-ratio:1/1; }
.adfeed--grid .adfeed-headline{ font:500 15px/1.35 var(--font-sans,system-ui); }
.adfeed--grid .adfeed-text{ font-size:12.5px; }
.adfeed--list{ margin:0; border:1px solid var(--line,#e6e1d6); border-radius:12px; background:var(--surface,#fff); }
.adfeed--list .adfeed-media{ aspect-ratio:16/7; }
.srch-result--ad{ list-style:none; }

.mb-list {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.mb-item {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-3);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}

.mb-item.is-curated {
  border-left: 3px solid var(--navy);
}

.mb-cover {
  width: 64px;
  height: 90px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

.mb-cover--empty {
  background: var(--surface-2, #f1efe9);
}

.mb-body {
  min-width: 0;
}

.mb-title {
  margin: 0 0 4px;
  font: 600 17px/1.25 var(--font-serif);
  color: var(--ink);
}

.mb-meta,
.mb-nums {
  margin: 0;
  font: 400 12px/1.5 var(--font-sans);
  color: var(--muted);
}

.mb-nums {
  margin-top: 4px;
}

.mb-nums b {
  color: var(--ink);
  font-weight: 700;
}

.mb-acts {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.mb-state {
  display: inline-block;
  padding: 3px 8px;
  border-radius: var(--radius-sm);
  font: 700 9px/1.4 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
}

.mb-state--curated {
  background: var(--navy);
}

.mb-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.mb-row-wide {
  min-width: 0;
}

.mb-faq {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3) 0;
  border-top: 1px solid var(--line);
}

.mb-faq:first-of-type {
  border-top: 0;
}

.mb-locked-note {
  border-left: 3px solid var(--navy);
  padding-left: var(--space-3);
  margin-bottom: var(--space-4);
}

.mb-remove {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: 1px solid var(--line);
}

@media (max-width: 720px) {
  .mb-item {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .mb-cover {
    width: 48px;
    height: 68px;
  }

  .mb-acts {
    grid-column: 1 / -1;
  }

  .mb-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mb-plan {
  border: 1px solid var(--line);
  border-left: 3px solid var(--navy);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-4) 0 0;
  background: var(--surface);
}

.mb-plan-l {
  display: block;
  font: 700 10px/1.4 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.mb-plan-v {
  display: block;
  margin: 2px 0;
  font: 600 17px/1.3 var(--font-serif);
  color: var(--ink);
}

.mb-plan-d {
  font: 400 12px/1.5 var(--font-sans);
  color: var(--muted);
}

.mb-plan-note {
  margin: var(--space-2) 0 0;
  padding-top: var(--space-2);
  border-top: 1px solid var(--line);
  font: 400 12.5px/1.6 var(--font-sans);
  color: var(--muted);
}

.mb-plan-note b {
  color: var(--ink);
  font-weight: 700;
}

.mb-plan-sum {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--line);
}

.mb-plan-line {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0 0 2px;
  font: 400 13px/1.7 var(--font-sans);
  color: var(--muted);
}

.mb-plan-line b {
  font-variant-numeric: tabular-nums;
  color: var(--ink);
}

.mb-plan-line--total {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-weight: 600;
}

.mb-confirm {
  margin: var(--space-4) 0 0;
  padding: var(--space-4);
  border: 1px solid var(--navy);
  border-radius: var(--radius-md);
  background: var(--surface);
}

.mb-confirm-h {
  margin: 0 0 var(--space-2);
  font: 600 16px/1.3 var(--font-serif);
  color: var(--ink);
}

.mb-confirm-list {
  margin: 0 0 var(--space-3);
  padding-left: var(--space-4);
  font: 400 13px/1.7 var(--font-sans);
  color: var(--ink);
}

.mb-confirm-warn {
  margin-left: var(--space-2);
  font: 600 10px/1.5 var(--font-sans);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #6B4E00;
}

.mb-confirm-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: var(--space-3);
  margin: 0 0 var(--space-4);
  padding: var(--space-3) 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.mb-confirm-facts dt {
  font: 700 10px/1.4 var(--font-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
}

.mb-confirm-facts dd {
  margin: 2px 0 0;
  font: 400 13px/1.5 var(--font-sans);
  color: var(--ink);
}

.mb-confirm-note {
  margin: var(--space-2) 0 0;
  font: 400 12px/1.6 var(--font-sans);
  color: var(--muted);
}

.mb-offer-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.mb-plan-cancel {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: 1px solid var(--line);
}

.mb-plan-cancel span {
  display: block;
  margin-top: 3px;
  font: 400 12px/1.6 var(--font-sans);
  color: var(--muted);
}

.mb-plan-link {
  padding: 0;
  border: 0;
  background: none;
  color: var(--navy);
  font: 600 12.5px/1.6 var(--font-sans);
  text-decoration: underline;
  cursor: pointer;
}

.mb-history {
  margin-top: var(--space-3);
}

.mb-history > summary {
  cursor: pointer;
  font: 600 11px/1.5 var(--font-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--muted);
}

.mb-history ul {
  margin: var(--space-2) 0 0;
  padding-left: var(--space-4);
  font: 400 12.5px/1.8 var(--font-sans);
  color: var(--ink);
}

.mb-history-when {
  color: var(--muted);
  font-size: 11.5px;
}

.at-rail-mark {
  flex: 0 0 24.4375px;
  width: 24.4375px;
  height: 24.4375px;
  fill: currentColor;
  stroke: none;
}

.cx-follow, .cx-alsfirma{ display: contents; margin: 0; }

.wo-at{ display:flex; gap:var(--space-4); align-items:flex-start; }
.wo-at-logo{ flex:0 0 auto; width:52px; height:52px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); text-decoration:none; }
.wo-at-logo img{ width:100%; height:100%; object-fit:cover; }
.wo-at-ini{ font:700 17px/1 var(--font-serif); color:var(--muted); }
.wo-at-body{ min-width:0; }
.wo-at-name{ margin:0; font:700 16px/1.25 var(--font-serif); color:var(--ink); overflow-wrap:anywhere; }
.wo-at-name a{ color:inherit; text-decoration:none; }
.wo-at-name a:hover{ text-decoration:underline; }
.wo-at-role{ margin:3px 0 0; font:600 13.5px/1.4 var(--font-sans); color:var(--ink-soft); }
.wo-at-meta{ margin:3px 0 0; font:400 13px/1.45 var(--font-sans); color:var(--muted); overflow-wrap:anywhere; }
.wo-at-state{ margin:7px 0 0; font:600 12.5px/1.4 var(--font-sans); color:var(--muted); }
.wo-at-state.is-ok{ color:var(--navy); }

.wo-pick{ position:relative; }
.wo-pick-l{ display:block; margin-bottom:5px; font:600 12.5px/1 var(--font-sans); color:var(--ink); }
.wo-pick-list{ position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:140; margin:0; padding:5px; list-style:none; max-height:280px; overflow-y:auto; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-2); }
.wo-pick-list[hidden]{ display:none; }
.wo-opt{ display:flex; gap:10px; align-items:center; width:100%; padding:8px 10px; background:none; border:none; border-radius:var(--radius-sm); text-align:left; cursor:pointer; font-family:var(--font-sans); }
.wo-opt:hover, .wo-opt.is-on{ background:var(--surface-soft); }
.wo-opt-logo{ flex:0 0 auto; width:34px; height:34px; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); font:700 12px/1 var(--font-serif); color:var(--muted); }
.wo-opt-logo img{ width:100%; height:100%; object-fit:cover; }
.wo-opt-id{ min-width:0; }
.wo-opt-n{ display:block; font:600 14px/1.3 var(--font-sans); color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wo-opt-s{ display:block; font:400 12.5px/1.35 var(--font-sans); color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wo-pick-none{ padding:9px 11px; font:400 13px/1.45 var(--font-sans); color:var(--muted); }

.wo-ask{ padding:var(--space-4); background:var(--surface-soft); border:1px solid var(--line); border-radius:var(--radius-md); }
.wo-ask-q{ margin:0 0 var(--space-4); font:400 15px/1.5 var(--font-sans); color:var(--ink); }

.bt-list{ margin:0; padding:0; list-style:none; display:grid; gap:var(--space-3); }
.bt-row{ display:flex; gap:var(--space-4); align-items:center; justify-content:space-between; flex-wrap:wrap; padding:var(--space-3) 0; border-top:1px solid var(--line); }
.bt-row:first-child{ border-top:none; padding-top:0; }
.bt-person{ display:flex; gap:11px; align-items:center; min-width:0; text-decoration:none; }
.bt-face{ flex:0 0 auto; width:44px; height:44px; display:grid; place-items:center; overflow:hidden; font:700 15px/1 var(--font-serif); color:#fff; }
.bt-face img{ width:100%; height:100%; object-fit:cover; }
.bt-id{ min-width:0; }
.bt-name{ display:block; font:700 15px/1.25 var(--font-serif); color:var(--ink); }
.bt-person:hover .bt-name{ text-decoration:underline; }
.bt-role{ display:block; font:600 13px/1.4 var(--font-sans); color:var(--ink-soft); }
.bt-where{ display:block; font:400 12.5px/1.4 var(--font-sans); color:var(--muted); overflow-wrap:anywhere; }
.bt-acts{ display:flex; gap:var(--space-2); flex-wrap:wrap; margin:0; }

.bt-btn--no{ color:#0C6EBA; border-color:rgba(12,110,186,.32); }
.bt-btn--no:hover{ background:rgba(12,110,186,.07); border-color:rgba(12,110,186,.55); }

.cx-tabs--biz{ overflow-x:auto; }

.cx-tab-n{ display:inline-grid; place-items:center; min-width:19px; height:19px; margin-left:5px; padding:0 5px; background:var(--navy); color:#fff; border-radius:var(--radius-pill); font:700 11.5px/1 var(--font-sans); vertical-align:1px; }

@media (max-width:640px){
  .bt-row{ align-items:flex-start; }
  .bt-acts{ width:100%; }
}

.at-rail--promo > .at-rail-write-card{ min-height:80px; display:flex; align-items:center;
  padding-top:0; padding-bottom:0;
  
  box-shadow:0 3px 10px rgba(15,20,16,.12), 0 1px 2px rgba(15,20,16,.07); }
.at-rail--promo > .at-rail-write-card > .at-rail-row--icon{ min-height:0; flex:1 1 auto; }
.at-rail-write-mark{ flex:0 0 35px; width:35px; height:35px; display:block; object-fit:contain; }
.at-rail--promo > .at-rail-banner--market{ margin-top:calc(115px - 80px - 8px); }



.cx-bizcall{ margin:0; }
.cx-bizneed{ margin:0; padding:12px 14px; border:1px solid var(--line);
  border-radius:var(--radius-md); background:var(--surface); }
.cx-bizneed-h{ margin:0; font:600 14px/1.3 var(--font-sans); color:var(--ink); }
.cx-bizcall, .cx-bizneed, .cx-bizpage{ max-width:230px; }

.cx-bizpage{ display:flex; align-items:center; gap:10px; padding:8px 12px 8px 8px;
  border:1px solid var(--line); border-radius:var(--radius-pill);
  text-decoration:none; color:var(--ink); transition:background .15s ease, border-color .15s ease; }
.cx-bizpage:hover{ border-color:rgba(0,0,0,.28); }
.cx-bizpage-logo{ width:34px; height:34px; flex:0 0 auto; border-radius:var(--radius-pill);
  object-fit:cover; background:var(--surface-soft); }
.cx-bizpage-logo--text{ display:grid; place-items:center; background:var(--navy); color:#fff;
  font:700 12px/1 var(--font-sans); }
.cx-bizpage-name{ font:600 14px/1.25 var(--font-sans); min-width:0; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap; }


.wo-at-branche{ margin:2px 0 0; font:500 12.5px/1.4 var(--font-sans); color:var(--navy); }
.pab-show{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:7px; }
.pab-show li{ padding:6px 12px; border:1px solid var(--line); border-radius:var(--radius-pill);
  background:var(--surface); font:500 13px/1.25 var(--font-sans); color:var(--ink); }
.pab-show--pairs li{ display:inline-flex; align-items:baseline; gap:7px; }
.pab-show--pairs li span{ color:var(--muted); font-weight:400; font-size:12px; }

.pab-edu-show{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.pab-edu-show li b{ display:block; font:600 14px/1.3 var(--font-sans); color:var(--ink); }
.pab-edu-show li span{ display:block; font:400 12.5px/1.4 var(--font-sans); color:var(--muted); }

.pab-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.pab-chip{ position:relative; display:inline-flex; align-items:center; }
.pab-chip input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.pab-chip span{ display:inline-block; padding:7px 13px; border:1px solid var(--line);
  border-radius:var(--radius-pill); background:var(--surface); color:var(--ink-soft);
  font:500 13px/1.2 var(--font-sans); }
.pab-chip:hover span{ background:var(--surface-soft); color:var(--ink); }
.pab-chip:has(input:checked) span{ border-color:var(--navy); background:var(--navy); color:var(--paper); }
.pab-chip:has(input:focus-visible) span{ outline:2px solid var(--navy); outline-offset:2px; }
.pab-chip:has(input:disabled) span{ opacity:.45; cursor:not-allowed; }

.pab-count{ margin:0 0 10px; font:400 12.5px/1.3 var(--font-sans); color:var(--muted); }
.pab-count.is-full{ color:var(--navy); font-weight:600; }

.pab-yesno{ display:flex; gap:8px; margin-bottom:12px; }
.pab-collab-types[hidden]{ display:none; }

.pab-rows{ display:grid; gap:10px; }
.pab-row--two{ display:grid; grid-template-columns:1fr 150px; gap:8px; }
.pab-edu{ display:grid; gap:8px; margin:0; padding:12px; border:1px solid var(--line);
  border-radius:var(--radius-md); background:var(--surface-soft); }
.pab-edu-line{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.pab-rows input, .pab-rows select{ width:100%; font:400 14px/1.2 var(--font-sans); color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:9px 11px; }
.pab-rows input:focus, .pab-rows select:focus{ outline:none; border-color:var(--navy-soft); }
.pab-more{ margin-top:10px; border:1px dashed var(--line-strong,#d5d5d5); border-radius:var(--radius-md);
  background:none; color:var(--navy); padding:9px 14px; font:600 13px/1 var(--font-sans); cursor:pointer; }
.pab-more:hover{ background:var(--surface-soft); }

@media (max-width:640px){
  .pab-row--two, .pab-edu-line{ grid-template-columns:1fr; }
}
.at-rail--side{ gap:12px; }

.at-rail-card.at-me-card{ padding:0; background:#fff; border:1px solid #e3e6eb;
  border-radius:12px; box-shadow:none; overflow:hidden; text-align:center; }
.at-me-card .at-me-cover{ height:64px; }
.at-me-card .at-me-face{ box-sizing:border-box; width:82px; height:82px; margin:-37px auto 0;
  border:3px solid #fff; border-radius:50%; background:#fff; font:600 29.9px/1 var(--font-sans); }
.at-me-card .at-me-name{ margin:10px 16px 0; font:700 16.62px/1.3 var(--font-sans); color:#374151; }
.at-me-card .at-me-name:hover{ color:#374151; }
.at-me-card .at-me-role{ margin:4px 16px 0; font:400 13.69px/1.4 var(--font-sans); color:#7b8390;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-me-card .at-me-nums{ margin:18px 0 0; padding:0; border-top:1px solid #e3e6eb; }
.at-me-card .at-me-nums li{ padding:12px 4px 13px; border-left:1px solid #e3e6eb; }
.at-me-card .at-me-nums li:first-child{ border-left:0; }
.at-me-card .at-me-nums b{ font:700 15.64px/1.25 var(--font-sans); color:#4b5563; }
.at-me-card .at-me-nums span{ margin-top:4px; font:400 12.71px/1.3 var(--font-sans); color:#7b8390; }

.at-rail-card.at-rail-links{ display:grid; gap:6.75px; padding:20px 12px 11px; background:#fff;
  border:1px solid #e3e6eb; border-radius:12px; box-shadow:none; }
.at-rail-links-h{ margin:0 0 6px; padding:0 10px; font:700 11.27px/1.4 var(--font-sans);
  letter-spacing:.12em; text-transform:uppercase; color:#374151; }
.at-rail-links > .at-rail-row{ min-height:40px; gap:28px; color:#4b5563;
  font:400 13.6px/1.3 var(--font-sans); }
.at-rail-links > .at-rail-row:hover{ background:#F5F6F8; }
.at-rail-count{ flex:0 0 auto; font:400 12.71px/1 var(--font-sans); font-style:normal; color:#7b8390; }
.at-rail-links-sep{ display:block; height:1px; margin:8px 0 14px; background:#e3e6eb; }

.at-rail--promo{ gap:12px; }
.at-side-card{ padding:18px 16px 8px; background:#fff; border:1px solid #e3e6eb; border-radius:12px; }
.at-side-head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:6px; }
.at-side-title{ margin:0; font:700 16.86px/1.3 var(--font-sans); color:#374151; }
.at-side-more{ flex:0 0 auto; font:400 14.02px/1 var(--font-sans); color:#6b7280; text-decoration:none; white-space:nowrap; }
.at-side-more:hover{ color:#374151; text-decoration:underline; }
.at-sug-list, .at-trend-list{ list-style:none; margin:0; padding:0; }
.at-sug-row{ display:flex; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #e3e6eb; }
.at-sug-row:first-child{ border-top:0; }
.at-sug-who{ display:flex; align-items:center; gap:12px; flex:1 1 auto; min-width:0; color:inherit; text-decoration:none; }
.at-sug-face{ flex:0 0 44px; display:grid; place-items:center; width:44px; height:44px; overflow:hidden;
  border-radius:50%; background:#e5e7eb; font:400 17.99px/1 var(--font-sans); color:#374151; }
.at-sug-face img{ display:block; width:100%; height:100%; object-fit:cover; }
.at-sug-txt{ min-width:0; }
.at-sug-txt b{ display:block; font:400 15.21px/1.3 var(--font-sans); color:#4b5563;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-sug-txt span{ display:block; margin-top:2px; font:400 13.49px/1.35 var(--font-sans); color:#7b8390;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-sug-follow{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  height:30px; padding:0 14px; border:1px solid #cfd5dd; border-radius:999px; background:#fff; color:#4b5563;
  font:400 14.02px/1 var(--font-sans); text-decoration:none; cursor:pointer; }
.at-sug-follow:hover{ background:#F5F6F8; color:#374151; text-decoration:none; }
.at-trend-row > a{ display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; column-gap:12px;
  padding:10px 0; border-top:1px solid #e3e6eb; color:inherit; text-decoration:none; }
.at-trend-row:first-child > a{ border-top:0; }
.at-trend-row > a:hover .at-trend-tag{ text-decoration:underline; }
.at-trend-n{ font:400 13.49px/1 var(--font-sans); color:#9ca3af; text-align:center; }
.at-trend-txt{ min-width:0; }
.at-trend-tag{ display:block; font:400 15.21px/1.3 var(--font-sans); color:#4b5563;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-trend-meta{ display:block; margin-top:2px; font:400 13.49px/1.35 var(--font-sans); color:#6b7280; }
.at-rail-links .at-rail-ads-mark, .at-rail-links .at-rail-mark{ flex:0 0 27px; width:27px; height:27px; }
.at-rail-links .at-rail-ads-mark{ filter:invert(38%); }
.at-rail-links .at-rail-mark{ color:#616161; }
.at-rail-links .at-rail-mark.is-line{ stroke-width:1; }
.feed-card, .feed-card:hover, .feed-card.disc-banner{ border:1px solid #dcdfe4; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
@media (max-width:767px){ .feed-card, .feed-card.disc-banner{ border-left:0; border-right:0; } }
.at-rail-card, .at-rail-card.at-me-card, .at-rail-card.at-rail-links, .at-rail--promo > .at-rail-write-card,
.at-side-card{ border:1px solid #dcdfe4; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
@media (min-width:1080px){
  .disc--three{ grid-template-rows:auto 1fr; row-gap:12px; }
  .disc--three > .at-rail.at-rail--side, .disc--three > .at-rail.at-rail--create{ margin:0; }
}
.disc--three .net-bar, .disc--three .net-count-line, .disc--three .net-grid, .disc--three .net-empty{ max-width:none; margin-left:0; margin-right:0; }
@media (min-width:1440px){
  .disc--three.disc--feed{ grid-template-columns:281px minmax(0,898px) 281px; }
  .disc--three.disc--feed > .at-rail.at-rail--promo{ grid-column:3; grid-row:1 / span 2; }
}
@media (min-width:1604px){
  .disc--three.disc--wide{ --disc-rail:281px; grid-template-columns:minmax(0,1fr) var(--disc-rail) minmax(0,898px) minmax(0,1fr) var(--disc-rail); justify-content:stretch; }
  .disc--three.disc--wide > .at-rail.at-rail--side{ grid-column:2; }
  .disc--three.disc--wide > .disc-main{ grid-column:3; }
  .disc--three.disc--wide > .at-rail.at-rail--promo{ grid-column:5; }
  body:has(.disc--wide) .app-header-inner{ padding-left:calc(48px + max(0px, (100% - 1604px) / 2)); }
}
.disc--wide .feed-foot{ flex-wrap:nowrap; column-gap:var(--space-3); }
@media (min-width:1780px){ .disc--three.disc--wide{ grid-template-columns:calc(50% - 778px) var(--disc-rail) 898px calc(50% - 857px) 360px; } }
@media (max-width:1079px){
  .disc--three.disc--feed{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px){
  .cx-tabs .cx-tab--overflow{ display:none; }
}
@media (max-width:640px){
  .cx-tabs{ flex-wrap:wrap; row-gap:0; }
}
@media (max-width:820px){
  .cx-coverrow:has(> .at-rail-banner) + .cx-head .cx-avatar{ margin-top:16px; }
}
@media (max-width:480px){
  .net-grid > :nth-child(odd) .net-more-menu{ left:calc(62px - 50vw); right:auto; }
}
@media (max-width:900px){
  .cx-tabs{ flex-wrap:wrap; row-gap:0; }
}
.disc--three > .disc-main > .cx{ max-width:none; margin-inline:0; }
@media (min-width:1080px) and (max-width:1279px){
  .disc--profile .cx-layout{ grid-template-columns:minmax(0,1fr); }
}
.spx-find{ box-sizing:border-box; width:100%; height:42px; margin:0 0 12px; padding:0 14px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); font:400 14px/1 var(--font-sans); }
.spx-find:focus{ outline:2px solid var(--navy); outline-offset:1px; }
.spx{ display:flex; flex-direction:column; gap:8px; max-height:min(58vh, 560px); overflow-y:auto; overscroll-behavior:contain; }
.spx-cat{ flex:none; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); }
.spx-cat[hidden], .spx-row[hidden]{ display:none; }
.spx-cat > summary{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; color:var(--ink); font:700 14px/1.2 var(--font-sans); cursor:pointer; list-style:none; }
.spx-cat > summary::-webkit-details-marker{ display:none; }
.spx-cat > summary::after{ content:""; flex:none; width:7px; height:7px; margin-top:-3px; border-right:1.8px solid currentColor; border-bottom:1.8px solid currentColor; transform:rotate(45deg); }
.spx-cat[open] > summary::after{ margin-top:3px; transform:rotate(-135deg); }
.spx-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:7px 14px; border-top:1px solid var(--line); }
.spx-name{ min-width:0; color:var(--ink); font:400 14px/1.3 var(--font-sans); }
.spx-levels{ display:inline-flex; flex:none; gap:6px; }
.spx-lv{ position:relative; display:inline-flex; }
.spx-lv input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.spx-lv span{ display:inline-block; min-width:30px; padding:6px 10px; border:1px solid var(--line); border-radius:var(--radius-pill); color:var(--muted); font:600 12px/1 var(--font-sans); text-align:center; }
.spx-lv:hover span{ background:var(--surface-soft); color:var(--ink); }
.spx-lv:has(input:checked) span{ border-color:var(--navy); background:var(--navy); color:var(--paper); }
.spx-lv:has(input:focus-visible) span{ outline:2px solid var(--navy); outline-offset:2px; }
@media (max-width:420px){
  .spx-row{ padding:7px 10px; }
  .spx-lv span{ padding:6px 8px; }
}
.at-rail-card.at-me-card{ position:relative; }
.at-me-card .at-me-photo{ position:absolute; left:calc(50% + 13px); top:81px; z-index:2; display:grid; place-items:center; width:32px; height:32px; background:#fff; border:1px solid rgba(0,0,0,.14); border-radius:50%; color:#374151; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:background .15s ease; }
.at-me-card .at-me-photo:hover{ background:#F5F6F8; }
.at-me-card .at-me-photo svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.at-me-card .at-me-meta{ margin:3px 10px 0; font:400 12.71px/1.45 var(--font-sans); color:#7b8390; }
.at-me-card .at-me-part{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.at-me-card .at-me-part svg{ width:13px; height:13px; margin:0 4px 0 0; vertical-align:-2px; fill:none; stroke:#7b8390; stroke-width:1.6; }
.cx-head--bar{ display:none; }
@media (min-width:1080px){
  .cx-head--solo, .cx-tabs--solo{ display:none; }
  .cx-head--bar{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:10px 16px 10px 12px; border-color:#dcdfe4; border-radius:0 0 var(--radius-lg) var(--radius-lg); box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
  .cx-head--bar .cx-tabs{ flex:1 1 auto; min-width:0; flex-wrap:wrap; gap:2px; margin:0; padding:0; background:none; overflow:visible; }
  .cx-head--bar .cx-tab{ padding:11px 10px; border-radius:var(--radius-sm); }
  .cx-head--bar .cx-tab:hover{ background:var(--surface-soft); }
  .cx-head--bar .cx-tab.is-active{ background:#F0ECE4; }
  .cx-head--bar .cx-actions-wrap{ flex:0 0 auto; flex-direction:row; align-items:center; align-self:auto; gap:8px; margin-left:auto; padding:0; }
  .cx-head--bar .cx-actions{ flex-wrap:nowrap; padding:0; }
  .cx-head--bar + .cx-layout{ background:none; border-radius:0; }
  .disc--profile.disc--feed .cx-coverrow > .at-rail-banner{ width:217px; }
}
@media (max-width:1079px){
  .disc--profile.disc--feed > .at-rail--promo:has(.at-rail-card){ display:flex; }
}
.pp-stage.is-adjust{ cursor:grab; touch-action:none; user-select:none; }
.pp-stage.is-adjust.is-drag{ cursor:grabbing; }
.pp-stage.is-adjust:focus-visible{ outline:2px solid var(--navy); outline-offset:3px; }
.pp-stage.is-adjust .pp-img{ position:absolute; left:0; top:0; max-width:none; max-height:none; object-fit:fill; pointer-events:none; will-change:transform; }
.pp-zoom{ display:block; width:100%; max-width:280px; margin:14px auto 4px; accent-color:var(--navy); }
.pp-zoom[hidden]{ display:none; }
.pp-err{ margin:10px 0 0; padding:10px 12px; border:1px solid #F1D88A; border-radius:var(--radius-sm); background:#FFF8E5; color:#6B4E00; font:600 13.5px/1.4 var(--font-sans); }
.pp-err[hidden]{ display:none; }
.at-me-card .at-me-verify{ display:flex; align-items:center; gap:6px; margin:4px 16px 0; font:600 13.69px/1.35 var(--font-sans); color:#1987FD; text-decoration:none; }
.at-me-card .at-me-verify:hover{ color:#0F74E3; text-decoration:underline; text-underline-offset:.15em; }
.at-me-card .at-me-verify svg{ flex:none; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
@media (min-width:1080px){
.disc--feed .cx-verify-call{ display:none; }
}
.vf-gain{ list-style:none; margin:0; padding:0; display:grid; gap:12px; }
.vf-gain li{ display:flex; align-items:center; gap:12px; font:400 14.5px/1.4 var(--font-sans); color:var(--ink); }
.vf-gain li b{ font-weight:700; }
.vf-gain li svg{ flex:none; box-sizing:border-box; width:24px; height:24px; padding:4px; border-radius:50%; background:#E5F2FE; fill:none; stroke:#1987FD; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }

.bpub-ready{ display:flex; align-items:center; gap:14px; margin:0 0 14px; padding:14px 16px; border:1px solid #BFE3CD; border-radius:14px; background:#F2FAF5; }
.bpub-ready-ico{ width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:50%; background:#067647; }
.bpub-ready-ico svg{ width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.bpub-ready-t{ display:grid; gap:2px; flex:1; min-width:0; font-size:14px; }
.bpub-ready-t span{ color:#475467; }
@media (max-width:620px){ .bpub-ready{ flex-wrap:wrap; } }

.mbv-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:4px 0 14px; padding-bottom:10px; border-bottom:1px solid #EAECF0; }
.mbv-views{ display:flex; flex-wrap:wrap; gap:4px; }
.mbv-view{ display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; font-size:14px; font-weight:600; color:#475467; text-decoration:none; }
.mbv-view:hover{ background:#F5F6F8; }
.mbv-view[aria-current="page"]{ background:#15284B; color:#fff; }
.mbv-n{ font-weight:500; opacity:.75; }
.mbv-tools{ display:flex; flex-wrap:wrap; gap:8px; }
.mbv-q, .mbv-sort{ height:36px; padding:0 10px; border:1px solid #D0D5DD; border-radius:8px; font:inherit; font-size:14px; background:#fff; }
.mbv-q{ min-width:200px; }
.mbv-none{ margin:8px 0 16px; color:#475467; font-size:14px; }
.mbv-miss{ margin:4px 0 0; font-size:13px; color:#6B4E00; }
@media (max-width:620px){ .mbv-tools, .mbv-q{ width:100%; } .mbv-q{ min-width:0; flex:1; } }


.mbv-roles{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:0 0 12px; font-size:14px; color:#475467; }
.mbv-roles b{ color:#101828; font-weight:600; }
.mbv-add{ margin-left:auto; }
.pv-zoom-overlay, .pev-back, .ppov-back, .ogov-back{ -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.cx-actions .cx-iconbtn, .cx-actions .cx-iconbtn:hover{ border-color:transparent; }
.cx-bizpage{ background:#F2F2F2; }
.cx-bizpage:hover{ background:#F5F6F8; }
.at-me-card .at-me-nums li:has(> a){ padding:0; }
.at-me-card .at-me-nums a{ display:block; padding:12px 4px 13px; color:inherit; text-decoration:none; transition:background-color .15s ease; }
.at-me-card .at-me-nums a:hover{ background:#F5F6F8; }
.at-me-card .at-me-nums a:hover b{ color:#0C6EBA; }
.at-rail-card.at-rail-filter-card{ background:#FFFFFF; }
.net-bar-select select{ background-color:#FFFFFF; border:1px solid #DCDFE4; padding:11px 35px 11px 13px; }
.at-me-card .at-me-arts{ margin:6px 14px 0; font:400 12.71px/1.45 var(--font-sans); color:#7b8390; text-align:center; }
.at-rail-filter-card > button.at-rail-row.is-active,.at-rail-filter-card > button.at-rail-row.is-active:hover{ margin:0 -16px; padding:0 26px; border:0; border-radius:0; background:#F5F6F8; color:var(--ink); }
@media (max-width:360px){ .at-rail-filter-card > button.at-rail-row.is-active,.at-rail-filter-card > button.at-rail-row.is-active:hover{ margin:0 -12px; padding:0 22px; } }
.cx-mbanner{ display:none; }
@media (max-width:767px){
  .cx.cx--member{ display:flex; flex-direction:column; }
  .cx.cx--member > .cx-coverrow{ display:contents; }
  .app-shell:has(.cx.cx--member){ padding-left:0; padding-right:0; padding-top:0; }
  .cx.cx--member > .cx-coverrow > .cx-cover, .cx.cx--member > .cx-cover{ height:230px; border-radius:0; }
  .cx.cx--member > .cx-coverrow > .at-rail-banner{ display:none; }
  .cx.cx--member .cx-mbanner{ display:block; }
  .cx.cx--member .cx-mbanner > .at-rail-banner{ width:100%; aspect-ratio:5/2; margin:0; border-radius:0; }
  .cx.cx--member > .cx-tabs{ padding:0 6px; border-radius:0; }
  .cx.cx--member .cx-layout{ border-radius:0; }
  .cx.cx--member .cx-card, .cx.cx--member .at-rail-card{ border-left:0; border-right:0; border-radius:0; padding-left:12px; padding-right:12px; }
  .cx.cx--member > .cx-tabs, .cx.cx--member > .cx-head--bar{ order:2; }
  .cx.cx--member > .cx-layout{ order:3; }
  .cx.cx--member > .cx-head{ grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"name acts" "tag acts" "meta acts" "stats stats"; align-items:start; gap:0 12px; padding:14px 12px 16px; border-left:0; border-right:0; border-radius:0; }
  .cx.cx--member > .cx-head .cx-avatar{ position:absolute; top:-104px; left:12px; margin:0; z-index:2; }
  .cx.cx--member > .cx-head .cx-id{ display:contents; }
  .cx.cx--member > .cx-head .cx-name{ grid-area:name; margin:4px 0; }
  .cx.cx--member > .cx-head .cx-tagline{ grid-area:tag; }
  .cx.cx--member > .cx-head .cx-meta{ grid-area:meta; align-items:flex-start; }
  .cx.cx--member > .cx-head .cx-actions-wrap{ grid-area:acts; grid-column:auto; align-self:start; align-items:flex-end; gap:10px; padding:0; }
  .cx.cx--member > .cx-head .cx-actions{ flex-wrap:wrap; justify-content:flex-end; gap:6px; padding:0; }
  .cx.is-myview > .cx-head .cx-actions{ flex-wrap:nowrap; }
  .cx.cx--member > .cx-head .cx-iconbtn{ width:34px; height:34px; }
  .cx.cx--member > .cx-head .cx-bizcall, .cx.cx--member > .cx-head .cx-bizneed, .cx.cx--member > .cx-head .cx-bizpage{ max-width:160px; }
  .cx.cx--member > .cx-head .cx-stats{ grid-area:stats; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; margin-top:16px; }
  .cx.cx--member > .cx-head a.cx-stat{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 4px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-soft); }
  .cx.cx--member > .cx-head a.cx-stat:hover{ border-color:var(--ink); }
  .cx.cx--member > .cx-head .cx-stat span{ margin-left:0; }
}
.srch-field{ position:relative; display:block; }
.srch-field-ico{ position:absolute; left:12px; top:10px; width:24px; height:24px; fill:#000; pointer-events:none; shape-rendering:geometricPrecision; }
.srch-field select{ padding-left:46px; }
.srch-filters svg{ width:24px; height:24px; stroke:#000; stroke-width:1; }
.srch-bar-ico{ width:24px; height:24px; stroke:#000; stroke-width:1.5; }
.srch-go{ background:#0C6EBA; }
.srch-go:hover{ background:#0A5C9C; }
.srch-panel{ grid-template-columns:repeat(4,calc((100% - 42px) * .225)) minmax(0,1fr); align-items:center; }
.srch-panel-foot{ grid-column:auto; }
@media (min-width:621px) and (max-width:860px){
  .srch-panel{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .srch-panel-foot{ grid-column:1 / -1; }
}
@media (max-width:620px){
  .srch-panel{ grid-template-columns:minmax(0,1fr); }
  .srch-panel-foot{ grid-column:1 / -1; }
}
.srch-clear{ height:44px; }
.cx-iconbtn svg{ width:20.4px; height:20.4px; }
.cx-iconbtn:not(.is-active){ color:#5F6368; }
.cx-photo-edit--cover svg{ width:18px; height:18px; stroke:#5F6368; }
.srch > .srch-form{ max-width:898px; }
.srch > .srch-form > .srch-panel{ background:transparent; border:0; border-radius:0; box-shadow:none; }
@media (min-width:1440px){ .srch > .srch-form{ max-width:min(898px, calc(100% - 305px)); } }
@media (max-width:1079px){ .srch > .srch-form{ max-width:none; border-radius:0; } }
@media (min-width:1080px) and (max-width:1439px){ .srch > .srch-form{ margin-left:max(0px, (100% - 898px) / 2); } }
.srch > .srch-live{ max-width:898px; }
@media (min-width:1440px){ .srch > .srch-live{ max-width:min(898px, calc(100% - 305px)); } }
@media (min-width:1080px) and (max-width:1439px){ .srch > .srch-live{ margin-left:max(0px, (100% - 898px) / 2); } }
@media (max-width:1079px){ .srch > .srch-live{ max-width:none; } }
.srch > .srch-form{ padding:8px 8px 8px 22px; border-radius:28px; }
.srch > .srch-form:has(> .srch-panel:not([hidden])){ border-radius:20px; padding-bottom:14px; }
.srch > .srch-form > .srch-bar, .srch > .srch-form > .srch-bar:focus-within{ padding:0; gap:4px; background:transparent; border:0; border-radius:0; box-shadow:none; }
.srch > .srch-form .srch-bar-ico{ display:none; }
.srch > .srch-form .srch-bar input{ padding:0; font:400 var(--field-fs, 16px)/1.3 var(--font-sans); }
.srch > .srch-form .srch-bar input::placeholder{ color:#5F6368; font-weight:400; }
.srch > .srch-form .srch-filters, .srch > .srch-form .srch-filters[aria-expanded="true"]{ width:44px; height:44px; padding:0; justify-content:center; border:0; border-radius:50%; font-weight:400; }
.srch > .srch-form .srch-filters:hover, .srch > .srch-form .srch-filters[aria-expanded="true"]{ background:#F5F6F8; }
.srch > .srch-form .srch-go{ width:44px; height:44px; border-radius:50%; }
.srch > .srch-form > .srch-panel{ margin-top:10px; padding:0 0 0 0; }
.srch > .srch-form .srch-panel-foot{ justify-content:flex-end; }
.srch > .srch-form .srch-clear{ display:grid; place-items:center; width:44px; height:44px; padding:0; background:transparent; border-radius:50%; font-weight:400; }
@media (max-width:1079px){ .srch > .srch-form, .srch > .srch-form:has(> .srch-panel:not([hidden])){ border-radius:0; padding-left:16px; } }
.srch > .srch-form{ background:#FFFFFF; border:1px solid #DADCE0; box-shadow:0 1px 4px rgba(32,33,36,.16); }
.srch > .srch-form .srch-filters:hover, .srch > .srch-form .srch-filters[aria-expanded="true"], .srch > .srch-form .srch-clear:hover{ background:#F5F6F8; }
.srch > .srch-form .srch-field select{ border-color:#DADCE0; }
@media (max-width:1079px){ .srch > .srch-form{ border-left:0; border-right:0; } }
.srch > .srch-form .srch-clear{ border:0; }
.srch > .srch-form .srch-clear svg{ width:44px; height:44px; fill:none; stroke:#000; stroke-width:1.2; stroke-linecap:round; shape-rendering:geometricPrecision; }
.srch > .srch-form .srch-clear:hover{ background:transparent; }
.disc--feed .srch > .srch-form, .disc--feed .srch > .srch-live{ max-width:none; margin-left:0; }
.srch > .srch-form .srch-clear svg circle{ stroke:none; fill:#E2E5E8; }
.srch > .srch-form .srch-clear:hover svg circle{ fill:#D5D9DD; }
.srch > .srch-form .srch-filters, .srch > .srch-form .srch-filters[aria-expanded="true"]{ background:#E2E5E8; }
.srch > .srch-form .srch-filters:hover{ background:#F5F6F8; }
.tkw{ --tkw-blue:#1565C0; --tkw-stripe:var(--tkw-blue); position:relative; width:auto; max-width:none; margin:12px 0 0; border-radius:18px; background:var(--tkw-blue); color:#FFFFFF; font-family:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; box-shadow:0 1px 2px rgba(21,40,75,.08), 0 18px 40px -18px rgba(21,40,75,.5); isolation:isolate; }
.tkw *, .tkw *::before, .tkw *::after{ box-sizing:border-box; }
.tkw-media{ position:relative; aspect-ratio:5 / 7; }
.tkw-photo{ position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 30%; border-radius:18px; }
.tkw-overlay{ position:absolute; inset:0; border-radius:18px; background:linear-gradient(to top, rgba(21,101,192,.86) 0%, rgba(21,101,192,.7) 12%, rgba(21,101,192,.5) 24%, rgba(21,101,192,.28) 36%, rgba(21,101,192,.1) 45%, rgba(21,101,192,0) 52%); pointer-events:none; }
.tkw-awning-wrap{ position:absolute; z-index:3; top:-12px; left:0; right:0; filter:drop-shadow(0 3px 2px rgba(8,30,70,.25)); pointer-events:none; }
.tkw-awning{ position:relative; height:66px; overflow:hidden; border-radius:6px 6px 0 0; background:repeating-linear-gradient(90deg, var(--tkw-stripe) 0 calc(100% / 11), #FFFFFF calc(100% / 11) calc(200% / 11)); -webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 51px no-repeat, radial-gradient(50% 100% at 50% 0, #000 96%, transparent 100%) 0 50px / calc(100% / 11) 16px repeat-x; mask:linear-gradient(#000 0 0) 0 0 / 100% 51px no-repeat, radial-gradient(50% 100% at 50% 0, #000 96%, transparent 100%) 0 50px / calc(100% / 11) 16px repeat-x; }
.tkw-awning::before{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,.06) 70%, rgba(0,0,0,.14) 100%); }
.tkw-shine{ position:absolute; top:0; bottom:0; left:-50%; width:36%; background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.75) 50%, rgba(255,255,255,0) 100%); transform:skewX(-20deg); animation:tkw-shine 5s ease-in-out 1s infinite; }
@keyframes tkw-shine{ 0%{ left:-50%; } 34%, 100%{ left:110%; } }
.tkw-body{ position:absolute; z-index:2; left:0; right:0; bottom:0; padding:0 22px 24px; }
.tkw-cta{ display:flex; width:fit-content; margin:0 auto; align-items:center; gap:10px; min-height:46px; padding:0; border:0; border-radius:12px; background:transparent; max-width:100%; justify-content:center; text-align:center; line-height:1.25; color:#FFFFFF; font-family:'Playfair Display', Georgia, serif; font-size:32px; font-weight:400; font-variant-numeric:lining-nums; text-decoration:none; }
.tkw-cta:hover, .tkw-cta:focus{ background:transparent; color:#FFFFFF; text-decoration:none; }
.tkw-cta:focus-visible{ outline:3px solid #FFFFFF; outline-offset:3px; }
.tkw-cta svg{ flex:0 0 26px; width:26px; height:26px; }
@media (prefers-reduced-motion:reduce){ .tkw-shine{ animation:none; display:none; } }
.at-rail--promo > .at-rail-ad{ display:none; }
@media (min-width:1080px){
  .disc--three:not(.jobs-shell):not(.nw-shell) > .at-rail--promo > .at-rail-ad{ display:block; }
  .disc--three:not(.jobs-shell):not(.nw-shell) > .at-rail--side > .at-rail-ad{ display:none; }
}
@media (min-width:1440px){
  .disc--three.disc--feed:not(.jobs-shell):not(.nw-shell) > .at-rail--promo > .at-rail-ad{ display:none; }
  .disc--three.disc--feed:not(.jobs-shell):not(.nw-shell) > .at-rail--side > .at-rail-ad{ display:block; }
}
.mkt-shop-sidebar > .tkw{ margin:40px 0 0; }
@media (max-width:1399px){ .mkt-shop-sidebar > .tkw{ display:none; } }
.cal-views{ gap:22px; align-items:flex-end; }
.cal-view, .cal-view:hover{ min-width:0; min-height:34px; padding:0 2px; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:#8A9099; font:600 15px/1.2 var(--font-sans); }
.cal-view:hover{ color:var(--ink); }
.cal-view.is-active{ background:none; border-color:var(--ink); color:var(--ink); font-weight:700; }
.cal-ev--t0{ --cal-bg:#F7F8E3; --cal-line:#E3E5B5; --cal-ink:#9C9A22; }
.cal-ev--t1{ --cal-bg:#EAF6EE; --cal-line:#C6E4CF; --cal-ink:#3F8F57; }
.cal-ev--t2{ --cal-bg:#FBEAEA; --cal-line:#F0C5C5; --cal-ink:#BF4B49; }
.cal-ev--t3{ --cal-bg:#F3EAF8; --cal-line:#DCC6EA; --cal-ink:#8A4FB0; }
.cal-ev--t4{ --cal-bg:#E6F0FB; --cal-line:#BCD3EF; --cal-ink:#2D68AE; }
.cal-ev--t5{ --cal-bg:#FDF0E3; --cal-line:#F2D2AC; --cal-ink:#BE7123; }
.cal-wk-scroll{ max-height:72vh; overflow:auto; border:1px solid #E6E8EC; border-radius:12px; background:#FFFFFF; }
.cal-wk{ min-width:720px; }
.cal-wk-row{ display:grid; grid-template-columns:64px repeat(7, minmax(0, 1fr)); }
.cal-wk-head{ position:sticky; top:0; z-index:6; border-bottom:1px solid #E6E8EC; background:#FFFFFF; }
.cal-wk-day{ display:flex; flex-direction:column; align-items:center; gap:2px; padding:12px 4px 10px; border-left:1px solid #EEF0F3; color:#8A9099; text-decoration:none; }
.cal-wk-day span{ font:500 12px/1.2 var(--font-sans); }
.cal-wk-day b{ font:600 20px/1.2 var(--font-sans); color:#4B5563; }
.cal-wk-day:hover b{ color:var(--ink); }
.cal-wk-day.is-today b{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; border-radius:999px; background:#C0392B; color:#FFFFFF; }
.cal-wk-allday{ border-bottom:1px solid #E6E8EC; }
.cal-wk-gut{ display:flex; align-items:center; justify-content:flex-end; padding-right:10px; color:#9AA0A8; font:500 11px/1.2 var(--font-sans); }
.cal-wk-adc{ display:grid; gap:4px; align-content:start; min-height:34px; padding:5px 4px; border-left:1px solid #EEF0F3; }
.cal-ad{ display:block; overflow:hidden; padding:4px 7px; border:1px solid var(--cal-line); border-radius:6px; background:var(--cal-bg); color:var(--cal-ink); font:600 11.5px/1.3 var(--font-sans); text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.cal-wk-times{ display:block; padding:0; }
.cal-wk-hour{ display:block; height:56px; padding:6px 10px 0 0; color:#9AA0A8; font:500 11px/1 var(--font-sans); text-align:right; }
.cal-wk-col{ position:relative; border-left:1px solid #EEF0F3; }
.cal-wk-col.is-today{ background:#FCFCFD; }
.cal-wk-slot{ display:block; height:56px; border-top:1px solid #EEF0F3; }
.cal-wk-slot:first-child{ border-top:0; }
.cal-ev{ position:absolute; z-index:1; min-height:24px; padding:2px 3px; }
.cal-ev-link{ display:block; height:100%; overflow:hidden; padding:6px 22px 6px 8px; border:1px solid var(--cal-line); border-radius:6px; background:var(--cal-bg); color:var(--cal-ink); text-decoration:none; }
.cal-ev-link:hover{ filter:brightness(.98); }
.cal-ev-time{ display:block; overflow:hidden; font:600 10.5px/1.3 var(--font-sans); letter-spacing:.01em; text-overflow:ellipsis; white-space:nowrap; }
.cal-ev-title{ display:-webkit-box; overflow:hidden; margin-top:2px; font:700 12px/1.3 var(--font-sans); -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.cal-ev.is-short .cal-ev-link{ display:flex; align-items:center; gap:6px; padding-top:2px; padding-bottom:2px; }
.cal-ev.is-short .cal-ev-time{ display:none; }
.cal-ev.is-short .cal-ev-title{ margin:0; -webkit-line-clamp:1; }
.cal-ev.is-narrow .cal-ev-link{ padding:5px 6px; }
.cal-ev.is-narrow .cal-ev-menu{ display:none; }
.cal-ev.is-narrow:hover .cal-ev-menu, .cal-ev.is-narrow:focus-within .cal-ev-menu{ display:block; }
.cal-ev.is-short .cal-ev-menu{ top:2px; }
.cal-ev.is-archived, .cal-ad.is-archived{ opacity:.55; }
.cal-now{ position:absolute; z-index:2; left:0; right:0; height:2px; margin-top:-1px; background:#C0392B; pointer-events:none; }
.cal-now::before{ content:""; position:absolute; left:-5px; top:-4px; width:10px; height:10px; border-radius:999px; background:#C0392B; }
.cal-ev-menu{ position:absolute; z-index:3; top:5px; right:5px; }
.cal-ev-menu > summary{ display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:6px; color:var(--cal-ink, #4B5563); cursor:pointer; list-style:none; }
.cal-ev-menu > summary::-webkit-details-marker{ display:none; }
.cal-ev-menu > summary:hover{ background:rgba(17,24,39,.06); }
.cal-ev-menu > summary svg{ width:16px; height:16px; fill:currentColor; }
.cal-ev-menu-list{ position:absolute; z-index:20; top:24px; right:0; display:grid; min-width:132px; padding:6px; border:1px solid #E6E8EC; border-radius:10px; background:#FFFFFF; box-shadow:0 12px 28px -10px rgba(17,24,39,.3); }
.cal-ev-menu-i{ display:block; width:100%; padding:7px 10px; border:0; border-radius:6px; background:none; color:#374151; font:500 13px/1.3 var(--font-sans); text-align:left; text-decoration:none; cursor:pointer; }
.cal-ev-menu-i:hover{ background:#F5F6F8; color:var(--ink); }
.cal-ev-menu-i--danger, .cal-ev-menu-i--danger:hover{ color:#6B4E00; }
.cal-ev-menu[open]{ z-index:30; }
.cal-dl-nav{ display:flex; justify-content:space-between; gap:12px; }
.cal-dl-step{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 14px; border:1px solid #D9DCE1; border-radius:999px; background:#FFFFFF; color:#374151; font:500 13px/1 var(--font-sans); text-decoration:none; }
.cal-dl-step:hover{ border-color:#9AA0A8; color:var(--ink); }
.cal-dl-step svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:760px){
  .cal-views{ gap:16px; }
  .cal-dl-step{ padding:0 10px; }
}
.cal-dv{ display:grid; gap:12px; }
.cal-dv-sheet{ max-height:72vh; overflow:auto; border:1px solid #E6E8EC; border-radius:12px; background:#FFFFFF; }
.cal-dv-row{ display:grid; grid-template-columns:64px minmax(0, 1fr); }
.cal-dv-allday{ position:sticky; top:0; z-index:6; border-bottom:1px solid #E3E5E9; background:#FFFFFF; }
.cal-dv-lab{ padding:10px 0 10px 10px; color:#111827; font:600 12px/1.2 var(--font-sans); }
.cal-dv-adc{ display:flex; flex-wrap:wrap; gap:6px; align-content:center; min-height:38px; padding:6px 8px; }
.cal-dv-ad{ padding:5px 10px; border-radius:8px; background:var(--cal-solid); color:#FFFFFF; font:600 12px/1.3 var(--font-sans); text-decoration:none; }
.cal-dv-times{ display:block; }
.cal-dv-hour{ display:block; height:64px; padding:0 8px 0 10px; color:#9AA0A8; font:400 12px/1 var(--font-sans); transform:translateY(-6px); }
.cal-dv-hour:first-child{ transform:none; padding-top:4px; }
.cal-dv-col{ position:relative; }
.cal-dv-slot{ display:block; height:64px; border-top:1px solid #E3E5E9; }
.cal-dv-slot:first-child{ border-top:0; }
.cal-dv-ev{ position:absolute; z-index:1; min-height:26px; padding:2px 4px; }
.cal-dv-link{ display:block; height:100%; overflow:hidden; padding:8px 30px 8px 10px; border:1px solid var(--cal-solid); border-radius:8px; background:var(--cal-solid); color:#FFFFFF; box-shadow:0 1px 3px rgba(17,24,39,.12); text-decoration:none; }
.cal-dv-title{ display:block; overflow:hidden; font:700 13px/1.3 var(--font-sans); text-overflow:ellipsis; white-space:nowrap; }
.cal-dv-time{ display:block; overflow:hidden; margin-top:2px; color:rgba(255,255,255,.82); font:500 12px/1.3 var(--font-sans); text-overflow:ellipsis; white-space:nowrap; }
.cal-dv-ev.is-short .cal-dv-link{ display:flex; align-items:center; gap:8px; padding-top:3px; padding-bottom:3px; }
.cal-dv-ev.is-short .cal-dv-time{ margin:0; }
.cal-dv-ev.is-archived .cal-dv-link{ background:#E4EFF9; border-color:#4A9FE0; color:#2C86CF; box-shadow:none; }
.cal-dv-ev.is-archived .cal-dv-time{ color:#7DB6E6; }
.cal-dv-ev.is-archived{ opacity:1; }
.cal-dv-ev .cal-ev-menu > summary{ color:#FFFFFF; }
.cal-dv-ev .cal-ev-menu > summary:hover{ background:rgba(255,255,255,.18); }
.cal-dv-ev.is-archived .cal-ev-menu > summary{ color:#2C86CF; }
.cal-dv-ev .cal-ev-menu{ top:6px; right:8px; }
.cal-dv-now{ position:absolute; z-index:2; left:0; right:0; height:2px; margin-top:-1px; background:#E5484D; pointer-events:none; }
.cal-dv-pill{ position:absolute; left:-62px; top:-10px; min-width:48px; padding:3px 6px; border-radius:6px; background:#FFF8E5; color:#FFFFFF; font:600 12px/14px var(--font-sans); text-align:center; }
.cal-ev--t0{ --cal-solid:#22A35A; }
.cal-ev--t1{ --cal-solid:#EE8B36; }
.cal-ev--t2{ --cal-solid:#1BA1EC; }
.cal-ev--t3{ --cal-solid:#E2447F; }
.cal-ev--t4{ --cal-solid:#EB4B45; }
.cal-ev--t5{ --cal-solid:#8E5BD6; }
.cal-layout{ grid-template-columns:minmax(0, 1fr); }
.cal-controls{ align-items:center; }
.cal-add{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 14px; border-radius:8px; background:#111827; color:#FFFFFF; font:600 13px/1 var(--font-sans); text-decoration:none; }
.cal-add:hover{ background:#000000; color:#FFFFFF; }
.cal-add svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
.cal-ovl{ position:fixed; inset:0; z-index:1300; display:none; align-items:center; justify-content:center; padding:16px; }
.cal-ovl:target, .cal-ovl.is-open{ display:flex; }
.cal-ovl-veil{ position:absolute; inset:0; background:rgba(15,23,42,.38); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.cal-ovl-box{ position:relative; width:min(640px, 100%); max-height:calc(100vh - 32px); overflow:auto; padding:24px; border-radius:14px; background:#FFFFFF; box-shadow:0 24px 60px -20px rgba(15,23,42,.45); }
.cal-ovl-x{ position:absolute; top:14px; right:14px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; color:#374151; }
.cal-ovl-x:hover{ background:#F5F6F8; color:var(--ink); }
.cal-ovl-x svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.cal-ovl .cal-form-title{ margin:0 40px 16px 0; font:600 20px/1.3 var(--font-serif); }
.cal-ovl .cal-form{ grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:16px; }
.cal-ovl .cal-form-actions, .cal-ovl .cal-field:has(textarea){ grid-column:1 / -1; }
@media (max-width:640px){ .cal-ovl .cal-form{ grid-template-columns:minmax(0, 1fr); } .cal-ovl-box{ padding:20px 16px; } }
.cal-ev--job{ --cal-bg:#EAF3FB; --cal-line:#BFD7EE; --cal-ink:#0C6EBA; --cal-solid:#0C6EBA; }
.cal-chip--job{ border-left-color:#0C6EBA; }
.cal-ev--req{ --cal-bg:#FFF6E5; --cal-line:#F2D49B; --cal-ink:#8A5A00; --cal-solid:#D99A1E; }
.cal-chip--req{ border-left-color:#D99A1E; }
.cal-wk-slot, .cal-dv-slot{ cursor:pointer; }
.cal-wk-slot:hover, .cal-dv-slot:hover{ background:#F5F6F8; }
.cal-cell[data-cal-day]{ cursor:pointer; }
.cal-where { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; min-width: 0; }
.cal-where-l { padding: 0; font: 700 10px/1.4 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.cal-where-pick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.cal-where-opt { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); font: 600 13px/1.2 var(--font-sans); color: var(--ink); cursor: pointer; }
.cal-where-opt:has(input:checked) { border-color: var(--ink); background: #F4F6F9; }
.cal-where [hidden] { display: none; }
.cal-field > label > span { font: 700 10px/1.4 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.cal-field.pf .pf-city-list { z-index: 3100; }
.cal-form > .cal-where { grid-column: 1 / -1; }
a.artx-ract{ text-decoration:none; }
.pv-comment-edited{ font-size:11.5px; color:var(--muted); }
.pv-comment-edit{ margin-top:4px; }
.pv-comment-edit > summary{ display:inline; cursor:pointer; list-style:none; font:600 12px/1.2 var(--font-sans); color:var(--muted); }
.pv-comment-edit > summary::-webkit-details-marker{ display:none; }
.pv-comment-edit > summary:hover{ color:var(--ink); }
.pv-comment-edit form{ display:flex; gap:8px; align-items:flex-end; margin-top:6px; }
.pv-comment-edit textarea{ flex:1; min-width:0; border:1px solid #d6dbe3; border-radius:10px; padding:8px 10px; font:400 16px/1.4 var(--font-sans); resize:vertical; }
.pv-comment-edit .dpc-submit{ padding:8px 16px; }
.bm-kinds{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.bm-kind{ display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px; border-radius:999px; background:#F1F5F9; color:#002748; font-size:14px; font-weight:600; text-decoration:none; transition:background-color .15s ease, color .15s ease; }
.bm-kind:hover{ background:#E2EBF4; color:#002748; }
.bm-kind.is-on{ background:#002748; color:#FFFFFF; }
.bm-kind-n{ font-size:12.5px; font-weight:600; opacity:.7; font-variant-numeric:tabular-nums; }
.bm-kind:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.bm-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:16px; }
.bm-item{ position:relative; display:flex; flex-direction:column; min-width:0; background:#FFFFFF; border:1px solid rgba(12,110,186,.16); border-radius:16px; overflow:hidden; box-shadow:0 1px 2px rgba(0,39,72,.06), 0 14px 30px -22px rgba(12,110,186,.45); }
.bm-media{ display:flex; align-items:center; justify-content:center; aspect-ratio:4/5; background:#F1F7FD; overflow:hidden; text-decoration:none; }
.bm-media img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.bm-media:hover img{ transform:scale(1.03); }
.bm-media.is-empty span{ font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#5B8DBB; }
.bm-save{ position:absolute; top:10px; right:10px; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.95); color:#0C6EBA; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 12px -4px rgba(0,39,72,.35); }
.bm-save svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linejoin:round; }
.bm-save.is-active svg{ fill:currentColor; }
.bm-save:focus-visible, .bm-title:focus-visible, .bm-media:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.bm-body{ display:flex; flex-direction:column; gap:4px; padding:12px 14px 14px; min-width:0; }
.bm-type{ font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#0C6EBA; }
.bm-title{ font-size:15px; font-weight:600; line-height:1.3; color:#002748; text-decoration:none; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.bm-title:hover{ color:#0C6EBA; }
.bm-when{ font-size:12.5px; color:#4E647A; }
.bm-show{ margin:6px 0 0; }
.bm-show .cx-pager-btn{ cursor:pointer; }
.bm-more-box{ display:grid; grid-template-rows:0fr; margin-top:0; transition:grid-template-rows .45s ease, margin-top .45s ease; }
.bm-more-box.is-open{ grid-template-rows:1fr; margin-top:16px; }
.bm-more-box > .bm-grid{ min-height:0; overflow:hidden; }
.bm-more{ display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:48px; margin-top:16px; padding:0 16px; border:1px solid rgba(12,110,186,.25); border-radius:12px; background:#F5F9FD; color:#0C6EBA; font:600 15px/1 var(--font-sans); cursor:pointer; }
.bm-more:hover{ background:#EAF3FB; border-color:#0C6EBA; }
.bm-more svg{ width:18px; height:18px; transition:transform .35s ease; }
.bm-more[aria-expanded="true"] svg{ transform:rotate(180deg); }
@media (min-width:601px){ .bm-grid--three{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (prefers-reduced-motion:reduce){ .bm-more-box, .bm-more svg{ transition:none; } }
.bm-item:has(.bm-save:not(.is-active)){ opacity:.55; }
@media (max-width:600px){ .bm-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; } .bm-body{ padding:10px 10px 12px; } .bm-title{ font-size:14px; } .bm-save{ width:36px; height:36px; top:8px; right:8px; } }
@media (prefers-reduced-motion:reduce){ .bm-media img{ transition:none; } }
.ht{ display:flex; flex-direction:column; gap:14px; min-width:0; }
.ht-head{ display:flex; align-items:center; gap:18px; padding:22px 24px; background:#fff; border:1px solid #dcdfe4; border-radius:12px; box-shadow:0 2px 3px -1px rgba(17,24,39,.138); }
.ht-mark{ flex:none; display:grid; place-items:center; width:68px; height:68px; border-radius:50%; background:linear-gradient(145deg,#0C6EBA 0%,#002748 100%); color:#fff; font:700 32px/1 var(--font-sans); }
.ht-title{ flex:1 1 auto; min-width:0; margin:0; font:700 28px/1.2 var(--font-sans); color:#002748; overflow-wrap:anywhere; }
.ht-share{ flex:none; display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid #dcdfe4; border-radius:50%; background:#fff; color:#002748; cursor:pointer; }
.ht-share:hover{ background:#F5F6F8; }
.ht-share svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ht-related{ display:flex; gap:8px; overflow-x:auto; padding:2px 1px 4px; scrollbar-width:none; }
.ht-related::-webkit-scrollbar{ display:none; }
.ht-chip{ flex:none; display:inline-flex; align-items:center; height:34px; padding:0 15px; border:1px solid #dcdfe4; border-radius:999px; background:#fff; color:#0C6EBA; font:600 14px/1 var(--font-sans); text-decoration:none; white-space:nowrap; }
.ht-chip:hover{ background:#EEF4FB; border-color:#0C6EBA; color:#0A5C9C; }
.ht-tabs{ display:flex; gap:28px; padding:0 4px; border-bottom:1px solid #dcdfe4; }
.ht-tab{ margin-bottom:-1px; padding:10px 2px 12px; border-bottom:2px solid transparent; color:#4E647A; font:600 15px/1 var(--font-sans); text-decoration:none; }
.ht-tab:hover{ color:#002748; }
.ht-tab.is-on{ color:#002748; border-bottom-color:#0C6EBA; }
.ht-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:4px; }
.ht-cell{ min-width:0; }
.ht-tile{ position:relative; display:block; aspect-ratio:1 / 1; overflow:hidden; border-radius:6px; background:#E9ECF1; text-decoration:none; }
.ht-tile:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
.ht-img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.ht-tile:hover .ht-img{ transform:scale(1.035); }
.ht-plate{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:18px; background:linear-gradient(160deg,#002748 0%,#0C6EBA 100%); }
.ht-plate-text{ color:#fff; font:600 15px/1.35 var(--font-sans); text-align:center; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
.ht-badge{ position:absolute; top:9px; right:9px; z-index:2; display:flex; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.ht-badge svg{ width:20px; height:20px; }
.ht-badge--video svg{ fill:#fff; }
.ht-badge--multi svg{ fill:none; stroke:#fff; stroke-width:2; stroke-linejoin:round; }
.ht-ov{ position:absolute; inset:0; z-index:1; display:flex; align-items:center; justify-content:center; gap:24px; background:rgba(0,20,40,.45); color:#fff; font:700 16px/1 var(--font-sans); opacity:0; transition:opacity .2s ease; }
.ht-tile:hover .ht-ov, .ht-tile:focus-visible .ht-ov{ opacity:1; }
.ht-ov-n{ display:inline-flex; align-items:center; gap:7px; }
.ht-ov-n svg{ width:20px; height:20px; fill:#fff; }
.ht-more{ display:flex; justify-content:center; padding:10px 0 4px; }
.ht-more-btn{ display:inline-flex; align-items:center; height:42px; padding:0 28px; border-radius:999px; background:#0C6EBA; color:#fff; font:600 14px/1 var(--font-sans); text-decoration:none; }
.ht-more-btn:hover{ background:#0A5C9C; color:#fff; }
.ht-more-btn.is-busy{ opacity:.6; pointer-events:none; }
.ht-empty{ margin:0; padding:36px 20px; background:#fff; border:1px solid #dcdfe4; border-radius:12px; color:#4E647A; font:500 15px/1.5 var(--font-sans); text-align:center; }
.ht-link{ color:#0C6EBA; font-weight:600; text-decoration:none; }
.ht-link:hover{ color:#0A5C9C; text-decoration:underline; }
.srch-tags{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.cp-ht-sug{ list-style:none; margin:6px 0 0; padding:4px; background:#fff; border:1px solid #dcdfe4; border-radius:10px; box-shadow:0 6px 18px -8px rgba(0,39,72,.35); }
.cp-ht-sug[hidden]{ display:none; }
.cp-ht-sug-item{ display:block; width:100%; padding:9px 12px; border:0; border-radius:6px; background:none; color:#002748; font:600 14px/1.2 var(--font-sans); text-align:left; cursor:pointer; }
.cp-ht-sug-item:hover, .cp-ht-sug-item.is-active{ background:#EEF4FB; color:#0C6EBA; }
@media (hover:none){ .ht-ov{ display:none; } .ht-tile:hover .ht-img{ transform:none; } }
@media (max-width:600px){
  .ht-head{ gap:14px; padding:16px; }
  .ht-mark{ width:54px; height:54px; font-size:26px; }
  .ht-title{ font-size:22px; }
  .ht-grid{ gap:2px; }
  .ht-tile{ border-radius:0; }
}
@media (prefers-reduced-motion:reduce){ .ht-img, .ht-ov{ transition:none; } }
.cp-discover-overlay .cp-music-selection{ display:flex; flex-direction:column; gap:12px; }
.cp-discover-overlay .cp-music-selection[hidden]{ display:none; }
.cp-discover-overlay .cp-edit-media > .cp-music-selection{ flex:0 0 auto; margin:auto; width:min(520px,100%); padding:16px; box-sizing:border-box; }
.cp-discover-overlay .cp-music-portals{ display:grid; grid-template-columns:repeat(auto-fill,minmax(128px,1fr)); gap:8px; }
.cp-discover-overlay .cp-music-portal{ display:flex; align-items:center; gap:9px; min-width:0; padding:8px 10px; border:1px solid #DDDDDD; border-radius:10px; background:#FFFFFF; color:var(--ink,#0f1410); font:500 13px/1.2 var(--font-sans,system-ui); text-align:left; cursor:pointer; }
.cp-discover-overlay .cp-music-portal:hover{ background:#F5F6F8; }
.cp-discover-overlay .cp-music-portal[aria-checked="true"]{ border-color:#0C6EBA; box-shadow:0 0 0 1px #0C6EBA; color:#0C6EBA; }
.cp-discover-overlay .cp-music-portal img{ flex:none; display:block; width:24px; height:24px; }
.cp-discover-overlay .cp-music-portal span{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cp-discover-overlay .cp-music-preview-shell{ flex:0 0 auto; width:min(520px,100%); margin:16px auto 0; height:var(--cp-music-h,152px); border-radius:12px; overflow:hidden; background:#F5F6F8; }
.cp-discover-overlay .cp-music-preview-shell[data-video]{ height:auto; aspect-ratio:16/9; background:#000; }
.cp-discover-overlay .cp-music-preview-shell[hidden]{ display:none; }
.cp-discover-overlay .cp-stage-music{ display:block; width:100%; height:100%; border:0; }
.feed-media.is-music, .pv-media.is-music{ aspect-ratio:16/9; overflow:hidden; background:linear-gradient(150deg,#15284B,#0B1220); }
.at-music{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:16px; box-sizing:border-box; }
.at-music-logo img{ display:block; width:64px; height:64px; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.35); }
.at-music-name{ font:600 15px/1.2 var(--font-sans,system-ui); color:#FFFFFF; }
.at-music-play{ display:grid; place-items:center; width:52px; height:52px; margin:0; padding:0; border:1px solid rgba(255,255,255,.72); border-radius:50%; background:rgba(255,255,255,.14); color:#FFFFFF; cursor:pointer; }
.at-music-play:hover{ background:rgba(255,255,255,.26); }
.at-music-play svg{ width:22px; height:22px; margin-left:3px; fill:currentColor; stroke:none; }
.feed-media.is-music.has-music-player, .pv-media.is-music.has-music-player{ aspect-ratio:auto; display:flex; align-items:center; }
.at-music.has-music-player{ position:relative; inset:auto; z-index:3; display:block; width:100%; padding:12px; }
.at-music-player{ display:block; width:100%; border:0; border-radius:12px; }
.at-music-player.is-video{ height:auto; aspect-ratio:16/9; background:#000; }
.feed-media.is-music.has-music-player .feed-media-text{ display:none; }
.at-music-player.is-portrait{ display:block; width:auto; height:min(640px,80vh); aspect-ratio:9/16; max-width:100%; margin:0 auto; background:#000; }
.cp-discover-overlay .cp-edit-media > .cp-video-selection{ width:min(520px,100%); box-sizing:border-box; }
.cp-discover-overlay .cp-video-selection .cp-music-portals{ margin:0 0 4px; }
.cx-coverrow.is-fit > .cx-cover{ height:auto; }
.cx-head--bar.is-fit{ box-sizing:border-box; padding-top:0; padding-bottom:0; }
@media (min-width:1080px){ .disc--profile .cx-main{ gap:12px; } .disc--profile .cx-head--bar + .cx-layout{ padding-top:12px; } }
@media (min-width:1080px){ .cx-head--bar.cx-head--top{ border-radius:var(--radius-lg); } }
:where(.ld-analytics) .anx{display:flex;flex-direction:column;gap:16px;color:#14181F;font-family:var(--font-sans);min-width:0}
:where(.ld-analytics) .anx *{box-sizing:border-box}
:where(.ld-analytics) .anx button{font:inherit}
:where(.ld-analytics) .anx-card{background:#fff;border:1px solid #E6E3DC;border-radius:20px;padding:28px clamp(20px,4vw,32px);min-width:0}
:where(.ld-analytics) .anx h1,:where(.ld-analytics) .anx-h1{margin:0;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-0.01em;color:#14181F}
:where(.ld-analytics) .anx h2,:where(.ld-analytics) .anx-h2{margin:0;font-size:17px;line-height:24px;font-weight:600;color:#14181F}
:where(.ld-analytics) .anx-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
:where(.ld-analytics) .anx-sub{margin-top:2px;font-size:14px;line-height:20px;color:#5B6470}
:where(.ld-analytics) .anx-label{font-size:11px;line-height:16px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;color:#5B6470}
:where(.ld-analytics) .anx-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#F1F0EC;border-radius:999px}
:where(.ld-analytics) .anx-seg a,:where(.ld-analytics) .anx-seg button{height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#14181F;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;text-decoration:none}
:where(.ld-analytics) .anx-seg a:hover,:where(.ld-analytics) .anx-seg button:hover{color:#14181F;text-decoration:none}
:where(.ld-analytics) .anx a:focus-visible,:where(.ld-analytics) .anx button:focus-visible{outline:2px solid #1B63C9;outline-offset:2px}
:where(.ld-analytics) .anx-kpis{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
:where(.ld-analytics) .anx-kpi{border:1px solid #E9E6DF;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
:where(.ld-analytics) .anx-kpi .anx-value{font-size:30px;line-height:36px;font-weight:700;letter-spacing:-0.02em}
:where(.ld-analytics) .anx-deltarow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
:where(.ld-analytics) .anx-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}
:where(.ld-analytics) .anx-chip.is-down{background:#FBE7E4;color:#9A2B1B}
:where(.ld-analytics) .anx-chip.is-flat{background:#F1F0EC;color:#2B323C}
:where(.ld-analytics) .anx-cap{font-size:12px;line-height:16px;color:#5B6470}
:where(.ld-analytics) .anx-spark{display:flex;align-items:flex-end;gap:2px;height:28px;margin-top:2px}
:where(.ld-analytics) .anx-spark i{flex:1 1 0;min-width:0;background:#B9C6DA;border-radius:1px}
:where(.ld-analytics) .anx-spark i:last-child{background:#10243E}
:where(.ld-analytics) .anx-badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#E3EDFB;color:#194E9E;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}
:where(.ld-analytics) .anx-post-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;align-items:stretch}
:where(.ld-analytics) .anx-post{min-width:0;border:1px solid #E9E6DF;border-radius:16px;overflow:hidden;background:#fff}
:where(.ld-analytics) .anx-post-author{display:flex;align-items:center;gap:12px;padding:14px 16px}
:where(.ld-analytics) .anx-avatar36{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#E3EAF6;color:#1B3F7A;overflow:hidden}
:where(.ld-analytics) .anx-avatar36 img,:where(.ld-analytics) .anx-avatar40 img{width:100%;height:100%;object-fit:cover;display:block}
:where(.ld-analytics) .anx-author-name{font-size:14px;line-height:20px;font-weight:600}
:where(.ld-analytics) .anx-author-when{font-size:13px;line-height:18px;color:#5B6470}
:where(.ld-analytics) .anx-media{position:relative;aspect-ratio:4/3;max-width:100%;overflow:hidden;background:#F1F0EC}
:where(.ld-analytics) .anx-media img,:where(.ld-analytics) .anx-media video,:where(.ld-analytics) .anx-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
:where(.ld-analytics) .anx-post-text{padding:16px}
:where(.ld-analytics) .anx-post-title{font-size:18px;line-height:26px;font-weight:700;letter-spacing:-0.01em;overflow-wrap:anywhere}
:where(.ld-analytics) .anx-post-caption{margin-top:4px;font-size:14px;line-height:22px;color:#2B323C;overflow-wrap:anywhere}
:where(.ld-analytics) .anx-analytics{min-width:0;display:flex;flex-direction:column;gap:16px}
:where(.ld-analytics) .anx-tiles{flex:1 1 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
:where(.ld-analytics) .anx-tile{border:1px solid #E9E6DF;border-radius:14px;padding:14px 16px;min-width:0;display:flex;flex-direction:column;justify-content:center}
:where(.ld-analytics) .anx-tile .anx-num{margin-top:4px;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
:where(.ld-analytics) .anx-goal{padding:12px 16px;border-radius:12px;font-size:14px;line-height:20px;font-weight:600}
:where(.ld-analytics) .anx-empty{margin-top:16px;font-size:14px;line-height:20px;color:#5B6470}
:where(.ld-analytics) .anx-boost-wrap{margin-top:24px;padding-top:24px;border-top:1px solid #E9E6DF}
:where(.ld-analytics) .anx-boost{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;background:#fff;border:1.5px solid #10243E;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}
:where(.ld-analytics) .anx-boost:hover{text-decoration:none}
:where(.ld-analytics) .anx-boost svg{flex:none}
:where(.ld-analytics) .anx-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:16px}
:where(.ld-analytics) .anx-big{margin-top:20px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
:where(.ld-analytics) .anx-big b{font-size:36px;line-height:40px;font-weight:700;letter-spacing:-0.02em}
:where(.ld-analytics) .anx-big span{font-size:15px;line-height:22px;color:#2B323C}
:where(.ld-analytics) .anx-segbar{margin-top:14px;display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;background:#F1F0EC}
:where(.ld-analytics) .anx-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;line-height:18px}
:where(.ld-analytics) .anx-legend span{display:inline-flex;align-items:center;gap:8px}
:where(.ld-analytics) .anx-sw{width:12px;height:12px;border-radius:3px;display:inline-block}
:where(.ld-analytics) .anx-divider{margin-top:24px;padding-top:20px;border-top:1px solid #E9E6DF}
:where(.ld-analytics) .anx-bars{margin-top:12px;display:flex;flex-direction:column;gap:10px}
:where(.ld-analytics) .anx-arow{display:grid;grid-template-columns:130px minmax(0,1fr) 72px;align-items:center;gap:12px;font-size:14px;line-height:20px}
:where(.ld-analytics) .anx-arow .anx-num{text-align:right;color:#5B6470;font-variant-numeric:tabular-nums}
:where(.ld-analytics) .anx-arow .anx-num b{color:#14181F}
:where(.ld-analytics) .anx-arow.is-own > div:first-child{font-weight:700}
:where(.ld-analytics) .anx-track{height:10px;background:#F1F0EC;border-radius:5px;overflow:hidden}
:where(.ld-analytics) .anx-track div{height:100%;border-radius:5px}
:where(.ld-analytics) .anx-srow{display:flex;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
:where(.ld-analytics) .anx-srow .anx-num{color:#5B6470}
:where(.ld-analytics) .anx-srow .anx-num b{color:#14181F}
:where(.ld-analytics) .anx-stack{display:flex;flex-direction:column;gap:12px}
:where(.ld-analytics) .anx-scroll{margin-top:16px;overflow-x:auto}
:where(.ld-analytics) .anx-table{min-width:880px}
:where(.ld-analytics) .anx-row{display:grid;grid-template-columns:minmax(200px,1.5fr) 150px 130px 56px 110px 210px;column-gap:12px;align-items:center;padding:12px;border-bottom:1px solid #E9E6DF}
:where(.ld-analytics) .anx-row.is-body:hover{background:#F5F6F8}
:where(.ld-analytics) .anx-row.is-head{font-size:11px;line-height:16px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#5B6470}
:where(.ld-analytics) .anx-row[hidden]{display:none}
:where(.ld-analytics) .anx-who{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}
:where(.ld-analytics) .anx-who:hover{color:inherit;text-decoration:none}
:where(.ld-analytics) .anx-avatar40{flex:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;overflow:hidden}
:where(.ld-analytics) .anx-who-name{font-size:14px;line-height:20px;font-weight:600;overflow-wrap:anywhere}
:where(.ld-analytics) .anx-who-role{font-size:13px;line-height:18px;color:#5B6470}
:where(.ld-analytics) .anx-area{font-size:14px;line-height:20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
:where(.ld-analytics) .anx-pill-blue{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:#E3EDFB;color:#194E9E;font-size:11px;font-weight:700}
:where(.ld-analytics) .anx-status{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
:where(.ld-analytics) .anx-pill-grey{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#F1F0EC;color:#2B323C;font-size:12px;font-weight:600}
:where(.ld-analytics) .anx-pill-new{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#E2F3E9;color:#14633A;font-size:12px;font-weight:700}
:where(.ld-analytics) .anx-last{font-size:14px;line-height:20px;color:#2B323C}
:where(.ld-analytics) .anx-visits{font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums}
:where(.ld-analytics) .anx-actions{display:flex;gap:8px}
:where(.ld-analytics) .anx-btn{height:44px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
:where(.ld-analytics) .anx-btn:hover{text-decoration:none}
:where(.ld-analytics) .anx-btn-out{background:#fff;color:#14181F;border:1px solid #CFCBC2}
:where(.ld-analytics) .anx-btn-out:hover{border-color:#14181F;color:#14181F}
:where(.ld-analytics) .anx-btn-out.is-following{min-width:96px}
:where(.ld-analytics) .anx-foot{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:18px;color:#5B6470}
:where(.ld-analytics) .anx-link{background:none;border:0;padding:0 2px;min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
:where(.ld-analytics) .anx-mt16{margin-top:16px}
:where(.ld-analytics) .anx-mt12{margin-top:12px}
:where(.ld-analytics) .anx-mt6{margin-top:6px}
:where(.ld-analytics) .anx-head.anx-gap12{gap:12px}
:where(.ld-analytics) .anx-minw0{min-width:0}
:where(.ld-analytics) .anx-c-blue{background:#1B63C9}
:where(.ld-analytics) .anx-c-light{background:#8DB0E6}
:where(.ld-analytics) .anx-c-sand{background:#D9D5CB}
:where(.ld-analytics) .anx-c-grey{background:#B9C6DA}
:where(.ld-analytics) .anx-c-navy{background:#10243E}
:where(.ld-analytics) .anx-pal-0{background:#E3EAF6;color:#1B3F7A}
:where(.ld-analytics) .anx-pal-1{background:#F6E7DE;color:#7A3A1B}
:where(.ld-analytics) .anx-pal-2{background:#E2F3E9;color:#14633A}
:where(.ld-analytics) .anx-pal-3{background:#F3E5F2;color:#6B2A66}
:where(.ld-analytics) .anx-pal-4{background:#FDF0D9;color:#8A5300}
:where(.ld-analytics) .anx-pal-5{background:#E6EEF0;color:#1F4F5A}
:where(.ld-analytics) .anx-btn-follow{border:1px solid #10243E;min-width:96px}
:where(.ld-analytics) .anx-btn-follow[aria-pressed="true"]{background:#fff;color:#14181F;border:1px solid #CFCBC2}
:where(.ld-analytics) .anx-btn-follow[aria-pressed="true"]:hover{border-color:#14181F;background:#fff;color:#14181F}
:where(.ld-analytics) .anx-btn-follow:disabled{opacity:.6;cursor:default}
:where(.ld-analytics) .anx-link[aria-disabled="true"]{cursor:default}
:where(.ld-analytics) .anx-seg [aria-pressed="true"],:where(.ld-analytics) .anx-seg [aria-current="page"]{background:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-seg [aria-pressed="true"]:hover,:where(.ld-analytics) .anx-seg [aria-current="page"]:hover{background:#0A5C9C;color:#fff}
:where(.ld-analytics) .anx a:focus-visible,:where(.ld-analytics) .anx button:focus-visible{outline-color:#0C6EBA}
:where(.ld-analytics) .anx-chip{background:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-badge,:where(.ld-analytics) .anx-pill-blue,:where(.ld-analytics) .anx-pill-new,:where(.ld-analytics) .anx-pill-grey{background:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-goal{background:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-spark i:last-child,:where(.ld-analytics) .anx-c-blue,:where(.ld-analytics) .anx-c-navy{background:#0C6EBA}
:where(.ld-analytics) .anx-btn-follow{background:#0C6EBA;border-color:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-btn-follow:hover{background:#0A5C9C;border-color:#0A5C9C;color:#fff}
:where(.ld-analytics) .anx-btn-follow[aria-pressed="true"],:where(.ld-analytics) .anx-btn-out{background:#fff;color:#0C6EBA;border:1px solid #0C6EBA}
:where(.ld-analytics) .anx-btn-follow[aria-pressed="true"]:hover,:where(.ld-analytics) .anx-btn-out:hover{background:#0C6EBA;border-color:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-boost{border-color:#0C6EBA;color:#0C6EBA}
:where(.ld-analytics) .anx-boost:hover{background:#0C6EBA;border-color:#0C6EBA;color:#fff}
:where(.ld-analytics) .anx-link{color:#0C6EBA;text-decoration-color:#0C6EBA}
:where(.ld-analytics) .anx-link:hover{color:#0A5C9C;text-decoration-color:#0A5C9C}
:where(.ld-notfound) .nf {
  --nf-text: #201e1d;
  --nf-light: #f3f2f2;
  --nf-accent: #ec3013;
  --nf-accent-600: #dd2b0f;
  --nf-accent-700: #ae1800;
  --nf-font: "Archivo", system-ui, sans-serif;
  color: var(--nf-text);
  font-family: var(--nf-font);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
}
:where(.ld-notfound) .nf *,:where(.ld-notfound) .nf *::before,:where(.ld-notfound) .nf *::after { box-sizing: border-box; }

:where(.ld-notfound) .nf .nf-main { display: flex; flex-direction: column; justify-content: center; gap: clamp(32px, 5vw, 56px); min-height: calc(100vh - 140px); padding: clamp(40px, 6vw, 88px) clamp(24px, 5vw, 72px); max-width: 1296px; width: 100%; margin: 0 auto; }

:where(.ld-notfound) .nf .nf-code { margin: 0 0 0 -0.04em; font-family: var(--nf-font); font-weight: 800; font-size: clamp(140px, 28vw, 400px); line-height: 0.8; letter-spacing: -0.06em; color: var(--nf-text); }
:where(.ld-notfound) .nf .nf-red { color: var(--nf-accent); }

:where(.ld-notfound) .nf .nf-row { padding-top: clamp(24px, 3vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 32px clamp(32px, 5vw, 72px); align-items: start; }
:where(.ld-notfound) .nf .nf-text { display: flex; flex-direction: column; gap: 16px; }
:where(.ld-notfound) .nf .nf-lead { margin: 0; font-family: var(--nf-font); font-weight: 700; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance; color: var(--nf-text); }

:where(.ld-notfound) .nf .nf-go { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 420px; }
:where(.ld-notfound) .nf .nf-btn { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 20px 24px; width: 100%; font-family: var(--nf-font); font-weight: 700; font-size: 20px; line-height: 1; text-decoration: none; border-radius: 0; box-shadow: none; }
:where(.ld-notfound) .nf .nf-btn svg { display: block; }
:where(.ld-notfound) .nf .nf-btn--primary { background: var(--nf-accent); color: var(--nf-light); border: 2px solid var(--nf-accent); }
:where(.ld-notfound) .nf .nf-btn--primary:hover { background: var(--nf-accent-600); border-color: var(--nf-accent-600); color: var(--nf-light); }
:where(.ld-notfound) .nf .nf-btn--primary:active { background: var(--nf-accent-700); border-color: var(--nf-accent-700); }
:where(.ld-notfound) .nf .nf-btn--ghost { background: transparent; color: var(--nf-text); border: 2px solid var(--nf-text); }
:where(.ld-notfound) .nf .nf-btn--ghost:hover { background: color-mix(in srgb, var(--nf-text) 7%, transparent); color: var(--nf-text); }
:where(.ld-notfound) .nf .nf-btn--ghost:active { background: color-mix(in srgb, var(--nf-text) 14%, transparent); }
:where(.ld-notfound) .nf .nf-btn:focus-visible { outline: 2px solid var(--nf-accent); outline-offset: 2px; }

:where(.ld-tk-messages) .mf-tick{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;flex:none}
:where(.ld-tk-messages) .mf-tick svg{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
:where(.ld-tk-messages) .mf-tick .mf-t1{width:16px;height:12px;stroke:#98A2B3}
:where(.ld-tk-messages) .mf-tick .mf-t2{width:20px;height:12px;stroke:#1764D6;display:none}
:where(.ld-tk-messages) .mf-tick.is-read .mf-t1{display:none}
:where(.ld-tk-messages) .mf-tick.is-read .mf-t2{display:block}
:where(.ld-tk-messages) .msg-thread-snippet .mf-tick{margin-left:4px}
:where(.ld-tk-messages) .mf-typing-l{color:#1764D6;font-weight:600}
:where(.ld-tk-messages) .mf-typing-l[hidden],:where(.ld-tk-messages) .mf-typing[hidden]{display:none}
:where(.ld-tk-messages) .msg-thread-snippet.is-typing [data-mf-snippet],:where(.ld-tk-messages) .msg-thread-snippet.is-typing .mf-tick{display:none}
:where(.ld-tk-messages) .mf-typing{display:flex;align-items:center;gap:8px;padding:6px 20px 8px;align-self:flex-start}
:where(.ld-tk-messages) .mf-dots{display:inline-flex;gap:4px;align-items:center;background:#F2F4F7;border-radius:14px;padding:12px 14px}
:where(.ld-tk-messages) .mf-dots i{width:7px;height:7px;border-radius:50%;background:#475467;animation:mf-dot 1.2s infinite}
:where(.ld-tk-messages) .mf-dots i:nth-child(2){animation-delay:.2s}
:where(.ld-tk-messages) .mf-dots i:nth-child(3){animation-delay:.4s}
@keyframes mf-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){:where(.ld-tk-messages) .mf-dots i{animation:none;opacity:.6}}
:where(.ld-tk-messages) .mf-typing [data-mf-typing-t]{font-size:13px;color:#5A6478}
:where(.ld-tk-messages) .mf-veil{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1200}
:where(.ld-tk-messages) .mf-veil[hidden],:where(.ld-tk-messages) .mf-dlg[hidden]{display:none}
:where(.ld-tk-messages) .mf-dlg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1201;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;background:#FFFFFF;border:1px solid #E4E7EC;border-radius:16px;padding:22px 24px;box-shadow:0 16px 36px rgba(15,23,42,.12);font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#1F2937;text-align:left}
:where(.ld-tk-messages) .mf-dlg h2{margin:0;font-size:20px;font-weight:600;color:#16213E}
:where(.ld-tk-messages) .mf-p{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:#344054}
:where(.ld-tk-messages) .mf-red{margin:10px 0 0;font-size:14.5px;font-weight:600;color:#6B4E00}
:where(.ld-tk-messages) .mf-link{display:inline-block;margin-top:10px;font-family:inherit;font-size:14.5px;font-weight:600;color:#1764D6;background:none;border:0;padding:0;cursor:pointer}
:where(.ld-tk-messages) .mf-link:hover{color:#0F4FB0}
:where(.ld-tk-messages) .mf-check{position:relative;display:flex;align-items:flex-start;gap:10px;margin-top:16px;cursor:pointer;font-size:14.5px;font-weight:500;color:#16213E}
:where(.ld-tk-messages) .mf-check input{position:absolute;opacity:0;width:1px;height:1px}
:where(.ld-tk-messages) .mf-box{width:18px;height:18px;box-sizing:border-box;border-radius:5px;margin-top:2px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:#FFFFFF;border:2px solid #98A2B3}
:where(.ld-tk-messages) .mf-box svg{width:12px;height:12px;fill:none;stroke:#FFFFFF;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;display:none}
:where(.ld-tk-messages) .mf-check input:checked+.mf-box{background:#16213E;border:0}
:where(.ld-tk-messages) .mf-check input:checked+.mf-box svg{display:block}
:where(.ld-tk-messages) .mf-check input:focus-visible+.mf-box{outline:3px solid #1764D6;outline-offset:2px}
:where(.ld-tk-messages) .mf-note{margin:8px 0 0 28px;font-size:13.5px;line-height:1.5;color:#5A6478}
:where(.ld-tk-messages) .mf-note[hidden],:where(.ld-tk-messages) .mf-state[hidden]{display:none}
:where(.ld-tk-messages) .mf-state{margin:12px 0 0;font-size:14px;font-weight:600;color:#067647}
:where(.ld-tk-messages) .mf-acts{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
:where(.ld-tk-messages) .mf-btn{font-family:inherit;font-size:14.5px;font-weight:600;color:#344054;background:#FFFFFF;border:1px solid #D0D5DD;border-radius:10px;height:44px;padding:0 16px;cursor:pointer;white-space:nowrap}
:where(.ld-tk-messages) .mf-btn:hover{background:#F5F6F8}
:where(.ld-tk-messages) .mf-btn.is-primary{color:#FFFFFF;background:#16213E;border:0;padding:0 18px}
:where(.ld-tk-messages) .mf-btn.is-primary:hover{background:#0E1730}
:where(.ld-tk-messages) .mf-btn.is-red{color:#FFFFFF;background:#0C6EBA;border:0}
:where(.ld-tk-messages) .mf-btn.is-red:hover{background:#0A5C9C}
:where(.ld-tk-messages) .mf-btn.is-sm{font-size:14px;height:40px}
:where(.ld-tk-messages) .mf-btn.is-bad{color:#0C6EBA;border-color:#9EC5E3}
:where(.ld-tk-messages) .mf-btn.is-bad:hover{background:#EAF3FB}
:where(.ld-tk-messages) .mf-btn:focus-visible,:where(.ld-tk-messages) .mf-link:focus-visible,:where(.ld-tk-messages) .mf-switch:focus-visible{outline:3px solid #1764D6;outline-offset:2px}
:where(.ld-tk-messages) .mf-set{padding-top:2px;padding-bottom:4px}
:where(.ld-tk-messages) .mf-set-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #EEF1F6;margin:0}
:where(.ld-tk-messages) .mf-set-row.is-last{border-bottom:0}
:where(.ld-tk-messages) .mf-set-t{flex:1;min-width:0}
:where(.ld-tk-messages) .mf-set-h{font-size:15px;font-weight:500;color:#16213E}
:where(.ld-tk-messages) .mf-set-d{font-size:13.5px;color:#5A6478;margin-top:2px}
:where(.ld-tk-messages) .mf-set-s{font-size:13px;font-weight:600;color:#5A6478}
:where(.ld-tk-messages) .mf-set-s.is-on{color:#067647}
:where(.ld-tk-messages) .mf-switch{flex:none;width:46px;height:26px;border-radius:999px;border:0;padding:3px;cursor:pointer;display:flex;justify-content:flex-start;background:#D0D5DD}
:where(.ld-tk-messages) .mf-switch.is-on{justify-content:flex-end;background:#067647}
:where(.ld-tk-messages) .mf-switch span{width:20px;height:20px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(15,23,42,.25)}
@media (max-width:600px){:where(.ld-tk-messages) .mf-set-row{flex-wrap:wrap;gap:10px 16px}:where(.ld-tk-messages) .mf-set-t{flex:1 1 100%}:where(.ld-tk-messages) .mf-set-row form,:where(.ld-tk-messages) .mf-set-row>.mf-btn{margin-left:auto}:where(.ld-tk-messages) .mf-dlg{padding:20px}:where(.ld-tk-messages) .mf-acts{flex-wrap:wrap}:where(.ld-tk-messages) .mf-acts .mf-btn{flex:1 1 auto}}
:where(.ld-tk-messages) .msg-menu .app-dd-item{color:#16213E;font-size:14.5px;min-height:42px;box-sizing:border-box}
:where(.ld-tk-messages) .msg-menu .app-dd-item svg{stroke:#344054;stroke-width:2}
:where(.ld-tk-messages) .msg-menu .app-dd-item.msg-menu-danger{color:#0C6EBA;font-weight:500}
:where(.ld-tk-messages) .msg-menu .app-dd-item.msg-menu-danger svg{stroke:#0C6EBA}
:where(.ld-tk-messages) .msg-menu .app-dd-item:hover{background:#F5F6F8}
:where(.ld-tk-messages) .msg-bubble-row.is-mine .mf-tick .mf-t2{stroke:#84CAFF}
:where(.ld-settings) .st {
  --st-page: #F5F6F8;
  --st-card: #FFFFFF;
  --st-card-line: #E6E1D6;
  --st-row-line: #EFEBE3;
  --st-foot: #FBFAF7;
  --st-input-line: #DAD5C9;
  --st-ink: #002748;
  --st-text: #3F4A55;
  --st-muted: #6B6F6A;
  --st-menu: #4E5964;
  --st-blue: #0C6EBA;
  --st-blue-tint: #E8F1FA;
  --st-off: #D6D1C5;
  --st-danger: #6B4E00;
  --st-danger-line: #FFF8E5;
  --st-ok: #1E6B3A;
  --st-ok-tint: #E8F3EC;
  --st-font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --st-radius: 16px;
  color: var(--st-ink);
  font-family: var(--st-font);
  -webkit-font-smoothing: antialiased;
  padding: 8px 0 48px;
}
:where(.ld-settings) .st,:where(.ld-settings) .st * { box-sizing: border-box; }
:where(.ld-settings) .st :focus-visible { outline: 2px solid var(--st-blue); outline-offset: 2px; }
:where(.ld-settings) .st input,:where(.ld-settings) .st select,:where(.ld-settings) .st button { font: inherit;font-size:var(--field-fs, inherit); }
:where(.ld-settings) .st p { margin: 0; }
:where(.ld-settings) .st h2,:where(.ld-settings) .st h3,:where(.ld-settings) .st h4 { font-family: var(--st-font); color: var(--st-ink); }

:where(.ld-settings) .st__wrap { max-width: 980px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 28px 36px; }

:where(.ld-settings) .st__nav { flex: 0 0 200px; max-width: 220px; position: sticky; top: 112px; }
:where(.ld-settings) .st__heading { margin: 0 0 22px 12px; font-size: 26px; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; }
:where(.ld-settings) .st__menu { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; }
:where(.ld-settings) .st__tab {
  width: 100%; height: 42px; padding: 0 12px;
  display: flex; align-items: center; gap: 12px;
  border-radius: 10px; border: 1px solid transparent; background: transparent;
  color: var(--st-menu); font-size: 14px; font-weight: 500; text-align: left; cursor: pointer;
}
:where(.ld-settings) .st__tab:hover { color: var(--st-ink); }
:where(.ld-settings) .st__tab.is-active,:where(.ld-settings) .st__tab[aria-current="page"] { background: var(--st-card); border-color: #E2DDD2; color: var(--st-ink); font-weight: 600; }
:where(.ld-settings) .st__tab svg { flex-shrink: 0; }

:where(.ld-settings) .st__main { flex: 999 1 420px; min-width: 0; padding-top: 4px; }
:where(.ld-settings) .st__panel[hidden] { display: none; }
:where(.ld-settings) .st__title { margin: 0 0 28px 4px; font-size: 22px; font-weight: 650; letter-spacing: -0.02em; line-height: 1.25; }

:where(.ld-settings) .st__flash { margin: 0 0 18px; padding: 12px 16px; border-radius: 12px; font-size: 14px; font-weight: 500; }
:where(.ld-settings) .st__flash.is-ok { background: var(--st-ok-tint); color: var(--st-ok); }
:where(.ld-settings) .st__flash.is-error { background: #FFF8E5; color: #6B4E00; }

:where(.ld-settings) .st__groups { display: flex; flex-direction: column; gap: 28px; }
:where(.ld-settings) .st__groups > form { margin: 0; }
:where(.ld-settings) .st__group-title { margin: 0 0 10px 4px; font-size: 13px; font-weight: 500; color: var(--st-muted); line-height: 1.3; }
:where(.ld-settings) .st__group-title--danger { color: #6B4E00; }

:where(.ld-settings) .st__card { background: var(--st-card); border: 1px solid var(--st-card-line); border-radius: var(--st-radius); }
:where(.ld-settings) .st__card--danger { border-color: #F0D4CF; }
:where(.ld-settings) .st__card > form { margin: 0; }

:where(.ld-settings) .st__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 18px 22px; margin: 0; }
:where(.ld-settings) .st__card > * + .st__row,
:where(.ld-settings) .st__card > * + form > .st__row:first-of-type,
:where(.ld-settings) .st__card > * + .st__edit,
:where(.ld-settings) .st__card > form + .st__row,
:where(.ld-settings) .st__card > * + .st__link,
:where(.ld-settings) .st__card form > .st__row + .st__row { border-top: 1px solid var(--st-row-line); }
:where(.ld-settings) .st__card > .st__status + .st__row { border-top: 1px solid var(--st-row-line); }
:where(.ld-settings) .st__row--nowrap { flex-wrap: nowrap; }
:where(.ld-settings) .st__row--compact { padding-top: 16px; padding-bottom: 16px; }
:where(.ld-settings) .st__row--sub { padding: 14px 22px 18px 58px; }
:where(.ld-settings) .st__info { flex: 1 1 240px; min-width: 0; }
:where(.ld-settings) .st__row--nowrap .st__info { flex: 1 1 auto; }
:where(.ld-settings) .st__label { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.35; }
:where(.ld-settings) .st__hint { font-size: 14px; line-height: 1.45; color: var(--st-muted); overflow-wrap: anywhere; }
:where(.ld-settings) .st .st__hint { margin: 3px 0 0; }
:where(.ld-settings) .st__row--sub .st__label { font-size: 14px; }
:where(.ld-settings) .st__row--sub .st__hint { font-size: 13px; }
:where(.ld-settings) .st .st__row--sub .st__hint { margin-top: 2px; }
:where(.ld-settings) .st__field-label { flex: 1 1 200px; font-size: 15px; font-weight: 500; }
:where(.ld-settings) .st__row form { margin: 0; }

:where(.ld-settings) .st__foot {
  display: flex; justify-content: flex-end; padding: 14px 22px; margin: 0;
  border-top: 1px solid var(--st-row-line); background: var(--st-foot);
  border-radius: 0 0 var(--st-radius) var(--st-radius);
}
:where(.ld-settings) .st__foot--mid { border-radius: 0; }

:where(.ld-settings) .st__link {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 56px; padding: 0 22px;
  color: var(--st-ink); text-decoration: none; font-size: 15px; font-weight: 500;
}
:where(.ld-settings) .st__link:hover { color: var(--st-blue); }
:where(.ld-settings) .st__link svg { flex-shrink: 0; }

:where(.ld-settings) .st__input,:where(.ld-settings) .st__select {
  width: 220px; max-width: 100%; height: 40px;
  padding: 0 12px; border-radius: 10px; border: 1px solid var(--st-input-line);
  background: var(--st-card); color: var(--st-ink); font-size: 14px;
}
:where(.ld-settings) .st__select { padding: 0 10px; }
:where(.ld-settings) .st__input--full { width: 100%; height: 42px; font-size: 15px; }
:where(.ld-settings) .st__input::placeholder { color: #8A8E89; }

:where(.ld-settings) .st__btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px; padding: 0 14px; border-radius: 10px;
  border: 1px solid var(--st-input-line); background: var(--st-card); color: var(--st-ink);
  font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap;
}
:where(.ld-settings) .st__btn:hover { border-color: var(--st-ink); color: var(--st-ink); }
:where(.ld-settings) .st__btn[hidden] { display: none; }
:where(.ld-settings) .st__btn--primary { height: 38px; padding: 0 16px; border: 0; background: var(--st-ink); color: #FFFFFF; }
:where(.ld-settings) .st__btn--primary:hover { background: #0B3A66; color: #FFFFFF; }
:where(.ld-settings) .st__btn--danger { color: #0C6EBA; border-color: var(--st-danger-line); }
:where(.ld-settings) .st__btn--danger:hover { background: #EAF3FB; border-color: #0C6EBA; color: #0C6EBA; }
:where(.ld-settings) .st__btn--sm { height: 32px; padding: 0 12px; border-radius: 9px; font-size: 13px; }

:where(.ld-settings) .st__switch {
  position: relative; flex-shrink: 0; width: 44px; height: 26px; padding: 0;
  border-radius: 999px; border: 0; background: var(--st-off); cursor: pointer;
  transition: background-color .15s ease;
}
:where(.ld-settings) .st__switch::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px;
  border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
  transition: transform .15s ease;
}
:where(.ld-settings) .st__switch[aria-checked="true"] { background: var(--st-blue); }
:where(.ld-settings) .st__switch[aria-checked="true"]::after { transform: translateX(18px); }

:where(.ld-settings) .st__badge {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px;
  border-radius: 999px; background: var(--st-page); color: var(--st-text); font-size: 13px; font-weight: 500;
}
:where(.ld-settings) .st__badge.is-ok { background: var(--st-ok-tint); color: var(--st-ok); }
:where(.ld-settings) .st__badge.is-bad { background: #FFF8E5; color: #6B4E00; }
:where(.ld-settings) .st__pill {
  margin-left: 6px; display: inline-flex; align-items: center; height: 22px; padding: 0 8px;
  border-radius: 999px; background: var(--st-blue-tint); color: #0A4E89; font-size: 12px; font-weight: 500;
  vertical-align: 2px;
}
:where(.ld-settings) .st__device { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 260px; }
:where(.ld-settings) .st__device-icon {
  width: 38px; height: 38px; border-radius: 10px; background: var(--st-page);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
:where(.ld-settings) .st__inline { flex: 1 1 240px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
:where(.ld-settings) .st__status { margin: 0; padding: 0 22px; font-size: 14px; color: var(--st-muted); }
:where(.ld-settings) .st__status:empty { display: none; }
:where(.ld-settings) .st__status:not(:empty) { padding-bottom: 14px; }

:where(.ld-settings) .st__edit {
  padding: 20px 22px 22px; margin: 0;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px;
}
:where(.ld-settings) .st__edit[hidden] { display: none; }
:where(.ld-settings) .st__edit label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 500; color: var(--st-text); }
:where(.ld-settings) .st__edit-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; }
:where(.ld-settings) .st__edit-actions .st__btn { height: 38px; padding: 0 16px; }


@media (prefers-reduced-motion: reduce) { :where(.ld-settings) .st__switch,:where(.ld-settings) .st__switch::after { transition: none; } }

@media (max-width: 720px) {
  :where(.ld-settings) .st { padding: 4px 12px 40px; }
  :where(.ld-settings) .st__nav { max-width: none; flex-basis: 100%; min-width: 0; width: 100%; position: static; }
  :where(.ld-settings) .st__main { flex-basis: 100%; }
  :where(.ld-settings) .st__heading { margin: 0 0 14px 4px; font-size: 24px; }
  :where(.ld-settings) .st__menu { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 4px; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  :where(.ld-settings) .st__menu::-webkit-scrollbar { display: none; }
  :where(.ld-settings) .st__tab { width: auto; white-space: nowrap; }
  :where(.ld-settings) .st__title { margin-bottom: 18px; }
  :where(.ld-settings) .st__row { padding: 16px; }
  :where(.ld-settings) .st__row--sub { padding-left: 16px; }
  :where(.ld-settings) .st__foot,:where(.ld-settings) .st__edit { padding-left: 16px; padding-right: 16px; }
  :where(.ld-settings) .st__link { padding: 0 16px; }
  :where(.ld-settings) .st__input,:where(.ld-settings) .st__select { width: 100%; font-size: 16px; }
  :where(.ld-settings) .st__row--compact { flex-direction: column; align-items: stretch; gap: 8px; }
  :where(.ld-settings) .st__field-label { flex: none; }
}
:where(.ld-photo-editor) .pe-backdrop {
  --tk-blue: #0C6EBA;
  --tk-blue-hover: #095A99;
  --tk-blue-tint: #EAF3FB;
  --tk-blue-soft: #F1F7FD;
  --tk-navy: #002748;
  --tk-text: #24425F;
  --tk-muted: #536A80;
  --tk-line: #E2E6EA;
  --tk-line-blue: #BFD7EE;
  --tk-photo-line: #D3E3F2;
  --tk-red: #0C6EBA;
  --tk-red-hover: #0C6EBA;
  --tk-red-tint: #EAF3FB;
  --tk-stage: #0D1823;
  --tk-white: #FFFFFF;
}

:where(.ld-photo-editor) body.pe-lock {
  overflow: hidden;
}

:where(.ld-photo-editor) .pe-btn {
  height: 44px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

:where(.ld-photo-editor) .pe-btn--primary {
  background: var(--tk-blue);
  color: var(--tk-white);
  box-shadow: 0 8px 16px -10px rgba(12, 110, 186, 0.75);
}

:where(.ld-photo-editor) .pe-btn--primary:hover {
  background: var(--tk-blue-hover);
}

:where(.ld-photo-editor) .pe-btn--outline {
  background: var(--tk-white);
  border-color: var(--tk-line-blue);
  color: var(--tk-blue);
}

:where(.ld-photo-editor) .pe-btn--outline:hover {
  border-color: var(--tk-blue);
  background: var(--tk-blue-soft);
}

:where(.ld-photo-editor) .pe-btn--ghost {
  background: transparent;
  color: var(--tk-text);
}

:where(.ld-photo-editor) .pe-btn--ghost:hover {
  background: #F5F6F8;
}

:where(.ld-photo-editor) .pe-btn--danger-ghost {
  background: transparent;
  color: var(--tk-red);
}

:where(.ld-photo-editor) .pe-btn--danger-ghost:hover {
  background: var(--tk-red-tint);
}

:where(.ld-photo-editor) .pe-btn--danger {
  background: var(--tk-red);
  color: var(--tk-white);
}

:where(.ld-photo-editor) .pe-btn--danger:hover {
  background: var(--tk-red-hover);
}

:where(.ld-photo-editor) .pe-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

:where(.ld-photo-editor) .pe-icon-btn {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--tk-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

:where(.ld-photo-editor) .pe-icon-btn:hover {
  background: #F5F6F8;
}

:where(.ld-photo-editor) .pe-icon-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

:where(.ld-photo-editor) .pe-icon-btn--sm {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

:where(.ld-photo-editor) button:focus-visible,
:where(.ld-photo-editor) a:focus-visible,
:where(.ld-photo-editor) input:focus-visible {
  outline: 2px solid var(--tk-blue);
  outline-offset: 2px;
}

:where(.ld-photo-editor) .pe-preview__item figcaption {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--tk-muted);
}

:where(.ld-photo-editor) .pe-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px));
  background: rgba(0, 20, 40, 0.55);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

:where(.ld-photo-editor) .pe-dialog {
  width: 100%;
  max-width: 940px;
  max-height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  background: var(--tk-white);
  border-radius: 22px;
  box-shadow: 0 30px 80px -20px rgba(0, 20, 40, 0.55);
  outline: none;
}

:where(.ld-photo-editor) .pe-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 16px 0 24px;
}

:where(.ld-photo-editor) .pe-dialog__title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.015em;
}

:where(.ld-photo-editor) .pe-dialog__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 288px;
  gap: 20px;
  padding: 18px 24px 20px;
}

:where(.ld-photo-editor) .pe-editor {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

:where(.ld-photo-editor) .pe-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  max-height: 440px;
  overflow: hidden;
  border-radius: 16px;
  background: var(--tk-stage);
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}

:where(.ld-photo-editor) .pe-stage:focus-visible {
  box-shadow: 0 0 0 3px rgba(12, 110, 186, 0.6);
}

:where(.ld-photo-editor) .pe-stage.is-dragging {
  cursor: grabbing;
}

:where(.ld-photo-editor) .pe-stage.is-empty {
  cursor: default;
}

:where(.ld-photo-editor) .pe-stage.is-dropping {
  box-shadow: inset 0 0 0 3px var(--tk-blue);
}

:where(.ld-photo-editor) .pe-photo-wrap {
  position: absolute;
  left: 0;
  top: 0;
  isolation: isolate;
  transform-origin: 0 0;
  will-change: transform;
}

:where(.ld-photo-editor) .pe-photo-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-drag: none;
}

:where(.ld-photo-editor) .pe-tint {
  position: absolute;
  inset: 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

:where(.ld-photo-editor) .pe-frame {
  position: absolute;
  border-radius: 12px;
  box-shadow: 0 0 0 9999px rgba(8, 16, 26, 0.64);
  outline: 2px solid rgba(255, 255, 255, 0.95);
  pointer-events: none;
}

:where(.ld-photo-editor) .pe-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(to right, transparent calc(33.333% - 0.5px), rgba(255, 255, 255, 0.55) calc(33.333% - 0.5px), rgba(255, 255, 255, 0.55) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px), transparent calc(66.666% - 0.5px), rgba(255, 255, 255, 0.55) calc(66.666% - 0.5px), rgba(255, 255, 255, 0.55) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px)),
    linear-gradient(to bottom, transparent calc(33.333% - 0.5px), rgba(255, 255, 255, 0.55) calc(33.333% - 0.5px), rgba(255, 255, 255, 0.55) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px), transparent calc(66.666% - 0.5px), rgba(255, 255, 255, 0.55) calc(66.666% - 0.5px), rgba(255, 255, 255, 0.55) calc(66.666% + 0.5px), transparent calc(66.666% + 0.5px));
  opacity: 0;
  transition: opacity 0.2s ease;
}

:where(.ld-photo-editor) .pe-stage.is-dragging .pe-frame::before,
:where(.ld-photo-editor) .pe-stage:focus-visible .pe-frame::before {
  opacity: 1;
}

:where(.ld-photo-editor) .pe-empty {
  position: absolute;
  inset: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  border: 2px dashed rgba(255, 255, 255, 0.35);
  border-radius: 14px;
  text-align: center;
  color: var(--tk-white);
}

:where(.ld-photo-editor) .pe-empty__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CFE5F8;
}

:where(.ld-photo-editor) .pe-empty__title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

:where(.ld-photo-editor) .pe-zoom {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 6px 6px 12px;
  border: 1px solid var(--tk-line);
  border-radius: 14px;
}

:where(.ld-photo-editor) .pe-zoom__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tk-muted);
}

:where(.ld-photo-editor) .pe-zoom .pe-range {
  flex: 1 1 auto;
  min-width: 0;
}

:where(.ld-photo-editor) .pe-zoom output {
  width: 46px;
  text-align: right;
  font-size: 13.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--tk-navy);
}

:where(.ld-photo-editor) .pe-range {
  --fill: 0%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 28px;
  margin: 0;
  background: transparent;
  cursor: pointer;
}

:where(.ld-photo-editor) .pe-range::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 3px;
  background: linear-gradient(to right, var(--tk-blue) var(--fill), #DCE4EC var(--fill));
}

:where(.ld-photo-editor) .pe-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  margin-top: -7px;
  border-radius: 50%;
  background: var(--tk-white);
  border: 2px solid var(--tk-blue);
  box-shadow: 0 2px 6px rgba(0, 39, 72, 0.25);
}

:where(.ld-photo-editor) .pe-range::-moz-range-track {
  height: 6px;
  border-radius: 3px;
  background: #DCE4EC;
}

:where(.ld-photo-editor) .pe-range::-moz-range-progress {
  height: 6px;
  border-radius: 3px;
  background: var(--tk-blue);
}

:where(.ld-photo-editor) .pe-range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--tk-white);
  border: 2px solid var(--tk-blue);
  box-shadow: 0 2px 6px rgba(0, 39, 72, 0.25);
}

:where(.ld-photo-editor) .pe-range:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

:where(.ld-photo-editor) .pe-panel {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

:where(.ld-photo-editor) .pe-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #EFF3F7;
}

:where(.ld-photo-editor) .pe-tab {
  height: 40px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  color: var(--tk-muted);
  cursor: pointer;
}

:where(.ld-photo-editor) .pe-tab[aria-selected="true"] {
  background: var(--tk-white);
  color: var(--tk-navy);
  box-shadow: 0 1px 3px rgba(0, 39, 72, 0.14);
}

:where(.ld-photo-editor) .pe-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 8px;
}

:where(.ld-photo-editor) .pe-preset {
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  color: var(--tk-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

:where(.ld-photo-editor) .pe-preset__thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;
  background: #DDE5ED;
  box-shadow: 0 0 0 1px var(--tk-line);
  transition: box-shadow 0.15s ease;
}

:where(.ld-photo-editor) .pe-preset__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(.ld-photo-editor) .pe-preset__name {
  font-size: 12px;
  font-weight: 600;
}

:where(.ld-photo-editor) .pe-preset:hover .pe-preset__thumb {
  box-shadow: 0 0 0 2px var(--tk-line-blue);
}

:where(.ld-photo-editor) .pe-preset[aria-pressed="true"] .pe-preset__thumb {
  box-shadow: 0 0 0 2px var(--tk-white), 0 0 0 4px var(--tk-blue);
}

:where(.ld-photo-editor) .pe-preset[aria-pressed="true"] .pe-preset__name {
  color: var(--tk-blue);
}

:where(.ld-photo-editor) .pe-preset:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

:where(.ld-photo-editor) .pe-adjust {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

:where(.ld-photo-editor) .pe-slider {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

:where(.ld-photo-editor) .pe-slider__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--tk-navy);
}

:where(.ld-photo-editor) .pe-slider output {
  font-variant-numeric: tabular-nums;
  color: var(--tk-muted);
}

:where(.ld-photo-editor) .pe-link {
  align-self: flex-start;
  min-height: 36px;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--tk-blue);
  cursor: pointer;
}

:where(.ld-photo-editor) .pe-link:hover {
  text-decoration: underline;
}

:where(.ld-photo-editor) .pe-preview {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--tk-line);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

:where(.ld-photo-editor) .pe-preview__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tk-muted);
}

:where(.ld-photo-editor) .pe-preview__row {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

:where(.ld-photo-editor) .pe-preview__item {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

:where(.ld-photo-editor) .pe-prev-card,
:where(.ld-photo-editor) .pe-prev-avatar {
  position: relative;
  overflow: hidden;
  background: var(--tk-blue-soft);
  border: 1px solid var(--tk-photo-line);
}

:where(.ld-photo-editor) .pe-prev-card {
  width: 150px;
  height: 100px;
  border-radius: 10px;
}

:where(.ld-photo-editor) .pe-prev-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

:where(.ld-photo-editor) .pe-dialog__foot {
  padding: 14px 20px 18px 16px;
  border-top: 1px solid var(--tk-line);
}

:where(.ld-photo-editor) .pe-foot-main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

:where(.ld-photo-editor) .pe-foot-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

:where(.ld-photo-editor) .pe-confirm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  padding: 10px 10px 10px 16px;
  border-radius: 14px;
  background: var(--tk-red-tint);
}

:where(.ld-photo-editor) .pe-confirm__text {
  margin: 0;
  flex: 1 1 260px;
  font-size: 14px;
  line-height: 1.45;
  color: #6B4E00;
}

@media (max-width: 780px) {
  :where(.ld-photo-editor) .pe-dialog__main {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 16px 18px;
  }

  :where(.ld-photo-editor) .pe-dialog__head {
    padding: 16px 10px 0 16px;
  }
}

@media (max-width: 480px) {
  :where(.ld-photo-editor) .pe-zoom__label {
    display: none;
  }

  :where(.ld-photo-editor) .pe-backdrop {
    padding: calc(8px + env(safe-area-inset-top, 0px)) 8px calc(8px + env(safe-area-inset-bottom, 0px));
  }

  :where(.ld-photo-editor) .pe-dialog__foot {
    padding: 12px 12px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.ld-photo-editor) .pe-backdrop * {
    transition: none;
  }
}

:where(.ld-photo-editor) .pe-backdrop {
  font-family: var(--font-sans, inherit);
  color: var(--tk-navy);
  -webkit-font-smoothing: antialiased;
}

:where(.ld-photo-editor) .pe-backdrop *,
:where(.ld-photo-editor) .pe-backdrop *::before,
:where(.ld-photo-editor) .pe-backdrop *::after {
  box-sizing: border-box;
}

:where(.ld-photo-editor) .pe-backdrop[hidden],
:where(.ld-photo-editor) .pe-backdrop [hidden] {
  display: none;
}

:where(.ld-photo-editor) .pe-backdrop svg {
  flex: 0 0 auto;
  display: block;
}


:where(.ld-photo-editor) .pe-backdrop.is-round .pe-frame {
  border-radius: 50%;
}

:where(.ld-photo-editor) .pe-backdrop.is-round .pe-preview__item.is-card {
  display: none;
}

:where(.ld-photo-editor) .pe-backdrop.is-cover .pe-preview {
  display: none;
}
.pev-radius{ display:flex; gap:8px; }
.pev-radius input:not([type="checkbox"]):not([type="radio"]){ flex:1 1 auto; width:auto; min-width:0; }
.pev-lf .pev-radius select{ flex:0 0 96px; width:auto; }
:where(.ld-casting-public) .cpv { display: flex; flex-direction: column; gap: 20px; }
:where(.ld-casting-public) .cpv-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
:where(.ld-casting-public) .cpv-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid #D5DCE5; background: #FFFFFF; color: #1E293B; font-size: 15px; font-weight: 600; text-decoration: none; cursor: pointer; }
:where(.ld-casting-public) .cpv-btn:hover { background: #F5F6F8; }
:where(.ld-casting-public) .cpv-btn--primary { border-color: #0C6EBA; background: #0C6EBA; color: #FFFFFF; }
:where(.ld-casting-public) .cpv-btn--primary:hover { background: #094F86; border-color: #094F86; }
:where(.ld-casting-public) .cpv-flash, :where(.ld-casting-public) .cpv-state { margin: 0; padding: 10px 14px; border-radius: 10px; background: #F0F7FD; border: 1px solid #CFE4F6; color: #0C6EBA; font-size: 14px; font-weight: 600; }
:where(.ld-casting-public) .cpv-name { margin: 0; font-size: 18px; font-weight: 700; color: #0F172A; }
:where(.ld-casting-public) .cpv-sec { display: flex; flex-direction: column; gap: 12px; padding-top: 18px; border-top: 1px solid #EEF1F5; }
:where(.ld-casting-public) .cpv-head + .cpv-sec, :where(.ld-casting-public) .cpv-flash + .cpv-sec { padding-top: 0; border-top: 0; }
:where(.ld-casting-public) .cpv-h3 { margin: 0; font-size: 16px; font-weight: 700; color: #0F172A; }
:where(.ld-casting-public) .cpv-sub { margin: 4px 0 0; font-size: 14px; font-weight: 700; color: #334155; }
:where(.ld-casting-public) .cpv-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
:where(.ld-casting-public) .cpv-chips li { padding: 6px 14px; border-radius: 999px; background: #E7F1F8; border: 1px solid #9EC5E3; color: #094F86; font-size: 14px; font-weight: 600; }
:where(.ld-casting-public) .cpv-dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px 20px; }
:where(.ld-casting-public) .cpv-dl div { min-width: 0; }
:where(.ld-casting-public) .cpv-dl dt { font-size: 13px; font-weight: 600; color: #556070; }
:where(.ld-casting-public) .cpv-dl dd { margin: 2px 0 0; font-size: 15px; color: #0F172A; overflow-wrap: anywhere; }
:where(.ld-casting-public) .cpv-photos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
:where(.ld-casting-public) .cpv-photos figure, :where(.ld-casting-public) .cpv-videos figure { margin: 0; display: flex; flex-direction: column; gap: 6px; }
:where(.ld-casting-public) .cpv-photos img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; background: #E8EDF3; display: block; }
:where(.ld-casting-public) .cpv-photos figcaption, :where(.ld-casting-public) .cpv-videos figcaption { font-size: 13px; font-weight: 600; color: #334155; }
:where(.ld-casting-public) .cpv-videos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
:where(.ld-casting-public) .cpv-videos video { width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; background: #0F172A; display: block; }
:where(.ld-casting-public) .cpx-page { width: 100%; max-width: 1152px; margin: 0 auto; }
:where(.ld-casting-public) .pcg { max-width: 640px; padding: 32px 16px 64px; }
:where(.ld-casting-public) .pcg-form { display: flex; flex-direction: column; gap: 18px; }
:where(.ld-casting-public) .pcg-check { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: #0F172A; cursor: pointer; }
:where(.ld-casting-public) .pcg-check input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: #0C6EBA; }
:where(.ld-casting-public) .pcg-check a { color: #0C6EBA; }
:where(.ld-casting-public) .pcg-field { display: flex; flex-direction: column; gap: 6px; }
:where(.ld-casting-public) .pcg-field label { font-size: 14px; font-weight: 600; color: #0F172A; }
:where(.ld-casting-public) .pcg-field input { height: 44px; padding: 0 12px; border: 1px solid #CBD5E1; border-radius: 10px; font: inherit; font-size: 15px; }
:where(.ld-casting-public) .pcg-actions { display: flex; flex-wrap: wrap; gap: 10px; }
:where(.cpx-sheet) :host { display: block; --accent: #0C6EBA; --accent-tint: #E7F1F8; --accent-deep: #094F86; --accent-line: #9EC5E3; --accent-ring: #86B6DD; --ink: #0F172A; --ink-2: #1E293B; --ink-3: #334155; --muted: #556070; --placeholder: #64748B; --line: #E3E8EF; --line-2: #EEF1F5; --field: #CBD5E1; --chip-line: #D5DCE5; --bg: #F4F6F9; --card: #FFFFFF; --soft: #F8FAFC; --track: #EEF1F5; --orange-line: #E9C46A; --orange-bg: #FFF8E5; --orange-tag: #FDF0C4; --orange-fg: #6B4E00; --orange-icon: #8A6A00; --orange-dot: #D4A017; --orange-soft: #F1D88A; --green-bg: #F0FDF4; --green-tag: #DCFCE7; --green-fg: #166534; --green-line: #BBF7D0; --green-dot: #16A34A; --amber-dot: #D97706; --gray-dot: #94A3B8; --menu-shadow: 0 16px 40px rgba(15, 23, 42, 0.16); font-family: inherit; color: var(--ink); -webkit-font-smoothing: antialiased; }
:where(.cpx-sheet) * { box-sizing: border-box; }
:where(.cpx-sheet) button, :where(.cpx-sheet) input { font: inherit; color: inherit; }
:where(.cpx-sheet) button { cursor: pointer; }
:where(.cpx-sheet) button:disabled { cursor: default; }
:where(.cpx-sheet) input::placeholder { color: var(--placeholder); }
:where(.cpx-sheet) :focus-visible { outline: 3px solid var(--accent-ring); outline-offset: 2px; }
:where(.cpx-sheet) .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:where(.cpx-sheet) h1, :where(.cpx-sheet) h2, :where(.cpx-sheet) h3, :where(.cpx-sheet) p { margin: 0; }
:where(.cpx-sheet) .page { padding: 32px 16px 64px; }
:where(.cpx-sheet) .wrap { max-width: 1120px; margin: 0 auto; display: flex; flex-direction: column; gap: 24px; }
:where(.cpx-sheet) .backdrop { position: fixed; inset: 0; z-index: 20; border: 0; padding: 0; background: transparent; cursor: default; }
:where(.cpx-sheet) .header { position: relative; display: flex; gap: 16px; align-items: flex-start; }
:where(.cpx-sheet) .header.is-open { z-index: 40; }
:where(.cpx-sheet) .header__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
:where(.cpx-sheet) .eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-deep); }
:where(.cpx-sheet) h1 { font-size: 34px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
:where(.cpx-sheet) .lead { max-width: 560px; font-size: 16px; line-height: 1.5; color: var(--muted); }
:where(.cpx-sheet) .strength { flex: none; width: 260px; display: flex; flex-direction: column; gap: 8px; padding-top: 22px; }
:where(.cpx-sheet) .strength__row { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .accent-text { color: var(--accent-deep); }
:where(.cpx-sheet) .bar { height: 8px; border-radius: 999px; background: #DDE3EA; overflow: hidden; }
:where(.cpx-sheet) .bar > span { display: block; height: 100%; background: var(--accent); border-radius: 999px; transition: width 0.3s; }
:where(.cpx-sheet) .bar--thin { height: 6px; }
:where(.cpx-sheet) .kebab { flex: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--chip-line); background: #FFFFFF; color: var(--ink-3); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .kebab[aria-expanded="true"] { background: var(--accent-tint); border-color: var(--accent); }
:where(.cpx-sheet) .settings { position: absolute; right: 0; top: 52px; width: 460px; max-width: 100%; max-height: calc(100vh - 140px); overflow-y: auto; background: #FFFFFF; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18); padding: 20px; display: flex; flex-direction: column; gap: 16px; }
:where(.cpx-sheet) .settings__head { display: flex; align-items: flex-start; gap: 12px; }
:where(.cpx-sheet) .settings__head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
:where(.cpx-sheet) .settings__title { font-size: 18px; font-weight: 700; }
:where(.cpx-sheet) .small-muted { font-size: 13px; line-height: 1.45; color: var(--muted); }
:where(.cpx-sheet) .icon-btn { flex: none; width: 40px; height: 40px; border: 0; border-radius: 10px; background: #F1F5F9; color: var(--ink-3); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
:where(.cpx-sheet) .legend { padding: 0; margin: 0 0 10px; font-size: 14px; font-weight: 700; }
:where(.cpx-sheet) .settings .legend { font-size: 15px; margin-bottom: 4px; }
:where(.cpx-sheet) .radio-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
:where(.cpx-sheet) .radio-row { display: flex; gap: 12px; align-items: center; min-height: 52px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: #FFFFFF; cursor: pointer; }
:where(.cpx-sheet) .radio-row.is-on { background: var(--accent-tint); border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
:where(.cpx-sheet) .radio-row input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
:where(.cpx-sheet) .radio-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
:where(.cpx-sheet) .radio-row__label { font-size: 14px; font-weight: 700; }
:where(.cpx-sheet) .radio-row__desc { font-size: 12px; line-height: 1.4; color: var(--muted); }
:where(.cpx-sheet) .lv-icon { flex: none; width: 30px; height: 30px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--lv-bg); color: var(--lv-fg); }
:where(.cpx-sheet) .people { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 12px; background: var(--soft); border: 1px solid var(--line-2); }
:where(.cpx-sheet) .people__label { font-size: 14px; font-weight: 700; }
:where(.cpx-sheet) .people__desc { font-size: 12px; line-height: 1.45; color: var(--muted); }
:where(.cpx-sheet) .inline-form { display: flex; gap: 8px; }
:where(.cpx-sheet) .person-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
:where(.cpx-sheet) .person { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 2px 0 4px; border: 1px solid var(--chip-line); border-radius: 999px; background: #FFFFFF; font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .person__avatar { flex: none; width: 32px; height: 32px; border-radius: 50%; background: #CCFBF1; color: #115E59; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .round-x { flex: none; width: 40px; height: 40px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .layout { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
:where(.cpx-sheet) .main { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
:where(.cpx-sheet) .aside { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
:where(.cpx-sheet) .card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 20px; }
:where(.cpx-sheet) .card--sm { padding: 20px; gap: 14px; }
:where(.cpx-sheet) .sec-head { position: relative; display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-start; }
:where(.cpx-sheet) .sec-head.is-open { z-index: 30; }
:where(.cpx-sheet) .sec-num { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-deep); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .sec-text { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
:where(.cpx-sheet) .sec-title { font-size: 19px; line-height: 1.3; font-weight: 700; }
:where(.cpx-sheet) .sec-desc { font-size: 14px; line-height: 1.45; color: var(--muted); }
:where(.cpx-sheet) .card-title { font-size: 15px; font-weight: 700; }
:where(.cpx-sheet) .row-between { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
:where(.cpx-sheet) .stack { display: flex; flex-direction: column; }
:where(.cpx-sheet) .gap-10 { gap: 10px; }
:where(.cpx-sheet) .gap-12 { gap: 12px; }
:where(.cpx-sheet) .gap-14 { gap: 14px; }
:where(.cpx-sheet) .gap-18 { gap: 18px; }
:where(.cpx-sheet) .gap-20 { gap: 20px; }
:where(.cpx-sheet) .gap-22 { gap: 22px; }
:where(.cpx-sheet) .gap-24 { gap: 24px; }
:where(.cpx-sheet) .divider-top { border-top: 1px solid var(--line-2); padding-top: 18px; }
:where(.cpx-sheet) .label { font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .label-strong { font-size: 14px; font-weight: 700; }
:where(.cpx-sheet) .optional { font-weight: 500; color: var(--muted); }
:where(.cpx-sheet) .count { font-size: 13px; font-weight: 600; color: var(--muted); }
:where(.cpx-sheet) .vis-btn { flex: none; min-height: 44px; padding: 0; border: 0; background: transparent; display: flex; align-items: center; }
:where(.cpx-sheet) .lv-pill { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--lv-bd); background: var(--lv-bg); color: var(--lv-fg); font-size: 13px; font-weight: 700; white-space: nowrap; }
:where(.cpx-sheet) .lv-pill__default { font-weight: 500; }
:where(.cpx-sheet) .menu { position: absolute; right: 0; top: calc(100% + 4px); width: 320px; max-width: 100%; background: #FFFFFF; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--menu-shadow); padding: 6px; display: flex; flex-direction: column; gap: 2px; }
:where(.cpx-sheet) .menu__title { padding: 8px 10px 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
:where(.cpx-sheet) .menu-item { display: flex; gap: 10px; align-items: center; width: 100%; min-height: 52px; padding: 8px 10px; border: 0; border-radius: 10px; background: transparent; text-align: left; }
:where(.cpx-sheet) .menu-item:hover:not(:disabled) { background: var(--soft); }
:where(.cpx-sheet) .menu-item[aria-pressed="true"] { background: #F1F5F9; }
:where(.cpx-sheet) .menu-item:disabled { opacity: 0.5; cursor: not-allowed; }
:where(.cpx-sheet) .menu-item__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
:where(.cpx-sheet) .menu-item__label { font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .menu-item__desc { font-size: 12px; line-height: 1.35; color: var(--muted); }
:where(.cpx-sheet) .menu-item__check { color: var(--accent); flex: none; }
:where(.cpx-sheet) .picker { position: relative; }
:where(.cpx-sheet) .picker.is-open { z-index: 30; }
:where(.cpx-sheet) .picker-btn { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--field); border-radius: 10px; background: #FFFFFF; font-size: 15px; text-align: left; }
:where(.cpx-sheet) .picker.is-open .picker-btn { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
:where(.cpx-sheet) .picker-btn__text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--placeholder); }
:where(.cpx-sheet) .picker-btn__text.has-value { color: var(--ink); font-weight: 600; }
:where(.cpx-sheet) .picker-panel { position: absolute; left: 0; right: 0; top: calc(100% + 6px); display: flex; flex-direction: column; max-height: 460px; background: #FFFFFF; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--menu-shadow); overflow: hidden; }
:where(.cpx-sheet) .picker-search { padding: 10px; border-bottom: 1px solid var(--line-2); }
:where(.cpx-sheet) .search-box { display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid var(--field); border-radius: 10px; background: #FFFFFF; color: var(--muted); }
:where(.cpx-sheet) .search-box input { flex: 1; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent; font-size: 15px; color: var(--ink); outline: none; }
:where(.cpx-sheet) .search-box:focus-within { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
:where(.cpx-sheet) .picker-list { flex: 1; min-height: 0; overflow-y: auto; padding: 6px; }
:where(.cpx-sheet) .picker-group { padding: 10px 10px 4px; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
:where(.cpx-sheet) .check-row { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 10px; border-radius: 8px; font-size: 15px; font-weight: 500; cursor: pointer; }
:where(.cpx-sheet) .check-row:hover { background: var(--soft); }
:where(.cpx-sheet) .check-row.is-on { background: var(--accent-tint); font-weight: 600; }
:where(.cpx-sheet) .check-row input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
:where(.cpx-sheet) .picker-empty { padding: 16px 10px; font-size: 14px; color: var(--muted); }
:where(.cpx-sheet) .picker-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px; border-top: 1px solid var(--line-2); }
:where(.cpx-sheet) .tag-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
:where(.cpx-sheet) .tag { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; padding: 0 2px 0 14px; border-radius: 999px; background: var(--accent-tint); color: var(--accent-deep); border: 1px solid var(--accent-line); font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .tag .round-x { color: var(--accent-deep); }
:where(.cpx-sheet) .btn { min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid var(--chip-line); background: #FFFFFF; color: var(--ink-2); font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
:where(.cpx-sheet) .btn-primary { border: 0; background: var(--accent); color: #FFFFFF; font-weight: 700; }
:where(.cpx-sheet) .btn-ghost { border: 0; background: transparent; color: var(--ink-3); }
:where(.cpx-sheet) .btn:disabled { opacity: 0.45; }
:where(.cpx-sheet) .btn-block { width: 100%; }
:where(.cpx-sheet) .chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
:where(.cpx-sheet) .chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--chip-line); background: #FFFFFF; color: var(--ink-2); font-size: 14px; font-weight: 500; }
:where(.cpx-sheet) .chip--swatch { gap: 8px; padding: 0 14px 0 10px; }
:where(.cpx-sheet) .chip[aria-pressed="true"] { background: var(--accent-tint); color: var(--accent-deep); border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); font-weight: 600; }
:where(.cpx-sheet) .swatch { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid rgba(15, 23, 42, 0.22); }
:where(.cpx-sheet) .seg { display: grid; gap: 4px; padding: 4px; background: var(--track); border-radius: 12px; }
:where(.cpx-sheet) .seg--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 360px; }
:where(.cpx-sheet) .seg--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(.cpx-sheet) .seg--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(.cpx-sheet) .seg--narrow { max-width: 440px; }
:where(.cpx-sheet) .seg button { min-height: 44px; padding: 0 4px; border: 0; border-radius: 9px; background: transparent; color: #475569; font-size: 14px; font-weight: 500; white-space: nowrap; }
:where(.cpx-sheet) .seg button[aria-pressed="true"] { background: #FFFFFF; color: var(--ink); box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16); font-weight: 700; }
:where(.cpx-sheet) .seg--sm button { font-size: 13px; padding: 0 2px; }
:where(.cpx-sheet) .seg--dark { background: #E6EAF0; }
:where(.cpx-sheet) .input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--field); border-radius: 10px; background: #FFFFFF; font-size: 15px; color: var(--ink); }
:where(.cpx-sheet) .input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
:where(.cpx-sheet) .input.is-missing { border-color: var(--orange-line); box-shadow: 0 0 0 1px var(--orange-line); background: var(--orange-bg); }
:where(.cpx-sheet) .input--age { height: 52px; text-align: center; font-size: 16px; font-weight: 600; }
:where(.cpx-sheet) .unit-box { display: flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; border: 1px solid var(--field); border-radius: 10px; background: #FFFFFF; }
:where(.cpx-sheet) .unit-box:focus-within { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
:where(.cpx-sheet) .unit-box input { flex: 1; min-width: 0; height: 100%; border: 0; padding: 0; background: transparent; font-size: 15px; outline: none; }
:where(.cpx-sheet) .unit-box span { font-size: 14px; font-weight: 600; color: var(--muted); }
:where(.cpx-sheet) .age-row { display: flex; align-items: center; gap: 10px; }
:where(.cpx-sheet) .age-row .input { flex: 1; min-width: 0; }
:where(.cpx-sheet) .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
:where(.cpx-sheet) .field__head { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 22px; }
:where(.cpx-sheet) .mini-tag { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 6px; background: #F1F5F9; color: var(--ink-3); }
:where(.cpx-sheet) .mini-tag--orange { background: var(--orange-tag); color: var(--orange-fg); }
:where(.cpx-sheet) .field__hint--orange { font-size: 13px; line-height: 1.4; color: var(--orange-fg); }
:where(.cpx-sheet) .grid-auto-240 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px 24px; }
:where(.cpx-sheet) .grid-auto-260 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px 24px; }
:where(.cpx-sheet) .grid-auto-290 { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 28px 32px; }
:where(.cpx-sheet) .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
:where(.cpx-sheet) .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 12px; }
:where(.cpx-sheet) .span-all { grid-column: 1 / -1; }
:where(.cpx-sheet) .dropzone { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border: 1.5px dashed #C3CDD8; border-radius: 12px; background: var(--soft); text-align: left; }
:where(.cpx-sheet) .dropzone__icon { width: 40px; height: 40px; flex: none; border-radius: 10px; background: var(--accent-tint); color: var(--accent-deep); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); gap: 10px; }
:where(.cpx-sheet) .slot { position: relative; aspect-ratio: 3 / 4; border-radius: 10px; border: 1.5px dashed #C3CDD8; background: var(--soft); color: var(--muted); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px; }
:where(.cpx-sheet) .slot.is-main { border-color: var(--accent); background: var(--accent-tint); color: var(--accent-deep); }
:where(.cpx-sheet) .slot.is-filled { border-style: solid; border-color: #94A3B8; background: #E2E8F0; color: var(--ink-3); }
:where(.cpx-sheet) .slot__label { font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; }
:where(.cpx-sheet) .slot__state { font-size: 11px; color: var(--ink-3); }
:where(.cpx-sheet) .slot__main { position: absolute; top: 6px; left: 6px; font-size: 11px; font-weight: 700; padding: 2px 6px; border-radius: 6px; background: var(--accent); color: #FFFFFF; }
:where(.cpx-sheet) .videos { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
:where(.cpx-sheet) .video { aspect-ratio: 16 / 9; border: 1.5px dashed #C3CDD8; border-radius: 12px; background: var(--soft); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px; text-align: center; }
:where(.cpx-sheet) .video.is-filled { border-style: solid; border-color: #94A3B8; background: #E2E8F0; }
:where(.cpx-sheet) .video__icon { width: 44px; height: 44px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-deep); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .video.is-filled .video__icon { background: #FFFFFF; }
:where(.cpx-sheet) .video__title { font-size: 15px; font-weight: 700; }
:where(.cpx-sheet) .video__desc { font-size: 13px; line-height: 1.4; color: var(--muted); }
:where(.cpx-sheet) .banner { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; font-size: 14px; line-height: 1.45; }
:where(.cpx-sheet) .banner svg { flex: none; margin-top: 1px; }
:where(.cpx-sheet) .banner--orange { background: var(--orange-bg); border: 1px solid var(--orange-soft); color: var(--orange-fg); }
:where(.cpx-sheet) .banner--green { background: var(--green-bg); border: 1px solid var(--green-line); color: var(--green-fg); }
:where(.cpx-sheet) .banner--gray { background: #F1F5F9; color: var(--ink-3); font-size: 13px; padding: 10px 12px; border-radius: 10px; }
:where(.cpx-sheet) .pill { flex: none; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
:where(.cpx-sheet) .pill--green { background: var(--green-tag); color: var(--green-fg); }
:where(.cpx-sheet) .pill--orange { background: var(--orange-tag); color: var(--orange-fg); }
:where(.cpx-sheet) .pill--amber { background: #F0F7FD; color: #0C6EBA; }
:where(.cpx-sheet) .pill--gray { background: var(--track); color: var(--muted); }
:where(.cpx-sheet) .dot { flex: none; width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
:where(.cpx-sheet) .check-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
:where(.cpx-sheet) .check-item { display: flex; gap: 10px; align-items: flex-start; }
:where(.cpx-sheet) .check-icon { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid #C3CDD8; background: #FFFFFF; color: var(--muted); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .check-icon.is-done { background: var(--accent); border-color: var(--accent); color: #FFFFFF; }
:where(.cpx-sheet) .check-icon.is-warn { background: var(--orange-bg); border-color: var(--orange-line); color: var(--orange-icon); }
:where(.cpx-sheet) .check-item__label { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .check-item__sub { font-size: 13px; line-height: 1.4; color: var(--muted); }
:where(.cpx-sheet) .check-item__sub.is-warn { color: var(--orange-fg); }
:where(.cpx-sheet) .card.is-ready { border-color: var(--green-line); }
:where(.cpx-sheet) .preview { background: #FFFFFF; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); }
:where(.cpx-sheet) .preview__photo { position: relative; aspect-ratio: 4 / 3; background: #E8EDF3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--muted); }
:where(.cpx-sheet) .preview__badge { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: #FFFFFF; font-size: 12px; font-weight: 600; color: var(--ink-3); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08); }
:where(.cpx-sheet) .preview__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 14px; }
:where(.cpx-sheet) .preview__name { font-size: 18px; font-weight: 700; }
:where(.cpx-sheet) .preview-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
:where(.cpx-sheet) .preview-row { display: flex; gap: 10px; align-items: flex-start; }
:where(.cpx-sheet) .preview-row__icon { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-deep); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .preview-row__icon.is-hidden { background: var(--track); color: var(--muted); }
:where(.cpx-sheet) .preview-row__label { font-size: 13px; font-weight: 700; }
:where(.cpx-sheet) .preview-row__value { font-size: 13px; line-height: 1.4; color: var(--ink-3); }
:where(.cpx-sheet) .preview-row__value.is-hidden { color: var(--muted); }
:where(.cpx-sheet) .caps { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
:where(.cpx-sheet) .avatar { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--track); color: var(--ink-3); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .mail-icon { flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--accent-tint); color: var(--accent-deep); display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .body-text { font-size: 14px; line-height: 1.5; color: var(--ink-3); }
:where(.cpx-sheet) .savebar { background: #FFFFFF; border: 1px solid var(--line); border-radius: 16px; padding: 16px 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
:where(.cpx-sheet) .savebar__status { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; font-weight: 600; color: var(--ink-3); }
:where(.cpx-sheet) .savebar__actions { display: flex; flex-wrap: wrap; gap: 10px; }
:where(.cpx-sheet) .m-top { display: flex; flex-direction: column; gap: 14px; }
:where(.cpx-sheet) .quick-mini { display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: #FFFFFF; text-align: left; }
:where(.cpx-sheet) .quick-mini.is-ready { border-color: var(--green-line); }
:where(.cpx-sheet) .stepper { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
:where(.cpx-sheet) .step { display: flex; flex-direction: column; align-items: center; gap: 4px; min-height: 60px; padding: 4px 0; border: 0; background: transparent; }
:where(.cpx-sheet) .step__circle { position: relative; width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--field); background: #FFFFFF; color: var(--ink-3); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
:where(.cpx-sheet) .step--done .step__circle { background: var(--accent-tint); border-color: var(--accent-line); color: var(--accent-deep); }
:where(.cpx-sheet) .step--missing .step__circle { border-color: var(--orange-line); color: var(--orange-icon); }
:where(.cpx-sheet) .step.is-active .step__circle { background: var(--accent); border-color: var(--accent); color: #FFFFFF; }
:where(.cpx-sheet) .step__dot { position: absolute; top: -2px; right: -2px; width: 10px; height: 10px; border-radius: 50%; background: var(--orange-dot); border: 2px solid var(--bg); }
:where(.cpx-sheet) .step__label { font-size: 11px; font-weight: 600; color: #475569; }
:where(.cpx-sheet) .step.is-active .step__label { color: var(--accent-deep); font-weight: 700; }
:where(.cpx-sheet) .step-text { font-size: 13px; font-weight: 600; color: var(--muted); }
:where(.cpx-sheet) .m-bar { position: sticky; bottom: 12px; z-index: 10; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px; background: #FFFFFF; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14); }
:where(.cpx-sheet) .m-bar .btn { min-height: 48px; padding: 0 8px; border-radius: 12px; gap: 4px; }
:where(.cpx-sheet) .m-bar__save.is-dirty { border-color: var(--amber-dot); color: #6B4E00; background: #FFFBEB; }
:where(.cpx-sheet) :host([data-mode="mobile"]) .page { padding: 20px 16px 24px; }
:where(.cpx-sheet) :host([data-mode="mobile"]) .wrap { gap: 18px; }
:where(.cpx-sheet) :host([data-mode="mobile"]) h1 { font-size: 28px; }
:where(.cpx-sheet) :host([data-mode="mobile"]) .card { padding: 20px; }
:where(.cpx-sheet) :host([data-mode="mobile"]) .card--sm { padding: 20px; }
:where(.cpx-sheet) .sec-num svg, :where(.cpx-sheet) .step__circle svg { display: block; }
:where(.cpx-sheet) .slot.has-img { padding: 0; overflow: hidden; border-style: solid; border-color: var(--accent-line); }
:where(.cpx-sheet) .slot.has-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(.cpx-sheet) .slot.has-img .slot__label { position: absolute; left: 6px; right: 6px; bottom: 6px; padding: 3px 6px; border-radius: 6px; background: rgba(15, 23, 42, 0.72); color: #FFFFFF; font-size: 11px; }
:where(.cpx-sheet) .slot.has-img .slot__main { z-index: 1; }
:where(.cpx-sheet) .dropzone.is-over { border-color: var(--accent); background: var(--accent-tint); }
:where(.cpx-sheet) .video { position: relative; overflow: hidden; }
:where(.cpx-sheet) .video.is-busy { opacity: 0.6; cursor: progress; }
:where(.cpx-sheet) .video__x { position: absolute; top: 8px; right: 8px; }
:where(.cpx-sheet) .flash { padding: 10px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .flash--err { background: #FFF8E5; border: 1px solid #F1D88A; color: #6B4E00; }
:where(.cpx-sheet) .flash--ok { background: var(--green-bg); border: 1px solid var(--green-line); color: var(--green-fg); }
:where(.cpx-sheet) .people-hits { list-style: none; margin: 0; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: #FFFFFF; box-shadow: var(--menu-shadow); display: flex; flex-direction: column; gap: 2px; }
:where(.cpx-sheet) .people-hit { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; text-align: left; font-size: 14px; font-weight: 600; }
:where(.cpx-sheet) .people-hit:hover, :where(.cpx-sheet) .people-hit:focus-visible { background: var(--soft); }
:where(.cpx-sheet) .preview__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
:where(.cpx-sheet) .req-row { display: flex; gap: 12px; align-items: center; }
:where(.cpx-sheet) .eyebrow a { color: inherit; text-decoration: none; }
:where(.cpx-sheet) .video { padding: 0; }
:where(.cpx-sheet) .video__btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 100%; padding: 16px; border: 0; border-radius: inherit; background: transparent; text-align: center; }
:where(.cpx-sheet) .seg-wrap { max-width: 360px; }
:where(.cpx-sheet) .label + .label, :where(.cpx-sheet) .age-row .label { color: var(--muted); }
:where(.cpx-sheet) .people .people__label { display: block; }
:where(.cpx-sheet) .fieldset.is-missing .seg { box-shadow: 0 0 0 1px var(--orange-line); background: var(--orange-bg); }
:where(.cpx-sheet) .legend .mini-tag { margin-left: 6px; vertical-align: middle; }
:where(.cpx-sheet) :host([data-mode="mobile"]) .m-bar { bottom: 80px; }
@media (max-width: 767px) { :where(.ld-casting-public) body[data-at-path="/social/casting-profile.php"] .app-rail-createwrap { display: none; } }
:where(.ld-casting-public) .tk-card__actions > .tk-btn:only-child { grid-column: 1 / -1; }
:where(.ld-casting-public) .cpv-actions { display: flex; flex-wrap: wrap; gap: 8px; }
:where(.ld-casting-public) .cpv-btn svg { flex: none; margin-right: 6px; }
:where(.ld-casting-public) .cpv-print-frame { position: fixed; right: 0; bottom: 0; width: 0; height: 0; border: 0; opacity: 0; }
:where(.cpx-sheet) .radio-row.is-off { opacity: 0.55; cursor: not-allowed; }
:where(.cpx-sheet) .parent-dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px 24px; }
:where(.cpx-sheet) .parent-dl dd { margin: 4px 0 0; font-size: 15px; color: var(--ink); overflow-wrap: anywhere; }
:where(.cpx-sheet) .flash--wait { background: #F0F7FD; border: 1px solid #CFE4F6; color: #0C6EBA; }
:where(.ld-parents) .pcf, :where(.ld-parents) .pgp { --pa: #0C6EBA; --pa-tint: #E7F1F8; --pa-deep: #094F86; --pa-ring: #86B6DD; --pink: #0F172A; --pink3: #334155; --pmuted: #556070; --pline: #E3E8EF; --pline2: #EEF1F5; --pfield: #CBD5E1; --psoft: #F8FAFC; --ptrack: #EEF1F5; --por: #E9C46A; --por-bg: #FFF8E5; --por-fg: #6B4E00; color: var(--pink); }
:where(.ld-parents) .pcf { max-width: 760px; display: flex; flex-direction: column; gap: 20px; }
:where(.ld-parents) .pcf-h1, :where(.ld-parents) .pgp-h1 { margin: 0; font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; color: var(--pink); }
:where(.ld-parents) .pgp-h1--sm { font-size: 24px; }
:where(.ld-parents) .pcf-h2, :where(.ld-parents) .pgp-h2 { margin: 0; font-size: 19px; font-weight: 700; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:where(.ld-parents) .pcf-h3 { margin: 0; font-size: 15px; font-weight: 700; }
:where(.ld-parents) .pcf-card, :where(.ld-parents) .pgp-card { background: #FFFFFF; border: 1px solid var(--pline); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 20px; }
:where(.ld-parents) .pcf-card--sm, :where(.ld-parents) .pgp-card--sm { padding: 20px; gap: 12px; }
:where(.ld-parents) .pcf-card:focus { outline: none; }
:where(.ld-parents) .pcf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px 20px; }
:where(.ld-parents) .pcf-span { grid-column: 1 / -1; }
:where(.ld-parents) .pcf-field, :where(.ld-parents) .pgp-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
:where(.ld-parents) .pcf-fieldset, :where(.ld-parents) .pgp-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
:where(.ld-parents) .pcf-label, :where(.ld-parents) .pgp-label { padding: 0; font-size: 14px; font-weight: 600; color: var(--pink); }
:where(.ld-parents) .pcf-input, :where(.ld-parents) .pgp-input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--pfield); border-radius: 10px; background: #FFFFFF; font: inherit; font-size: 15px; color: var(--pink); box-sizing: border-box; }
:where(.ld-parents) .pcf-input:focus, :where(.ld-parents) .pgp-input:focus { outline: none; border-color: var(--pa); box-shadow: 0 0 0 1px var(--pa); }
:where(.ld-parents) .pcf-error, :where(.ld-parents) .pgp-error { margin: 0; font-size: 13px; line-height: 1.4; font-weight: 600; color: var(--por-fg); }
:where(.ld-parents) .is-invalid .pcf-input, :where(.ld-parents) .is-invalid .pcf-seg { border-color: var(--por); box-shadow: 0 0 0 1px var(--por); background: var(--por-bg); }
:where(.ld-parents) .is-invalid .pcf-check { border-color: var(--por); background: var(--por-bg); }
:where(.ld-parents) .pcf-seg, :where(.ld-parents) .pgp-seg { max-width: 440px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; padding: 4px; background: var(--ptrack); border-radius: 12px; border: 1px solid transparent; }
:where(.ld-parents) .pcf-seg label, :where(.ld-parents) .pgp-seg label { position: relative; }
:where(.ld-parents) .pcf-seg input, :where(.ld-parents) .pgp-seg input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
:where(.ld-parents) .pcf-seg span, :where(.ld-parents) .pgp-seg span { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 4px; border-radius: 9px; color: #475569; font-size: 14px; font-weight: 500; text-align: center; }
:where(.ld-parents) .pcf-seg input:checked + span, :where(.ld-parents) .pgp-seg input:checked + span { background: #FFFFFF; color: var(--pink); box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16); font-weight: 700; }
:where(.ld-parents) .pcf-seg input:focus-visible + span, :where(.ld-parents) .pgp-seg input:focus-visible + span { outline: 3px solid var(--pa-ring); outline-offset: 1px; }
:where(.ld-parents) .pcf-rules { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 12px; background: var(--psoft); border: 1px solid var(--pline2); }
:where(.ld-parents) .pcf-rules-head, :where(.ld-parents) .pgp-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
:where(.ld-parents) .pcf-rules ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.45; color: var(--pink3); }
:where(.ld-parents) .pcf-link, :where(.ld-parents) .pgp-link { padding: 0; border: 0; background: transparent; font: inherit; font-size: 14px; font-weight: 700; color: #0A5A98; text-decoration: none; cursor: pointer; }
:where(.ld-parents) .pcf-link:hover, :where(.ld-parents) .pgp-link:hover { text-decoration: underline; }
:where(.ld-parents) .pcf-check, :where(.ld-parents) .pgp-check { display: flex; gap: 12px; align-items: flex-start; padding: 12px; border-radius: 10px; background: #FFFFFF; border: 1px solid var(--pline); font-size: 14px; line-height: 1.45; font-weight: 600; cursor: pointer; }
:where(.ld-parents) .pcf-check input, :where(.ld-parents) .pgp-check input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--pa); }
:where(.ld-parents) .pcf-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
:where(.ld-parents) .pcf-actions form { margin: 0; }
:where(.ld-parents) .pcf-btn, :where(.ld-parents) .pgp-btn { min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid #D5DCE5; background: #FFFFFF; color: #1E293B; font: inherit; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; cursor: pointer; box-sizing: border-box; }
:where(.ld-parents) .pcf-btn:disabled, :where(.ld-parents) .pgp-btn:disabled { opacity: 0.5; cursor: default; }
:where(.ld-parents) .pcf-btn--primary, :where(.ld-parents) .pgp-btn--primary { border-color: var(--pa); background: var(--pa); color: #FFFFFF; font-weight: 700; }
:where(.ld-parents) .pcf-btn--lg { min-height: 48px; padding: 0 24px; border-radius: 12px; font-size: 16px; }
:where(.ld-parents) .pcf-btn--text { border-color: transparent; background: transparent; color: #0A5A98; font-weight: 700; }
:where(.ld-parents) .pcf-alert, :where(.ld-parents) .pcf-flash, :where(.ld-parents) .pgp-flash { margin: 0; padding: 12px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; }
:where(.ld-parents) .pcf-alert { background: var(--por-bg); border: 1px solid #FED7AA; color: var(--por-fg); }
:where(.ld-parents) .pcf-flash, :where(.ld-parents) .pgp-flash { background: #F0F7FD; border: 1px solid #CFE4F6; color: var(--pa); }
:where(.ld-parents) .pcf-status { display: flex; gap: 16px; align-items: flex-start; }
:where(.ld-parents) .pcf-status-icon { flex: none; width: 52px; height: 52px; border-radius: 14px; background: var(--pa-tint); color: var(--pa-deep); display: flex; align-items: center; justify-content: center; }
:where(.ld-parents) .pcf-status-icon.is-ok { background: #DCFCE7; color: #166534; }
:where(.ld-parents) .pcf-status-icon.is-off { background: #FFF8E5; color: #6B4E00; }
:where(.ld-parents) .pcf-status-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
:where(.ld-parents) .pcf-sub { margin: 0; font-size: 15px; line-height: 1.5; color: var(--pmuted); }
:where(.ld-parents) .pcf-sub strong { color: var(--pink); }
:where(.ld-parents) .pcf-pill, :where(.ld-parents) .pgp-pill { font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; white-space: nowrap; background: #F0F7FD; color: var(--pa); }
:where(.ld-parents) .pcf-pill.is-green, :where(.ld-parents) .pgp-pill.is-green { background: #DCFCE7; color: #166534; }
:where(.ld-parents) .pcf-tl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
:where(.ld-parents) .pcf-tl li { display: flex; gap: 14px; }
:where(.ld-parents) .pcf-tl-rail { display: flex; flex-direction: column; align-items: center; }
:where(.ld-parents) .pcf-tl-dot { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--pfield); background: #FFFFFF; color: var(--pmuted); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
:where(.ld-parents) .pcf-tl-dot.is-done { background: var(--pa); border-color: var(--pa); color: #FFFFFF; }
:where(.ld-parents) .pcf-tl-dot.is-now { border: 2px solid var(--pa); background: var(--pa-tint); color: var(--pa-deep); font-weight: 800; }
:where(.ld-parents) .pcf-tl-line { width: 2px; flex: 1; min-height: 22px; background: #DDE3EA; }
:where(.ld-parents) .pcf-tl-line.is-done { background: var(--pa); }
:where(.ld-parents) .pcf-tl-t { display: flex; flex-direction: column; gap: 2px; padding-bottom: 18px; }
:where(.ld-parents) .pcf-tl-title { font-size: 15px; font-weight: 700; }
:where(.ld-parents) .pcf-tl-title.is-later { font-weight: 600; color: var(--pink3); }
:where(.ld-parents) .pcf-tl-sub { font-size: 13px; color: var(--pmuted); }
:where(.ld-parents) .pcf-tl-sub.is-now { color: var(--pa); font-weight: 600; }
:where(.ld-parents) .pcf-perms, :where(.ld-parents) .pgp-summary { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
:where(.ld-parents) .pcf-perms li, :where(.ld-parents) .pgp-summary li { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; }
:where(.ld-parents) .pcf-state, :where(.ld-parents) .pgp-state { margin-left: auto; font-size: 13px; font-weight: 600; color: var(--pmuted); }
:where(.ld-parents) .pcf-tick, :where(.ld-parents) .pgp-tick { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--pa); color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
:where(.ld-parents) .pcf-tick.is-off, :where(.ld-parents) .pgp-tick.is-off { background: var(--ptrack); color: var(--pmuted); }
:where(.ld-parents) .pgp { max-width: 640px; margin: 0 auto; padding: 32px 16px 64px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; }
:where(.ld-parents) .pgp-stack { display: flex; flex-direction: column; gap: 14px; }
:where(.ld-parents) .pgp-stack-sm { display: flex; flex-direction: column; gap: 10px; }
:where(.ld-parents) .pgp-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--pa-deep); }
:where(.ld-parents) .pgp-small { font-size: 13px; line-height: 1.45; color: var(--pmuted); }
:where(.ld-parents) .pgp-body { margin: 0; font-size: 15px; line-height: 1.55; color: var(--pink3); }
:where(.ld-parents) .pgp-strong { font-weight: 700; }
:where(.ld-parents) .pgp-row form { margin: 0; }
:where(.ld-parents) .pgp-code { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; max-width: 360px; }
:where(.ld-parents) .pgp-code input { width: 100%; height: 56px; padding: 0; border: 1px solid var(--pfield); border-radius: 12px; background: #FFFFFF; text-align: center; font: inherit; font-size: 24px; font-weight: 700; color: var(--pink); box-sizing: border-box; }
:where(.ld-parents) .pgp-code input:focus { outline: none; border-color: var(--pa); box-shadow: 0 0 0 2px var(--pa-ring); }
:where(.ld-parents) .pgp-btn--block { width: 100%; }
:where(.ld-parents) .pgp-btn--sm { min-height: 40px; padding: 0 14px; font-size: 14px; }
:where(.ld-parents) .pgp-btn--danger { border-color: #0C6EBA; background: #0C6EBA; color: #FFFFFF; }
:where(.ld-parents) .pgp-btn--link { border-color: transparent; background: transparent; color: #0C6EBA; text-decoration: underline; }
:where(.ld-parents) .pgp-child { display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: 14px; background: var(--psoft); border: 1px solid var(--pline2); }
:where(.ld-parents) .pgp-child > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
:where(.ld-parents) .pgp-child-av { flex: none; width: 48px; height: 48px; border-radius: 50%; background: var(--pa-tint); color: var(--pa-deep); display: flex; align-items: center; justify-content: center; }
:where(.ld-parents) .pgp-child-name { font-size: 17px; font-weight: 700; }
:where(.ld-parents) .pgp-perms { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
:where(.ld-parents) .pgp-perm { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 12px; border: 1px solid var(--pline); border-radius: 12px; }
:where(.ld-parents) .pgp-perm-icon { flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--pa-tint); color: var(--pa-deep); display: flex; align-items: center; justify-content: center; }
:where(.ld-parents) .pgp-perm-t { flex: 1; min-width: 0; font-size: 15px; font-weight: 700; cursor: pointer; }
:where(.ld-parents) .pgp-switch { flex: none; appearance: none; -webkit-appearance: none; width: 48px; height: 28px; margin: 0; border-radius: 999px; background: #CBD5E1; position: relative; cursor: pointer; transition: background 0.2s; }
:where(.ld-parents) .pgp-switch::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25); transition: transform 0.2s; }
:where(.ld-parents) .pgp-switch:checked { background: var(--pa); }
:where(.ld-parents) .pgp-switch:checked::after { transform: translateX(20px); }
:where(.ld-parents) .pgp-switch:focus-visible { outline: 3px solid var(--pa-ring); outline-offset: 2px; }
:where(.ld-parents) .pgp-protect { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.45; color: var(--pink3); }
:where(.ld-parents) .pgp-protect li { display: flex; gap: 10px; }
:where(.ld-parents) .pgp-protect svg { flex: none; margin-top: 1px; color: var(--pa); }
:where(.ld-parents) .pgp-rules { max-height: 220px; overflow-y: auto; padding: 14px; border-radius: 12px; background: var(--psoft); border: 1px solid var(--pline2); font-size: 14px; line-height: 1.5; color: var(--pink3); }
:where(.ld-parents) .pgp-rules p { margin: 0 0 10px; }
:where(.ld-parents) .pgp-rules:focus-visible { outline: 3px solid var(--pa-ring); outline-offset: 2px; }
:where(.ld-parents) .pgp-input--sign { font-family: 'Brush Script MT', 'Segoe Script', cursive; font-size: 20px; }
:where(.ld-parents) .pgp-input.is-wrong { border-color: var(--por); box-shadow: 0 0 0 1px var(--por); background: var(--por-bg); }
:where(.ld-parents) .pgp-card--green { border-color: #BBF7D0; }
:where(.ld-parents) .pgp-success { width: 56px; height: 56px; border-radius: 50%; background: #DCFCE7; color: #166534; display: flex; align-items: center; justify-content: center; }
:where(.ld-parents) .pgp-head { display: flex; flex-direction: column; gap: 6px; padding: 0 4px; }
:where(.ld-parents) .pgp-task { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid var(--pline); border-radius: 12px; }
:where(.ld-parents) .pgp-task-kind { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pa); }
:where(.ld-parents) .pgp-task-kind.is-booking { color: #5B21B6; }
:where(.ld-parents) .pgp-task-title { font-size: 15px; font-weight: 700; }
:where(.ld-parents) .pgp-note { margin: 4px 0; padding: 10px 12px; border-radius: 10px; background: var(--por-bg); border: 1px solid #FED7AA; color: var(--por-fg); font-size: 13px; line-height: 1.45; }
:where(.ld-parents) .pgp-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 4px 0 0; }
:where(.ld-parents) .pgp-activity { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
:where(.ld-parents) .pgp-activity li { display: flex; flex-direction: column; gap: 2px; padding-bottom: 10px; border-bottom: 1px solid var(--pline2); }
:where(.ld-parents) .pgp-card--red { border-color: #F1D88A; }
:where(.ld-parents) .pgp-red { color: #6B4E00; }
:where(.ld-parents) .pgp-confirm summary { list-style: none; width: max-content; }
:where(.ld-parents) .pgp-confirm summary::-webkit-details-marker { display: none; }
:where(.ld-parents) .pgp-confirm[open] summary { display: none; }
:where(.ld-parents) .pgp-confirm form { margin: 10px 0 0; }
:where(.ld-parents) .pgp-toast { position: fixed; left: 50%; bottom: 96px; transform: translateX(-50%); z-index: 60; padding: 10px 16px; border-radius: 10px; background: #0F172A; color: #FFFFFF; font-size: 14px; font-weight: 600; }
@media (max-width: 767px) {
  :where(.ld-parents) .pcf-h1, :where(.ld-parents) .pgp-h1 { font-size: 28px; }
  :where(.ld-parents) .pcf-card, :where(.ld-parents) .pgp-card { padding: 20px; }
  :where(.ld-parents) .pcf-btn--lg { width: 100%; }
}
:where(.ld-parents) .pgp [hidden], :where(.ld-parents) .pcf [hidden] { display: none; }
.net-pend{ margin-top:var(--space-4); padding:32px 28px; border:1px solid var(--line); border-radius:16px; background:var(--surface); text-align:center; }
.net-pend[hidden]{ display:none; }
.net-pend-h{ margin:0 0 10px; font:700 20px/1.3 var(--font-sans); color:var(--ink); }
.net-pend-t{ max-width:560px; margin:0 auto 16px; font:400 15px/1.55 var(--font-sans); color:var(--ink-2, var(--ink)); }
.net-pend-l{ display:grid; gap:8px; max-width:460px; margin:0 auto 20px; padding:0; list-style:none; text-align:left; font:500 14.5px/1.45 var(--font-sans); color:var(--ink); }
.net-pend-l li{ position:relative; padding-left:24px; }
.net-pend-l li::before{ content:""; position:absolute; left:4px; top:6px; width:9px; height:9px; border-radius:50%; background:#0C6EBA; }
.net-pend-b{ display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:0; padding:10px 24px; }
@font-face{ font-family:'Figtree'; font-style:normal; font-weight:300 900; font-display:swap; src:url('/assets/fonts/Figtree.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Figtree'; font-style:normal; font-weight:300 900; font-display:swap; src:url('/assets/fonts/FigtreeExt.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF; }
:where(.ld-projects) .prj-page{ display:flex; flex-direction:column; gap:24px; min-width:0; min-height:60vh; font-family:'Figtree','Helvetica Neue',Helvetica,sans-serif; color:#24425F; }
:where(.ld-projects) .prj-page :where(a, button, input, label, span, p, h1, h2, h3, ul){ font-family:inherit; }
:where(.ld-projects) .prj-head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
:where(.ld-projects) .prj-title{ margin:0; font-size:30px; line-height:1.15; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-bar-wrap{ position:relative; z-index:4; }
:where(.ld-projects) .prj-bar{ display:flex; align-items:center; gap:2px; background:#fff; border:1px solid #E7EAF0; border-radius:32px; padding:7px 7px 7px 10px; box-shadow:0 4px 16px rgba(16,24,40,.05); }
:where(.ld-projects) .prj-q{ background:transparent; border-radius:24px; display:flex; align-items:center; gap:8px; flex:1 1 190px; min-width:170px; height:48px; padding:0 14px; color:#4E78A3; border-right:1px solid #E3E6EB; }
:where(.ld-projects) .prj-q svg{ flex:none; }
:where(.ld-projects) .prj-q input[type="search"]{ flex:1; width:100%; min-width:0; height:auto; padding:0; border:0; border-radius:0; box-shadow:none; outline:0; background:transparent; font:inherit; font-size:var(--field-fs, 14px); font-weight:600; letter-spacing:.04em; color:#24425F; }
:where(.ld-projects) .prj-q input::placeholder{ color:#97A3B1; text-transform:uppercase; font-weight:600; letter-spacing:.06em; }
:where(.ld-projects) .prj-q input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }
:where(.ld-projects) .prj-part{ position:relative; flex:1 0 auto; border-right:1px solid #E3E6EB; }
:where(.ld-projects) .prj-part--cat{ position:static; border-right:0; }
:where(.ld-projects) .prj-part--cat + .prj-part{ border-left:1px solid #E3E6EB; }
:where(.ld-projects) .prj-part:last-of-type{ border-right:0; }
:where(.ld-projects) .prj-part-btn{ width:100%; display:flex; align-items:center; gap:10px; height:48px; padding:0 14px; border:0; border-radius:0; background:transparent; font-size:13px; font-weight:600; letter-spacing:.08em; color:#4A5450; cursor:pointer; text-align:left; }
:where(.ld-projects) .prj-part-btn svg{ flex:none; color:#8A8E8D; }
:where(.ld-projects) .prj-part-btn:hover{ color:#002748; }
:where(.ld-projects) .prj-part .prj-part-btn[aria-expanded="true"], :where(.ld-projects) .prj-q:focus-within{ position:relative; z-index:2; background:#fff; box-shadow:inset 0 0 0 1px #d5d5d5,0 2px 8px rgba(15,20,16,.06); }
:where(.ld-projects) .prj-bar:has(.prj-part-btn[aria-expanded="true"]), :where(.ld-projects) .prj-bar:has(.prj-q:focus-within){ background:#f5f5f5; }
:where(.ld-projects) .prj-part-n{ min-width:20px; height:20px; padding:0 6px; box-sizing:border-box; border-radius:10px; background:#0C6EBA; color:#fff; font-size:12px; font-weight:700; letter-spacing:0; display:grid; place-items:center; }
:where(.ld-projects) .prj-more{ flex:none; width:48px; height:48px; margin-left:auto; border-radius:50%; border:0; background:#0C6EBA; color:#fff; display:grid; place-items:center; cursor:pointer; }
:where(.ld-projects) .prj-more:hover{ background:#0A5A99; }
:where(.ld-projects) .prj-drop{ position:absolute; z-index:30; top:calc(100% + 8px); left:0; width:300px; max-width:calc(100vw - 32px); box-sizing:border-box; padding:18px 20px; background:#fff; border:1px solid #D5DCE5; border-radius:16px; box-shadow:0 24px 56px rgba(12,47,82,.22); max-height:min(640px,80vh); overflow-y:auto; }
:where(.ld-projects) .prj-drop[hidden]{ display:none; }
:where(.ld-projects) .prj-group{ margin:0; padding:0; border:0; min-width:0; }
:where(.ld-projects) .prj-group legend{ padding:10px 0 6px; font-size:11.5px; font-weight:700; letter-spacing:.12em; color:#5F6B7A; }
:where(.ld-projects) .prj-check, :where(.ld-projects) .prj-radio{ display:flex; align-items:center; gap:10px; min-height:34px; font-size:14px; color:#24425F; cursor:pointer; }
:where(.ld-projects) .prj-check input, :where(.ld-projects) .prj-radio input{ margin:0; width:17px; height:17px; accent-color:#0C6EBA; flex:none; }
:where(.ld-projects) .prj-check[hidden]{ display:none; }
:where(.ld-projects) .prj-search{ display:flex; align-items:center; gap:8px; height:38px; padding:0 12px; border-radius:10px; background:#F5F6F8; box-sizing:border-box; color:#4A7FB8; }
:where(.ld-projects) .prj-search input{ flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:var(--field-fs, 14px); color:#24425F; }
:where(.ld-projects) .prj-drop--role .prj-search{ margin-bottom:4px; }
:where(.ld-projects) .prj-cat-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
:where(.ld-projects) .prj-cat-title{ font-size:16px; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-cat-head .prj-search{ width:min(260px,60%); }
:where(.ld-projects) .prj-cat-cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr)); gap:6px 18px; }
:where(.ld-projects) .prj-drop-foot{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:14px; border-top:1px solid #EEF1F5; }
:where(.ld-projects) .prj-clear{ min-height:40px; padding:0 12px; border:0; border-radius:10px; background:transparent; color:#0C6EBA; font-size:14px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .prj-clear:hover{ background:#F2F7FC; }
:where(.ld-projects) .prj-show{ min-height:44px; padding:0 20px; border:0; border-radius:12px; background:#0C6EBA; color:#fff; font-size:14.5px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .prj-show:hover{ background:#0A5A99; }
:where(.ld-projects) .prj-city{ position:relative; margin-bottom:4px; }
:where(.ld-projects) .prj-field-icon{ display:flex; align-items:center; gap:8px; height:42px; padding:0 12px; border:1px solid #CBD5E1; border-radius:10px; background:#fff; box-sizing:border-box; color:#4E78A3; }
:where(.ld-projects) .prj-field-icon input{ flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:var(--field-fs, 14px); color:#24425F; }
:where(.ld-projects) .prj-city-list{ position:absolute; z-index:5; left:0; right:0; top:calc(100% + 4px); margin:0; padding:6px; list-style:none; background:#fff; border:1px solid #D5DCE5; border-radius:12px; box-shadow:0 14px 36px rgba(12,47,82,.18); max-height:240px; overflow-y:auto; }
:where(.ld-projects) .prj-city-list[hidden]{ display:none; }
:where(.ld-projects) .prj-city-list li{ padding:9px 10px; border-radius:8px; font-size:14px; color:#24425F; cursor:pointer; }
:where(.ld-projects) .prj-city-list li:hover{ background:#F2F7FC; }
:where(.ld-projects) .prj-chips{ display:flex; flex-wrap:wrap; gap:8px; }
:where(.ld-projects) .prj-chip input{ position:absolute; opacity:0; pointer-events:none; }
:where(.ld-projects) .prj-chip span{ display:inline-flex; align-items:center; min-height:32px; padding:0 12px; border:1px solid #D5DCE5; border-radius:999px; font-size:13px; font-weight:600; color:#24425F; cursor:pointer; }
:where(.ld-projects) .prj-chip input:checked + span{ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
:where(.ld-projects) .prj-chip input:focus-visible + span{ outline:2px solid #0C6EBA; outline-offset:2px; }
:where(.ld-projects) .prj-radio input:checked + span{ font-weight:700; color:#0A5A99; }
:where(.ld-projects) .prj-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr)); gap:24px; }
:where(.ld-projects) .prj-card{ position:relative; display:flex; flex-direction:column; min-width:0; background:#fff; border:1px solid #E7EAF0; border-radius:16px; overflow:hidden; }
:where(.ld-projects) .prj-card-media{ position:relative; }
:where(.ld-projects) .prj-card-media img, :where(.ld-projects) .prj-card-blank{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#E9EEF4; }
:where(.ld-projects) .prj-save{ position:absolute; z-index:2; top:10px; right:10px; width:38px; height:38px; padding:0; border-radius:50%; border:0; background:#fff; display:grid; place-items:center; cursor:pointer; color:#0C6EBA; }
:where(.ld-projects) .prj-save svg{ fill:none; stroke:#0C6EBA; stroke-width:2; stroke-linejoin:round; }
:where(.ld-projects) .prj-save[aria-pressed="true"] svg{ fill:#0C6EBA; }
:where(.ld-projects) .prj-save:hover{ background:#F2F7FC; }
:where(.ld-projects) .prj-badge{ position:absolute; z-index:2; left:10px; top:10px; padding:5px 10px; border-radius:999px; font-size:12.5px; font-weight:700; background:#fff; color:#0A5A99; }
:where(.ld-projects) .prj-badge--own{ background:#002748; color:#fff; }
:where(.ld-projects) .prj-card-body{ flex:1; display:flex; flex-direction:column; gap:6px; padding:16px 18px 18px; }
:where(.ld-projects) .prj-eyebrow{ font-size:12px; font-weight:700; letter-spacing:.08em; color:#0C6EBA; }
:where(.ld-projects) .prj-card-title{ margin:0; font-size:18px; line-height:1.3; font-weight:600; color:#002748; }
:where(.ld-projects) .prj-card-title a{ color:inherit; text-decoration:none; }
:where(.ld-projects) .prj-card-hit{ position:absolute; inset:0; }
:where(.ld-projects) .prj-ty{ position:fixed; inset:0; z-index:2100; overflow-y:auto; background:#F4F6F9; }
:where(.ld-projects) .prj-ty-in{ position:relative; width:min(480px,100%); margin:0 auto; padding:56px 16px 32px; box-sizing:border-box; display:flex; flex-direction:column; align-items:stretch; gap:14px; text-align:center; }
:where(.ld-projects) .prj-ty-badge{ position:relative; align-self:center; width:96px; height:96px; margin-bottom:10px; }
:where(.ld-projects) .prj-ty-badge svg{ position:relative; display:block; }
:where(.ld-projects) .prj-ty-badge i{ position:absolute; display:block; width:5px; height:12px; border-radius:3px; background:#0C6EBA; }
:where(.ld-projects) .prj-ty-badge i.c1{ top:-18px; left:-40px; transform:rotate(-30deg); }
:where(.ld-projects) .prj-ty-badge i.c2{ top:-30px; left:20px; transform:rotate(15deg); background:#002748; }
:where(.ld-projects) .prj-ty-badge i.c3{ top:-20px; right:-30px; transform:rotate(40deg); }
:where(.ld-projects) .prj-ty-badge i.c4{ top:30px; left:-58px; transform:rotate(60deg); background:#002748; }
:where(.ld-projects) .prj-ty-badge i.c5{ top:36px; right:-56px; transform:rotate(-50deg); background:#002748; }
:where(.ld-projects) .prj-ty-badge i.c6{ bottom:-12px; left:-30px; transform:rotate(25deg); }
:where(.ld-projects) .prj-ty-badge i.c7{ bottom:-18px; right:-24px; transform:rotate(-20deg); }
:where(.ld-projects) .prj-ty-badge i.c8{ top:-8px; right:26px; width:7px; height:7px; border-radius:50%; background:#0C6EBA; }
:where(.ld-projects) .prj-ty-h{ margin:0; font-size:26px; line-height:1.2; font-weight:800; color:#0b1b2b; }
:where(.ld-projects) .prj-ty-date{ font-size:14px; color:#5F6B7A; }
:where(.ld-projects) .prj-ty-card{ display:flex; align-items:center; gap:12px; padding:12px; border-radius:16px; background:#fff; text-align:left; }
:where(.ld-projects) .prj-ty-cover{ flex:none; width:96px; height:72px; border-radius:10px; overflow:hidden; background:#E9EEF4; }
:where(.ld-projects) .prj-ty-cover img{ display:block; width:100%; height:100%; object-fit:cover; }
:where(.ld-projects) .prj-ty-proj{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
:where(.ld-projects) .prj-ty-proj b{ font-size:15px; color:#0b1b2b; }
:where(.ld-projects) .prj-ty-proj span{ font-size:13px; color:#5F6B7A; }
:where(.ld-projects) .prj-ty-sum{ display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
:where(.ld-projects) .prj-ty-sum span{ font-size:12px; color:#5F6B7A; }
:where(.ld-projects) .prj-ty-sum b{ font-size:20px; color:#0b1b2b; }
:where(.ld-projects) .prj-ty-sub{ margin:8px 0 0; text-align:left; font-size:16px; font-weight:700; color:#0b1b2b; }
:where(.ld-projects) .prj-ty-details{ flex-direction:column; align-items:stretch; gap:0; padding:6px 16px; }
:where(.ld-projects) .prj-ty-row{ display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid #EEF1F5; font-size:14px; color:#5F6B7A; }
:where(.ld-projects) .prj-ty-row:first-child{ border-top:0; }
:where(.ld-projects) .prj-ty-row b{ color:#0b1b2b; text-align:right; overflow-wrap:anywhere; }
:where(.ld-projects) .prj-ty-actions{ display:flex; flex-direction:column; gap:10px; margin-top:6px; }
:where(.ld-projects) .prj-ty-btn{ height:52px; border:1px solid #C9DCEF; border-radius:26px; background:#fff; color:#002748; font-family:inherit; font-size:16px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .prj-ty-btn:hover{ background:#F2F2F2; }
:where(.ld-projects) .prj-ty-btn--main{ border-color:#0C6EBA; background:#0C6EBA; color:#fff; }
:where(.ld-projects) .prj-ty-btn--main:hover{ background:#0A5A99; }
@media print{
  body *{ visibility:hidden; }
  .prj-ty, .prj-ty *{ visibility:visible; }
  .prj-ty{ position:absolute; inset:0; overflow:visible; }
  .prj-ty-actions{ display:none; }
}
:where(.ld-projects) .prj-fund{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; }
:where(.ld-projects) .prj-fund-raised{ font-size:15px; color:#24425F; }
:where(.ld-projects) .prj-fund-raised b{ font-size:20px; color:#002748; }
:where(.ld-projects) .prj-fund-btn{ display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 22px; border:0; border-radius:10px; background:#0C6EBA; color:#fff; font:inherit; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; }
:where(.ld-projects) .prj-fund-btn:hover{ background:#0A5A99; color:#fff; }
:where(.ld-projects) .prj-fund-btn:disabled{ opacity:.6; cursor:default; }
:where(.ld-projects) .prj-fund-err{ flex:1 1 100%; margin:0; font-size:14px; font-weight:600; color:#B45309; }
:where(.ld-projects) .prj-fund-err[hidden]{ display:none; }
:where(.ld-projects) .prj-fd{ position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(0,0,0,.6); }
:where(.ld-projects) .prj-fd-card{ width:min(440px,100%); border-radius:16px; background:#fff; overflow:hidden; }
:where(.ld-projects) .prj-fd-head{ display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid #E3E6EB; }
:where(.ld-projects) .prj-fd-h{ margin:0; font-size:17px; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-fd-body{ display:flex; flex-direction:column; gap:14px; padding:18px; }
:where(.ld-projects) .prj-fd-chips{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
:where(.ld-projects) .prj-fd-chip{ height:46px; border:1px solid #C9DCEF; border-radius:10px; background:#fff; color:#002748; font:inherit; font-size:16px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .prj-fd-chip:hover{ background:#F2F2F2; }
:where(.ld-projects) .prj-fd-chip[aria-pressed="true"]{ border-color:#0C6EBA; box-shadow:inset 0 0 0 1px #0C6EBA; }
:where(.ld-projects) .prj-fd-in{ height:48px; padding:0 14px; border:1px solid #CBD5E1; border-radius:10px; font:inherit; font-size:16px; color:#002748; box-sizing:border-box; }
:where(.ld-projects) .prj-fd-foot{ padding:14px 18px 18px; }
:where(.ld-projects) .prj-dr-veil{ position:fixed; inset:0; z-index:1900; background:rgba(0,0,0,.45); opacity:0; transition:opacity .25s ease; }
:where(.ld-projects) .prj-dr-veil.is-open{ opacity:1; }
:where(.ld-projects) .prj-dr{ position:fixed; top:0; right:0; bottom:0; z-index:1901; display:flex; flex-direction:column; width:min(560px,100vw); background:#fff; box-shadow:-12px 0 40px rgba(0,0,0,.18); transform:translateX(100%); transition:transform .28s ease; }
:where(.ld-projects) .prj-dr.is-open{ transform:none; }
:where(.ld-projects) .prj-dr-head{ display:flex; justify-content:flex-end; padding:10px 12px; flex:none; }
:where(.ld-projects) .prj-dr-x{ width:38px; height:38px; border:0; border-radius:8px; background:none; font-size:28px; line-height:1; color:#002748; cursor:pointer; }
:where(.ld-projects) .prj-dr-x:hover{ background:#F2F2F2; }
:where(.ld-projects) .prj-dr-body{ flex:1; min-height:0; overflow-y:auto; padding:0 20px 24px; }
:where(.ld-projects) .prj-dr-media img{ display:block; width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:12px; background:#E9EEF4; }
:where(.ld-projects) .prj-dr-in{ display:flex; flex-direction:column; gap:14px; padding-top:16px; }
:where(.ld-projects) .prj-dr-title{ margin:0; font-size:24px; line-height:1.2; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-dr-err{ margin:16px 0; color:#B3261E; font-size:14px; }
:where(.ld-projects) .prj-dr-foot{ flex:none; padding:14px 20px; border-top:1px solid #E3E6EB; background:#fff; }
:where(.ld-projects) .prj-dr-go{ display:flex; align-items:center; justify-content:center; height:48px; border-radius:10px; background:#0C6EBA; color:#fff; font-size:15px; font-weight:700; text-decoration:none; }
:where(.ld-projects) .prj-dr-go:hover{ background:#0A5A99; color:#fff; }
:where(.ld-projects) .prj-dr-go:focus-visible{ outline:2px solid #0C6EBA; outline-offset:2px; }
:where(.ld-projects) .prj-card-line{ font-size:14px; color:#4E667E; }
:where(.ld-projects) .prj-card-foot{ margin-top:auto; padding-top:12px; display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-top:1px solid #EEF1F5; }
:where(.ld-projects) .prj-empty{ margin:0; padding:26px 24px; border-radius:16px; background:#fff; border:1px solid #E3E6EB; color:#4E667E; font-size:15px; }
:where(.ld-projects) .prj-pager{ display:flex; align-items:center; justify-content:center; gap:16px; }
:where(.ld-projects) .prj-pager-a{ display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:12px; border:1px solid #C9DCEF; background:#fff; color:#0C6EBA; font-size:15px; font-weight:700; text-decoration:none; }
:where(.ld-projects) .prj-pager-a:hover{ background:#F2F7FC; }
:where(.ld-projects) .prj-pager-n{ font-size:14px; color:#5F6B7A; }
:where(.ld-projects) .prj-mine{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
:where(.ld-projects) .prj-row{ display:flex; flex-wrap:wrap; align-items:center; gap:20px; padding:16px; border-radius:16px; background:#fff; border:1px solid #E3E6EB; }
:where(.ld-projects) .prj-row-cover{ flex:none; display:block; width:168px; height:104px; border-radius:12px; object-fit:cover; background:#F1F3F6; }
:where(.ld-projects) .prj-row-main{ flex:1 1 260px; min-width:0; display:flex; flex-direction:column; gap:6px; }
:where(.ld-projects) .prj-row-title{ margin:0; font-size:18px; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-row-title a{ color:inherit; text-decoration:none; }
:where(.ld-projects) .prj-row-title a:hover{ color:#0C6EBA; }
:where(.ld-projects) .prj-row-line{ font-size:14px; color:#4E667E; }
:where(.ld-projects) .prj-row-role{ font-size:15px; color:#24425F; }
:where(.ld-projects) .prj-row-role strong{ color:#002748; }
:where(.ld-projects) .prj-status{ font-size:12px; font-weight:700; letter-spacing:.08em; color:#0A5A99; }
:where(.ld-projects) .prj-status--draft{ color:#5F6B7A; }
:where(.ld-projects) .prj-status--done{ color:#1E6B43; }
:where(.ld-projects) .prj-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:12px; border:1px solid #C9DCEF; background:#fff; color:#0C6EBA; font-size:15px; font-weight:700; text-decoration:none; box-sizing:border-box; cursor:pointer; }
:where(.ld-projects) .prj-btn:hover{ background:#F2F7FC; color:#0A5A99; }
:where(.ld-projects) .prj-btn[disabled]{ opacity:.6; cursor:default; }
:where(.ld-projects) .prj-show-media{ position:relative; border-radius:16px; overflow:hidden; background:#E9EEF4; }
:where(.ld-projects) .prj-show-media img, :where(.ld-projects) .prj-show-media .prj-card-blank{ display:block; width:100%; aspect-ratio:16/8; object-fit:cover; background:#E9EEF4; }
:where(.ld-projects) .prj-show-media .prj-save{ top:12px; right:12px; }
:where(.ld-projects) .prj-show-media--drag{ cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
:where(.ld-projects) .prj-show-media--drag.is-drag{ cursor:grabbing; }
:where(.ld-projects) .prj-show-media--drag img{ pointer-events:none; -webkit-user-drag:none; }
:where(.ld-projects) .prj-panel--goal .prj-goal{ display:flex; flex-direction:column; gap:12px; }
:where(.ld-projects) .prj-panel--goal .prj-goal + .prj-goal{ padding-top:16px; border-top:1px solid #CFE2F3; }
:where(.ld-projects) .prj-goal-chip{ align-self:flex-start; padding:6px 12px; border-radius:999px; border:1px solid #9CC3E6; background:#fff; color:#0A5A99; font-size:13.5px; font-weight:700; }
:where(.ld-projects) .prj-show-head{ display:flex; flex-direction:column; gap:10px; }
:where(.ld-projects) .prj-show-title{ margin:0; font-size:30px; line-height:1.15; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-show-by{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
:where(.ld-projects) .prj-show-titlerow{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
:where(.ld-projects) .prj-show-titlerow .prj-show-title{ min-width:0; flex:1 1 auto; }
:where(.ld-projects) .prj-menu{ position:relative; flex:none; margin-top:-10px; }
:where(.ld-projects) .prj-menu-btn{ width:40px; height:40px; padding:0; border-radius:50%; border:1px solid #E3E6EB; background:#fff; color:#24425F; display:grid; place-items:center; cursor:pointer; }
:where(.ld-projects) .prj-menu-btn:hover, :where(.ld-projects) .prj-menu-btn[aria-expanded="true"]{ background:#F5F7FA; }
:where(.ld-projects) .prj-menu-list{ position:absolute; right:0; top:calc(100% + 6px); min-width:180px; padding:6px; border-radius:12px; background:#fff; border:1px solid #E3E6EB; box-shadow:0 10px 30px rgba(15,23,42,.12); z-index:5; display:flex; flex-direction:column; }
:where(.ld-projects) .prj-menu-list[hidden]{ display:none; }
:where(.ld-projects) .prj-menu-item{ display:block; width:100%; text-align:left; padding:10px 12px; border:0; border-radius:8px; background:none; font:inherit; font-size:15px; font-weight:600; color:#24425F; cursor:pointer; text-decoration:none; }
:where(.ld-projects) .prj-menu-item:hover{ background:#F5F7FA; }
:where(.ld-projects) .prj-menu-item--muted{ color:#8A94A3; }
:where(.ld-projects) .prj-menu-item--muted:hover{ color:#6B7684; }
:where(.ld-projects) .prj-by{ display:inline-flex; align-items:center; gap:10px; color:#002748; text-decoration:none; font-size:15px; font-weight:600; }
:where(.ld-projects) .prj-by-face{ width:32px; height:32px; border-radius:50%; overflow:hidden; background:#E7DCC8; display:grid; place-items:center; font-size:14px; font-weight:700; color:#6B5B3A; }
:where(.ld-projects) .prj-by-face img{ width:100%; height:100%; object-fit:cover; display:block; }
:where(.ld-projects) .prj-show-text{ margin:0; font-size:16px; line-height:1.6; color:#24425F; }
:where(.ld-projects) .prj-panel{ display:flex; flex-direction:column; gap:16px; padding:24px; border-radius:16px; background:#fff; border:1px solid #E3E6EB; }
:where(.ld-projects) .prj-panel-h{ margin:0; font-size:20px; font-weight:700; color:#002748; }
:where(.ld-projects) .prj-dl{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr)); gap:16px; margin:0; }
:where(.ld-projects) .prj-dl dt{ font-size:12px; font-weight:700; letter-spacing:.08em; color:#5F6B7A; text-transform:uppercase; }
:where(.ld-projects) .prj-dl dd{ margin:4px 0 0; font-size:15px; color:#24425F; }
:where(.ld-projects) .prj-vids{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; }
:where(.ld-projects) .prj-vid{ border-radius:12px; overflow:hidden; background:#F1F1F1; height:220px; }
:where(.ld-projects) .prj-vid--wide{ width:min(440px,100%); }
:where(.ld-projects) .prj-vid--short{ width:124px; }
:where(.ld-projects) .prj-vid iframe{ display:block; width:100%; height:100%; border:0; }
:where(.ld-projects) .prj-refs{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
:where(.ld-projects) .prj-refs img{ display:block; width:160px; height:110px; object-fit:cover; border-radius:10px; background:#E9EEF4; }
@media (max-width:767px){
  :where(.ld-projects) .prj-bar{ overflow-x:auto; border-radius:28px; }
  :where(.ld-projects) .prj-part{ position:static; flex:none; }
  :where(.ld-projects) .prj-part-btn{ min-height:44px; }
  :where(.ld-projects) .prj-check, :where(.ld-projects) .prj-radio{ min-height:44px; }
  :where(.ld-projects) .prj-row-cover{ width:100%; height:auto; aspect-ratio:16/9; }
  :where(.ld-projects) .prj-show-title, :where(.ld-projects) .prj-title{ font-size:26px; }
  :where(.ld-projects) .prj-panel{ padding:18px; }
  :where(.ld-projects) .prj-cat-head{ flex-wrap:wrap; }
  :where(.ld-projects) .prj-cat-head .prj-search{ width:100%; }
}

:where(.ld-projects) .prj-drop--cat{ top:calc(100% + 8px); left:clamp(0px,0%,270px); right:auto; width:min(760px,100%); }
:where(.ld-projects) .prj-part[data-prj-part="where"] .prj-drop{ left:auto; right:0; }
:where(.ld-projects) .prj-card-foot{ justify-content:flex-start; align-items:center; gap:8px; }
:where(.ld-projects) .prj-card-goal{ font-size:13.5px; font-weight:600; color:#0A5A99; }
:where(.ld-projects) .prj-card-more{ padding:2px 8px; border-radius:999px; background:#EEF1F5; font-size:12px; font-weight:700; color:#5F6B7A; }
:where(.ld-projects) .prj-card-why{ position:relative; z-index:2; margin-left:auto; padding:0; border:0; background:none; font:inherit; font-size:12.5px; color:#5F6B7A; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
:where(.ld-projects) .prj-card-why:hover{ color:#0A5A99; }
:where(.ld-projects) .prj-menu-empty{ margin:0; font-size:14px; color:#5F6B7A; }
:where(.ld-projects) .prj-group[hidden]{ display:none; }
:where(.ld-projects) .prj-check--only{ margin-top:6px; padding-top:8px; border-top:1px solid #EEF1F5; }
:where(.ld-projects) .prj-goals{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
:where(.ld-projects) .prj-goals li{ padding:6px 12px; border-radius:999px; border:1px solid #9CC3E6; color:#0A5A99; font-size:13.5px; font-weight:700; }

:where(.ld-projects) .pd-card{ display:flex; flex-direction:column; gap:18px; padding:24px; border-radius:20px; background:linear-gradient(135deg,#EEF6FC 0%,#E6F1FB 100%); border:1px solid #CFE2F3; box-sizing:border-box; }
:where(.ld-projects) .pd-head{ display:flex; align-items:center; gap:10px; }
:where(.ld-projects) .pd-heart{ flex:none; color:#1D4ED8; }
:where(.ld-projects) .pd-h{ margin:0; font-size:18px; line-height:1.3; font-weight:700; color:#002748; }
:where(.ld-projects) .pd-state{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:12px; background:#FFFFFF; font-size:14px; color:#002748; }
:where(.ld-projects) .pd-cancel{ min-height:24px; margin:-2px 0; border:0; background:none; color:#1D4ED8; font-family:inherit; font-size:14px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .pd-freq{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:4px; border-radius:14px; background:#FFFFFF; border:1px solid #CFE2F3; }
:where(.ld-projects) .pd-seg{ height:40px; border:0; border-radius:10px; background:transparent; color:#4E667E; font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; transition:all 150ms ease; }
:where(.ld-projects) .pd-seg[aria-pressed="true"]{ background:#1D4ED8; color:#FFFFFF; box-shadow:0 4px 10px rgba(29,78,216,.25); }
:where(.ld-projects) .pd-amounts{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
:where(.ld-projects) .pd-chip{ height:48px; border:1px solid #CBD5E1; border-radius:12px; background:#FFFFFF; color:#002748; font-family:inherit; font-size:15px; font-weight:600; cursor:pointer; transition:all 150ms ease; }
:where(.ld-projects) .pd-chip:hover{ background:#F2F2F2; }
:where(.ld-projects) .pd-chip[aria-pressed="true"]{ background:#1D4ED8; border-color:#1D4ED8; color:#FFFFFF; box-shadow:0 4px 12px rgba(29,78,216,.25); }
:where(.ld-projects) .pd-field{ display:flex; flex-direction:column; gap:6px; }
:where(.ld-projects) .pd-label{ font-size:13px; font-weight:600; color:#334155; }
:where(.ld-projects) .pd-input{ position:relative; display:flex; align-items:center; height:48px; border-radius:12px; border:1px solid #CBD5E1; background:#FFFFFF; box-sizing:border-box; }
:where(.ld-projects) .pd-input:focus-within{ border-color:#1D4ED8; box-shadow:0 0 0 4px rgba(29,78,216,.12); }
:where(.ld-projects) .pd-cur{ position:absolute; left:16px; font-size:15px; color:#64748B; pointer-events:none; }
:where(.ld-projects) .pd-input input[type="text"]{ width:100%; height:100%; box-sizing:border-box; padding:0 16px 0 32px; border:0; border-radius:12px; background:transparent; font-family:inherit; font-size:var(--field-fs, 15px); color:#0F172A; outline:0; box-shadow:none; }
:where(.ld-projects) .pd-err{ margin:0; font-size:13px; color:#DC2626; }
:where(.ld-projects) .pd-err[hidden]{ display:none; }
:where(.ld-projects) .pd-field textarea{ width:100%; box-sizing:border-box; border-radius:12px; border:1px solid #CBD5E1; background:#FFFFFF; padding:12px 16px; font-family:inherit; font-size:var(--field-fs, 15px); line-height:1.5; color:#0F172A; resize:none; outline:0; }
:where(.ld-projects) .pd-field textarea:focus{ border-color:#1D4ED8; box-shadow:0 0 0 4px rgba(29,78,216,.12); }
:where(.ld-projects) .pd-count{ align-self:flex-end; font-size:12px; color:#64748B; }
:where(.ld-projects) .pd-anon{ display:flex; align-items:center; gap:10px; font-size:14px; color:#334155; cursor:pointer; }
:where(.ld-projects) .pd-anon input{ width:18px; height:18px; margin:0; accent-color:#1D4ED8; }
:where(.ld-projects) .pd-go{ width:100%; height:52px; border:0; border-radius:14px; background:#1D4ED8; color:#FFFFFF; font-family:inherit; font-size:16px; font-weight:700; cursor:pointer; box-shadow:0 8px 20px rgba(29,78,216,.25); }
:where(.ld-projects) .pd-go:hover{ background:#1E40AF; }
:where(.ld-projects) .pd-go:disabled{ background:#CBD5E1; box-shadow:none; cursor:not-allowed; }
:where(.ld-projects) .prj-panel.prj-panel--goal{ padding:24px; border-radius:20px; background:linear-gradient(135deg,#EEF6FC 0%,#E6F1FB 100%); border:1px solid #CFE2F3; box-sizing:border-box; }
:where(.ld-projects) .pd-sub{ margin:0; font-size:14px; line-height:1.6; color:#475569; }
:where(.ld-projects) .pd-goal{ background:#FFFFFF; border:1px solid #CFE2F3; border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:12px; box-sizing:border-box; }
:where(.ld-projects) .pd-goal-top{ display:flex; align-items:center; gap:10px; }
:where(.ld-projects) .pd-goal-l{ display:flex; align-items:center; gap:8px; font-size:16px; font-weight:700; color:#0F172A; }
:where(.ld-projects) .pd-goal-l svg{ color:#1D4ED8; }
:where(.ld-projects) .pd-goal-chip{ margin-left:auto; background:#EFF6FC; border:1px solid #BFDBF0; color:#1D4ED8; font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; }
:where(.ld-projects) .pd-goal-amt{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; }
:where(.ld-projects) .pd-goal-amt b{ font-size:26px; font-weight:800; color:#0F172A; letter-spacing:-.01em; }
:where(.ld-projects) .pd-goal-amt > span{ font-size:14px; color:#64748B; }
:where(.ld-projects) .pd-goal-of{ margin-left:auto; color:#475569; }
:where(.ld-projects) .pd-goal-of strong{ color:#0F172A; font-weight:700; }
:where(.ld-projects) .pd-bar{ height:12px; border-radius:999px; background:#E2E8F0; overflow:hidden; }
:where(.ld-projects) .pd-bar i{ display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,#1D4ED8 0%,#6366F1 100%); }
:where(.ld-projects) .pd-goal-meta{ display:flex; justify-content:space-between; gap:12px; font-size:13px; color:#64748B; }
:where(.ld-projects) .pd-goal-meta strong{ color:#1D4ED8; font-weight:700; }
:where(.ld-projects) .pd-secure{ margin:0; display:flex; align-items:center; justify-content:center; gap:6px; font-size:12px; color:#64748B; }
:where(.ld-projects) .pd-secure svg{ flex:none; }
:where(.ld-projects) .prj-btn--danger{ color:#B42318; border-color:#F3C4C0; }
:where(.ld-projects) .prj-btn--danger:hover{ background:#FEF3F2; color:#912018; }
:where(.ld-projects) .pcs-veil{ position:fixed; inset:0; z-index:900; background:rgba(0,27,53,.5); }
:where(.ld-projects) .pcs{ position:fixed; z-index:901; left:50%; top:50%; transform:translate(-50%,-50%); width:min(560px,calc(100vw - 24px)); max-height:calc(100vh - 32px); display:flex; flex-direction:column; background:#fff; border-radius:18px; box-shadow:0 24px 60px rgba(0,27,53,.35); overflow:hidden; }
:where(.ld-projects) .pcs[hidden], :where(.ld-projects) .pcs-veil[hidden]{ display:none; }
:where(.ld-projects) .pcs-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #E3E6EB; }
:where(.ld-projects) .pcs-title{ margin:0; font-size:20px; font-weight:700; color:#002748; }
:where(.ld-projects) .pcs-x{ width:36px; height:36px; border:0; border-radius:50%; background:#F1F3F6; color:#002748; font-size:22px; line-height:1; cursor:pointer; }
:where(.ld-projects) .pcs-body{ display:flex; flex-direction:column; gap:16px; padding:18px 22px 22px; overflow:auto; }
:where(.ld-projects) .pcs-field{ display:flex; flex-direction:column; gap:6px; }
:where(.ld-projects) .pcs-label{ font-size:14px; font-weight:600; color:#002748; }
:where(.ld-projects) .pcs textarea, :where(.ld-projects) .pcs input[type=text], :where(.ld-projects) .pcs input[type=date]{ width:100%; box-sizing:border-box; border:1px solid #CBD5E1; border-radius:12px; padding:10px 14px; font:inherit; font-size:15px; color:#0F172A; background:#fff; }
:where(.ld-projects) .pcs textarea{ resize:none; line-height:1.5; }
:where(.ld-projects) .pcs textarea:focus, :where(.ld-projects) .pcs input:focus{ outline:none; border-color:#0C6EBA; box-shadow:0 0 0 4px rgba(12,110,186,.12); }
:where(.ld-projects) .pcs-multi{ border:1px solid #CBD5E1; border-radius:12px; background:#fff; }
:where(.ld-projects) .pcs-multi summary{ padding:10px 14px; font-size:15px; color:#0F172A; cursor:pointer; list-style:none; }
:where(.ld-projects) .pcs-multi-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 10px; max-height:220px; overflow:auto; padding:6px 14px 12px; border-top:1px solid #E3E6EB; }
:where(.ld-projects) .pcs-check{ display:flex; align-items:center; gap:8px; font-size:14px; color:#24425F; cursor:pointer; min-height:30px; }
:where(.ld-projects) .pcs-check input{ width:17px; height:17px; margin:0; accent-color:#0C6EBA; }
:where(.ld-projects) .pcs-tags{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; border:1px solid #CBD5E1; border-radius:12px; padding:6px 8px; background:#fff; }
:where(.ld-projects) .pcs-tags input[type=text]{ flex:1 1 140px; width:auto; min-width:120px; border:0; padding:6px; box-shadow:none; }
:where(.ld-projects) .pcs-tag{ display:inline-flex; align-items:center; gap:6px; padding:4px 6px 4px 10px; border-radius:999px; background:#EFF6FF; color:#1D4ED8; font-size:13px; font-weight:600; }
:where(.ld-projects) .pcs-tag button{ width:18px; height:18px; border:0; border-radius:50%; background:rgba(29,78,216,.15); color:#1D4ED8; font-size:13px; line-height:1; cursor:pointer; padding:0; }
:where(.ld-projects) .pcs-loc{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
:where(.ld-projects) .pcs-city{ position:relative; flex:1 1 220px; min-width:0; }
:where(.ld-projects) .pcs-city-list{ position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:5; margin:0; padding:6px; list-style:none; background:#fff; border:1px solid #E3E6EB; border-radius:12px; box-shadow:0 12px 30px rgba(0,27,53,.15); max-height:220px; overflow:auto; }
:where(.ld-projects) .pcs-city-list[hidden]{ display:none; }
:where(.ld-projects) .pcs-city-list li{ padding:8px 10px; border-radius:8px; font-size:14px; color:#24425F; cursor:pointer; }
:where(.ld-projects) .pcs-city-list li:hover{ background:#F2F7FC; }
:where(.ld-projects) .pcs-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
:where(.ld-projects) .pcs-sub{ display:flex; flex-direction:column; gap:4px; font-size:13px; color:#4E647A; }
:where(.ld-projects) .pcs-types{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
:where(.ld-projects) .pcs-type{ position:relative; display:flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #CBD5E1; border-radius:12px; font-size:14px; font-weight:600; color:#24425F; cursor:pointer; }
:where(.ld-projects) .pcs-type input{ position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
:where(.ld-projects) .pcs-type:has(input:checked){ background:#0C6EBA; border-color:#0C6EBA; color:#fff; }
:where(.ld-projects) .pcs-paid{ margin:0; font-size:14px; line-height:1.5; color:#24425F; }
:where(.ld-projects) .pcs-paid[hidden]{ display:none; }
:where(.ld-projects) .pcs-paid a{ color:#0C6EBA; font-weight:700; }
:where(.ld-projects) .pcs-err{ margin:0; font-size:13px; color:#B45309; }
:where(.ld-projects) .pcs-err[hidden]{ display:none; }
:where(.ld-projects) .pcs-go{ width:100%; height:50px; border:0; border-radius:14px; background:#0C6EBA; color:#fff; font:inherit; font-size:16px; font-weight:700; cursor:pointer; }
:where(.ld-projects) .pcs-go:hover{ background:#0A5A99; }
:where(.ld-projects) .pcs-go:disabled{ opacity:.6; cursor:default; }
:where(.ld-projects) .pcs-done{ margin:0; font-size:16px; font-weight:600; color:#002748; }

:where(.ld-projects) .prj-show-cols{ display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"top" "aside" "rest"; gap:24px; align-items:start; }
:where(.ld-projects) .prj-show-top{ grid-area:top; display:flex; flex-direction:column; gap:24px; min-width:0; }
:where(.ld-projects) .prj-show-aside{ grid-area:aside; display:flex; flex-direction:column; gap:20px; min-width:0; }
:where(.ld-projects) .prj-show-rest{ grid-area:rest; display:flex; flex-direction:column; gap:24px; min-width:0; }
:where(.ld-projects) .prj-show-media{ border-radius:24px; box-shadow:0 10px 30px rgba(15,23,42,.10); }
:where(.ld-projects) .prj-show-media img, :where(.ld-projects) .prj-show-media .prj-card-blank{ aspect-ratio:16/10; }
:where(.ld-projects) .prj-show-media::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:110px; background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.25)); pointer-events:none; }
:where(.ld-projects) .prj-show-media .prj-save{ top:16px; right:16px; width:44px; height:44px; z-index:1; box-shadow:0 4px 12px rgba(15,23,42,.15); }
:where(.ld-projects) .prj-show-card{ display:flex; flex-direction:column; gap:18px; padding:28px; border-radius:20px; background:#fff; border:1px solid #E2E8F0; box-sizing:border-box; }
:where(.ld-projects) .prj-pills{ display:flex; flex-wrap:wrap; gap:8px; }
:where(.ld-projects) .prj-pill{ background:#EFF6FF; color:#1D4ED8; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
:where(.ld-projects) .prj-show-card .prj-show-title{ font-size:36px; font-weight:800; line-height:1.2; letter-spacing:-.02em; color:#0F172A; }
:where(.ld-projects) .prj-show-card .prj-show-head{ gap:18px; }
:where(.ld-projects) .prj-by-face{ width:44px; height:44px; border:2px solid #fff; box-shadow:0 2px 8px rgba(15,23,42,.15); }
:where(.ld-projects) .prj-by-text{ display:flex; flex-direction:column; gap:2px; }
:where(.ld-projects) .prj-by-name{ font-size:15px; font-weight:600; color:#0F172A; }
:where(.ld-projects) .prj-by-role{ font-size:13px; font-weight:400; color:#64748B; }
:where(.ld-projects) .prj-team{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr)); gap:16px 24px; }
:where(.ld-projects) .prj-show-line{ height:1px; background:#E2E8F0; }
:where(.ld-projects) .prj-show-sub{ margin:0; font-size:18px; font-weight:700; color:#0F172A; }
:where(.ld-projects) .prj-show-card .prj-show-text{ font-size:16px; line-height:1.75; color:#334155; }
@media (min-width:1180px){
  :where(.ld-projects) .prj-show-cols{ grid-template-columns:minmax(0,1fr) minmax(320px,400px); grid-template-areas:"top aside" "rest aside"; grid-template-rows:auto 1fr; gap:28px; }
  :where(.ld-projects) .prj-show-cols--solo{ grid-template-columns:minmax(0,1fr); grid-template-areas:"top" "rest"; grid-template-rows:auto; }
}
@media (max-width:640px){
  :where(.ld-projects) .prj-show-card{ padding:20px; }
  :where(.ld-projects) .prj-show-card .prj-show-title{ font-size:28px; }
  :where(.ld-projects) .prj-show-media{ border-radius:20px; }
}
:where(.ld-projects) .prj-part-btn{ font-weight:400; }
:where(.ld-projects) .prj-q input::placeholder{ font-weight:400; }
.cp-discover-overlay .cp-media-actions.cp-media-icons{ flex-direction:row; align-items:center; justify-content:center; gap:28px; width:auto; margin-top:0; }
.cp-discover-overlay .cp-media-ico{ display:inline-flex; align-items:center; justify-content:center; width:108px; height:108px; margin:0; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.04); cursor:pointer; transition:background-color .15s ease; }
.cp-discover-overlay .cp-media-ico:hover:not(:disabled){ background:#F5F6F8; }
.cp-discover-overlay .cp-media-ico:focus-visible{ outline:2px solid #0C6EBA; outline-offset:3px; }
.cp-discover-overlay .cp-media-ico:disabled{ opacity:.4; cursor:not-allowed; }
.cp-discover-overlay .cp-media-ico svg{ display:block; width:55px; height:55px; flex:0 0 55px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.28)); }
@media (max-width:420px){ .cp-discover-overlay .cp-media-actions.cp-media-icons{ gap:14px; } .cp-discover-overlay .cp-media-ico{ width:92px; height:92px; } .cp-discover-overlay .cp-media-ico svg{ width:47px; height:47px; flex-basis:47px; } }
.feed-boost-card[hidden]{ display:none; }
.post-menu svg.pm-fill{ fill:currentColor; stroke:none; }
.srch-bar input, .srch-bar input::placeholder{ font-family:var(--font-sans); font-size:15px; }
.srch > .srch-form .srch-bar input, .srch > .srch-form .srch-bar input::placeholder{ font-family:var(--font-sans); font-size:var(--field-fs, 15px); }
.mbv-q{ font-family:var(--font-sans); font-size:15px; }
:where(.ld-projects) .prj-part-btn{ font-family:var(--font-sans); font-size:15px; }
:where(.ld-projects) .prj-q input[type="search"], :where(.ld-projects) .prj-q input::placeholder{ font-family:var(--font-sans); font-size:var(--field-fs, 15px); }
.srch > .srch-form{ padding-top:11px; padding-bottom:11px; padding-right:12px; max-width:none; margin-left:0; }
.srch > .srch-form .srch-filters.tk-bar-filter, .srch > .srch-form .srch-filters.tk-bar-filter[aria-expanded="true"]{ order:2; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:#0C6EBA; color:#fff; }
.srch > .srch-form .srch-filters.tk-bar-filter:hover{ background:#095A99; }
.srch-filters.tk-bar-filter svg{ width:20px; height:20px; fill:currentColor; stroke:none; }
.srch > .srch-form .srch-go{ background:transparent; }
.srch > .srch-form .srch-go:hover{ background:#F5F6F8; }
.srch > .srch-form .srch-go svg{ stroke:#5F6368; }
.mbv-q, .mbv-sort{ box-sizing:border-box; height:68px; }
:where(.ld-projects) .prj-bar{ box-sizing:border-box; height:68px; padding:0 12px 0 0; align-items:stretch; border-radius:999px; max-width:none; }
:where(.ld-projects) .prj-q, :where(.ld-projects) .prj-part-btn{ height:66px; padding:0 18px; border-radius:999px; }
:where(.ld-projects) .prj-part-btn, :where(.ld-projects) .prj-q input[type="search"], :where(.ld-projects) .prj-q input::placeholder{ text-transform:none; letter-spacing:normal; }
:where(.ld-projects) .prj-more{ width:44px; height:44px; }
:where(.ld-projects) .prj-more svg{ width:20px; height:20px; fill:currentColor; stroke:none; }
@media (max-width:767px){ :where(.ld-projects) .prj-part-btn{ min-height:44px; } }
.net-ps{ margin:0 0 var(--space-3); }
.net-ps .ps-bar{ max-width:none; }
.net-ps .ps-part-q .ps-part-btn{ cursor:text; }
.net-ps .ps-part-q:focus-within .ps-part-btn{ background:#F5F6F8; }
.net-ps .ps-part-q-row{ display:flex; align-items:center; gap:8px; width:100%; color:#555c58; }
.net-ps .ps-part-q-input, .disc .net-ps .ps-part-q-input{ display:block; width:100%; min-height:0; height:auto; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; outline:0; font-family:var(--font-sans); font-size:var(--field-fs, 15px); font-weight:500; line-height:1.35; color:#0f1410; -webkit-appearance:none; appearance:none; }
.net-ps .ps-part-q-input::placeholder{ font-family:var(--font-sans); font-size:15px; font-weight:400; color:#555c58; opacity:1; }
.net-ps .ps-part-q-input:focus::placeholder{ color:transparent; }
.net-ps .ps-part-q-input::-webkit-search-cancel-button{ -webkit-appearance:none; }
.disc:not(.disc--three) > .disc-main > .net-ps{ max-width:1203px; margin-left:auto; margin-right:auto; }
.disc:not(.disc--three) > .disc-main > .net-ps .ps-bar{ max-width:none; }
@media (min-width:1440px){
  .disc--three.disc--feed:has(> .disc-main > .srch) > .disc-main, .disc--three.disc--feed > .disc-main > .srch{ display:contents; }
  .disc--three.disc--feed > .disc-main > .srch > .srch-form{ grid-column:2 / 4; grid-row:1; margin-bottom:0; min-width:0; }
  .disc--three.disc--feed > .disc-main > .srch > .srch-live{ grid-column:2; grid-row:2; min-width:0; }
  .disc--three.disc--feed:has(> .disc-main > .srch) > .at-rail.at-rail--side{ grid-row:1 / span 2; }
  .disc--three.disc--feed:has(> .disc-main > .srch) > .at-rail.at-rail--promo{ grid-column:3; grid-row:2; }
}
@media (min-width:1080px){ .disc:not(.disc--three) > .disc-main > .net-ps{ max-width:min(1203px, calc(100vw - 368px)); } }
:where(.ld-projects) .prj-more{ align-self:center; }
:where(.ld-projects) .prj-q, :where(.ld-projects) .prj-part{ border-image:linear-gradient(to bottom, transparent 21px, #E3E6EB 21px, #E3E6EB 45px, transparent 45px) 1; }