:root{
  --dcci-purple:#30106d;
  --dcci-purple-dark:#18003f;
  --dcci-purple-2:#5f2bd8;
  --dcci-purple-3:#7b42f2;
  --dcci-pink:#e3267a;
  --dcci-green:#31b96d;
  --dcci-blue:#178bd4;
  --dcci-amber:#f39b18;
  --dcci-text:#180a3f;
  --dcci-muted:#554a72;
  --dcci-border:#e7def5;
  --dcci-shadow:0 14px 28px rgba(38,18,83,.15);
}

/* Keep the shortcode full width, but do not add a fake room background. */
.dcci-briefings-app,
.dcci-briefings-app *{box-sizing:border-box}
.dcci-briefings-app{
  width:100vw;
  max-width:none;
  margin:0 calc(50% - 50vw);
  padding:0;
  color:var(--dcci-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.entry-content>.dcci-briefings-app:first-child,
.wp-block-post-content>.dcci-briefings-app:first-child,
.site-main>.dcci-briefings-app:first-child,
main>.dcci-briefings-app:first-child{margin-top:0!important;padding-top:0!important}
body:has(.dcci-briefings-app.dcci-bookcase-layout) .entry-content,
body:has(.dcci-briefings-app.dcci-bookcase-layout) .wp-block-post-content,
body:has(.dcci-briefings-app.dcci-bookcase-layout) .site-main,
body:has(.dcci-briefings-app.dcci-bookcase-layout) main,
body:has(.dcci-briefings-app.dcci-bookcase-layout) article{margin-top:0!important;padding-top:0!important}
body:has(.dcci-briefings-app.dcci-bookcase-layout) .entry-header,
body:has(.dcci-briefings-app.dcci-bookcase-layout) .page-header,
body:has(.dcci-briefings-app.dcci-bookcase-layout) .wp-block-post-title,
body:has(.dcci-briefings-app.dcci-bookcase-layout) h1.entry-title,
body:has(.dcci-briefings-app.dcci-bookcase-layout) h1.page-title{margin:0!important;padding:0!important;min-height:0!important}

.dcci-skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.dcci-skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:9999;background:#fff;color:var(--dcci-purple);padding:.8rem 1rem;border-radius:10px;outline:3px solid #f4c400}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4c400;outline-offset:3px}

/* Header: normal document flow, never floating over the furniture. */
.dcci-app-header{
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(210px,320px);
  gap:clamp(.7rem,1.1vw,1.2rem);
  align-items:center;
  width:100%;
  margin:0;
  padding:.62rem clamp(.8rem,1.6vw,1.45rem);
  background:linear-gradient(90deg,#21004f,#3b117e 58%,#260061);
  border-bottom:4px solid transparent;
  border-image:linear-gradient(90deg,#17a2ff,#34c759,#ffd43b,#ff7a1a,#e3267a,#7b3ff2) 1;
  box-shadow:0 10px 24px rgba(42,25,90,.18);
}
.dcci-brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.dcci-brand img{display:block;height:54px;width:auto;max-width:150px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}
.dcci-primary-nav{display:flex;justify-content:center;align-items:center;gap:.25rem;flex-wrap:wrap;min-width:0}
.dcci-primary-nav a{color:#fff!important;text-decoration:none;font-weight:900;padding:.58rem .82rem;border-radius:13px;line-height:1;white-space:nowrap}
.dcci-primary-nav a[aria-current="page"],.dcci-primary-nav a:hover,.dcci-primary-nav a:focus{background:rgba(255,255,255,.16)}
.dcci-header-search{display:flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;min-width:0;padding:.15rem .62rem}
.dcci-header-search input{width:100%;min-width:0;border:0;background:transparent;color:#fff;padding:.58rem .4rem;font:inherit}
.dcci-header-search input::placeholder{color:rgba(255,255,255,.92)}
.dcci-header-search span{font-size:1.35rem;line-height:1}

/* Main furniture stage. One row contains all furniture; saved bookshelf is a separate row underneath. */
.dcci-library-grid{
  --dcci-stage-h:clamp(680px,58vw,980px);
  display:grid;
  grid-template-columns:minmax(240px,21.5%) minmax(280px,24.5%) minmax(520px,54%);
  grid-template-rows:var(--dcci-stage-h) auto;
  grid-template-areas:"left table bookcase" "saved saved saved";
  gap:clamp(.85rem,1.25vw,1.35rem);
  align-items:stretch;
  width:100%;
  max-width:1640px;
  margin:0 auto;
  padding:clamp(.75rem,1vw,1.05rem) clamp(.9rem,1.6vw,1.6rem) clamp(.9rem,1vw,1.1rem);
  background:transparent;
  position:relative;
  overflow:visible;
}
.dcci-library-grid::before,.dcci-library-grid::after{content:none!important;display:none!important}

/* Left controls. */
.dcci-left-panel{grid-area:left;align-self:start;display:flex;flex-direction:column;gap:.62rem;min-width:0;padding-top:.15rem}
.dcci-hero-copy{padding:.2rem .25rem 0;background:transparent}
.dcci-kicker{margin:0 0 .25rem;color:var(--dcci-purple);text-transform:uppercase;font-weight:950;font-size:.74rem;letter-spacing:.04em}
.dcci-hero-copy h1{margin:.1rem 0 .75rem;color:var(--dcci-purple);font-weight:950;font-size:clamp(2.25rem,3.05vw,4rem);line-height:.95;letter-spacing:-.045em}
.dcci-gradient-text{background:linear-gradient(90deg,#e3267a,#f39b18,#28b86f,#1987d5,#7b3ff2);-webkit-background-clip:text;background-clip:text;color:transparent}
.dcci-hero-copy p{margin:0 0 1rem;max-width:31rem;color:var(--dcci-text);font-size:clamp(.86rem,.95vw,1.05rem);line-height:1.45}
.dcci-button{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(180deg,#6d40e0,#4d22b6);color:#fff!important;text-decoration:none;border-radius:13px;padding:.74rem 1rem;font-weight:950;box-shadow:0 9px 18px rgba(59,22,123,.24)}
.dcci-search-panel{background:#fff;border:1px solid var(--dcci-border);border-radius:18px;box-shadow:var(--dcci-shadow);padding:.9rem}
.dcci-search-panel{display:grid;gap:.74rem}
.dcci-search-panel h2,.dcci-select-filter label{display:block;margin:0 0 .43rem;color:var(--dcci-purple);font-size:.92rem;line-height:1.25;font-weight:950}
.dcci-search-control{display:flex;align-items:center;border:2px solid #e4d9f5;border-radius:999px;background:#fff;overflow:hidden}
.dcci-search-control input{flex:1;min-width:0;border:0;background:#fff;color:var(--dcci-text);padding:.72rem .85rem;font:inherit;font-size:.86rem}
.dcci-search-control button{border:0;background:linear-gradient(180deg,#7441e5,#4d20b8);color:#fff;width:42px;height:42px;min-width:42px;border-radius:50%;font-size:1.25rem;margin:.18rem;cursor:pointer;box-shadow:inset 0 2px 3px rgba(255,255,255,.22),0 4px 8px rgba(42,25,90,.2)}
.dcci-pillars{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.dcci-pillars button{border:1px solid transparent;border-radius:12px;padding:.58rem .5rem;background:#f0e8ff;color:var(--dcci-purple);font-weight:900;font-size:.78rem;line-height:1.08;cursor:pointer;min-height:42px}
.dcci-pillars button:nth-child(3){background:#e4f6e9}.dcci-pillars button:nth-child(4){background:#ffe8f2}.dcci-pillars button:nth-child(5){background:#e7f2ff}
.dcci-pillars button.is-active{background:linear-gradient(180deg,#6d40e0,#4d22b6);color:#fff}
.dcci-select-filter select{width:100%;min-height:64px;height:64px;border:2px solid #e4d9f5;background:#fff;border-radius:14px;padding:1.05rem .95rem;color:var(--dcci-text);font-weight:850;line-height:1.55;font-size:.94rem}
.dcci-help-card{display:none!important}

/* Middle column: photo at top, side table at bottom. */
.dcci-side-table{grid-area:table;position:relative;height:var(--dcci-stage-h);display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;gap:clamp(.8rem,1.2vw,1.2rem);min-width:0;overflow:visible;padding-top:.1rem}
.dcci-wall-photo{display:block;width:min(100%,clamp(300px,24vw,470px));height:auto;object-fit:contain;margin:0 auto;filter:drop-shadow(0 14px 18px rgba(42,25,90,.22));z-index:2}
.dcci-side-table-scene{align-self:end;justify-self:center;position:relative;width:min(100%,clamp(300px,23.5vw,440px));aspect-ratio:420/409;margin:0 auto;overflow:visible;z-index:1}
.dcci-table-asset{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;height:auto;z-index:1;filter:drop-shadow(0 14px 16px rgba(67,38,12,.22))}
.dcci-table-plant{position:absolute;left:4%;top:-57%;width:56%;height:auto;z-index:4;filter:drop-shadow(0 9px 11px rgba(42,25,90,.2))}
.dcci-table-mug{position:absolute;right:7%;top:-14%;width:37%;height:auto;z-index:5;filter:drop-shadow(0 7px 9px rgba(42,25,90,.18))}
.dcci-table-books{display:none!important}

/* Right bookcase. The overlay uses exact shelf regions inside the PNG bookcase. */
.dcci-bookcase{grid-area:bookcase;align-self:stretch;justify-self:stretch;position:relative;width:100%;height:var(--dcci-stage-h);min-height:0;margin:0;padding:0;background:transparent!important;border:0;border-radius:0;box-shadow:0 20px 34px rgba(80,45,16,.18);overflow:visible}
.dcci-bookcase::before{content:"";position:absolute;inset:0;background-image:var(--dcci-bookcase-image);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0}
.dcci-bookcase-row{position:absolute;left:6.3%;right:6.3%;z-index:1;margin:0;padding:0;display:block;overflow:visible;min-height:0}
.dcci-shelf-featured{top:5.4%;height:21.5%}
.dcci-shelf-caselaw{top:27.8%;height:20.4%}
.dcci-shelf-open{top:49.1%;height:19.8%}
.dcci-shelf-bookcreator{top:70.0%;height:18.6%}
.dcci-shelf-heading{position:absolute;left:2.2%;right:2.2%;top:0;z-index:8;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.48rem;align-items:center;min-height:clamp(26px,1.8vw,34px);height:clamp(26px,1.8vw,34px);padding:0;margin:0;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.45)}
.dcci-shelf-heading>span{font-size:clamp(.9rem,1.1vw,1.25rem);line-height:1;color:#f5dc9c;display:inline-flex;align-items:center;justify-content:center}
.dcci-shelf-heading h2{margin:0;color:#fff;font-size:clamp(.62rem,.86vw,.98rem);line-height:1;font-weight:950;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dcci-shelf-heading h2 em{font-style:normal;color:#ff4f9c;text-transform:uppercase}.dcci-shelf-bookcreator .dcci-shelf-heading h2 em{color:#55df7d}
.dcci-carousel-controls{display:flex;align-items:center;justify-content:center;gap:.36rem}
.dcci-carousel-controls button{appearance:none;border:0;display:inline-grid;place-items:center;width:clamp(28px,1.85vw,36px);height:clamp(28px,1.85vw,36px);min-width:clamp(28px,1.85vw,36px);min-height:clamp(28px,1.85vw,36px);padding:0;border-radius:50%;background:radial-gradient(circle at 34% 25%,#9869ff 0,#6b35d7 46%,#3c158f 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.05rem,1.18vw,1.35rem);font-weight:950;line-height:1;text-align:center;cursor:pointer;padding-bottom:.08em;box-shadow:inset 0 3px 5px rgba(255,255,255,.28),inset 0 -4px 7px rgba(28,0,82,.45),0 5px 10px rgba(33,0,88,.28)}
.dcci-shelf-carousel{position:absolute;left:2.2%;right:2.2%;top:clamp(27px,2.05vw,38px);bottom:18%;z-index:6;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 1.44rem)/4);gap:.48rem;align-items:end;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 .08rem 0}
.dcci-shelf-carousel::-webkit-scrollbar{height:8px}.dcci-shelf-carousel::-webkit-scrollbar-thumb{background:#6d40e0;border-radius:999px}

/* Cards are intentionally short so they sit on the shelf ledges. */
.dcci-resource-card{position:relative;scroll-snap-align:start;align-self:end;display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:.3rem;width:100%;height:clamp(76px,5.25vw,108px);max-height:108px;min-height:76px;padding:clamp(.28rem,.34vw,.42rem);overflow:hidden;border:1px solid rgba(59,22,123,.11);border-radius:13px;background:linear-gradient(135deg,#fff,#fff8f0);box-shadow:0 8px 15px rgba(42,25,90,.15)}
.dcci-resource-card:nth-child(4n+1){background:linear-gradient(135deg,#fff,#f8edff)}.dcci-resource-card:nth-child(4n+2){background:linear-gradient(135deg,#fff,#eff9ed)}.dcci-resource-card:nth-child(4n+3){background:linear-gradient(135deg,#fff,#fff1e5)}.dcci-resource-card:nth-child(4n+4){background:linear-gradient(135deg,#fff,#edf5ff)}
.dcci-card-copy{display:flex;flex-direction:column;min-width:0;height:100%}.dcci-badge{display:inline-flex;align-self:flex-start;background:#5527c8;color:#fff;border-radius:999px;padding:.13rem .3rem;font-size:clamp(.38rem,.38vw,.5rem);font-weight:950;line-height:1;text-transform:uppercase}
.dcci-card-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:.22rem 0 .1rem;color:var(--dcci-purple);font-size:clamp(.52rem,.62vw,.78rem);line-height:1.02;font-weight:950}.dcci-card-copy h3 a{color:inherit;text-decoration:none}.dcci-card-copy p{display:none}.dcci-card-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:.22rem;color:var(--dcci-purple);font-size:clamp(.39rem,.42vw,.54rem);font-weight:850;line-height:1.1}.dcci-card-preview{display:block;min-width:0;height:100%;align-self:stretch}.dcci-card-preview img,.dcci-card-preview iframe{display:block;width:100%;height:100%;min-height:0;border:0;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 4px 9px rgba(42,25,90,.14)}
.dcci-card-actions{position:absolute;right:.26rem;bottom:.26rem;display:flex;gap:.25rem;z-index:5}.dcci-favourite,.dcci-card-open{appearance:none;border:0;text-decoration:none;display:inline-grid;place-items:center;width:clamp(21px,1.45vw,27px);height:clamp(21px,1.45vw,27px);border-radius:50%;font-size:.78rem;font-weight:950;cursor:pointer;box-shadow:inset 0 2px 4px rgba(255,255,255,.3),0 4px 8px rgba(42,25,90,.18)}.dcci-favourite{background:radial-gradient(circle at 35% 25%,#fff 0,#f5eaff 45%,#d8bdfd 100%);color:#5a22c7}.dcci-favourite.is-favourite{background:radial-gradient(circle at 35% 25%,#ff8abb 0,#e3267a 55%,#9d1250 100%);color:#fff}.dcci-card-open{background:radial-gradient(circle at 35% 25%,#9869ff 0,#6b35d7 50%,#3c158f 100%);color:#fff!important}
.dcci-empty-state{display:inline-block;align-self:end;max-width:min(190px,55%);margin:auto 0 0 0;padding:.55rem .65rem;border-radius:10px;background:#fff;color:var(--dcci-purple);font-size:clamp(.54rem,.52vw,.72rem);line-height:1.14;font-weight:900;box-shadow:0 4px 9px rgba(42,25,90,.12)}
[data-dcci-filter-item][hidden],.dcci-resource-card[hidden]{display:none!important}

/* Saved bookshelf: always below furniture, compact cards only. */
.dcci-bookshelf-panel{grid-area:saved;position:relative;z-index:2;margin:0;background:rgba(255,255,255,.96);border:1px solid var(--dcci-border);border-radius:20px;padding:0 1rem 1rem;box-shadow:var(--dcci-shadow);clear:both;overflow:hidden}.dcci-bookshelf-panel h2{margin:0 -1rem .45rem;padding:.78rem 1rem .72rem;color:#fff;font-size:1.35rem;line-height:1.1;background:linear-gradient(90deg,#230058 0%,#6d40e0 25%,#e3267a 48%,#f39b18 68%,#34c759 84%,#178bd4 100%);font-weight:950}.dcci-bookshelf-panel p{margin:.18rem 0 .75rem;color:var(--dcci-muted);font-weight:650}.dcci-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.65rem}.dcci-bookshelf-card{height:72px!important;max-height:72px!important;min-height:72px!important;grid-template-columns:52px minmax(0,1fr)!important;gap:.55rem!important;padding:.5rem!important;border-radius:14px!important}.dcci-bookshelf-card .dcci-card-preview{grid-column:1;grid-row:1;order:-1}.dcci-bookshelf-card .dcci-card-preview img,.dcci-bookshelf-card .dcci-card-preview iframe{height:52px!important;width:52px!important;border-radius:8px!important}.dcci-bookshelf-card .dcci-card-copy{grid-column:2}.dcci-bookshelf-card .dcci-badge{display:none}.dcci-bookshelf-card .dcci-card-copy h3{font-size:.72rem!important;line-height:1.08!important;-webkit-line-clamp:2!important;margin:0 2.2rem .12rem 0!important}.dcci-bookshelf-card .dcci-card-meta{font-size:.56rem!important}.dcci-bookshelf-card .dcci-card-actions{right:.4rem!important;bottom:.35rem!important}.dcci-empty-bookshelf{color:var(--dcci-muted);font-weight:750}

.dcci-app-footer{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 clamp(.9rem,1.6vw,1.6rem) 1rem;padding:1rem 1.25rem;background:linear-gradient(90deg,#24005d,#4b1593);color:#fff;border-radius:18px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#17a2ff,#34c759,#ffd43b,#ff7a1a,#e3267a,#7b3ff2) 1;font-weight:850;box-shadow:0 10px 20px rgba(42,25,90,.16)}.dcci-app-footer span{display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.28);min-height:42px}.dcci-app-footer span:last-child{border-right:0}

/* Workspace view: full-page frame, not a card wrapper. */
.dcci-workspace-view{min-height:100vh;background:#fff}.dcci-workspace-header{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem clamp(1rem,2vw,2rem);background:linear-gradient(90deg,#230058,#3f168e 55%,#2b0869);color:#fff}.dcci-workspace-brand img{height:58px;width:auto;background:#fff;border-radius:8px;padding:3px}.dcci-workspace-titlebar h1{margin:.1rem 0;font-size:clamp(1.35rem,2.2vw,2.4rem);color:#fff}.dcci-workspace-titlebar p{margin:.1rem 0;color:#fff}.dcci-workspace-back{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--dcci-purple)!important;text-decoration:none;border-radius:999px;padding:.75rem 1rem;font-weight:950}.dcci-workspace-main{min-height:calc(100vh - 100px);padding:0}.dcci-workspace-frame{display:block;width:100%;height:calc(100vh - 110px);border:0}.dcci-workspace-fallback,.dcci-workspace-missing{padding:1rem}

@media (max-width:1180px){
  .dcci-app-header{grid-template-columns:auto 1fr;}.dcci-header-search{grid-column:1/-1;max-width:520px;justify-self:end;width:100%}
  .dcci-library-grid{--dcci-stage-h:clamp(650px,72vw,900px);grid-template-columns:minmax(220px,28%) minmax(230px,25%) minmax(420px,47%)}
  .dcci-shelf-carousel{grid-auto-columns:calc((100% - .7rem)/2)}
  .dcci-resource-card{height:clamp(80px,7.9vw,110px)}
  .dcci-wall-photo{width:min(100%,360px)}.dcci-side-table-scene{width:min(100%,340px)}
}
@media (max-width:900px){
  .dcci-app-header{grid-template-columns:1fr;}.dcci-brand{justify-content:center}.dcci-primary-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.dcci-header-search{justify-self:stretch;max-width:none}
  .dcci-library-grid{--dcci-stage-h:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"left" "table" "bookcase" "saved";padding:.8rem;gap:1rem}
  .dcci-side-table{height:auto;min-height:560px}.dcci-wall-photo{width:min(100%,430px)}.dcci-side-table-scene{width:min(88vw,390px)}
  .dcci-bookcase{height:clamp(680px,145vw,920px);width:min(100%,650px);justify-self:center}.dcci-shelf-carousel{grid-auto-columns:86%}.dcci-resource-card{height:clamp(100px,26vw,136px)}
  .dcci-app-footer{grid-template-columns:1fr;margin:.5rem .8rem 1rem}.dcci-app-footer span{border-right:0;border-bottom:1px solid rgba(255,255,255,.24)}.dcci-app-footer span:last-child{border-bottom:0}
}
@media (max-width:560px){.dcci-hero-copy h1{font-size:2.35rem}.dcci-pillars{grid-template-columns:1fr}.dcci-bookcase{height:650px}.dcci-shelf-heading h2{font-size:.56rem}.dcci-carousel-controls button{width:28px;height:28px;min-width:28px;min-height:28px}.dcci-shelf-carousel{top:30px}.dcci-resource-card{grid-template-columns:minmax(0,1fr) 34%;height:96px}.dcci-card-copy h3{font-size:.64rem}.dcci-card-meta{display:none}.dcci-saved-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* v0.9.9 polish overrides */
.dcci-help-card{display:none!important}
.dcci-shelf-caselaw .dcci-shelf-heading,.dcci-shelf-open .dcci-shelf-heading,.dcci-shelf-bookcreator .dcci-shelf-heading{top:-.15rem}
.dcci-shelf-featured .dcci-shelf-heading{top:-.05rem}
@media (max-width:1180px){.dcci-resource-card{height:clamp(74px,7.4vw,106px);max-height:106px}.dcci-table-plant{left:4%;top:-55%;width:56%}.dcci-table-mug{right:7%;top:-13%;width:37%}}
@media (max-width:900px){.dcci-resource-card{height:clamp(90px,22vw,120px);max-height:120px}.dcci-table-plant{left:5%;top:-53%;width:56%}.dcci-table-mug{right:7%;top:-10%;width:37%}}

/* v0.9.9 shelf and furniture alignment refinements */
.dcci-shelf-featured .dcci-shelf-carousel{bottom:18%}
.dcci-shelf-caselaw .dcci-shelf-carousel{bottom:23%}
.dcci-shelf-open .dcci-shelf-carousel{bottom:22%}
.dcci-shelf-bookcreator .dcci-shelf-carousel{bottom:18%}
#dcci-type-filter{min-height:68px;height:68px;padding-top:1.15rem;padding-bottom:1.15rem}
.dcci-help-card{display:none!important}

/* v0.10.0 finishing pass: table objects, placeholder cards and star save button */
.dcci-table-plant{
  left:1.5%!important;
  top:-66%!important;
  width:64%!important;
  transform:none!important;
}
.dcci-table-mug{
  right:4.5%!important;
  top:-22%!important;
  width:40%!important;
  transform:none!important;
}
.dcci-shelf-carousel{
  grid-auto-columns:calc((100% - 1.44rem)/4)!important;
  gap:.48rem!important;
}
.dcci-resource-card{
  height:clamp(78px,5.18vw,108px)!important;
  min-height:78px!important;
  max-height:108px!important;
}
.dcci-placeholder-card{
  opacity:.96;
  border-style:dashed!important;
  border-color:rgba(91,43,191,.28)!important;
  background:linear-gradient(135deg,#fff,#f8f3ff)!important;
}
.dcci-placeholder-card .dcci-card-copy h3{
  -webkit-line-clamp:2!important;
}
.dcci-placeholder-card .dcci-card-meta span:last-child{
  color:#7b42f2;
}
.dcci-placeholder-card .dcci-card-preview img{
  object-fit:cover!important;
}
.dcci-favourite{
  width:clamp(24px,1.55vw,30px)!important;
  height:clamp(24px,1.55vw,30px)!important;
  min-width:clamp(24px,1.55vw,30px)!important;
  min-height:clamp(24px,1.55vw,30px)!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:clamp(.72rem,.82vw,.95rem)!important;
  line-height:1!important;
  padding:0!important;
  color:#fff!important;
  background:radial-gradient(circle at 35% 25%,#b996ff 0,#7441e5 46%,#3b117e 100%)!important;
  text-shadow:0 1px 2px rgba(24,0,63,.45);
}
.dcci-favourite.is-favourite{
  background:radial-gradient(circle at 35% 25%,#ffe36a 0,#e3267a 54%,#5f2bd8 100%)!important;
  color:#fff!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:2%!important;top:-63%!important;width:62%!important}
  .dcci-table-mug{right:5%!important;top:-20%!important;width:39%!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:3%!important;top:-60%!important;width:61%!important}
  .dcci-table-mug{right:6%!important;top:-18%!important;width:38%!important}
  .dcci-shelf-carousel{grid-auto-columns:86%!important}
}

/* v0.10.1 furniture and hero copy polish */
.dcci-hero-copy h1{
  margin-top:.12rem!important;
}
.dcci-table-plant{
  left:1.5%!important;
  top:-74%!important;
  width:66%!important;
}
.dcci-table-mug{
  right:7%!important;
  top:-30%!important;
  width:35%!important;
}
.dcci-bookshelf-panel{
  margin-top:clamp(1rem,1.7vw,1.75rem)!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:2%!important;top:-70%!important;width:65%!important}
  .dcci-table-mug{right:8%!important;top:-27%!important;width:34%!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:3%!important;top:-66%!important;width:64%!important}
  .dcci-table-mug{right:9%!important;top:-24%!important;width:33%!important}
  .dcci-bookshelf-panel{margin-top:1.25rem!important}
}


/* v0.10.1 polish: final table placement, spacing and hero copy cleanup */
.dcci-table-plant{
  left:1.5%!important;
  top:-76%!important;
  width:66%!important;
  transform:none!important;
}
.dcci-table-mug{
  right:6%!important;
  top:-31%!important;
  width:35%!important;
  transform:none!important;
}
.dcci-bookshelf-panel{
  margin-top:clamp(1rem,1.5vw,1.8rem)!important;
}
.dcci-library-grid{
  row-gap:clamp(1.1rem,1.45vw,1.8rem)!important;
}
.dcci-hero-copy h1{
  margin-top:.12rem!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:2%!important;top:-72%!important;width:64%!important}
  .dcci-table-mug{right:6%!important;top:-28%!important;width:34%!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:4%!important;top:-66%!important;width:62%!important}
  .dcci-table-mug{right:7%!important;top:-22%!important;width:34%!important}
  .dcci-bookshelf-panel{margin-top:1rem!important}
}


/* v0.10.2 requested alignment polish */
.dcci-wall-photo{
  margin-top:2rem!important;
}
.dcci-search-panel{
  margin-top:2rem!important;
}
.dcci-search-control button{
  display:inline-grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:.16rem!important;
  border-radius:50%!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Inter,system-ui,sans-serif!important;
  font-size:1.05rem!important;
  line-height:1!important;
  text-align:center!important;
}
.dcci-table-plant{
  top:-87%!important;
  width:67%!important;
}
.dcci-table-mug{
  top:-12%!important;
  width:35%!important;
}
.dcci-shelf-bookcreator .dcci-shelf-carousel{
  bottom:3%!important;
}
@media (max-width:1180px){
  .dcci-wall-photo{margin-top:1.5rem!important}
  .dcci-search-panel{margin-top:1.5rem!important}
  .dcci-table-plant{top:-82%!important;width:66%!important}
  .dcci-table-mug{top:-10%!important;width:34%!important}
  .dcci-shelf-bookcreator .dcci-shelf-carousel{bottom:4%!important}
}
@media (max-width:900px){
  .dcci-wall-photo{margin-top:.75rem!important}
  .dcci-search-panel{margin-top:.75rem!important}
  .dcci-table-plant{top:-72%!important;width:64%!important}
  .dcci-table-mug{top:-8%!important;width:33%!important}
  .dcci-shelf-bookcreator .dcci-shelf-carousel{bottom:6%!important}
}


/* v0.10.4 revert/polish: keep pre-0.10.3 background and add breathing room inside saved bookshelf cards */
.dcci-briefings-app.dcci-bookcase-layout,
.dcci-briefings-app.dcci-bookcase-layout .dcci-library-grid{
  background:transparent!important;
  background-color:transparent!important;
}
.dcci-bookshelf-card{
  height:84px!important;
  max-height:84px!important;
  min-height:84px!important;
  padding:.78rem .62rem .5rem!important;
  align-items:start!important;
}
.dcci-bookshelf-card .dcci-card-preview{
  margin-top:.02rem!important;
}
.dcci-bookshelf-card .dcci-card-preview img,
.dcci-bookshelf-card .dcci-card-preview iframe{
  width:50px!important;
  height:50px!important;
}
.dcci-bookshelf-card .dcci-card-copy{
  padding-top:.04rem!important;
  align-self:start!important;
}
.dcci-bookshelf-card .dcci-card-copy h3{
  margin-top:0!important;
  padding-top:0!important;
}
.dcci-bookshelf-card .dcci-card-actions{
  top:.58rem!important;
  right:.48rem!important;
  bottom:auto!important;
}
@media (max-width:560px){
  .dcci-bookshelf-card{height:88px!important;max-height:88px!important;min-height:88px!important;padding:.82rem .64rem .52rem!important}
}

/* v0.10.5: remove mug and return plant to previous tabletop position at 10% smaller scale */
.dcci-table-mug{display:none!important}
.dcci-table-plant{
  left:1.5%!important;
  top:-76%!important;
  width:60.3%!important;
  transform:none!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:2%!important;top:-72%!important;width:59.4%!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:4%!important;top:-66%!important;width:57.6%!important}
}

/* v0.10.6: final furniture/saved-card polish requested */
/* Keep the bookcase as an object on the page, not a backed panel. */
.dcci-bookcase{
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  outline:0!important;
}
.dcci-bookcase::before{
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.dcci-bookcase::after{
  content:none!important;
  display:none!important;
}
.dcci-bookcase-row,
.dcci-shelf-heading,
.dcci-shelf-carousel{
  background:transparent!important;
  background-color:transparent!important;
}

/* Saved bookshelf cards: centre thumbnail, text and action controls cleanly. */
.dcci-bookshelf-card{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:center!important;
  height:86px!important;
  max-height:86px!important;
  min-height:86px!important;
  padding:.78rem 2.65rem .72rem .72rem!important;
}
.dcci-bookshelf-card .dcci-card-preview{
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
}
.dcci-bookshelf-card .dcci-card-preview img,
.dcci-bookshelf-card .dcci-card-preview iframe{
  width:54px!important;
  height:54px!important;
  margin:0 auto!important;
  object-fit:cover!important;
}
.dcci-bookshelf-card .dcci-card-copy{
  align-self:center!important;
  justify-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  text-align:center!important;
}
.dcci-bookshelf-card .dcci-card-copy h3{
  margin:0!important;
  text-align:center!important;
  max-width:100%!important;
}
.dcci-bookshelf-card .dcci-card-meta{
  justify-content:center!important;
  text-align:center!important;
  width:100%!important;
  margin-top:.18rem!important;
}
.dcci-bookshelf-card .dcci-card-actions{
  top:50%!important;
  right:.62rem!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  align-items:center!important;
}
@media (max-width:560px){
  .dcci-bookshelf-card{
    height:92px!important;
    max-height:92px!important;
    min-height:92px!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    padding:.82rem 2.6rem .78rem .7rem!important;
  }
}


/* v0.10.7: place featured items on both featured and category shelves; bring plant slightly forward on table */
.dcci-table-plant{
  left:3.25%!important;
  top:-72.5%!important;
  width:60.3%!important;
  z-index:8!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:3.5%!important;top:-68.5%!important;width:59.4%!important;z-index:8!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:5%!important;top:-62.5%!important;width:57.6%!important;z-index:8!important}
}

/* v0.11.0 targeted layout/mobile polish only */
body.dcci-bookshelf-active .entry-header,
body.dcci-bookshelf-active .page-header,
body.dcci-bookshelf-active .wp-block-post-title,
body.dcci-bookshelf-active h1.entry-title,
body.dcci-bookshelf-active h1.page-title{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
body.dcci-bookshelf-active .site-main,
body.dcci-bookshelf-active main,
body.dcci-bookshelf-active article,
body.dcci-bookshelf-active .entry-content,
body.dcci-bookshelf-active .wp-block-post-content,
body.dcci-bookshelf-active .content-area{
  margin-top:0!important;
  padding-top:0!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}
body.dcci-bookshelf-active .dcci-briefings-app{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.dcci-bookshelf-active .dcci-app-header{
  margin-top:0!important;
}
body.dcci-bookshelf-active .dcci-app-footer{
  margin-bottom:0!important;
}

/* Keep the plant smaller, forward and always on the top visual layer. */
.dcci-table-plant{
  width:57.25%!important;
  left:4.5%!important;
  top:-71.5%!important;
  z-index:30!important;
  position:absolute!important;
}

/* Slightly larger shelf cards with a clear visible title label. */
.dcci-resource-card:not(.dcci-bookshelf-card){
  height:clamp(90px,6.05vw,126px)!important;
  min-height:90px!important;
  max-height:126px!important;
  grid-template-columns:minmax(0,1fr) 44%!important;
  padding:.44rem!important;
}
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{
  display:block!important;
  margin:0 0 .28rem!important;
  padding:.22rem .34rem!important;
  border-radius:8px!important;
  background:rgba(48,16,109,.94)!important;
  color:#fff!important;
  font-size:clamp(.66rem,.66vw,.86rem)!important;
  line-height:1.08!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3 a,
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3 span{
  color:#fff!important;
  text-decoration:none!important;
}
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy p{
  -webkit-line-clamp:2!important;
  margin-bottom:.22rem!important;
}
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-preview img,
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-preview iframe{
  border-radius:10px!important;
}

@media (max-width:1180px){
  .dcci-table-plant{width:56.4%!important;left:5%!important;top:-68%!important;z-index:30!important}
}

@media (max-width:900px){
  body.dcci-bookshelf-active .dcci-briefings-app{width:100%!important;margin-left:0!important;margin-right:0!important}
  .dcci-library-grid{grid-template-areas:"left" "table" "bookcase" "saved"!important}
  .dcci-table-plant{width:54.7%!important;left:6%!important;top:-61.5%!important;z-index:30!important}
  .dcci-bookcase{height:clamp(620px,132vw,840px)!important;width:min(100%,610px)!important}
  .dcci-shelf-carousel{grid-auto-columns:calc((100% - .5rem)/2)!important;gap:.5rem!important}
  .dcci-resource-card:not(.dcci-bookshelf-card){
    height:clamp(82px,18vw,108px)!important;
    min-height:82px!important;
    max-height:108px!important;
    grid-template-columns:minmax(0,1fr) 40%!important;
  }
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{font-size:.62rem!important}
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy p{display:none!important}
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-meta{font-size:.5rem!important}
  .dcci-bookshelf-card{
    height:78px!important;
    max-height:78px!important;
    min-height:78px!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    padding:.54rem 2.35rem .54rem .55rem!important;
  }
  .dcci-bookshelf-card .dcci-card-preview,
  .dcci-bookshelf-card .dcci-card-preview img,
  .dcci-bookshelf-card .dcci-card-preview iframe{
    width:44px!important;
    height:44px!important;
  }
  .dcci-bookshelf-card .dcci-card-copy h3{font-size:.66rem!important;line-height:1.05!important}
  .dcci-bookshelf-card .dcci-card-meta{display:none!important}
}

@media (max-width:560px){
  .dcci-bookcase{height:600px!important}
  .dcci-shelf-carousel{grid-auto-columns:calc((100% - .45rem)/2)!important;gap:.45rem!important}
  .dcci-resource-card:not(.dcci-bookshelf-card){height:78px!important;min-height:78px!important;max-height:78px!important;padding:.32rem!important}
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{font-size:.56rem!important;padding:.18rem .25rem!important}
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-actions{right:.18rem!important;bottom:.18rem!important}
  .dcci-bookshelf-card{height:72px!important;max-height:72px!important;min-height:72px!important}
}

/* v0.11.2: admin review additions and card title polish requested. */
.dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{
  font-size:clamp(.52rem,.50vw,.70rem)!important;
  padding-right:1.15rem!important;
}
@media (max-width:900px){
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{
    font-size:.50rem!important;
    padding-right:.9rem!important;
  }
}
@media (max-width:560px){
  .dcci-resource-card:not(.dcci-bookshelf-card) .dcci-card-copy h3{
    font-size:.48rem!important;
    padding-right:.75rem!important;
  }
}

/* v0.11.4 bookshelf visual-only polish requested: no data/publishing changes. */
.dcci-shelf-featured .dcci-shelf-carousel{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.dcci-shelf-featured .dcci-shelf-carousel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.dcci-bookcase .dcci-resource-card{
  border-bottom-left-radius:16px!important;
  border-bottom-right-radius:16px!important;
}
.dcci-bookcase .dcci-resource-card .dcci-card-preview img,
.dcci-bookcase .dcci-resource-card .dcci-card-preview iframe{
  border-bottom-left-radius:10px!important;
  border-bottom-right-radius:10px!important;
}
.dcci-table-plant{
  left:8%!important;
  top:-72%!important;
  width:60.3%!important;
  z-index:6!important;
}
.dcci-carousel-controls button:disabled,
.dcci-carousel-controls button.is-disabled{
  background:radial-gradient(circle at 34% 25%,#ded8e8 0,#aaa0ba 48%,#756b86 100%)!important;
  color:#f7f4fb!important;
  cursor:not-allowed!important;
  opacity:.72!important;
  box-shadow:inset 0 2px 4px rgba(255,255,255,.35),inset 0 -3px 5px rgba(63,55,78,.24),0 3px 7px rgba(33,0,88,.12)!important;
}
@media (max-width:1180px){
  .dcci-table-plant{left:8.5%!important;top:-68%!important;width:59.4%!important}
}
@media (max-width:900px){
  .dcci-table-plant{left:9%!important;top:-62%!important;width:57.6%!important}
}

/* v0.11.5 bookshelf correction: hide shelf scrollbars globally and unify card corner radius only. */
.dcci-bookcase .dcci-shelf-carousel{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.dcci-bookcase .dcci-shelf-carousel::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.dcci-resource-card,
.dcci-bookshelf-card,
.dcci-bookcase .dcci-resource-card{
  border-radius:16px!important;
  border-bottom-left-radius:16px!important;
  border-bottom-right-radius:16px!important;
}
.dcci-resource-card .dcci-card-preview img,
.dcci-resource-card .dcci-card-preview iframe,
.dcci-bookshelf-card .dcci-card-preview img,
.dcci-bookshelf-card .dcci-card-preview iframe{
  border-radius:10px!important;
  border-bottom-left-radius:10px!important;
  border-bottom-right-radius:10px!important;
}


/* v0.11.6 shelf-card visibility fix: middle shelves use the same usable card area as the aligned shelves. */
.dcci-shelf-caselaw .dcci-shelf-carousel,
.dcci-shelf-open .dcci-shelf-carousel{
  bottom:3%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  align-items:end!important;
}
.dcci-shelf-caselaw .dcci-resource-card,
.dcci-shelf-open .dcci-resource-card{
  align-self:end!important;
  border-radius:16px!important;
  border-bottom-left-radius:16px!important;
  border-bottom-right-radius:16px!important;
}
.dcci-shelf-caselaw .dcci-resource-card .dcci-card-preview img,
.dcci-shelf-caselaw .dcci-resource-card .dcci-card-preview iframe,
.dcci-shelf-open .dcci-resource-card .dcci-card-preview img,
.dcci-shelf-open .dcci-resource-card .dcci-card-preview iframe{
  border-radius:10px!important;
  border-bottom-left-radius:10px!important;
  border-bottom-right-radius:10px!important;
}
@media (max-width:1180px){
  .dcci-shelf-caselaw .dcci-shelf-carousel,
  .dcci-shelf-open .dcci-shelf-carousel{bottom:4%!important}
}
@media (max-width:900px){
  .dcci-shelf-caselaw .dcci-shelf-carousel,
  .dcci-shelf-open .dcci-shelf-carousel{bottom:6%!important}
}

/* v0.11.7 targeted correction: middle shelves use the same shelf/card vertical alignment as the top and bottom rows. */
.dcci-shelf-caselaw .dcci-shelf-carousel,
.dcci-shelf-open .dcci-shelf-carousel{
  top:clamp(27px,2.05vw,38px)!important;
  bottom:18%!important;
  align-items:end!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
@media (max-width:1180px){
  .dcci-shelf-caselaw .dcci-shelf-carousel,
  .dcci-shelf-open .dcci-shelf-carousel{bottom:18%!important}
}
@media (max-width:900px){
  .dcci-shelf-caselaw .dcci-shelf-carousel,
  .dcci-shelf-open .dcci-shelf-carousel{bottom:18%!important}
}

/* ============================================================
   Compact hub PREVIEW (briefing shelf / infographic stand)
   Reuses the real .dcci-resource-card styling above. Renders a
   small curated set of a collection's cards on the real wooden
   shelf (briefing) or around the rotating stand (infographic).
   No search / filters / sidebar / stats / full controls.
   ============================================================ */
.dcci-shelf-preview{max-width:560px;margin:0;}
.dcci-shelf-preview .dcci-empty-state{color:#fff;font-size:12px;font-weight:600;padding:10px 4px;}

/* Subtle count badge inside the purple stage (top-right) */
.dcci-shelf-preview-count{position:absolute;top:14px;right:16px;z-index:3;
  font-size:9.5px;font-weight:900;letter-spacing:.03em;color:#fff;white-space:nowrap;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  border-radius:999px;padding:4px 11px;backdrop-filter:blur(3px);}

/* ---- Live preview stage: preview card (left) + bookcase (right) ---- */
.dcci-shelf-preview-stage--live{position:relative;display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;justify-items:start;
  padding:24px 26px;border-radius:16px;min-height:358px;
  background:radial-gradient(130% 80% at 70% 8%,#3a2470,#2a1a5e 70%);
  box-shadow:inset 0 2px 18px rgba(0,0,0,.4);overflow:hidden;}

/* Selected-briefing preview card (Daisy/DCC-i tactile style) */
.dcci-shelf-livepreview{display:flex;flex-direction:column;width:100%;max-width:276px;text-decoration:none;
  justify-self:center;
  border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#fffdf9,#f4ecff);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 18px 34px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;}
.dcci-shelf-livepreview:hover,.dcci-shelf-livepreview:focus-visible{transform:translateY(-3px);
  box-shadow:0 24px 42px rgba(0,0,0,.5);outline:none;}
.dcci-shelf-livepreview.is-updating{opacity:.55;transform:translateY(2px);}
.dcci-shelf-livepreview-thumb{position:relative;display:block;width:100%;max-height:270px;background:#1f1147;overflow:hidden;
  display:flex;align-items:center;justify-content:center;}
.dcci-shelf-livepreview-thumb img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;}
.dcci-shelf-livepreview-thumb.is-placeholder{aspect-ratio:16/10;background:radial-gradient(120% 120% at 30% 20%,#7a4fd0,#3a2470);}
.dcci-shelf-livepreview-feat{align-self:flex-start;
  background:linear-gradient(135deg,#ff5ea0,#e3267a);color:#fff;border-radius:999px;
  padding:3px 11px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;
  box-shadow:0 4px 9px rgba(227,38,122,.4);}
.dcci-shelf-livepreview-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;}
.dcci-shelf-livepreview-title{font-size:15px;line-height:1.18;font-weight:900;color:#2e1250;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.dcci-shelf-livepreview-meta{display:flex;flex-wrap:wrap;gap:6px;}
.dcci-shelf-livepreview-meta span{font-size:9.5px;font-weight:800;letter-spacing:.02em;
  border-radius:999px;padding:3px 9px;line-height:1.2;}
.dcci-shelf-livepreview-type{background:#efe8ff;color:#5527c8;}
.dcci-shelf-livepreview-access{background:#e6f6ec;color:#1f8a4c;}
.dcci-shelf-livepreview-read{background:#eaf6fa;color:#3d7e94;}

/* ---- Briefing shelf preview: full wooden bookcase, feature images on shelves ---- */
.dcci-shelf-preview-stage--live .dcci-shelf-bookcase-wrap{justify-self:end;}
.dcci-shelf-bookcase-wrap{position:relative;display:inline-block;height:358px;margin-left:auto;}
.dcci-shelf-bookcase-wrap .dcci-shelf-preview-asset{display:block;height:358px;width:auto;max-width:none;}
.dcci-shelf-topshelf-items{position:absolute;left:9%;right:9%;height:19%;
  display:flex;align-items:flex-end;justify-content:center;gap:5%;z-index:2;}
/* Each shelf level (top → bottom). Up to 3 images per shelf. */
.dcci-shelf-row-0{top:14%;}
.dcci-shelf-row-1{top:35%;}
.dcci-shelf-row-2{top:56%;}
.dcci-shelf-row-3{top:77%;}
.dcci-shelf-topshelf-item{display:block;height:100%;flex:0 1 auto;border-radius:3px;overflow:hidden;
  box-shadow:0 6px 10px rgba(0,0,0,.45);transition:transform .16s ease;}
.dcci-shelf-topshelf-item img{display:block;height:100%;width:auto;max-width:100%;object-fit:cover;border-radius:3px;}
.dcci-shelf-topshelf-item:hover,.dcci-shelf-topshelf-item:focus{transform:translateY(-4px);}

/* Empty briefing shelf: mirror the infographic stand's teal stage — a calm
   "coming soon" message beside the bookcase asset, instead of a dark box with a
   stray white card. Keeps the two previews visually matched when unpopulated. */
.dcci-shelf-preview--shelf .dcci-shelf-preview-stage--empty,
.dcci-shelf-preview-stage--empty{position:relative;display:flex;align-items:center;justify-content:flex-end;
  padding:0 40px;border-radius:16px;height:380px;
  background:radial-gradient(130% 80% at 70% 8%,#3a2470,#2a1a5e 70%);
  box-shadow:inset 0 2px 18px rgba(0,0,0,.4);overflow:hidden;}
.dcci-shelf-preview-empty{margin:0;color:#fff;font-weight:800;font-size:14px;line-height:1.35;}
.dcci-shelf-preview-asset{display:block;max-width:70%;width:auto;height:358px;object-fit:contain;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));}

/* View-all link */
.dcci-shelf-preview-more{display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  font-size:12px;font-weight:800;color:#2e1250;text-decoration:none;}
.dcci-shelf-preview-more:hover,.dcci-shelf-preview-more:focus{text-decoration:underline;}

@media (max-width:560px){
  .dcci-shelf-preview{max-width:100%;}
  .dcci-shelf-preview--shelf .dcci-shelf-preview-cards{grid-template-columns:1fr;}
  .dcci-shelf-preview-stage--empty{justify-content:center;height:auto;min-height:280px;padding:24px;}
  .dcci-shelf-preview-asset{max-width:80%;max-height:220px;}
  .dcci-shelf-preview-stage--live{grid-template-columns:1fr;justify-items:center;gap:18px;}
  .dcci-shelf-preview-stage--live .dcci-shelf-bookcase-wrap{justify-self:center;}
  .dcci-shelf-livepreview{max-width:100%;}
}

/* ============================================================
   Focused, collection-scoped FULL page (render_scoped_collection).
   One heading + one card grid (briefing) or cards beside the real
   rotating stand (infographic). Reuses .dcci-resource-card. No
   four-shelf bookcase, no placeholder padding.
   ============================================================ */
.dcci-collection-page{display:block;max-width:1200px;margin:0 auto;padding:8px 0 28px;}
.dcci-collection-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:16px;margin:0 0 18px;}
.dcci-collection-head .dcci-kicker{margin:0 0 4px;}
.dcci-collection-title{margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:950;line-height:1.08;
  color:var(--dcci-purple,#2e1250);}
.dcci-collection-intro{margin:.5rem 0 0;max-width:60ch;color:var(--dcci-muted,#5a4a72);font-weight:600;}
.dcci-collection-count{margin:.5rem 0 0;font-size:13px;font-weight:800;color:#3d7e94;}
.dcci-collection-search{min-width:240px;}

.dcci-collection-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:0 0 20px;}
.dcci-collection-filters .dcci-pillars{display:flex;flex-wrap:wrap;gap:6px;}

/* Briefing collection: a responsive grid of the real cards */
.dcci-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:stretch;}
.dcci-collection-grid .dcci-resource-card{height:auto;min-height:140px;max-height:none;
  grid-template-columns:minmax(0,1fr) 38%;}
.dcci-collection-grid .dcci-resource-card .dcci-card-copy h3{-webkit-line-clamp:3;font-size:.92rem;}
.dcci-collection-grid .dcci-resource-card .dcci-card-copy p{display:block;font-size:.78rem;color:var(--dcci-muted,#5a4a72);
  margin:.2rem 0 0;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}

.dcci-collection-saved{margin-top:26px;}

@media (max-width:560px){
  .dcci-collection-head{flex-direction:column;align-items:flex-start;}
  .dcci-collection-grid{grid-template-columns:1fr;}
}
