/* /photography-studio-management-software (Views/Studio/Index.cshtml). Loads after mkt-page.css; every rule is scoped to .lf-page.
   App mockups for the demo studio Willow Lane Photography, sized in em off each .mk container (see mkt-page.css). */

.lf-page #crm-dashboard,.lf-page #crm-projects{scroll-margin-top:60px}

/* ---- the path: inquiry to gallery ---- */
.lf-page .crm-path{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;counter-reset:crm}
.lf-page .crm-path li{counter-increment:crm}
.lf-page .crm-path a{display:block;height:100%;background:#fff;border:1px solid #e8e5de;border-radius:14px;padding:18px 16px;transition:border-color .2s,transform .2s}
.lf-page .crm-path a:hover{border-color:#b9b6ad;transform:translateY(-2px)}
.lf-page .crm-path a:before{content:counter(crm,decimal-leading-zero);display:block;font-family:Georgia,serif;font-style:italic;color:#a4805a;font-size:14px;margin-bottom:14px}
.lf-page .crm-path b{display:block;font-size:17px;font-weight:500;color:#171817;margin-bottom:6px}
.lf-page .crm-path span{display:block;font-size:13.5px;line-height:1.45;color:#5d5f5b}
@media (max-width:1100px){.lf-page .crm-path{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){.lf-page .crm-path{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- what studio management software is: heading left, answer right ---- */
.lf-page .crm-what{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.lf-page .crm-what h2{margin:0}
.lf-page .crm-what p{font-size:17px;line-height:1.65;color:#3f413d;margin:0 0 22px}
@media (max-width:900px){.lf-page .crm-what{grid-template-columns:minmax(0,1fr);gap:18px}}

/* ---- also included tiles ---- */
.lf-page .crm-tiles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0}
.lf-page .crm-tiles li{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e8e5de;border-radius:14px;padding:24px 22px 22px}
.lf-page .crm-tiles h3{font-size:17px;margin:0 0 8px}
.lf-page .crm-tiles p{font-size:14.5px;line-height:1.55;color:#5d5f5b;margin:0 0 14px}
.lf-page .crm-tiles .text-link{margin-top:auto;font-size:14px}
@media (max-width:1000px){.lf-page .crm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lf-page .crm-tiles{grid-template-columns:minmax(0,1fr)}}

/* ---- mini session idea links ---- */
.lf-page .crm-minis{margin:0 0 22px}
.lf-page .crm-minis > span{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#857653;margin:0 0 10px}
.lf-page .crm-minis ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.lf-page .crm-minis a{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2ded6;border-radius:99px;padding:4px 14px 4px 4px;font-size:14px;color:#3f413d;background:#fff;transition:border-color .2s}
.lf-page .crm-minis a:hover{border-color:#171817}
.lf-page .crm-minis img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}

/* ---- shared mockup bits ---- */
.lf-page .crm-tile{flex:none;width:2.1em;height:2.1em;border-radius:.55em;display:grid;place-items:center;font-size:.8em;font-weight:700;font-style:normal;line-height:1}
.lf-page .crm-t-lead{background:#f3ebe0;color:#8a6a3a}
.lf-page .crm-t-task{background:#ece8e1;color:#5d5f5b}
.lf-page .crm-t-inv{background:#fbe9e6;color:#b4473a}
.lf-page .crm-t-fav{background:#f8e6ec;color:#b44a6a}
.lf-page .crm-flag{font-style:normal;font-weight:600;color:#b4473a;background:#fbe9e6;border-radius:99px;padding:.1em .55em;margin-left:.3em;font-size:.92em;white-space:nowrap}
.lf-page .crm-b{display:inline-block;font-size:.62em;font-weight:600;border:1px solid #e2ddd4;border-radius:.45em;padding:.45em .8em;color:#1b1b1a;background:#fff;white-space:nowrap}
.lf-page .crm-b.crm-dark{background:#1b1b1a;border-color:#1b1b1a;color:#fff}
.lf-page .crm-mute{color:#9a968e}
.lf-page .crm-studio{text-align:center}
.lf-page .crm-studio b{display:block;font:400 1em/1.2 Georgia,serif;letter-spacing:.18em;text-transform:uppercase;color:#1b1b1a}
.lf-page .crm-studio small{display:block;font-size:.56em;color:#8b867c;letter-spacing:.12em;text-transform:uppercase;margin-top:.25em}
/* a floating "new item" card over a mockup */
.lf-page .crm-new{position:absolute;right:0;bottom:0;width:48%;display:flex;gap:.8em;align-items:center;background:#fff;border:1px solid #e6e2da;border-radius:.9em;box-shadow:0 1.4em 3em #3b2c1f26;padding:1em 1.1em}
.lf-page .crm-new .crm-tile{font-size:1em}
.lf-page .crm-new > div{min-width:0}
.lf-page .crm-new > div small{display:block;font-size:.6em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2f8a5b}
.lf-page .crm-new > div b{display:block;font-size:.86em;font-weight:600;margin-top:.15em}
.lf-page .crm-new > div span{display:block;font-size:.66em;color:#7a776f;margin-top:.2em}

/* ---- hero: dashboard with Needs attention ---- */
.lf-page .crm-dash .mk-scale{font-size:calc(100cqw / 40)}
.lf-page .crm-app{background:#f5f4f1;border:1px solid #e6e2da;border-radius:1em;box-shadow:0 1.6em 3.6em #3b2c1f1f;overflow:hidden}
.lf-page .crm-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eeebe5;padding:.8em 1.2em}
.lf-page .crm-top b{font-size:.78em;font-weight:600}
.lf-page .crm-av{width:2.4em;height:2.4em;border-radius:50%;background:#a07a3a;color:#fff;display:grid;place-items:center;font-size:.62em;font-weight:700}
.lf-page .crm-hello{padding:1.2em 1.2em .9em}
.lf-page .crm-hello b{display:block;font-size:1.3em;font-weight:700;letter-spacing:-.02em}
.lf-page .crm-hello span{display:block;font-size:.7em;color:#7a776f;margin-top:.3em}
.lf-page .crm-cols{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:.8em;padding:0 1.2em 1.2em;align-items:start}
.lf-page .crm-box{background:#fff;border:1px solid #e6e2da;border-radius:.8em;overflow:hidden}
.lf-page .crm-box-hd{padding:.9em 1em .35em}
.lf-page .crm-box-hd b{font-size:.86em;font-weight:600}
.lf-page .crm-tabs{display:flex;gap:1.1em;padding:0 1em;border-bottom:1px solid #eeebe5}
.lf-page .crm-tabs span{font-size:.62em;font-weight:600;color:#7a776f;padding:.75em 0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.lf-page .crm-tabs span.crm-on,.lf-page .crm-groups span.crm-on{color:#1b1b1a;border-color:#1b1b1a}
.lf-page .crm-tabs i,.lf-page .crm-groups i{font-style:normal;display:inline-block;min-width:1.6em;text-align:center;border-radius:99px;background:#ece8e1;color:#5d5f5b;padding:.05em .4em;margin-left:.3em}
.lf-page .crm-rows{list-style:none}
.lf-page .crm-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7em;align-items:center;padding:.7em 1em;border-top:1px solid #f1eee8}
.lf-page .crm-rows li:first-child{border-top:0}
.lf-page .crm-rb b{display:block;font-size:.74em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-rb span{display:block;font-size:.62em;color:#7a776f;margin-top:.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-acts{display:flex;gap:.3em}
.lf-page .crm-foot{font-size:.62em;font-weight:600;padding:.9em 1.6em;border-top:1px solid #f1eee8;color:#5d5f5b}
.lf-page .crm-up ul{list-style:none;padding:.3em 0 .5em}
.lf-page .crm-up li{display:flex;gap:.7em;align-items:center;padding:.55em 1em}
.lf-page .crm-day{flex:none;width:2.6em;text-align:center;border:1px solid #ece8e1;border-radius:.5em;padding:.3em 0;font-size:.56em;text-transform:uppercase;letter-spacing:.06em;color:#a07a3a;font-weight:600;line-height:1.2}
.lf-page .crm-day b{display:block;font-size:1.6em;color:#1b1b1a;letter-spacing:0}
.lf-page .crm-up li > div{min-width:0}
.lf-page .crm-up li > div b{display:block;font-size:.7em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-up li > div span{display:block;font-size:.6em;color:#7a776f;margin-top:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- lead form and the lead it creates ---- */
.lf-page .crm-lead .mk-scale{font-size:calc(100cqw / 36);position:relative;padding-bottom:2.5em}
.lf-page .crm-form{width:78%;background:#fff;border:1px solid #e6e2da;border-radius:1em;box-shadow:0 1.4em 3em #3b2c1f14;padding:1.6em 1.6em 1.5em}
.lf-page .crm-form h4{font-size:1.05em;font-weight:600;line-height:1.3;text-align:center;margin:1.1em 0 1em}
.lf-page .crm-f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7em}
.lf-page .crm-fld{margin-bottom:.7em;min-width:0}
.lf-page .crm-fld small{display:block;font-size:.62em;font-weight:600;color:#5d5f5b;margin-bottom:.35em}
.lf-page .crm-fld span{display:block;font-size:.72em;border:1px solid #e2ddd4;border-radius:.45em;padding:.6em .7em;color:#1b1b1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-fld span.crm-ta{white-space:normal;min-height:4.6em;line-height:1.45}
.lf-page .crm-send{margin-top:.4em;text-align:center;background:#1b1b1a;color:#fff;border-radius:.45em;padding:.65em 0;font-size:.74em;font-weight:600}

/* ---- reply to a lead ---- */
.lf-page .crm-reply .mk-scale{font-size:calc(100cqw / 36)}
.lf-page .crm-mhd{display:flex;justify-content:space-between;align-items:center;padding:1em 1.3em;border-bottom:1px solid #eeebe5}
.lf-page .crm-mhd b{font-size:1.05em;font-weight:600}
.lf-page .crm-mhd span{color:#9a968e;font-size:1.3em;line-height:1}
.lf-page .crm-mf{display:flex;align-items:center;gap:.8em;padding:.65em 1.3em;border-bottom:1px solid #f1eee8}
.lf-page .crm-mf small{flex:none;width:5.6em;font-size:.66em;color:#7a776f}
.lf-page .crm-mf span,.lf-page .crm-mf b{font-size:.76em;min-width:0}
.lf-page .crm-mf b{font-weight:600}
.lf-page .crm-chip{background:#f3ebe0;color:#6b4e1f;border-radius:99px;padding:.2em .75em;font-weight:600}
.lf-page .crm-mbody{padding:1em 1.3em .3em}
.lf-page .crm-mbody p{font-size:.76em;line-height:1.55;color:#3f413d;margin:0 0 .8em}
.lf-page .crm-mbody p.crm-lnk{color:#8a6a3a;text-decoration:underline;overflow-wrap:anywhere}
.lf-page .crm-mact{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.8em 1.3em;border-top:1px solid #eeebe5;background:#faf9f6}
.lf-page .crm-mact > span:first-child{font-size:.66em;color:#7a776f}
.lf-page .crm-mact .crm-b{font-size:.72em;padding:.55em 1.5em}

/* ---- projects list ---- */
.lf-page .crm-list .mk-scale{font-size:calc(100cqw / 40)}
.lf-page .crm-groups{display:flex;gap:1.3em;padding:0 1.3em;border-bottom:1px solid #eeebe5}
.lf-page .crm-groups span{font-size:.7em;font-weight:600;color:#7a776f;padding:.85em 0;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.lf-page .crm-tr{display:grid;grid-template-columns:3.4em minmax(0,1.5fr) 7.4em minmax(0,1.3fr) 5em 3.6em;gap:.8em;align-items:center;padding:.6em 1.3em;border-top:1px solid #f1eee8}
.lf-page .crm-tr > span{font-size:.68em;line-height:1.35;color:#3f413d;min-width:0}
.lf-page .crm-tr > span b{display:block;font-weight:600;color:#1b1b1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-tr > span small{display:block;color:#7a776f;font-size:.9em;margin-top:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-page .crm-tr.crm-th{border-top:0;padding-top:.75em;padding-bottom:.45em}
.lf-page .crm-tr.crm-th > span{font-size:.56em;letter-spacing:.08em;text-transform:uppercase;color:#9a968e}
.lf-page .crm-tr > span.crm-dt{color:#5d5f5b}
.lf-page .crm-tr > span.crm-c-tot{text-align:right;font-weight:600;color:#1b1b1a}
.lf-page .crm-tr > span.crm-mute{color:#b0aca3;font-weight:400}
.lf-page .crm-stage{display:inline-block;font-style:normal;font-weight:600;font-size:.92em;padding:.25em .65em;border-radius:99px;white-space:nowrap}
.lf-page .crm-s-lead{background:#f3ebe0;color:#7a5a24}
.lf-page .crm-s-book{background:#e7f4ec;color:#2f7a52}
.lf-page .crm-s-done{background:#ece8e1;color:#5d5f5b}

/* ---- project page (builds on .mk-proj in mkt-page.css) ---- */
.lf-page .crm-proj .mk-pipe span{display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.2;font-size:.5em;padding:.55em .7em}
.lf-page .crm-proj .mk-facts span.crm-mute{color:#7a776f;font-weight:500}
.lf-page .crm-pbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8em;padding:0 1.3em 1.3em}
.lf-page .crm-sub{border:1px solid #ece8e1;border-radius:.8em;padding:.8em .9em .5em;min-width:0}
.lf-page .crm-sub h5{font-size:.62em;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#7a776f;margin:0 0 .7em}
.lf-page .crm-task{display:flex;align-items:center;gap:.55em;padding:.45em 0;border-top:1px solid #f1eee8;font-size:.66em;line-height:1.3}
.lf-page .crm-task i{flex:none;width:1.3em;height:1.3em;border:1.5px solid #c9c4ba;border-radius:.3em;display:grid;place-items:center;font-style:normal;font-size:.9em;color:#fff}
.lf-page .crm-task span{flex:1;min-width:0}
.lf-page .crm-task small{color:#7a776f;font-size:.92em;white-space:nowrap}
.lf-page .crm-task .crm-flag{margin-left:0}
.lf-page .crm-task.crm-x i{background:#2f8a5b;border-color:#2f8a5b}
.lf-page .crm-task.crm-x span{color:#9a968e;text-decoration:line-through}
.lf-page .crm-msg{padding:.45em 0;border-top:1px solid #f1eee8;font-size:.66em;line-height:1.3}
.lf-page .crm-sub h5 + .crm-task,.lf-page .crm-sub h5 + .crm-msg{border-top:0;padding-top:0}
.lf-page .crm-msg b{font-weight:600}
.lf-page .crm-msg small{color:#9a968e;margin-left:.5em;font-size:.9em}
.lf-page .crm-msg span{display:block;color:#3f413d;margin-top:.3em;line-height:1.4;background:#f6f4ef;border-radius:.5em;padding:.45em .6em}
.lf-page .crm-msg.crm-me span{background:#f3ebe0}

/* ---- calendar week ---- */
.lf-page .crm-week .mk-scale{font-size:calc(100cqw / 36)}
.lf-page .crm-wk-hd{display:flex;align-items:center;gap:.8em;padding:1em 1.3em;border-bottom:1px solid #eeebe5}
.lf-page .crm-wk-hd b{font-size:1.1em;font-weight:600;margin-right:auto}
.lf-page .crm-wk-hd span{font-size:.7em;color:#7a776f;border:1px solid #e6e2da;border-radius:.4em;padding:.35em .7em}
.lf-page .crm-wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.lf-page .crm-wk > div{min-width:0;min-height:13em;padding:.6em .35em;border-right:1px solid #f1eee8;display:flex;flex-direction:column;gap:.35em}
.lf-page .crm-wk > div:last-child{border-right:0}
.lf-page .crm-wk em{font-style:normal;text-align:center;font-size:.6em;text-transform:uppercase;letter-spacing:.08em;color:#9a968e;padding-bottom:.5em}
.lf-page .crm-wk em b{display:block;font-size:1.75em;letter-spacing:0;color:#1b1b1a;font-weight:600;margin-top:.1em}
.lf-page .crm-ev{display:block;font-size:.58em;line-height:1.3;padding:.45em .5em;border-radius:.4em;overflow-wrap:anywhere}
.lf-page .crm-ev b{display:block;font-weight:600}
.lf-page .crm-ev-s{background:#f3ebe0;color:#6b4e1f;border-left:.25em solid #a07a3a}
.lf-page .crm-ev-m{background:#e8efe9;color:#2f5a3e;border-left:.25em solid #5f8a6b}
.lf-page .crm-ev-t{background:#fff;color:#3f413d;border:1px solid #e2ddd4}
.lf-page .crm-ev-busy{background:repeating-linear-gradient(135deg,#f1efea 0 .4em,#e8e5de .4em .8em);color:#7a776f}
.lf-page .crm-legend{display:flex;flex-wrap:wrap;gap:.6em 1.1em;padding:.8em 1.3em;border-top:1px solid #eeebe5;font-size:.66em;color:#7a776f}
.lf-page .crm-legend i{display:inline-block;width:.8em;height:.8em;border-radius:.2em;margin-right:.4em;vertical-align:-.05em}
.lf-page .crm-legend i.crm-l-s{background:#a07a3a}
.lf-page .crm-legend i.crm-l-m{background:#5f8a6b}
.lf-page .crm-legend i.crm-l-t{background:#fff;border:1px solid #c9c4ba}
.lf-page .crm-legend i.crm-l-b{background:#e3dfd6}

/* ---- contract and invoice ---- */
.lf-page .crm-docs .mk-scale{font-size:calc(100cqw / 36);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1em;align-items:start}
.lf-page .crm-doc{background:#fff;border:1px solid #e6e2da;border-radius:1em;box-shadow:0 1.4em 3em #3b2c1f14;padding:1.3em 1.3em 1.2em;min-width:0}
.lf-page .crm-doc > small:first-child{display:block;font-size:.6em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a07a3a}
.lf-page .crm-doc h5{font-size:1em;font-weight:600;line-height:1.3;margin:.35em 0 .9em}
.lf-page .crm-lines i{display:block;height:.4em;border-radius:99px;background:#efece6;margin-bottom:.5em}
.lf-page .crm-lines i:nth-child(2){width:92%}
.lf-page .crm-lines i:nth-child(3){width:96%}
.lf-page .crm-lines i:nth-child(4){width:68%}
.lf-page .crm-sig{margin-top:1em}
.lf-page .crm-hand{display:block;font:italic 400 1.35em/1.3 Georgia,"Times New Roman",serif;color:#24304a;border-bottom:1px solid #d9d3c8;padding:0 .2em .15em;white-space:nowrap;overflow:hidden}
.lf-page .crm-sig small{display:block;font-size:.58em;color:#7a776f;margin-top:.35em}
.lf-page .crm-signed{margin-top:1.1em;font-size:.66em;font-weight:600;color:#2f8a5b;background:#e7f4ec;border-radius:.45em;padding:.55em .7em;text-align:center}
.lf-page .crm-inv{margin-top:2.6em}
.lf-page .crm-total{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.7em;border-bottom:1px solid #ece8e1;margin-bottom:.2em}
.lf-page .crm-total span{font-size:.66em;color:#7a776f}
.lf-page .crm-total b{font-size:1.15em;font-weight:700}
.lf-page .crm-plan{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6em;align-items:center;padding:.55em 0;border-bottom:1px solid #f1eee8}
.lf-page .crm-plan > span{font-size:.68em;min-width:0}
.lf-page .crm-plan > span b{display:block;font-weight:600}
.lf-page .crm-plan > span small{display:block;color:#7a776f;margin-top:.15em;font-size:.9em}
.lf-page .crm-plan > span + span{font-weight:600}
.lf-page .crm-plan em{font-style:normal;font-size:.58em;font-weight:600;border-radius:99px;padding:.2em .6em;background:#ece8e1;color:#5d5f5b;min-width:3.6em;text-align:center}
.lf-page .crm-plan em.crm-paid{background:#e7f4ec;color:#2f8a5b}
.lf-page .crm-prog{height:.4em;border-radius:99px;background:#ece8e1;margin-top:.9em;overflow:hidden}
.lf-page .crm-prog i{display:block;height:100%;width:33.3%;background:#2f8a5b}
.lf-page .crm-prog-l{font-size:.6em;color:#7a776f;margin-top:.45em}

/* ---- gallery delivery ---- */
.lf-page .crm-gal .mk-scale{font-size:calc(100cqw / 36);position:relative;padding-bottom:2em}
.lf-page .crm-gwin{width:92%;background:#fff;border:1px solid #e6e2da;border-radius:1em;box-shadow:0 1.6em 3.6em #3b2c1f1f;overflow:hidden}
.lf-page .crm-gbar{display:flex;align-items:center;gap:1.4em;padding:1em 1.3em}
.lf-page .crm-gbar .crm-studio{text-align:left;margin-right:auto}
.lf-page .crm-gbar > span{font-size:.66em;color:#3f413d}
.lf-page .crm-gbar > span:first-of-type{border-bottom:1px solid #1b1b1a;padding-bottom:.2em}
.lf-page .crm-cover{position:relative;margin:0 1em}
.lf-page .crm-cover img{display:block;width:100%;height:14em;object-fit:cover;object-position:50% 58%;border-radius:.3em}
.lf-page .crm-cover div{position:absolute;left:1.2em;bottom:1em;color:#fff;text-shadow:0 .1em .6em #0006}
.lf-page .crm-cover b{display:block;font-size:1.5em;font-weight:500;letter-spacing:-.01em}
.lf-page .crm-cover small{display:block;font-size:.58em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:.35em}
.lf-page .crm-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4em;padding:.4em 1em 1em}
.lf-page .crm-thumbs img{display:block;width:100%;height:5.2em;object-fit:cover;border-radius:.2em}
.lf-page .crm-thumbs img:first-child{object-position:40% 30%}
.lf-page .crm-favs{width:50%}

@media (prefers-reduced-motion:reduce){.lf-page .crm-path a{transition:none}.lf-page .crm-path a:hover{transform:none}}

/* ---- narrow columns (phones) ---- */
@container (max-width:420px){
  .lf-page .crm-dash .mk-scale{font-size:calc(100cqw / 22)}
  .lf-page .crm-cols{grid-template-columns:minmax(0,1fr)}
  .lf-page .crm-up{display:none}

  .lf-page .crm-lead .mk-scale,.lf-page .crm-gal .mk-scale{font-size:calc(100cqw / 24);padding-bottom:0}
  .lf-page .crm-form,.lf-page .crm-gwin{width:100%}
  .lf-page .crm-new,.lf-page .crm-favs{position:relative;width:auto;margin-top:.8em}

  .lf-page .crm-reply .mk-scale,.lf-page .crm-week .mk-scale{font-size:calc(100cqw / 24)}

  .lf-page .crm-list .mk-scale{font-size:calc(100cqw / 24)}
  .lf-page .crm-tr{grid-template-columns:3em minmax(0,1fr) auto 3.6em;gap:.6em;padding-left:1em;padding-right:1em}
  .lf-page .crm-tr > span.crm-c-task,.lf-page .crm-tr > span.crm-c-src{display:none}

  .lf-page .crm-proj .mk-pipe span{font-size:.56em}
  .lf-page .crm-proj .mk-pipe span:nth-child(-n+2),.lf-page .crm-proj .mk-pipe span:nth-child(7){display:none}
  .lf-page .crm-pbody{grid-template-columns:minmax(0,1fr)}

  .lf-page .crm-wk{grid-template-columns:minmax(0,1fr)}
  .lf-page .crm-wk > div{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid #f1eee8;padding:.55em 1em}
  .lf-page .crm-wk > div:last-child{display:none}
  .lf-page .crm-wk > div:nth-last-child(2){border-bottom:0}
  .lf-page .crm-wk em{width:4.6em;text-align:left;padding:0}
  .lf-page .crm-wk em b{display:inline;font-size:1.3em;margin-left:.3em}
  .lf-page .crm-ev{flex:1 1 40%}

  .lf-page .crm-docs .mk-scale{font-size:calc(100cqw / 22);grid-template-columns:minmax(0,1fr)}
  .lf-page .crm-inv{margin-top:0}
}