/* AxioraX soft mint inside pages (his ask, 21 Oct 2026: "even internally, if I go into the Drive, the Library... it
   should give the same styling"): Drive (js/drive.js) and Library / Documents (js/screens_c.js). The card system is
   css/axcards.css; this file only places it on these two pages. Every rule is scoped to .view.v-drive.axm-v or
   .view.v-documents.axm-v, so no other page changes. Light mode only. Phone first, then a computer. Logical sides,
   so Arabic reads right to left. */

/* Drive */
/* the head: Drive (or the folders on the way), the title and New */
.view.v-drive.axm-v .drv-top{display:flex;align-items:center;gap:12px;margin-top:4px}
.view.v-drive.axm-v .drv-top .axm-h1{flex:1 1 auto;min-width:0;margin-top:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.view.v-drive.axm-v .drv-new{height:44px;padding:0 18px;padding-inline-start:14px;border-radius:22px;font-size:15.5px;box-shadow:0 1px 2px rgba(19,83,51,.12),0 10px 22px -10px rgba(19,83,51,.45)}
.view.v-drive.axm-v .axm-eb.drv-crumbs{flex-wrap:wrap;gap:4px;margin:4px 0 0;color:var(--green)}
.view.v-drive.axm-v .axm-eb.drv-crumbs button{color:var(--green);font-weight:600;font-size:14.5px;line-height:20px;padding:2px 0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.view.v-drive.axm-v .axm-eb.drv-crumbs svg{flex:none;display:block}

/* the soft mint card (both pages): not a button itself, its own buttons act */
.view.v-drive.axm-v .axf-hero,.view.v-documents.axm-v .axf-hero{margin-top:16px;cursor:default}
.view.v-drive.axm-v .axf-hero:active,.view.v-documents.axm-v .axf-hero:active{transform:none}
.view.v-drive.axm-v .axf-hero .axm-go.w,.view.v-documents.axm-v .axf-hero .axm-go.w{cursor:pointer}
.view.v-drive.axm-v .axf-hero .axm-go.w:active,.view.v-drive.axm-v .axf-first:active,
.view.v-documents.axm-v .axf-hero .axm-go.w:active,.view.v-documents.axm-v .axf-first:active{transform:scale(.94)}
.view.v-drive.axm-v .axf-hero .axm-go.w svg,.view.v-documents.axm-v .axf-hero .axm-go.w svg{transform:none}
.view.v-drive.axm-v .axf-hero .axm-ht small.axf-red{color:#B42318;font-weight:600}
.view.v-drive.axm-v .axf-hero .axm-rc small,.view.v-documents.axm-v .axf-hero .axm-rc small{max-width:76px}
.view.v-drive.axm-v .axf-first,.view.v-documents.axm-v .axf-first{margin-top:14px}
.view.v-drive.axm-v .axf-sk,.view.v-documents.axm-v .axf-sk{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-bottom:4px}
.view.v-drive.axm-v .axf-sk .skel,.view.v-documents.axm-v .axf-sk .skel{display:block;height:12px;width:62%;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.5) 25%,rgba(255,255,255,.95) 37%,rgba(255,255,255,.5) 63%);background-size:400% 100%}
.view.v-drive.axm-v .axf-sk .skel+.skel,.view.v-documents.axm-v .axf-sk .skel+.skel{width:40%}

/* Search, My Drive, Recent, Starred and Trash, the kinds, the order and the view */
.view.v-drive.axm-v .axf-tools{margin-top:16px}
.view.v-drive.axm-v .drv-search{margin-top:0;height:48px;border-radius:24px;background:#fff;border:1px solid #ECEEEA;box-shadow:0 1px 2px rgba(12,12,12,.03)}
.view.v-drive.axm-v .drv-search:focus-within{border-color:rgba(19,83,51,.38)}
.view.v-drive.axm-v .drv-search input{font-size:16px}
.view.v-drive.axm-v .drv-tabs{margin-top:12px;padding:5px;gap:4px;border-radius:22px;background:#fff;border:1px solid #ECEEEA;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -18px rgba(19,83,51,.18)}
.view.v-drive.axm-v .drv-tabs button{height:54px;border-radius:17px;color:#5C5C5C}
.view.v-drive.axm-v .drv-tabs button.on{background:var(--green-soft);color:var(--green);box-shadow:none}
.view.v-drive.axm-v .axf-filt{margin-top:14px}
.view.v-drive.axm-v .drv-chips{margin:0 -17.333px;padding:1px 17.333px 3px}
.view.v-drive.axm-v .drv-chip{height:36px;padding:0 15px;border-radius:18px;background:#fff;border:1px solid #ECEEEA;font-size:14px;color:var(--ink)}
.view.v-drive.axm-v .drv-chip.on{background:var(--green);border-color:var(--green);color:#fff}
.view.v-drive.axm-v .drv-bar{margin-top:10px;gap:10px}
.view.v-drive.axm-v .drv-sort{height:40px;padding:0 15px;gap:7px;border-radius:20px;background:#fff;border:1px solid #ECEEEA;font-size:14px}
.view.v-drive.axm-v .drv-view{width:40px;height:40px;padding:0;border-radius:50%;background:#fff;border:1px solid #ECEEEA}
.view.v-drive.axm-v .drv-view svg,.view.v-drive.axm-v .drv-sort svg{display:block;flex:none}
.view.v-drive.axm-v .drv-sort:active,.view.v-drive.axm-v .drv-view:active,.view.v-drive.axm-v .drv-chip:active{transform:scale(.96)}

/* folders: white cards, the folder's colour in its icon chip, the name on up to two lines, the three dots level with
   the chip */
.view.v-drive.axm-v .drv-fgrid{gap:12px}
.view.v-drive.axm-v .drv-fo{min-height:128px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .drv-fo .drv-fob{gap:12px;padding:15px 15px 14px}
.view.v-drive.axm-v .drv-fi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none}
.view.v-drive.axm-v .drv-fo .drv-fi{height:36px}
.view.v-drive.axm-v .drv-fi svg{display:block}
.view.v-drive.axm-v .drv-fo .drv-rn{font-size:15px;line-height:20px;color:#2A2A2A}
.view.v-drive.axm-v .drv-rm{font-size:12.5px;line-height:17px;margin-top:2px}
.view.v-drive.axm-v .drv-fo>.drv-more{top:15px;inset-inline-end:6px;width:36px;height:36px;border-radius:50%;margin:0}
.view.v-drive.axm-v .drv-more:active{background:#F1F2F1}

/* files: white cards, the picture inset with round corners, the name and its size and day under it */
.view.v-drive.axm-v .drv-grid{gap:12px;margin-top:0}
.view.v-drive.axm-v .drv-cell{display:flex;flex-direction:column}
.view.v-drive.axm-v .drv-cell .fcd{flex:1 1 auto;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .drv-cell .fcd:active{background:#fff}
.view.v-drive.axm-v .drv-cell .ftb{width:auto;margin:6px 6px 0;border-radius:16px}
.view.v-drive.axm-v .drv-cell .fcap{padding:10px 14px 13px;padding-inline-end:42px}
.view.v-drive.axm-v .drv-cell .fnm{font-size:14.5px;line-height:19px;align-items:flex-start}
.view.v-drive.axm-v .drv-cell .drv-nx{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.view.v-drive.axm-v .drv-cell .drv-star{margin-top:2px}
.view.v-drive.axm-v .drv-cell .fmeta{font-size:12.5px;margin-top:2px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.view.v-drive.axm-v .drv-cell .drv-more{bottom:12px;inset-inline-end:6px;width:36px;height:36px;border-radius:50%}

/* the list: one white card, a fine line between the rows */
.view.v-drive.axm-v .drv-list{gap:0;background:#fff;border:1px solid #ECEEEA;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .drv-row{min-height:66px;background:#fff}
.view.v-drive.axm-v .drv-row+.drv-row::before{content:"";position:absolute;top:0;inset-inline-start:68px;inset-inline-end:0;height:1px;background:#EEF0ED}
.view.v-drive.axm-v .drv-row:active{background:#F6F8F6}
.view.v-drive.axm-v .drv-rb,.view.v-drive.axm-v .drv-row .drv-fob{gap:14px;padding:12px 0;padding-inline-start:14px}
.view.v-drive.axm-v .drv-row .drv-fi{width:40px;height:40px}
.view.v-drive.axm-v .drv-row .ftb.drv-mini{width:40px;border-radius:12px}
.view.v-drive.axm-v .drv-row .drv-more{width:40px;height:40px;border-radius:50%;margin-inline-end:6px}

/* choosing several: a soft green card with a green edge for each one chosen */
.view.v-drive.axm-v .drv.sel .on.drv-fo,.view.v-drive.axm-v .drv.sel .on .fcd{background:#F3F9F5;border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 12px 30px -14px rgba(19,83,51,.22)}
.view.v-drive.axm-v .drv.sel .on.drv-row{background:#F3F9F5}
.view.v-drive.axm-v .drv.sel .drv-fo .drv-tick{top:21px;inset-inline-end:12px}
.view.v-drive.axm-v .drv-cell .drv-tick{top:14px;inset-inline-start:14px}

/* the notes and cards around them */
.view.v-drive.axm-v .tile.drv-empty,.view.v-drive.axm-v .tile.drv-sug{background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .drv-empty .drv-ei{width:58px;height:58px;border-radius:18px}
.view.v-drive.axm-v .drv-sugl span{background:#F6F7F5;border:1px solid #EEF0ED}
.view.v-drive.axm-v .drv-tnote{border-radius:20px;border:1px solid rgba(167,148,33,.16)}
.view.v-drive.axm-v .drv-lost{border-radius:22px}

/* Connect to your cloud drive, and the space used */
.view.v-drive.axm-v .axf-end{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
.view.v-drive.axm-v .drv-cloud{margin-top:0;gap:12px;padding:15px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16);transition:transform .15s var(--ease)}
.view.v-drive.axm-v .drv-cloud:active{transform:scale(.985)}
.view.v-drive.axm-v .drv-cloud .drv-cli{width:36px;height:36px;border-radius:12px;background:var(--green-soft);color:var(--green)}
.view.v-drive.axm-v .drv-cloud .drv-cli svg{display:block}
.view.v-drive.axm-v .drv-cloud .drv-rn{font-size:15.5px;font-weight:700;white-space:normal}
.view.v-drive.axm-v .drv-cloud .drv-rm{font-size:12.5px;line-height:1.4;margin-top:2px}
.view.v-drive.axm-v .drv-store{margin-top:0;padding:15px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .drv-sh{gap:12px;font-size:15.5px}
.view.v-drive.axm-v .drv-sh>svg{box-sizing:content-box;flex:none;padding:8px;border-radius:12px;background:var(--green-soft)}
.view.v-drive.axm-v .drv-sh span{font-size:13.5px}
.view.v-drive.axm-v .drv-sbar{height:8px;margin-top:14px;border-radius:5px;background:#EEF1EE}
.view.v-drive.axm-v .drv-sleg{gap:6px 14px;margin-top:12px}

/* a small phone: a little tighter */
@media (max-width:359px){
  .view.v-drive.axm-v .drv-fgrid,.view.v-drive.axm-v .drv-grid{gap:10px}
  .view.v-drive.axm-v .drv-fo .drv-fob{padding:13px 13px 12px}
  .view.v-drive.axm-v .drv-fo>.drv-more{top:13px;inset-inline-end:4px}
  .view.v-drive.axm-v .drv-tabs button{font-size:12px}
  .view.v-drive.axm-v .drv-new{padding:0 15px;padding-inline-start:12px}
}

/* a computer: Search beside the four views, the kinds beside the order, four folders and four files a row, the
   cloud and the space side by side */
@media (min-width:900px){
  .view.v-drive.axm-v .axf-hero{margin-top:20px}
  .view.v-drive.axm-v .axf-tools{display:flex;align-items:center;gap:14px;margin-top:20px}
  .view.v-drive.axm-v .axf-tools .drv-search{flex:1 1 auto;min-width:0}
  .view.v-drive.axm-v .axf-tools .drv-tabs{flex:none;grid-template-columns:repeat(4,auto);margin-top:0}
  .view.v-drive.axm-v .drv-tabs button{flex-direction:row;gap:8px;height:38px;padding:0 16px;font-size:14px}
  .view.v-drive.axm-v .drv-tabs button span{overflow:visible;padding:0}
  .view.v-drive.axm-v .axf-filt{display:flex;align-items:center;gap:14px}
  .view.v-drive.axm-v .axf-filt .drv-chips{flex:1 1 auto;min-width:0;margin:0;padding:1px 0 3px}
  .view.v-drive.axm-v .axf-filt .drv-bar{flex:none;margin-top:0}
  .view.v-drive.axm-v .drv-fgrid,.view.v-drive.axm-v .drv-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .view.v-drive.axm-v .axf-end{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
  .view.v-drive.axm-v .axm-sec{margin-top:26px}
}
html.ax-desk .view.v-drive.axm-v .drv-fo:hover,html.ax-desk .view.v-drive.axm-v .drv-cell .fcd:hover,html.ax-desk .view.v-drive.axm-v .drv-cloud:hover{box-shadow:0 1px 2px rgba(12,12,12,.05),0 16px 34px -14px rgba(19,83,51,.26)}
html.ax-desk .view.v-drive.axm-v .drv-chip:hover:not(.on),html.ax-desk .view.v-drive.axm-v .drv-sort:hover,html.ax-desk .view.v-drive.axm-v .drv-view:hover{border-color:#D9DED9}
html.ax-desk .view.v-drive.axm-v .drv-row:hover{background:#F8FAF8}

/* Library / Documents */
/* the kinds of file beside the ring: a coloured dot, how many, the kind */
.view.v-documents.axm-v .axf-kinds{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.view.v-documents.axm-v .axf-kinds>span{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 0;border-bottom:1px solid rgba(19,83,51,.11)}
.view.v-documents.axm-v .axf-kinds>span:last-child{border-bottom:0}
.view.v-documents.axm-v .axf-dot{display:block;flex:none;width:10px;height:10px;border-radius:50%}
.view.v-documents.axm-v .axf-kinds b{flex:none;min-width:26px;font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.02em;color:#0C2418}
.view.v-documents.axm-v .axf-kinds small{min-width:0;font-size:12.5px;line-height:17px;color:#4E6A5A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the newest file: a white row inside the card */
.view.v-documents.axm-v .axf-newest{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:8px;padding-inline-end:10px;border-radius:18px;background:#fff;border:1px solid rgba(19,83,51,.12);text-align:start;color:var(--ink);transition:transform .15s var(--ease)}
.view.v-documents.axm-v .axf-newest:active{transform:scale(.985)}
.view.v-documents.axm-v .axf-newest .ftb.axf-mini{width:44px;border-radius:12px;flex:none}
.view.v-documents.axm-v .axf-nt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.view.v-documents.axm-v .axf-nt small{font-size:12px;line-height:16px;color:#4E6A5A;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.view.v-documents.axm-v .axf-nt b{font-size:14.5px;line-height:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}

/* My library: the shelf on a white card */
.view.v-documents.axm-v .libshelf{margin-top:0;padding:14px 14px 16px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .libshelf{margin-top:0;padding:14px 14px 16px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-documents.axm-v .libnote{margin:12px 2px 0}
.view.v-drive.axm-v .libnote{margin:12px 2px 0}

/* Documents: the note to update the profile, the files as white cards, Add a file */
.view.v-documents.axm-v .rp-nudge{margin-top:0;margin-bottom:12px;border-radius:22px;border:1px solid #CDE3D5}
.view.v-documents.axm-v .fgrid{margin-top:0;gap:12px}
.view.v-documents.axm-v .fgrid .fcd{background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-documents.axm-v .fgrid .fcd:active{background:#fff}
.view.v-documents.axm-v .fgrid .fcd .ftb{width:auto;margin:6px 6px 0;border-radius:16px}
.view.v-documents.axm-v .fgrid .fcd .fcap{padding:10px 14px 13px}
.view.v-documents.axm-v .fgrid .fcd .fnm{font-size:14.5px;line-height:19px}
.view.v-documents.axm-v .fgrid .fcd .fmeta{font-size:12.5px;margin-top:2px}
.view.v-documents.axm-v .fgrid .fskel{border-radius:22px;background:#fff;border:1px solid #ECEEEA}
.view.v-documents.axm-v .row.plain.fadd{min-height:52px;margin-top:12px;border-radius:26px;background:#fff;border:1px solid #ECEEEA;font-size:15.5px;box-shadow:0 1px 2px rgba(12,12,12,.03)}
.view.v-documents.axm-v .row.plain.fadd:active{background:#F6F8F6}
.view.v-documents.axm-v .empty{padding:28px 20px 18px}
.view.v-documents.axm-v .empty .ei{background:#fff;border:1px solid #ECEEEA}

/* Made for you and Your data: white cards, the icons in soft chips, a fine line between the rows */
.view.v-documents.axm-v .axf-two .grp{gap:0;background:#fff;border:1px solid #ECEEEA;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-drive.axm-v .axf-two .grp{gap:0;background:#fff;border:1px solid #ECEEEA;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16)}
.view.v-documents.axm-v .axf-two .grp .row{background:#fff;border-radius:0;padding-inline:64px 14px;min-height:64px}
.view.v-drive.axm-v .axf-two .grp .row{background:#fff;border-radius:0;padding-inline:64px 14px;min-height:64px}
.view.v-documents.axm-v .axf-two .grp .row.two{min-height:74px}
.view.v-drive.axm-v .axf-two .grp .row.two{min-height:74px}
.view.v-documents.axm-v .axf-two .grp .row+.row::before{content:"";position:absolute;top:0;inset-inline-start:64px;inset-inline-end:0;height:1px;background:#EEF0ED}
.view.v-drive.axm-v .axf-two .grp .row+.row::before{content:"";position:absolute;top:0;inset-inline-start:64px;inset-inline-end:0;height:1px;background:#EEF0ED}
.view.v-documents.axm-v .axf-two .grp .row:active{background:#F6F8F6}
.view.v-drive.axm-v .axf-two .grp .row:active{background:#F6F8F6}
.view.v-documents.axm-v .axf-two .grp .row .ri{inset-inline-start:14px;width:36px;height:36px;margin-top:-18px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft)}
.view.v-drive.axm-v .axf-two .grp .row .ri{inset-inline-start:14px;width:36px;height:36px;margin-top:-18px;border-radius:12px;display:grid;place-items:center;background:var(--green-soft)}
.view.v-documents.axm-v .axf-two .grp .row .ri svg{width:20px;height:20px;stroke:var(--green)}
.view.v-drive.axm-v .axf-two .grp .row .ri svg{width:20px;height:20px;stroke:var(--green)}
.view.v-documents.axm-v .axf-two .grp .row.red .ri{background:var(--red-soft)}
.view.v-drive.axm-v .axf-two .grp .row.red .ri{background:var(--red-soft)}
.view.v-documents.axm-v .axf-two .grp .row.red .ri svg{stroke:var(--red)}
.view.v-drive.axm-v .axf-two .grp .row.red .ri svg{stroke:var(--red)}
.view.v-documents.axm-v .axf-two .grp .row .t{font-size:15.5px;line-height:21px;font-weight:600}
.view.v-drive.axm-v .axf-two .grp .row .t{font-size:15.5px;line-height:21px;font-weight:600}
.view.v-documents.axm-v .axf-two .grp .row .s{font-size:13px;line-height:18px;margin-top:2px}
.view.v-drive.axm-v .axf-two .grp .row .s{font-size:13px;line-height:18px;margin-top:2px}

/* a small phone: a little tighter */
@media (max-width:359px){
  .view.v-documents.axm-v .fgrid{gap:10px}
  .view.v-documents.axm-v .libshelf{padding:12px 12px 14px;gap:16px 10px}
  .view.v-drive.axm-v .libshelf{padding:12px 12px 14px;gap:16px 10px}
}

/* a computer: the kinds in two columns, six books and four files a row, Made for you and Your data side by side */
@media (min-width:900px){
  .view.v-documents.axm-v .axf-hero{margin-top:20px}
  .view.v-documents.axm-v .axf-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  .view.v-documents.axm-v .axf-kinds>span{padding:9px 0}
  .view.v-documents.axm-v .axf-kinds>span:last-child{border-bottom:1px solid rgba(19,83,51,.11)}
  .view.v-documents.axm-v .axf-kinds>span:nth-last-child(-n+2):nth-child(odd),.view.v-documents.axm-v .axf-kinds>span:nth-last-child(1):nth-child(even){border-bottom:0}
  .view.v-documents.axm-v .axf-kinds b{font-size:22px;line-height:28px}
  .view.v-documents.axm-v .axf-kinds small{font-size:13.5px}
  .view.v-documents.axm-v .axf-newest{margin-top:20px;padding:10px;padding-inline-end:14px}
  .view.v-documents.axm-v .libshelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px;padding:18px}
  .view.v-drive.axm-v .libshelf{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 18px;padding:18px}
  .view.v-documents.axm-v .fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .view.v-documents.axm-v .axf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;align-items:start}
  .view.v-drive.axm-v .axf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;align-items:start}
  .view.v-documents.axm-v .axm-sec{margin-top:26px}
}
html.ax-desk .view.v-documents.axm-v .fgrid .fcd:hover,html.ax-desk .view.v-documents.axm-v .axf-newest:hover{box-shadow:0 1px 2px rgba(12,12,12,.05),0 16px 34px -14px rgba(19,83,51,.26)}
html.ax-desk .view.v-documents.axm-v .axf-two .grp .row:hover{background:#F8FAF8}
html.ax-desk .view.v-drive.axm-v .axf-two .grp .row:hover{background:#F8FAF8}

/* Advanced in soft gold (his ask, 21 Oct 2026, 13:12; css/axcards.css): the Library's file kinds and its newest file */
html.axm-gold .view.v-documents.axm-v .axf-kinds>span{border-bottom-color:var(--axg-l)}
html.axm-gold .view.v-documents.axm-v .axf-kinds b{color:var(--axg-n)}
html.axm-gold .view.v-documents.axm-v .axf-kinds small,html.axm-gold .view.v-documents.axm-v .axf-nt small{color:var(--axg-s)}
html.axm-gold .view.v-documents.axm-v .axf-newest{border-color:var(--axg-p)}

/* AX Drive carries the Library's own parts (his ask, 21 Oct 2026, 13:51): My Library, Made for You and Your Data, with
   the room around them that the Library gave them */
.view.v-drive.axm-v [data-axlib]{margin-top:8px}
.view.v-drive.axm-v [data-axlib] .axm-sec,.view.v-drive.axm-v .axf-two .axm-sec{margin-top:22px}
.view.v-drive.axm-v .axf-two{margin-top:6px}
/* the Drive's front page: loose files folded into one row (22 Oct 2026) */
.drv-loose{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:15px;background:#fff;border:1px solid #ECEEEA;border-radius:22px;box-shadow:0 1px 2px rgba(12,12,12,.04),0 12px 30px -14px rgba(19,83,51,.16);text-align:start;font:inherit;color:inherit;transition:transform .15s}
.drv-loose:active{transform:scale(.98)}
.drv-loose .drv-cli{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--green-soft);color:var(--green);flex:none}
.drv-loose .drv-rt{flex:1;min-width:0;display:flex;flex-direction:column}
.drv-loose .drv-rn{font-size:15.5px;font-weight:700}
.drv-loose .drv-rs{font-size:13px;color:var(--sub);margin-top:2px}
.axm-sec .drv-lhide{margin-inline-start:10px;font:inherit;font-size:14px;font-weight:600;color:var(--green);background:none;border:0;padding:4px 2px}