/* inside-minis.css — the live windows inside the parts' cards (in-mini) and the examples in a part's detail panel. Prefix in-.
   A window is cream paper with a title bar; states are clay: plum for done, gold for now, stars for ticks. */
.in-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.in-face,.in-face-s,.in-face-m{display:block;border-radius:50%;object-fit:cover;background:var(--cream-200);border:2px solid #fff;box-shadow:0 4px 8px -4px rgba(90,40,0,.5)}
.in-face-s{width:28px;height:28px}.in-face-m{width:60px;height:60px;border-width:3px}
.in-tick::before{width:15px;height:16px}

/* the window */
.in-mini{--ink:#2a0a1c;--ink-2:#5b2a44;--ink-3:#7a4a62;position:relative;display:flex;flex-direction:column;height:182px;border-radius:20px;overflow:hidden;color:var(--ink);
  background:linear-gradient(180deg,#fffaf0,#fff2d6);box-shadow:inset 0 1px 0 #fff,0 16px 30px -18px rgba(90,40,0,.55),0 2px 6px -3px rgba(90,40,0,.22)}
.in-part[data-k="procedures"] .in-mini,.in-part[data-k="projects"] .in-mini{height:206px}   /* the board holds four cards in one column */
.in-part--plum .in-mini{box-shadow:inset 0 1px 0 #fff,0 24px 36px -18px rgba(15,0,8,.7),0 3px 8px -3px rgba(15,0,8,.45)}
.in-part--gold .in-mini{box-shadow:inset 0 1px 0 #fff,0 20px 32px -18px rgba(120,60,0,.6),0 2px 6px -3px rgba(120,60,0,.3)}
.in-win-top{display:flex;align-items:center;gap:6px;flex:none;height:34px;padding-block:0; padding-inline:12px 10px;background:linear-gradient(180deg,#fff7e4,#fdebc4);border-bottom:1px solid rgba(100,8,46,.07)}
.in-win-top>i{width:8px;height:8px;flex:none;border-radius:50%;background:#f3c7a0;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.in-win-top>i:nth-child(2){background:#f7d977}.in-win-top>i:nth-child(3){background:#b9dba0}
.in-win-top>b{flex:1;min-width:0;margin-inline-start:6px;font:720 .8125rem/1.1 var(--display);letter-spacing:-.005em;color:var(--plum-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-win-meta{flex:none;padding:5px 9px;border-radius:999px;background:rgba(100,8,46,.07);font:650 .6875rem/1 var(--text);color:var(--ink-3);white-space:nowrap}
.in-win-live{display:inline-flex;align-items:center;gap:6px;flex:none;padding-block:5px; padding-inline:8px 9px;border-radius:999px;background:rgba(100,8,46,.07);font:650 .625rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--plum-600)}
.in-win-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-500);box-shadow:0 0 0 2px rgba(242,182,41,.25)}
html.anim .in-win-live::before{animation:k-twinkle 1.8s ease-in-out infinite}
.in-wb{position:relative;flex:1;min-height:0}

/* 1 procedures: the month's steps; the plum ones are done, the gold one is now, the hand waits for you */
.in-pr{display:grid;grid-template-rows:1fr auto;padding:12px 16px 14px}
.in-pr-row{position:relative;display:flex;justify-content:space-between;align-items:center;margin:16px 2px 0;--p:0}
.in-pr-row::before,.in-pr-row::after{content:"";position:absolute;inset-inline-start:13px;top:50%;height:4px;margin-top:-2px;border-radius:4px}
.in-pr-row::before{inset-inline-end:13px;background:rgba(100,8,46,.1);box-shadow:inset 0 1px 2px rgba(100,8,46,.14)}
.in-pr-row::after{width:calc(100% - 26px);transform:scaleX(var(--p));transform-origin:left center;background:linear-gradient(90deg,#a3205f,#64082e);transition:transform .6s var(--ease)}
.in-pr-row li{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(100,8,46,.14),0 3px 6px -2px rgba(90,40,0,.3);transition:transform .45s var(--spring),box-shadow .3s}
.in-pr-row li>span{font:750 .6875rem/1 var(--display);color:var(--ink-3);transition:opacity .3s}
.in-pr-row li.in-done>span{opacity:0}
.in-pr-row li.in-cur>span{color:var(--plum-700)}
.in-pr-row li.in-done{background:url(/assets/brand/star-c.webp) center/62% no-repeat,var(--k-plum-clay);box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 3px 6px -2px rgba(60,6,30,.5)}
.in-pr-row li.in-cur{background:var(--k-gold-clay);transform:scale(1.28);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 0 0 5px rgba(250,201,63,.3),0 4px 10px -2px rgba(150,80,0,.55)}
.in-pr-row li.in-wait:not(.in-done):not(.in-cur){box-shadow:inset 0 0 0 2px var(--gold-500),0 2px 4px -1px rgba(90,40,0,.25)}
.in-pr-row .in-i-hand{position:absolute;bottom:calc(100% + 5px);inset-inline-start:50%;width:19px;height:19px;margin-inline-start:-9.5px;color:var(--plum-400);opacity:.7;transition:opacity .3s,color .3s}
.in-pr-row li.in-cur .in-i-hand{color:var(--plum-600);opacity:1}
html.anim .in-pr-row li.in-wait.in-cur .in-i-hand{animation:in-bob 1s ease-in-out infinite}
@keyframes in-bob{50%{transform:translateY(-4px) rotate(-8deg)}}
.in-pr-now{display:flex;align-items:center;gap:10px;min-width:0;min-height:26px;font-size:.875rem;color:var(--ink)}
.in-pr-now b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:rgba(100,8,46,.08);font:750 .75rem/1 var(--display);color:var(--plum-600)}
.in-pr-now span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.in-pr-now em{display:none;flex:none;padding:5px 9px;border-radius:999px;background:var(--k-gold-clay);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);font:700 .625rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:var(--plum-700)}
.in-pr-now.in-wait b{background:var(--k-gold-clay);color:var(--plum-700)}
.in-pr-now.in-wait em{display:inline-block}

/* 2 projects: a three-column board; the cards move as the work moves */
.in-bd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}
.in-bd-col{display:grid;grid-template-rows:auto 1fr;gap:7px;min-width:0;padding:8px 6px;border-radius:12px;background:rgba(100,8,46,.05);box-shadow:inset 0 1px 2px rgba(100,8,46,.08)}
.in-bd-col>b{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:0 2px;font:650 .625rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.in-bd-col>b i{min-width:18px;padding:3px 5px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(90,40,0,.18);font-style:normal;letter-spacing:0;text-align:center;color:var(--plum-600)}
.in-bd-col ul{display:grid;align-content:start;gap:4px;min-height:0}
.in-bd-card{display:flex;align-items:center;justify-content:space-between;gap:5px;height:24px;padding-block:0; padding-inline:8px 4px;border-radius:9px;background:#fff;box-shadow:0 4px 8px -5px rgba(90,40,0,.45);font:600 .75rem/1 var(--text);color:var(--ink);white-space:nowrap;overflow:hidden}
.in-bd-card span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.in-bd-col ul[data-c="1"] .in-bd-card{box-shadow:inset 3px 0 0 var(--gold-500),0 6px 14px -6px rgba(200,130,0,.7)}
.in-bd-col ul[data-c="2"] .in-bd-card{color:var(--ink-3)}
.in-bd-col ul[data-c="2"] .in-bd-card span::before{content:"";display:inline-block;width:10px;height:11px;margin-inline-end:5px;vertical-align:-1px;background:url(/assets/brand/star-c.webp) center/contain no-repeat}
.in-bd-face{width:18px;height:18px;flex:none;border-radius:50%;object-fit:cover}
.in-bd-pool{display:none}

/* 3 the log: a ledger that writes itself */
.in-lg{display:grid;align-content:start;gap:6px;padding:10px 10px 0;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
.in-lg-row{position:relative;isolation:isolate;display:grid;grid-template-columns:38px 24px minmax(0,1fr) 14px;align-items:center;gap:8px;height:32px;padding:0 9px;border-radius:10px;background:#fff;box-shadow:0 4px 8px -6px rgba(90,40,0,.45);font-size:.8125rem}
.in-lg-row time{font:750 .75rem/1 var(--display);font-variant-numeric:tabular-nums;color:var(--plum-500)}
.in-lg-face{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 2px 4px rgba(90,40,0,.3)}
.in-lg-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.in-lg-row .in-i-clip{font-size:14px;color:var(--plum-300)}
.in-lg-row.in-new::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#ffefb0;box-shadow:0 0 0 2px rgba(250,201,63,.75),0 6px 14px -6px rgba(200,130,0,.6);animation:in-new 2.4s var(--ease) forwards}
@keyframes in-new{to{opacity:0}}

/* 4 the schedule: five rhythms circling one gold clock */
.in-sc{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;padding-block:4px; padding-inline:10px 12px}
.in-sc-orb{position:relative;width:110px;height:110px}
.in-sc-orb svg{position:absolute;inset:0;width:100%;height:100%}
.in-sc-ring{fill:none;stroke:rgba(100,8,46,.13);stroke-width:1}
.in-sc-tick{stroke:rgba(100,8,46,.38);stroke-width:1.5;stroke-linecap:round}
.in-sc-core{fill:#f2b629;filter:drop-shadow(0 1.5px 1.5px rgba(150,80,0,.5))}
.in-sc-shine{fill:#fff3c2}
/* an orbit is a ring-sized box turning on the compositor, its planet sits at the top */
.in-sc-o{--a:0deg;--d:7px;position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--a))}
.in-sc-o::before{content:"";position:absolute;inset-inline-start:50%;top:0;width:var(--d);height:var(--d);margin-block:calc(var(--d)/-2) 0; margin-inline:calc(var(--d)/-2) 0;border-radius:50%;background:var(--c,var(--plum-600));box-shadow:0 1px 2px rgba(60,6,30,.35)}
.in-sc-o.in-o0{--s:24.3%;--d:7.2px}.in-sc-o.in-o1{--s:41.4%;--d:6.5px;--a:70deg;--c:var(--plum-500)}.in-sc-o.in-o2{--s:58.6%;--d:5.8px;--a:150deg;--c:var(--plum-400)}.in-sc-o.in-o3{--s:75.7%;--d:5.1px;--a:230deg;--c:var(--plum-300)}.in-sc-o.in-o4{--s:91.4%;--d:4.6px;--a:310deg;--c:var(--gold-600)}
html.anim .in-mini.in-run .in-sc-o{animation:in-orbit 3s linear infinite}
html.anim .in-mini.in-run .in-sc-o.in-o1{animation-duration:7s}html.anim .in-mini.in-run .in-sc-o.in-o2{animation-duration:13s}html.anim .in-mini.in-run .in-sc-o.in-o3{animation-duration:23s}html.anim .in-mini.in-run .in-sc-o.in-o4{animation-duration:38s}
@keyframes in-orbit{from{transform:translate(-50%,-50%) rotate(var(--a))}to{transform:translate(-50%,-50%) rotate(calc(var(--a) + 360deg))}}
.in-sc-leg{display:grid;gap:5px;min-width:0}
.in-sc-leg li{display:grid;grid-template-columns:8px auto minmax(0,1fr);align-items:baseline;gap:7px;font-size:.78rem;white-space:nowrap}
.in-sc-leg i{width:8px;height:8px;align-self:center;border-radius:50%;background:var(--plum-600)}
.in-sc-leg .in-o1 i{background:var(--plum-500)}.in-sc-leg .in-o2 i{background:var(--plum-400)}.in-sc-leg .in-o3 i{background:var(--plum-300)}.in-sc-leg .in-o4 i{background:var(--gold-600)}
.in-sc-leg b{font-weight:650;color:var(--ink)}
.in-sc-leg span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-3)}

/* 5 the assistants: the club turning around your own assistant */
.in-as{container-type:size}
.in-as::before,.in-as::after{content:"";position:absolute;inset-inline-start:9%;inset-inline-end:9%;top:21%;bottom:25%;border-radius:50%;border:1.5px dashed rgba(100,8,46,.2)}
.in-as::after{inset-inline-start:25%;inset-inline-end:25%;top:32%;bottom:36%;border:1px solid rgba(100,8,46,.1)}
.in-as-f{position:absolute;inset-inline-start:50%;top:48%;width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:var(--cream-200);box-shadow:0 5px 9px -4px rgba(90,40,0,.55);will-change:transform}
.in-as-me{position:absolute;left:50%;top:48%;z-index:2;padding:3px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 200deg,#ffe58a,#efae1e,#fcd04a,#ffe58a);box-shadow:0 0 0 7px rgba(250,201,63,.2),0 12px 24px -8px rgba(150,80,0,.6)}
.in-as-mef{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff}

/* 6 the goals: a measure climbing to the goal, the spend held inside a fence */
.in-gl{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:18px 16px 12px}
.in-gl-chart{position:relative;min-height:0}
.in-gl-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.in-gl-goal{stroke:var(--plum-400);stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;opacity:.75}
.in-gl-line{fill:none;stroke:var(--plum-600);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.in-gl-track{position:absolute;inset:0;pointer-events:none}
.in-gl-dot{position:absolute;inset-inline-start:0;top:0;width:14px;height:14px;margin-block:-7px 0; margin-inline:-7px 0;border-radius:50%;background:var(--k-plum-clay);box-shadow:0 0 0 4px rgba(100,8,46,.14),0 3px 6px rgba(60,6,30,.45)}
.in-gl-dot i{position:absolute;bottom:19px;left:50%;padding:4px 8px;border-radius:999px;transform:translateX(-50%);background:var(--k-gold-clay);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 4px 8px -3px rgba(150,80,0,.55);font:800 .75rem/1 var(--display);font-style:normal;color:var(--plum-700)}
.in-gl-limit{display:grid;grid-template-columns:auto minmax(0,1fr) 16px auto;align-items:center;gap:8px;font-size:.75rem;color:var(--ink-3)}
.in-gl-limit b{font-weight:650;color:var(--ink-2)}
.in-gl-bar{height:8px;border-radius:4px;background:rgba(100,8,46,.08);box-shadow:inset 0 1px 2px rgba(100,8,46,.16);overflow:hidden}
.in-gl-bar i{display:block;width:100%;height:100%;border-radius:4px;transform-origin:left center;transform:scaleX(.16);background:linear-gradient(90deg,#fcd04a,#e39a17)}
.in-gl-limit .in-i-fence{font-size:16px;color:var(--plum-500)}
.in-gl-limit em{font-style:normal;white-space:nowrap}

/* 7 the proofs: a task with its plan and its proof */
.in-pf-tabs{display:inline-flex;flex:none;padding:3px;border-radius:999px;background:rgba(100,8,46,.08)}
.in-pf-tabs i{padding:4px 10px;border-radius:999px;font:650 .6875rem/1 var(--display);font-style:normal;color:var(--ink-3);transition:background .3s,color .3s}
.in-mini[data-v="plan"] .in-pf-tabs i[data-v="plan"],.in-mini[data-v="proof"] .in-pf-tabs i[data-v="proof"]{color:var(--cream-50);background:var(--k-plum-clay);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.in-pf-plan,.in-pf-proof{position:absolute;inset:12px 16px;transition:opacity .45s var(--ease),transform .5s var(--spring)}
.in-pf[data-v="proof"] .in-pf-plan,.in-pf[data-v="plan"] .in-pf-proof{opacity:0;transform:translateY(8px);pointer-events:none}
.in-pf-plan{display:grid;align-content:center;gap:9px}
.in-pf-plan li{font-size:.8125rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-pf-proof{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px}
.in-pf-proof ul{display:grid;gap:8px;min-width:0}
.in-pf-proof li{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--ink-3);white-space:nowrap;overflow:hidden}
.in-pf-proof li b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:650;color:var(--ink)}
.in-pf-proof li em{font-style:normal}
.in-pf-proof .in-i{font-size:15px;color:var(--plum-500)}
/* a screenshot on paper, with the stamp of a checked claim */
.in-shot{position:relative;display:grid;align-content:start;gap:5px;height:84px;margin:0;padding:18px 9px 9px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 10px 20px -10px rgba(90,40,0,.55),0 0 0 1px rgba(100,8,46,.06)}
.in-shot::before{content:"";position:absolute;inset-inline-start:0;inset-inline-end:0;top:0;height:11px;background:radial-gradient(circle at 7px 5.5px,#f3c7a0 2px,transparent 2.6px),radial-gradient(circle at 14px 5.5px,#f7d977 2px,transparent 2.6px),radial-gradient(circle at 21px 5.5px,#b9dba0 2px,transparent 2.6px),#fdebc4}
.in-shot i{display:block;height:5px;border-radius:3px;background:rgba(100,8,46,.14)}
.in-shot i:nth-child(1){width:62%;background:rgba(100,8,46,.5)}
.in-shot i:nth-child(2){width:90%}
.in-shot i:nth-child(3){width:46%;background:var(--gold-400)}
.in-shot b{position:absolute;inset-inline-end:8px;bottom:8px;width:24px;height:24px;border-radius:50%;border:2px solid var(--plum-500);box-shadow:0 0 0 3px rgba(163,31,98,.14);transform:rotate(-12deg)}
.in-shot b::after{content:"";position:absolute;inset-inline-start:30%;top:20%;width:28%;height:46%;border:solid var(--plum-500);border-width:0 2px 2px 0;transform:rotate(40deg)}

/* ── the examples in the detail panel ─────────────────────────────────────────────────────────────────────────────── */
.in-steps{display:grid;gap:8px}
.in-steps li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:9px; padding-inline:10px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.5),inset 0 -1px 0 rgba(160,100,20,.06)}
.in-steps .in-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(100,8,46,.07);font:750 .8125rem/1 var(--display);color:var(--plum-600)}
.in-steps .in-t{color:var(--ink);font-size:.9688rem}
.in-steps li.in-wait{background:#fff8dc;box-shadow:inset 0 0 0 2px rgba(242,182,41,.55),0 8px 16px -10px rgba(200,130,0,.55)}
.in-steps li.in-wait .in-n{background:var(--k-gold-clay);color:var(--plum-700);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.in-steps .in-who{display:inline-flex;align-items:center;gap:6px;font:700 .8125rem/1 var(--display);color:var(--plum-600);white-space:nowrap}
.in-steps .in-who .in-i{font-size:17px}
.in-steps--done li:not(.in-wait) .in-n{background:url(/assets/brand/star-c.webp) center/52% no-repeat,var(--k-plum-clay);color:transparent}
.in-prj-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:14px}
.in-prj-h b{font:780 1.3rem/1.1 var(--display);letter-spacing:-.02em;color:var(--plum-600)}
.in-prj-h span{color:var(--ink-3);font-size:.875rem}
.in-prj ol{display:grid;gap:8px}
.in-prj li{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding-block:10px; padding-inline:12px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.5)}
.in-prj .in-st{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px rgba(100,8,46,.18)}
.in-prj li.in-done .in-st{background:url(/assets/brand/star-c.webp) center/60% no-repeat,var(--k-plum-clay);box-shadow:0 2px 4px -1px rgba(60,6,30,.5)}
.in-prj li.in-cur .in-st{background:var(--k-gold-clay);box-shadow:0 0 0 4px rgba(250,201,63,.3)}
.in-prj li.in-you{background:#fff8dc;box-shadow:inset 0 0 0 2px rgba(242,182,41,.5)}
.in-prj .in-t{color:var(--ink);font-weight:500}
.in-prj .in-w{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--ink-2);white-space:nowrap}
.in-prj li.in-you .in-w{font-weight:700;color:var(--plum-600)}
.in-prj .in-w .in-i{font-size:18px}
.in-prj time{font:650 .75rem/1 var(--display);color:var(--ink-3);white-space:nowrap}
.in-lgx{display:grid;gap:8px}
.in-lgx li{display:grid;grid-template-columns:48px 28px minmax(0,1fr) 18px;align-items:start;gap:12px;padding-block:11px; padding-inline:12px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.5)}
.in-lgx time{padding-top:6px;font:750 .8125rem/1 var(--display);font-variant-numeric:tabular-nums;color:var(--plum-500)}
.in-lgx span{font-size:.9375rem;line-height:1.45;color:var(--ink)}
.in-lgx em{display:block;margin-bottom:2px;font:650 .75rem/1.3 var(--display);font-style:normal;color:var(--ink-3)}
.in-lgx .in-i-clip{margin-top:6px;font-size:16px;color:var(--plum-300)}
.in-cad-bar{display:flex;gap:4px;height:16px;padding:3px;border-radius:999px;background:rgba(100,8,46,.07);box-shadow:inset 0 1px 2px rgba(100,8,46,.14)}
.in-cad-bar i{flex:1 1 0;border-radius:999px;background:var(--cc,var(--plum-600))}
.in-cad [data-c="weekly"]{--cc:var(--plum-600)}.in-cad [data-c="monthly"]{--cc:var(--plum-500)}.in-cad [data-c="quarterly"]{--cc:var(--plum-400)}.in-cad [data-c="yearly"]{--cc:var(--plum-300)}.in-cad [data-c="deadline"]{--cc:var(--gold-500)}
.in-cad-leg{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:.8125rem;color:var(--ink-3)}
.in-cad-leg li{display:inline-flex;align-items:baseline;gap:6px}
.in-cad-leg li::before{content:"";width:8px;height:8px;align-self:center;border-radius:50%;background:var(--cc)}
.in-cad-leg b{font:800 1.05rem/1 var(--display);color:var(--plum-600)}
.in-cad-list{display:grid;gap:8px;margin-top:20px}
.in-cad-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 12px;border-radius:16px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.5)}
.in-cad-list .in-c{display:inline-flex;align-items:center;gap:7px;flex:none;min-width:9em;padding:5px 11px;border-radius:999px;background:rgba(100,8,46,.06);font:650 .75rem/1 var(--display);color:var(--ink-2)}
.in-cad-list .in-c::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cc)}
.in-cad-list a{color:var(--plum-600);font-weight:600;text-decoration:underline;text-decoration-color:rgba(100,8,46,.25);text-underline-offset:4px}
.in-cad-list a:hover{text-decoration-color:var(--plum-600)}
.in-ex-sub{margin-bottom:14px;color:var(--ink-2);font-size:.9688rem}
.in-pas{display:flex;flex-wrap:wrap;gap:16px 20px}
.in-pas a{display:grid;justify-items:center;gap:8px;font:650 .8125rem/1 var(--display);color:var(--ink-2);text-decoration:none;transition:color .2s}
.in-pas a .in-face-m{transition:transform .4s var(--spring),box-shadow .3s}
.in-pas a:hover{color:var(--plum-600)}
.in-pas a:hover .in-face-m{transform:translateY(-4px);box-shadow:0 0 0 3px var(--gold-400),0 10px 16px -6px rgba(150,80,0,.5)}
.in-grp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
.in-grp li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:9px; padding-inline:10px 14px;border-radius:16px;background:#fff;box-shadow:0 6px 12px -9px rgba(90,40,0,.5);font-size:.875rem}
.in-grp .in-pile{display:flex}.in-grp .in-pile img{margin-inline-start:-9px}.in-grp .in-pile img:first-child{margin-inline-start:0}
.in-grp b{font-weight:650;color:var(--ink)}
.in-grp em{font:800 1rem/1 var(--display);font-style:normal;color:var(--plum-600)}
.in-gl-big{position:relative;height:220px}
.in-gl-big .in-gl{padding:22px 4px 0}
.in-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
.in-rules li{padding:12px 14px;border-radius:16px;font:650 .8125rem/1.35 var(--display);color:var(--plum-700)}
.in-rules li[data-i="0"]{background:var(--k-gold-clay);box-shadow:var(--k-gold-shadow)}
.in-rules li[data-i="1"]{background:var(--cream-200);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 2px rgba(100,8,46,.18)}
.in-rules li[data-i="2"]{color:var(--cream-100);background:var(--k-plum-clay);box-shadow:var(--k-plum-shadow)}
.in-tab-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px}
.in-tab-top b{font:780 1.15rem/1.15 var(--display);letter-spacing:-.015em;color:var(--plum-600)}
.in-tabs .k-tab{height:38px;padding:0 16px;font-size:.875rem}
.in-proofs{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:20px}
.in-shot--big{height:150px;padding:26px 14px 14px;gap:9px}
.in-shot--big::before{height:16px;background:radial-gradient(circle at 10px 8px,#f3c7a0 3px,transparent 3.6px),radial-gradient(circle at 20px 8px,#f7d977 3px,transparent 3.6px),radial-gradient(circle at 30px 8px,#b9dba0 3px,transparent 3.6px),#fdebc4}
.in-shot--big i{height:8px}
.in-shot--big b{width:36px;height:36px;inset-inline-end:12px;bottom:12px}
.in-proofs ul{display:grid;gap:10px}
.in-proofs li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.875rem;color:var(--ink-3)}
.in-proofs li b{font-weight:650;color:var(--ink)}
.in-proofs li em{font-style:normal}
.in-proofs .in-i{font-size:18px;color:var(--plum-500)}

@media (max-width:699px){
  .in-proofs{grid-template-columns:minmax(0,1fr)}.in-shot--big{height:120px}
  .in-grp,.in-rules{grid-template-columns:minmax(0,1fr)}
  .in-prj li{grid-template-columns:24px minmax(0,1fr) auto}.in-prj .in-w{grid-column:2/4;grid-row:2}.in-prj time{grid-row:1;grid-column:3}
  .in-lgx li{grid-template-columns:44px 28px minmax(0,1fr)}.in-lgx .in-i-clip{display:none}
  .in-sc{grid-template-columns:100px minmax(0,1fr);gap:12px}.in-sc-orb{width:100px;height:100px}
}