/* The Arctec Portal preview in the portal's white Command Center look (Arctec-Portal, ui/harvey-redesign,
   docs/design-system.md + app/tokens.css): a near-black sidebar, a bright neutral canvas, white cards with no
   border, a serif for titles and big numbers, mono for IDs and kickers, and colour only where it means something.
   Aktiv Grotesk and Mixta Pro come from the site's Adobe Fonts kit, as in the portal. */
.apv,.apv-modal,.pt-feature-widget,.pf-ui{
  --a-bg:#F9F9F9;--a-sidebar:#0A0A0A;--a-panel:#FFFFFF;--a-column:#F2F2F2;--a-well:#F7F7F7;
  --a-line:#EAEAEA;--a-line-soft:#F1F1F1;--a-line-input:#E2E2E2;--a-hover:rgba(0,0,0,.04);
  --a-ink:#0F0F0F;--a-ink-2:#363636;--a-ink-3:#686868;--a-ink-4:#A0A0A0;
  --a-rail-idle:#B4B4B4;--a-rail-active:#FFFFFF;--a-rail-label:#858585;--a-rail-active-bg:#2A2A2A;--a-rail-tile:#262626;--a-rail-alert:#EC8576;
  --a-success:#2B8A5C;--a-success-soft:#E9F2EC;--a-success-text:#14764D;
  --a-warning:#C17F22;--a-warning-soft:#F8F0E3;--a-warning-text:#935A0C;
  --a-danger:#B83C30;--a-danger-soft:#F8E9E6;--a-danger-text:#A3332A;
  --a-info:#44689B;--a-info-soft:#EAEFF5;--a-info-text:#36598A;
  --a-neutral:#8A8A8A;--a-c2:#8C5E53;--a-c5:#A07C45;--a-c6:#57749B;--a-c6-soft:#EAEFF5;
  --a-shadow-card:0 1px 2px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.025);
  --a-shadow-pop:0 18px 44px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.06);
  --a-sans:'aktiv-grotesk','Aktiv Fallback',Helvetica,Arial,sans-serif;
  --a-serif:'mixta-pro','Instrument Serif',Georgia,serif;
  --a-mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,monospace;
  font-family:var(--a-sans);color:var(--a-ink)
}

/* Frame */
.apv{display:grid;grid-template-columns:184px minmax(0,1fr);background:var(--a-bg);border-radius:16px;box-shadow:var(--a-shadow-pop);overflow:hidden;min-height:560px}
.apv button,.apv input,.apv-modal button,.apv-modal input{font:inherit;color:inherit}
.apv h3,.apv h4,.apv h5,.apv p,.apv-modal h3,.apv-modal h4,.apv-modal p{margin:0;text-wrap:initial}
.apv[inert]{pointer-events:none;user-select:none;-webkit-user-select:none}
.apv[inert] *{pointer-events:none!important;cursor:default!important}
.apv-icon{width:17px;height:17px;flex:none}
.apv-sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}

/* Sidebar: near-black, white idle icons, the active row on a lifted tile */
.apv-sidebar{display:flex;flex-direction:column;min-width:0;padding:0 10px 16px;background:var(--a-sidebar);color:var(--a-rail-idle)}
.apv-brand{display:flex;justify-content:space-between;align-items:center;padding:20px 8px 16px;font:var(--a-serif-w,400) 23px/1 var(--a-serif);letter-spacing:.005em;color:#fff}
.apv-collapse{width:24px;height:28px;border:0;border-radius:6px;background:none;font-size:20px!important;color:var(--a-rail-label)!important}
.apv-client{display:flex;align-items:center;gap:9px;min-height:40px;margin-bottom:18px;padding:8px;border-radius:8px;background:var(--a-rail-tile);font-size:11px;line-height:1.3;color:#EDEDED}
.apv-client b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;background:#fff;color:#0A0A0A;font:500 11px var(--a-serif)}
.apv-client span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apv-client i{font-style:normal;font-size:11px;color:var(--a-rail-label)}
.apv-group{padding:0 8px 8px;font-size:10px;color:var(--a-rail-label)}
.apv-sidebar nav{display:flex;flex-direction:column;gap:2px}
.apv-nav-item{display:flex;align-items:center;gap:11px;min-height:36px;padding:8px 9px;border:0;border-radius:8px;background:none;text-align:left;font-size:12px!important;color:var(--a-rail-idle)!important;transition:background .12s,color .12s}
.apv-nav-item span{flex:1}
.apv-nav-item small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:#0A0A0A;font-size:10px;font-weight:500}
.apv-nav-item:hover{background:rgba(255,255,255,.06);color:#EDEDED!important}
.apv-nav-item[aria-pressed=true]{background:var(--a-rail-active-bg);color:var(--a-rail-active)!important}
.apv-enter{margin-top:auto;padding:36px 9px 0;font-size:11px;color:var(--a-rail-label)!important}
.apv.is-collapsed{grid-template-columns:62px minmax(0,1fr)}
.apv.is-collapsed .apv-brand{font-size:0;justify-content:center;padding-inline:0}
.apv.is-collapsed .apv-nav-item{justify-content:center;padding:9px 0}
.apv.is-collapsed .apv-nav-item>span,.apv.is-collapsed .apv-nav-item>small,.apv.is-collapsed .apv-client,.apv.is-collapsed .apv-enter,.apv.is-collapsed .apv-group{display:none}

/* Page */
.apv-main{min-width:0;padding:16px 28px 28px}
.apv-tour-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:12px;font:10px var(--a-mono);letter-spacing:.04em;color:var(--a-ink-4)}
.apv-tour-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apv-tour-bar>span>span:first-child{padding:0 5px}
.apv-pages{height:620px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0000001f transparent;padding-right:3px}
.apv[inert] .apv-pages{overflow:hidden}
.apv-page{min-height:100%}
.apv-heading{margin-bottom:20px}
.apv-heading h3{font:400 31px/1.12 var(--a-serif);letter-spacing:.005em;color:var(--a-ink)}
.apv-heading p{margin-top:7px!important;font-size:12px;color:var(--a-ink-3)}

/* The one attention bar under the title */
.apv-attn{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:11px 14px;border-radius:12px;background:var(--a-panel);box-shadow:var(--a-shadow-card)}
.apv-attn-mark{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:#111;color:#fff;font:500 11px var(--a-serif)}
.apv-attn p{flex:1;min-width:0;font-size:12px;line-height:1.45;color:var(--a-ink-2)}
.apv-attn b{font-weight:500;color:var(--a-ink)}
.apv-attn button{flex:none;border:0;background:none;padding:0;font-size:12px;font-weight:500;color:var(--a-ink)}

/* Stat tiles: a serif figure, a small delta, a label and one grey line */
.apv-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.apv-home-stat,.apv-stats>div{padding:15px 16px;border-radius:12px;background:var(--a-panel);box-shadow:var(--a-shadow-card)}
.apv-stat-top{display:flex;align-items:baseline;gap:8px}
.apv-home-stat b,.apv-stats b{display:block;font:400 30px/1.05 var(--a-serif);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--a-ink)}
.apv-home-stat em{font-family:var(--a-sans);font-style:normal;font-size:10px;font-weight:500;color:var(--a-success-text)}
.apv-home-stat>span,.apv-stats span{display:block;margin-top:10px;font-size:11px;color:var(--a-ink-2)}
.apv-home-stat>small,.apv-stats small{display:block;margin-top:2px;font-size:10px;color:var(--a-ink-3)}
.apv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}

/* Cards: white on the canvas, a title, one grey line, rows split by hairlines */
.apv-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.apv-home-panel{min-width:0;overflow:hidden;border-radius:12px;background:var(--a-panel);box-shadow:var(--a-shadow-card)}
.apv-home-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px 10px}
.apv-home-panel h4{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--a-ink)}
.apv-home-panel h4>b{font-size:11px;font-weight:400;color:var(--a-ink-4)}
.apv-home-panel header p{margin-top:2px!important;font-size:10px;color:var(--a-ink-3)}
.apv-home-panel header>button,.apv-ghost{flex:none;padding:5px 9px;border:1px solid var(--a-line-input);border-radius:7px;background:var(--a-panel);font-size:10px;color:var(--a-ink)}
.apv-home-events{padding:0 0 4px}
.apv-home-event,.apv-home-row{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 16px;border:0;background:transparent;text-align:left}
.apv-home-event+.apv-home-event,.apv-home-row+.apv-home-row{border-top:1px solid var(--a-line-soft)}
.apv-home-event>span:nth-child(2),.apv-home-row>span:nth-child(2){min-width:0;flex:1}
.apv-home-event b,.apv-home-row b{display:block;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apv-home-event small,.apv-home-row small{display:block;margin-top:2px;font-size:10px;color:var(--a-ink-3)}
.apv-home-row>img{width:34px;height:34px;object-fit:cover;border-radius:6px;flex:none}
.apv-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:34px;height:36px;border-radius:6px;background:var(--a-well);font:400 16px/1 var(--a-serif);color:var(--a-ink)}
.apv-date small{margin:0 0 3px!important;font:9px/1 var(--a-mono)!important;letter-spacing:.05em;color:var(--a-ink-3)!important}

/* Status is a dot and a word, never a filled card */
.apv-word{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:10px;font-weight:500;white-space:nowrap}
.apv-word i{width:6px;height:6px;border-radius:50%;background:currentColor}
.apv-word-review{color:var(--a-warning-text)}
.apv-word-shoot{color:var(--a-c5)}
.apv-word-meeting{color:var(--a-info-text)}
.apv-word-deadline{color:var(--a-danger-text)}
.apv-word-idle{color:var(--a-ink-3)}
.apv-word-idle i{background:var(--a-neutral)}

/* A small month: the day sits in ink, event days carry a dot */
.apv-calendar-grid{padding:4px 14px 14px}
.apv-calendar-week,.apv-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.apv-calendar-week{margin-bottom:5px;font:9px var(--a-mono);color:var(--a-ink-4)}
.apv-calendar-days>span{position:relative;display:grid;place-items:center;min-height:22px;font-size:10px;color:var(--a-ink-2)}
.apv-calendar-days>span>i{position:absolute;bottom:0;width:3px;height:3px;border-radius:50%;background:var(--a-info)}
.apv-calendar-days .apv-calendar-today{margin:0 auto;width:22px;border-radius:50%;background:var(--a-ink);color:#fff}

/* Toolbar: a mono kicker and a segmented track */
.apv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--a-line)}
.apv-toolbar h4,.apv-published-heading h4{font:500 10px var(--a-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--a-ink-3)}
.apv-toolbar p{margin-top:4px!important;font-size:10px;color:var(--a-ink-3)}
.apv-pills{display:flex;gap:2px;max-width:100%;padding:3px;overflow-x:auto;border-radius:8px;background:var(--a-column);scrollbar-width:thin}
.apv-pills button{padding:6px 11px;border:0;border-radius:6px;background:none;white-space:nowrap;font-size:11px;color:var(--a-ink-3)}
.apv-pills button[aria-pressed=true]{background:var(--a-panel);box-shadow:var(--a-shadow-card);color:var(--a-ink)}
.apv-pills button span{margin-left:6px;font-size:10px;color:var(--a-ink-4)}

/* Board: quiet grey columns, white cards, a status dot on each column */
.apv-board{display:flex;gap:10px;overflow:auto;padding:2px 2px 12px;scrollbar-width:thin;scroll-snap-type:x proximity}
.apv-column{flex:1 0 186px;min-width:0;min-height:350px;padding:10px;border-radius:12px;background:var(--a-column);scroll-snap-align:start}
.apv-column-head{display:flex;align-items:center;gap:6px;margin:2px 2px 12px}
.apv-column-head h5{display:flex;align-items:center;gap:7px;flex:1;font-size:11px;font-weight:500;line-height:1.4;color:var(--a-ink)}
.apv-column-head h5 i{width:6px;height:6px;border-radius:50%;background:var(--stage);flex:none}
.apv-column-head>span{font-size:11px;color:var(--a-ink-4)}
.apv-fold{width:16px;padding:0;border:0;background:none;font-size:14px!important;color:var(--a-ink-4)!important}
.apv-column-items{display:grid;gap:8px}
.apv-column.is-folded{flex:0 0 42px;padding-inline:8px}
.apv-column.is-folded .apv-column-head{flex-direction:column}
.apv-column.is-folded h5{writing-mode:vertical-rl}
.apv-column.is-folded .apv-column-items{display:none}
.apv-item{display:flex;align-items:flex-start;gap:9px;width:100%;padding:10px;border:0;border-radius:8px;background:var(--a-panel);box-shadow:var(--a-shadow-card);text-align:left}
.apv-item img{width:32px;height:32px;object-fit:cover;border-radius:6px;flex:none}
.apv-item-copy{display:block;min-width:0}
.apv-item-copy>b{display:block;font:500 10px/1.4 var(--a-mono);letter-spacing:.03em;color:var(--a-ink-3)}
.apv-item-copy>span{display:block;margin-top:1px;font-size:12px;font-weight:500;color:var(--a-ink)}
.apv-item small{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:10px;line-height:1.4;color:var(--a-ink-3)}
.apv-item i{width:5px;height:5px;border-radius:50%;flex:none}
.apv-platform-instagram{background:var(--a-c2)}
.apv-platform-youtube{background:var(--a-danger)}
.apv-empty{padding:22px 8px;border:1px dashed #D9D9D9;border-radius:8px;text-align:center;font-size:11px;color:var(--a-ink-4)}
.apv-published-heading{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}
.apv-published-heading>span{font-size:10px;color:var(--a-ink-3)}
.apv-published{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;border:0;border-radius:12px;background:var(--a-panel);box-shadow:var(--a-shadow-card);text-align:left}
.apv-published>span:first-child{font:400 18px var(--a-serif);color:var(--a-ink-3)}
.apv-published>span:nth-child(2){flex:1}
.apv-published b{display:block;font-size:12px;font-weight:500}
.apv-published small{display:block;margin-top:2px;font-size:10px;color:var(--a-ink-3)}
.apv-published>span:nth-child(3){font:10px var(--a-mono);color:var(--a-ink-3)}
.apv-published-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--a-success-text)}
.apv-published-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--a-success)}

/* Content library */
.apv-search input{width:170px;padding:8px 12px;border:1px solid var(--a-line-input);border-radius:8px;background:var(--a-panel);font-size:11px}
.apv-search input::placeholder,.apv-comments input::placeholder{color:var(--a-ink-4);opacity:1}
.apv-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.apv-gallery-card{position:relative;min-width:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--a-panel);box-shadow:var(--a-shadow-card);text-align:left}
.apv-gallery-image{position:relative;display:block;height:clamp(150px,18vw,220px);background:var(--a-column)}
.apv-gallery-image>img{display:block;width:100%;height:100%;object-fit:cover}
.apv-media-platform,.apv-media-status{position:absolute;top:10px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:9px;font-weight:500;color:var(--a-ink)}
.apv-media-platform{left:10px}
.apv-media-status{right:10px;color:var(--a-warning-text)}
.apv-status-approved{color:var(--a-success-text)}
.apv-status-published{color:var(--a-c6)}
.apv-gallery-body{display:block;padding:12px 14px 14px}
.apv-gallery-body>b{display:block;font-size:13px;font-weight:500}
.apv-gallery-body>span{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font:10px var(--a-mono);color:var(--a-ink-3)}
.apv-gallery-body>span>span{font-family:var(--a-sans)}
.apv-no-results{padding:35px;text-align:center;color:var(--a-ink-3)}

/* Review dialog: white, rounded, the conversation beside the work */
.apv-modal{width:min(1200px,90vw);max-width:1200px;height:85dvh;max-height:900px;margin:auto;padding:0;border:0;border-radius:16px;background:var(--a-panel);box-shadow:var(--a-shadow-pop);overflow:hidden}
.apv-modal[open]{display:flex}
.apv-modal::backdrop{background:rgba(0,0,0,.30)}
.apv-modal *{box-sizing:border-box}
.apv-modal :is(button,a,input):focus-visible{outline:none;box-shadow:0 0 0 1px #0F0F0F,0 0 0 4px rgba(0,0,0,.10)}
.apv-close{position:absolute;top:12px;right:12px;z-index:3;width:32px;height:32px;border:1px solid var(--a-line-input);border-radius:8px;background:var(--a-panel);font-size:20px!important;line-height:1;cursor:pointer}
.apv-modal-media{display:flex;flex-direction:column;flex:1;min-width:0}
.apv-media{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;background:#0F0F0F}
.apv-media video,.apv-media>img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.apv-media .apv-media-platform,.apv-media .apv-media-status{top:18px;padding:5px 10px;font-size:11px}
.apv-media .apv-media-status{right:18px}
.apv-details{padding:18px 24px;border-top:1px solid var(--a-line)}
.apv-details h3{font:400 22px/1.25 var(--a-serif);letter-spacing:.01em}
.apv-details p{margin:6px 0 10px!important;font:11px var(--a-mono);color:var(--a-ink-3)}
.apv-details a{font-size:12px;color:var(--a-ink);text-underline-offset:3px}
.apv-comments{display:flex;flex-direction:column;flex:none;width:310px;border-left:1px solid var(--a-line)}
.apv-comments-head{display:flex;justify-content:space-between;align-items:center;padding:18px 54px 16px 20px;border-bottom:1px solid var(--a-line)}
.apv-comments-head h4{font-size:14px;font-weight:500}
.apv-comments-head>span{font-size:12px;color:var(--a-ink-4)}
.apv-thread{flex:1;min-height:150px;padding:18px 20px;overflow:auto}
.apv-comment+.apv-comment{margin-top:18px}
.apv-comment>div{display:flex;align-items:center;gap:8px}
.apv-comment b{font-size:12px;font-weight:500}
.apv-comment small{margin-left:auto;font:9px var(--a-mono);color:var(--a-ink-4)}
.apv-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--a-column);font:500 10px var(--a-serif);color:var(--a-ink)}
.apv-comment p{margin:5px 0 0!important;padding-left:30px;font-size:13px;line-height:1.55;color:var(--a-ink-2);overflow-wrap:anywhere}
.apv-comments form{padding:14px 16px;border-top:1px solid var(--a-line)}
.apv-comments form>div{display:flex;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--a-line-input);border-radius:8px;background:var(--a-panel)}
.apv-comments input{flex:1;min-width:0;border:0;background:none;font-size:13px;outline-offset:3px}
.apv-comments form button{width:30px;height:30px;border:0;border-radius:6px;background:var(--a-ink);color:#fff;cursor:pointer}
.apv-comments form>small{display:block;margin-top:8px;font-size:10px;color:var(--a-ink-4)}

.pt-demo-controls{display:flex;align-items:center;gap:22px;flex:none}
.pt-demo-controls #pt-tour-toggle span{padding:0}

@media(max-width:1100px){
  .apv{grid-template-columns:160px minmax(0,1fr)}
  .apv-main{padding:14px 20px 22px}
  .apv-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px) and (min-width:761px){.apv-pages{height:650px}}
@media(max-width:760px){
  .apv{grid-template-columns:1fr;min-height:0;border-radius:13px}
  .apv-sidebar{padding:8px 10px 10px}
  .apv-brand{padding:6px 4px 10px;font-size:20px}
  .apv-collapse,.apv-client,.apv-enter,.apv-external,.apv-group{display:none!important}
  .apv-sidebar nav{flex-direction:row;gap:4px}
  .apv-nav-item{flex:1;justify-content:center;gap:7px;min-width:0;padding:8px 5px;font-size:11px!important}
  .apv-nav-item>span{flex:initial}
  .apv-nav-item .apv-icon{width:16px;height:16px}
  .apv-nav-item small{min-width:16px;height:16px;font-size:9px}
  .apv-main{padding:12px 14px 18px}
  .apv-tour-bar{font-size:9px;gap:6px}
  .pt-demo-controls{gap:14px}
  .apv-pages{height:600px;padding-right:2px}
  .apv-heading{margin-bottom:16px}
  .apv-heading h3{font-size:26px}
  .apv-attn{padding:10px 12px}
  .apv-attn p{font-size:11px}
  .apv-home-stats{gap:8px}
  .apv-home-stat{padding:12px}
  .apv-home-stat b{font-size:25px}
  .apv-home-grid{grid-template-columns:1fr;gap:8px}
  .apv-home-calendar{display:none}
  .apv-column{flex-basis:210px;min-height:300px}
  .apv-published>span:nth-child(3){display:none}
  .apv-stats{gap:8px;margin-bottom:14px}
  .apv-stats>div{padding:12px 10px}
  .apv-stats b{font-size:24px}
  .apv-pills button{padding:6px 9px}
  .apv-search,.apv-search input{width:100%}
  .apv-gallery{gap:10px}
  .apv-gallery-image{height:auto;aspect-ratio:3/4}
  .apv-gallery-body{padding:10px}
  .apv-gallery-body>b{font-size:12px}
  .apv-gallery .apv-media-platform,.apv-gallery-body>span>span{display:none}
  .apv-gallery .apv-media-status{top:7px;right:7px;font-size:8px}
  .apv.is-collapsed{grid-template-columns:1fr}
  .apv-modal{width:94vw;height:88dvh;overflow-y:auto}
  .apv-modal[open]{display:block}
  .apv-modal-media{display:block}
  .apv-media{aspect-ratio:16/10;min-height:180px}
  .apv-media .apv-media-status{right:52px}
  .apv-comments{width:100%;border-left:0;border-top:1px solid var(--a-line)}
  .apv-thread{height:200px;flex:none}
  .apv-comments input{font-size:16px}
  .apv-details{padding:16px 18px}
  .apv-close{position:sticky;float:right;top:10px;right:10px;margin-bottom:-42px}
}
@media(max-width:360px){
  .apv-main{padding-inline:12px}
  .apv-gallery{grid-template-columns:1fr}
  .apv-gallery-image{aspect-ratio:16/10}
  .apv-home-stat b{font-size:22px}
  .apv-pills button{font-size:10px;padding:6px 8px}
  .apv-heading h3{font-size:24px}
  .apv-tour-bar>span>span:first-child{padding:0 2px}
}
@media(prefers-reduced-motion:reduce){.apv *,.apv-modal *{transition:none!important;animation:none!important}}

/* Compact feature views share the same cards and records */
.pt-feature-widget{display:flex;flex-direction:column;gap:14px;height:340px;padding:18px;border-radius:12px;background:var(--a-panel);box-shadow:var(--a-shadow-card);overflow:hidden}
.pt-feature-widget button,.pt-feature-widget a{font:inherit;color:var(--a-ink)}
.pt-widget-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:500;line-height:1.5}
.pt-widget-head small{font-size:10px;font-weight:400;color:var(--a-ink-3);white-space:nowrap}
.pt-mini-stages{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--a-column)}
.pt-mini-stages button{flex:1;padding:6px 3px;border:0;border-radius:6px;background:none;font-size:10px;white-space:nowrap;color:var(--a-ink-3)}
.pt-mini-stages button[aria-pressed=true]{background:var(--a-panel);box-shadow:var(--a-shadow-card);color:var(--a-ink)}
.pt-mini-items{display:grid;gap:8px}
.pt-widget-note{margin-top:auto;font-size:10px;color:var(--a-ink-3)}
.pt-mini-media{position:relative;flex:none;height:104px;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--a-column);text-align:left}
.pt-mini-media img{display:block;width:100%;height:100%;object-fit:cover}
.pt-mini-media>span{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:24px 12px 10px;background:linear-gradient(transparent,#000a);font-size:11px;color:#fff}
.pt-mini-comment>div{display:flex;align-items:center;gap:7px}
.pt-mini-comment b{font-size:11px;font-weight:500}
.pt-mini-comment small{margin-left:auto;font-size:9px;color:var(--a-ink-3)}
.pt-mini-comment p{margin-top:6px;padding-left:29px;font-size:12px;line-height:1.5;color:var(--a-ink-2)}
.pt-feature-widget .pt-widget-action{display:flex;justify-content:space-between;align-items:center;margin-top:auto;min-height:36px;padding:8px 12px;border:1px solid var(--a-line-input);border-radius:8px;font-size:11px}