/* R13-W (REQ-600 to REQ-624): the website of GH The Green Hubs®, v2. "Quiet luxury, engineered": restraint, space and evidence.
   Three surfaces in full-width bands: night (deep green #122618: the header, the hero, the platform, the closing band), paper (white) and
   warm stone. Leaf #7FC144 is an accent only (rules, ring arcs, focus, the action on night), never text on a light surface. No gold.
   Type: Source Serif 4 Display for English headlines and Noto Naskh Arabic for Arabic ones; IBM Plex Sans and IBM Plex Sans Arabic for
   text (the same skeleton in both languages). Arabic: no letter-spacing, one size up, taller leading. Art is drawn by GH in code
   (app/web_art.py). One motion only: the hero's contour lines draw once and its words rise once; nothing moves under reduced motion.
   Logical properties throughout (Arabic mirrors it). No inline style or script (CSP). Built on R12-W's website (the selector keeps its rules).
   © 2026 GH The Green Hubs® Company, SIP™. All rights reserved. */
.web,.site{--w-night:#122618;--w-night-2:#1B3523;--w-paper:#FFFFFF;--w-stone:#EFEAE2;--w-stone-2:#E6DFD3;--w-hair:#D6CDBE;--w-text:#33433A;
  --w-mute:#625A4E;--w-sage:#C9D3C6;--w-sage-2:#A9BAA6;--w-leaf:#7FC144;--w-serif:'Source Serif 4 Display',Georgia,'Times New Roman',serif;
  --w-sans:'IBM Plex Sans','Montserrat',system-ui,'Segoe UI',sans-serif;--w-naskh:'Noto Naskh Arabic','IBM Plex Sans Arabic Web',serif;
  --w-ar:'IBM Plex Sans Arabic Web','IBM Plex Sans Arabic','IBM Plex Sans',system-ui,sans-serif;--p-mist:#F6F3EE;--p-line:#E3DDD2;--p-line-2:#CFC6B7}
body.web,body.site{font-family:var(--w-sans);font-size:17px;line-height:1.65;color:var(--w-text);font-feature-settings:"kern","liga"}
html[dir=rtl] body.web,html[dir=rtl] body.site{font-family:var(--w-ar);font-size:18px;line-height:1.85}
.web h1,.web h2,.site h1,.site h2{font-family:var(--w-serif);font-weight:600;letter-spacing:-.012em;color:var(--w-night)}
html[dir=rtl] .web h1,html[dir=rtl] .web h2,html[dir=rtl] .site h1,html[dir=rtl] .site h2{font-family:var(--w-naskh);letter-spacing:0;font-weight:600}
.web h3,.site h3{font-family:inherit;font-weight:600}
.web h1,.web h2,.site h1,.site h2,.wchallenge{text-wrap:balance}
html[dir=rtl] .web *,html[dir=rtl] .site *{letter-spacing:0!important}
.web .pbtn,.site .pbtn{font-family:inherit;font-weight:600;border-radius:10px}
.pbtn-ghost{background:transparent;border-color:rgba(201,211,198,.55);color:#fff}.pbtn-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.present a.pbtn-ghost{color:#fff}

/* the frame: skip link, night header, website navigation, menu on small screens, footer */
.wskip{position:absolute;inset-inline-start:12px;top:-60px;z-index:50;background:var(--p-ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.present a.wskip{color:#fff}.wskip:focus{top:12px}
.web .wtop{background:var(--w-night);border-bottom:1px solid rgba(201,211,198,.14)}
.wtop .ptop-in{gap:32px;min-height:76px}.wnav{gap:24px}
.web .wnav a{font-size:14.5px;white-space:nowrap;color:var(--w-sage);font-weight:500}.web .wnav a:hover{color:#fff}
.web .wnav a.on{color:#fff;border-bottom-color:var(--w-leaf)}
.web .wtop .plang{color:#fff;border-color:rgba(201,211,198,.4)}.web .wtop .plang:hover{border-color:#fff}
.wsignin{font-size:14px;font-weight:600;text-decoration:none;padding:6px 4px;white-space:nowrap}
.present.web a.wsignin{color:#fff}.wsignin:hover{text-decoration:underline;text-decoration-color:var(--w-leaf);text-decoration-thickness:2px;text-underline-offset:4px}
.present.web a.wcta{background:var(--w-leaf);border-color:var(--w-leaf);color:var(--w-night)}.present.web a.wcta:hover{background:#93CC5E}
.wmenu{display:none;position:relative}
.wmenu summary{margin:0;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:#fff;border:1px solid rgba(201,211,198,.45);border-radius:99px;padding:6px 14px}
.wmenu summary::-webkit-details-marker{display:none}.wmenu[open] summary{border-color:#fff}
.wmenu-list{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:250px;display:grid;padding:6px;background:var(--w-paper);border:1px solid var(--p-line);
  border-radius:12px;box-shadow:0 18px 40px rgba(18,38,24,.18);z-index:30}
.wmenu-list a{padding:11px 14px;border-radius:8px;font-weight:500;text-decoration:none}.wmenu-list a:hover{background:var(--p-mist)}
.wmenu-list a.on{font-weight:600;box-shadow:inset 3px 0 0 var(--w-leaf)}html[dir=rtl] .wmenu-list a.on{box-shadow:inset -3px 0 0 var(--w-leaf)}
.wfoot{background:var(--w-stone-2);border-top:0}
.wfoot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px;padding:64px 0 36px}
.wfoot-id{display:grid;gap:8px;align-content:start}.wfoot-id img{height:40px;width:auto;margin-bottom:8px}.wfoot-id p{margin:0;font-size:14.5px;color:var(--w-text)}
.wfoot-id p:first-of-type{color:var(--w-night);font-family:var(--w-serif);font-size:19px;line-height:1.35}
html[dir=rtl] .wfoot-id p:first-of-type{font-family:var(--w-naskh)}
.wfoot nav{display:grid;gap:9px;align-content:start}.wfoot h2{margin:0 0 6px;font:600 13.5px/1.4 var(--w-sans);color:var(--w-night);letter-spacing:0}
html[dir=rtl] .wfoot h2{font-family:var(--w-ar)}
.wfoot nav a{font-size:14.5px;color:var(--w-text);text-decoration:none}.present .wfoot nav a:hover,.present .wfoot-id a:hover{color:var(--w-night);text-decoration:underline}
.present .wfoot-id a{color:var(--w-night);font-weight:600;text-decoration:none}
.wfoot .pfoot-in{border-top:1px solid var(--w-hair);padding-top:20px}.web .pfoot-in p,.web .pfoot-meta a{color:var(--w-mute)}
.wcopy bdi{unicode-bidi:isolate}

/* the ring: six arcs, one per offering */
.wring{display:block;flex:none;overflow:visible}.wring path{fill:none;stroke-linecap:round}
.wr-off{stroke:var(--p-line-2)}.wr-on{stroke:var(--p-leaf)}.wr-core{fill:var(--p-ink)}
.wb-night .wr-off{stroke:rgba(201,211,198,.3)}.wb-night .wr-core{fill:#fff}

/* bands: full width, one idea each */
.wide main.pmain,.present.wide main.pmain{padding:0}
.wb{position:relative;padding:112px 0;overflow:hidden}
.wb-paper{background:var(--w-paper)}.wb-stone{background:var(--w-stone)}
.wb-night,.whero{background:var(--w-night);color:var(--w-sage)}
.wb-night h1,.wb-night h2,.wb-night h3,.whero h1{color:#fff}
.present .wb-night a,.present .whero a{color:#fff}
.present .wb-night a.pbtn-primary,.present .whero a.pbtn-primary,.present .wb-night a.pbtn-leaf{background:var(--w-leaf);border-color:var(--w-leaf);color:var(--w-night)}
.wb-night .pbtn-primary:hover,.whero .pbtn-primary:hover,.wb-night .pbtn-leaf:hover{background:#93CC5E}
.wb .pwrap,.whero .pwrap{position:relative;z-index:1}
.wb h2{margin:0;font-size:44px;line-height:1.1}html[dir=rtl] .wb h2{font-size:40px;line-height:1.45}
.wlead{margin:22px 0 0;font-size:21px;line-height:1.55;max-width:46ch;color:var(--w-sage)}
.wlead-d{margin:20px 0 0;font-size:18px;line-height:1.6;color:var(--w-text);max-width:42ch}
.wfine{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--w-mute);max-width:60ch}.wb-night .wfine{color:var(--w-sage-2)}
.wsplit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.wsplit-h{max-width:560px}.wsplit-h .pgo{display:inline-block;margin-top:26px}
.wb-night .pgo{border-bottom-color:var(--w-leaf)}
.wart{position:absolute;pointer-events:none;display:block}
.wa-l{fill:none;stroke:var(--w-sage);stroke-opacity:.2;stroke-width:1.1;vector-effect:non-scaling-stroke}
.wa-key{stroke:var(--w-leaf);stroke-opacity:.5}
.wa-grid{fill:none;stroke:var(--w-hair);stroke-width:1;vector-effect:non-scaling-stroke}.wa-dot{fill:var(--w-hair)}
.wa-orbit,.wa-spoke{fill:none;stroke:var(--w-sage);stroke-opacity:.28;stroke-width:1.2;vector-effect:non-scaling-stroke}
.wa-node{fill:var(--w-sage);fill-opacity:.55}.wa-node-on{fill:var(--w-leaf);fill-opacity:.9}.wa-core{fill:#fff}

/* home: the hero */
.whero{position:relative;overflow:hidden;padding:136px 0 0;min-height:min(780px,calc(100vh - 76px))}
.whero .wa-contours{inset:0;width:100%;height:100%}
.whero-in{display:grid;gap:96px;align-content:space-between;min-height:inherit}
.whero-copy{max-width:920px}
.whero h1{margin:0;font-size:76px;line-height:1.02;letter-spacing:-.02em;max-width:15ch}
html[dir=rtl] .whero h1{font-size:66px;line-height:1.45;max-width:16ch}
.whero-proof{margin:30px 0 0;font-size:21px;line-height:1.55;color:var(--w-sage);max-width:46ch}
.wacts{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.wevid{list-style:none;margin:0;padding:26px 0 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid rgba(201,211,198,.2)}
.wevid li{font-size:14.5px;line-height:1.45;color:var(--w-sage);padding-inline-start:16px;border-inline-start:2px solid var(--w-leaf)}
@keyframes wdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes wrise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.wa-draw path{stroke-dasharray:1;stroke-dashoffset:0;animation:wdraw 2.6s cubic-bezier(.25,.7,.25,1) both}
.wa-draw path:nth-child(3n+2){animation-duration:3.1s}.wa-draw path:nth-child(3n){animation-duration:3.6s}
.whero-copy{animation:wrise .9s .15s cubic-bezier(.2,.7,.2,1) both}

/* home: offerings as rows */
.wrows{list-style:none;margin:0;padding:0;border-top:1px solid var(--w-night)}
.wrows li{border-bottom:1px solid var(--p-line)}
.wrows a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"r n g" "r p g";gap:4px 22px;align-items:center;padding:24px 4px;text-decoration:none}
.wrows a .wring{grid-area:r}.wrows b{grid-area:n;font-size:19px;line-height:1.35;color:var(--w-night)}.wrows a>span:not(.wgo){grid-area:p;color:var(--w-mute);font-size:15.5px;line-height:1.5}
.wrows .wgo{grid-area:g;font-size:14px;font-weight:600;color:var(--w-night);border-bottom:2px solid var(--w-leaf);white-space:nowrap}
.wrows a:hover b{text-decoration:underline;text-decoration-color:var(--w-leaf);text-decoration-thickness:2px;text-underline-offset:5px}

/* home: one method */
.wmethod .wa-lattice{inset-block:0;inset-inline-end:0;width:48%;height:100%;opacity:.38}
.wsteps4{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:ws}
.wsteps4 li{counter-increment:ws;display:grid;gap:10px;align-content:start;padding-top:22px;border-top:1px solid var(--w-night)}
.wsteps4 li::before{content:counter(ws,decimal-leading-zero);font:600 15px/1 var(--w-sans);color:var(--w-mute)}
.wsteps4 b{font-family:var(--w-serif);font-size:28px;font-weight:600;line-height:1.15;color:var(--w-night)}
html[dir=rtl] .wsteps4 b{font-family:var(--w-naskh);font-size:26px;line-height:1.5}
.wsteps4 span{font-size:15.5px;color:var(--w-text)}
.wsigns{margin:48px 0 0;padding:20px 24px;max-width:860px;background:var(--w-paper);border-inline-start:3px solid var(--w-leaf);font-size:16px;color:var(--w-night)}

/* home and platform: the platform band with a real screen */
.wplat2-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:center}
.wplat2-copy p{margin:20px 0 0;font-size:18px;color:var(--w-sage)}.wplat2-copy .pgo{display:inline-block;margin-top:26px}
.wscreen{margin:0;display:grid;gap:14px}
.wscreen-frame{position:relative;border-radius:14px;overflow:hidden;background:var(--w-paper);box-shadow:0 30px 70px rgba(0,0,0,.28),0 0 0 1px rgba(201,211,198,.25)}
.wb-paper .wscreen-frame,.wb-stone .wscreen-frame{box-shadow:0 24px 60px rgba(18,38,24,.14),0 0 0 1px var(--p-line)}
.wscreen img{display:block;width:100%;height:auto}
.wdemo{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:1;font-size:12.5px;font-weight:600;line-height:1;padding:7px 11px;border-radius:99px;
  background:var(--w-night);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.wscreen figcaption{font-size:14.5px;line-height:1.55;color:var(--w-mute)}.wscreen figcaption b{color:var(--w-night);font-weight:600}
.wb-night .wscreen figcaption{color:var(--w-sage-2)}.wb-night .wscreen figcaption b{color:#fff}

/* home: the library's depth */
.wcount{display:grid;gap:30px}
.wcount-all{margin:0;display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;padding-bottom:26px;border-bottom:1px solid var(--w-night)}
.wcount-all b{font-family:var(--w-serif);font-size:96px;line-height:.9;font-weight:600;color:var(--w-night);font-variant-numeric:lining-nums}
.wcount-all span{font-size:18px;color:var(--w-text);max-width:22ch}
.wcount dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.wcount dl div{display:grid;gap:4px}.wcount dt{font-family:var(--w-serif);font-size:40px;line-height:1;font-weight:600;color:var(--w-night)}
.wcount dd{margin:0;font-size:15px;color:var(--w-mute)}

/* trust: four commitments, the registrations held, the standards applied */
.wtrust4{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.wtrust4 li{display:grid;gap:10px;align-content:start;padding-top:20px;border-top:2px solid var(--w-leaf)}
.wtrust4 b{font-size:18px;color:var(--w-night);line-height:1.35}.wtrust4 span{font-size:15px;color:var(--w-text)}
.wcreds{margin-top:64px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;padding-top:40px;border-top:1px solid var(--w-hair)}
.wcreds h3{margin:0 0 18px;font-size:15px;color:var(--w-night)}
.wcreds dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 32px}
.wcreds dt{font-weight:600;font-size:15.5px;color:var(--w-night)}.wcreds dd{margin:3px 0 0;font-size:14.5px;color:var(--w-mute)}
.wstd{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wstd li{font-size:13.5px;padding:5px 12px;border:1px solid var(--w-hair);border-radius:99px;background:var(--w-paper);color:var(--w-night)}

/* the closing band */
.wclose{padding:104px 0}.wclose .wa-rings{width:460px;height:460px;inset-block-start:50%;inset-inline-end:-250px;transform:translateY(-50%);opacity:.45}.wclose .wa-core{fill:var(--w-sage)}
.wclose-in{display:flex;justify-content:space-between;align-items:center;gap:32px 56px;flex-wrap:wrap}
.wclose h2{max-width:24ch}.wclose p{margin:14px 0 0;font-size:18px;color:var(--w-sage);max-width:52ch}

/* an inner page's opening band */
.wpage{padding:96px 0 88px}.wpage .wa-contours{inset:0;width:100%;height:100%;opacity:.9}
.wpage-in{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.wpage-in:has(.wpage-mark){grid-template-columns:140px minmax(0,1fr)}
.wpage-mark .wring{width:132px;height:132px}
.wpage h1{margin:0;font-size:60px;line-height:1.06;max-width:18ch}html[dir=rtl] .wpage h1{font-size:54px;line-height:1.4}
.wpage .wacts{margin-top:34px}
.wcrumb{margin:0 0 18px;font-size:14px;display:flex;gap:10px}.present .wcrumb a{color:var(--w-sage);text-decoration:none}
.wcrumb a+a::before{content:"/";margin-inline-end:10px;color:var(--w-sage-2)}.present .wcrumb a:hover{color:#fff;text-decoration:underline}

/* page heads, sections and the closing band of the pages that stay in one column (the selector, legal pages, requests) */
.whead{display:grid;gap:14px;max-width:860px}.whead h1{margin:0;font-size:48px;line-height:1.08}
.whead .plead{font-size:19px}html[dir=rtl] .whead h1{line-height:1.4;font-size:44px}
.wsec{display:grid;gap:20px}.wsec>h2{margin:0;font-size:32px;line-height:1.2}.wsec>.wsec-lead{margin:-6px 0 0;color:var(--w-text);max-width:70ch}
html[dir=rtl] .wsec>h2{line-height:1.5}
.wband{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap;padding:40px 44px;border-radius:16px;background:var(--w-night);color:#fff}
.wband h2{margin:0;font-size:30px;color:#fff;max-width:26ch;line-height:1.25}.wband p{margin:8px 0 0;color:var(--w-sage);max-width:60ch}
.present .wband a.pbtn-leaf{color:var(--p-ink)}
.web .pstack{gap:64px}.web main.pmain{padding-top:56px}
.pfacts-3{grid-template-columns:repeat(3,minmax(0,1fr))}a.poffer{display:grid;gap:8px;align-content:start}a.poffer .wring{margin-bottom:6px}

/* the offerings index */
.woffers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.woffer{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:14px;padding:30px 30px 24px;border:1px solid var(--p-line);border-radius:16px;background:var(--w-paper);
  transition:border-color .2s}
.woffer:hover,.woffer:focus-within{border-color:var(--w-night)}
.woffer h2{margin:8px 0 0;font-size:24px;line-height:1.2}.woffer h2 a{text-decoration:none}html[dir=rtl] .woffer h2{line-height:1.5}
.woffer h2 a::after{content:"";position:absolute;inset:0}
.woffer .wpromise{margin:0;color:var(--w-text);font-size:15.5px}
.wticks{list-style:none;margin:0;padding:0;display:grid;gap:8px;align-content:start}
.wticks li{position:relative;padding-inline-start:22px;font-size:14.5px;color:var(--w-mute);line-height:1.5}
.wticks li::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:11px;height:6px;border:solid var(--p-leaf-2);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.woffer-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:16px;border-top:1px solid var(--p-line);position:relative;z-index:1}
.woffer-foot .pgo{font-size:13.5px}.woffer-foot .wadd{white-space:nowrap;font-size:13.5px;font-weight:600;color:var(--w-mute);text-decoration:none}
.present .woffer-foot a.wadd:hover{color:var(--p-ink);text-decoration:underline}

/* one offering */
.wohead{display:grid;grid-template-columns:132px minmax(0,1fr);gap:36px;align-items:center}.wohead .wring{width:132px;height:132px}
.wout{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.wout li{position:relative;padding:18px 0;padding-inline-start:34px;border-top:1px solid var(--p-line);font-size:17px;color:var(--w-night);line-height:1.5}
.wout li::before{content:"";position:absolute;inset-inline-start:2px;top:25px;width:14px;height:8px;border:solid var(--p-leaf-2);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.wwho p{margin:0 0 14px;color:var(--w-text);font-size:17px}
.wsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:ws}
.wsteps li{counter-increment:ws;display:grid;gap:6px;align-content:start;padding-top:16px;border-top:1px solid var(--w-night)}
.wsteps li::before{content:counter(ws,decimal-leading-zero);font-size:13px;font-weight:600;color:var(--w-mute)}
.wsteps b{font-size:17px;color:var(--w-night)}.wsteps span{font-size:14.5px;color:var(--w-text)}
.wthemes{display:grid;gap:10px}
.wtheme{border:1px solid var(--p-line);border-radius:12px;background:var(--w-paper)}.wtheme[open]{border-color:var(--p-line-2)}
.wtheme>summary{list-style:none;cursor:pointer;color:var(--p-ink);font-weight:400;margin:0;font-size:15px;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px;align-items:center;padding:18px 22px}
.wtheme>summary::-webkit-details-marker{display:none}
.wtheme>summary b{font-size:17px;font-weight:600;color:var(--p-ink)}.wtheme>summary span{grid-column:1;font-size:14.5px;color:var(--w-mute)}
.wtheme>summary::after{content:"";grid-row:1/span 2;grid-column:2;justify-self:center;width:9px;height:9px;border:solid var(--p-ink);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.wtheme[open]>summary::after{transform:rotate(-135deg)}
.wtheme>summary:hover b{text-decoration:underline;text-decoration-color:var(--w-leaf);text-decoration-thickness:2px;text-underline-offset:4px}
.wsvc{list-style:none;margin:0;padding:0 22px 14px;display:grid}
.wsvc li{display:grid;gap:3px;padding:12px 0;border-top:1px solid var(--p-line)}.wsvc b{font-size:15px;font-weight:600}.wsvc span{font-size:14.5px;color:var(--w-text)}
.wothers{display:flex;flex-wrap:wrap;gap:8px}

.wshots{margin-top:56px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 44px}.wflow{margin-top:48px}
.wb .wsec-h3{margin:0 0 20px;font-size:24px}.wb .wsec-h2s{margin:0 0 18px;font-size:32px}.wshelves-top{margin-top:64px}.wothers-b{padding:64px 0}.wmore-l{margin:28px 0 0}.wb .wsplit-h+.wout,.wb .wsplit-h+.woffers,.wb .wsplit-h+.wthemes,.wb .wsplit-h+.wouts,.wb .wsplit-h+.wlibs,.wb .wsplit-h+.wcards{margin-top:48px}

.wvmp{margin-top:56px}.wroles-h{margin:36px 0 14px;font-size:15px;color:var(--w-night)}.wsigns-0{margin:0}.wlayers-h{margin-top:72px}
.wcreds-dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.wcreds-dl dt{font-weight:600;color:var(--w-night)}.wcreds-dl dd{margin:2px 0 0;font-size:14.5px;color:var(--w-mute)}
.wb .wsplit-h+.pgrid,.wb .wsplit-h+.pvalues{margin-top:8px}.wb .pfacts dt{font-family:var(--w-serif);font-weight:600}html[dir=rtl] .wb .pfacts dt{font-family:var(--w-naskh)}
.wb .psplit-copy h2{margin-bottom:6px}

/* sectors */
.wsectors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--w-night)}
.wsectors li{border-bottom:1px solid var(--p-line)}
.wsectors a{display:grid;gap:8px;padding:30px 0 32px;text-decoration:none}
.wsectors b{font-family:var(--w-serif);font-size:27px;font-weight:600;line-height:1.2;color:var(--w-night)}html[dir=rtl] .wsectors b{font-family:var(--w-naskh);line-height:1.5}
.wsectors span{font-size:15.5px;color:var(--w-mute)}.wsectors a:hover b{text-decoration:underline;text-decoration-color:var(--w-leaf);text-decoration-thickness:2px;text-underline-offset:6px}
.wchallenge{margin:0;font-family:var(--w-serif);font-size:28px;line-height:1.4;color:var(--w-night);max-width:34ch}
html[dir=rtl] .wchallenge{font-family:var(--w-naskh);font-size:26px;line-height:1.7}
.wdoes{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--w-night)}
.wdoes li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 22px;padding:24px 0;border-bottom:1px solid var(--w-hair)}
.wdoes li .wring{grid-row:span 3}.wdoes h3{margin:0;font-size:18px}.wdoes h3 a{color:var(--w-night);text-decoration:none}
.wdoes h3 a:hover{text-decoration:underline;text-decoration-color:var(--w-leaf);text-decoration-thickness:2px;text-underline-offset:4px}
.wdoes p{margin:0;font-size:15.5px;color:var(--w-text)}.wdoes small{font-size:13.5px;color:var(--w-mute)}
.wouts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.wouts li{position:relative;padding:20px 0;padding-inline-start:34px;border-top:1px solid var(--p-line);font-size:17px;color:var(--w-night);line-height:1.5}
.wouts li::before{content:"";position:absolute;inset-inline-start:2px;top:27px;width:14px;height:8px;border:solid var(--p-leaf-2);border-width:0 0 2.5px 2.5px;transform:rotate(-45deg)}
.wlibs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.wlibs li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-top:1px solid var(--p-line)}
.wlibs b{font-size:15.5px;color:var(--w-night);line-height:1.4}.wlibs p{margin:4px 0 0;font-size:14.5px;color:var(--w-mute);line-height:1.55}

/* proof */
.wprin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.wprin li{display:grid;gap:10px;align-content:start;padding-top:20px;border-top:1px solid var(--w-night)}
.wprin b{font-family:var(--w-serif);font-size:24px;font-weight:600;line-height:1.2;color:var(--w-night)}html[dir=rtl] .wprin b{font-family:var(--w-naskh);line-height:1.5}
.wprin span{font-size:15.5px;color:var(--w-text)}
.wempty{display:grid;gap:10px;padding:32px 36px;border:1px dashed var(--w-hair);border-radius:16px;background:var(--w-paper);max-width:760px}
.wempty b{font-size:19px;color:var(--w-night)}.wempty p{margin:0;color:var(--w-text)}
.wcase{display:grid;gap:16px;padding:30px;border:1px solid var(--p-line);border-radius:16px;background:var(--w-paper)}
.wcase-f{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.wcase-f dt{font-size:13px;color:var(--w-mute)}.wcase-f dd{margin:2px 0 0;color:var(--w-night)}
.wcase h3{margin:6px 0 0;font-size:16px}.wcase-o{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wcase-o li{display:grid;gap:2px}.wcase-o em{font-style:normal;font-size:13px;font-weight:600;color:var(--p-good)}

/* insights */
.warts{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--w-night)}
.warts li{padding:30px 0;border-bottom:1px solid var(--p-line)}.warts a{display:grid;gap:8px;text-decoration:none;max-width:780px}
.warts b{font-family:var(--w-serif);font-size:28px;font-weight:600;line-height:1.25;color:var(--w-night)}html[dir=rtl] .warts b{font-family:var(--w-naskh);line-height:1.55}
.warts span{color:var(--w-text)}.warts small{font-size:13.5px;color:var(--w-mute)}
.wart-body{max-width:68ch;margin:0 auto}.wart-body p{margin:0 0 20px;font-size:18.5px;line-height:1.75;color:var(--w-text)}
html[dir=rtl] .wart-body p{font-size:19px;line-height:1.95}
.wart-body h2{margin:44px 0 16px;font-size:30px;line-height:1.25}html[dir=rtl] .wart-body h2{line-height:1.55}
.wbyline{margin:22px 0 0;font-size:15px;color:var(--w-sage)}
.wdraft{display:inline-block;margin-top:22px;font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:99px;background:#FBF1DC;color:var(--p-warn)}
.wsources{max-width:68ch;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--w-hair)}
.wsources h2{margin:0 0 12px;font:600 15px/1.4 var(--w-sans);color:var(--w-night)}html[dir=rtl] .wsources h2{font-family:var(--w-ar)}
.wsources ol{margin:0;padding-inline-start:20px;display:grid;gap:8px}.wsources li{font-size:14.5px;color:var(--w-mute)}

/* about: leadership */
.wlead-block{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.wfounder{margin:0;padding:32px 0;border-top:1px solid var(--w-night);border-bottom:1px solid var(--w-night)}
.wfounder b{display:block;font-family:var(--w-serif);font-size:34px;font-weight:600;line-height:1.2;color:var(--w-night)}
html[dir=rtl] .wfounder b{font-family:var(--w-naskh);line-height:1.6}.wfounder span{display:block;margin-top:8px;font-size:17px;color:var(--w-mute)}
.wroles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.wroles li{padding:16px 0;border-bottom:1px solid var(--p-line);font-size:16px;color:var(--w-night)}

/* Build your engagement */
.wstepper{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wstepper li{display:grid;gap:2px;padding-top:12px;border-top:4px solid var(--p-line);font-size:13.5px;color:var(--w-mute)}
.wstepper li b{font-size:12.5px;font-weight:600}.wstepper li.is-done{border-top-color:var(--p-leaf)}.wstepper li.is-now{border-top-color:var(--p-ink);color:var(--p-ink)}
.wstepper li.is-now span{font-weight:700}.wstepper a{display:grid;gap:2px;text-decoration:none;color:inherit}.wstepper a:hover span{text-decoration:underline}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.wform{display:grid;gap:28px;min-width:0}
.wform fieldset{margin:0;padding:0;border:0;display:grid;gap:12px;min-width:0}
.wform legend{padding:0;margin-bottom:12px;font-size:20px;font-weight:600;color:var(--p-ink)}
.wform .whint{margin:-6px 0 4px;font-size:14.5px;color:var(--w-mute)}
.wtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wtile{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--p-line-2);border-radius:10px;background:var(--w-paper);cursor:pointer;
  font-size:15.5px;color:var(--p-ink);line-height:1.4}
.wtile:hover{border-color:var(--p-ink)}.wtile:has(input:checked){border-color:var(--p-ink);background:var(--p-leaf-soft);box-shadow:inset 0 0 0 1px var(--p-ink)}
.wtile input{flex:none;margin:2px 0 0;width:18px;height:18px;accent-color:var(--p-ink)}
.wtile-o{display:grid;grid-template-columns:auto 44px minmax(0,1fr);align-items:center}.wtile-o b{display:block;font-size:15.5px}.wtile-o small{display:block;font-size:13.5px;color:var(--w-text);margin-top:2px}
.wtile-all{grid-column:1/-1;align-items:center}.wtile-all b{font-size:15.5px}
.wpick{display:grid;gap:12px;padding:20px 22px;border:1px solid var(--p-line);border-radius:12px}
.wpick h2{margin:0;display:flex;gap:12px;align-items:center;font-size:20px}
.wpick .wchecks{display:grid;gap:8px}
.wcheck{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45;cursor:pointer}.wcheck input{flex:none;margin:3px 0 0;width:17px;height:17px;accent-color:var(--p-ink)}
.wcheck small{display:block;color:var(--w-mute);font-size:13px}
.wmore{border-top:1px solid var(--p-line);padding-top:10px}
.wmore>summary{cursor:pointer;font-weight:600;font-size:14.5px;padding:6px 0;margin:0;list-style:none;color:var(--p-ink)}.wmore>summary::-webkit-details-marker{display:none}
.wmore>summary::before{content:"+";display:inline-block;width:18px;font-weight:700;color:var(--p-good)}.wmore[open]>summary::before{content:"–"}
.wmore h3{margin:14px 0 8px;font-size:14px;color:var(--w-mute);font-weight:600}
.wfields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.wfield{display:grid;gap:6px;font-size:14.5px;font-weight:600;color:var(--p-ink)}.wfield small{font-weight:400;color:var(--w-mute)}
.wfield-wide{grid-column:1/-1}
.wform input[type=text],.wform input[type=email],.wform input[type=tel],.wform select,.wform textarea{font:inherit;font-size:15.5px;font-weight:400;padding:11px 12px;
  border:1px solid var(--p-line-2);border-radius:var(--p-r-sm);background:var(--w-paper);color:var(--p-ink);width:100%}
.wform textarea{min-height:96px;resize:vertical}
.wform input:focus,.wform select:focus,.wform textarea:focus{border-color:var(--p-ink);outline:none;box-shadow:0 0 0 3px var(--p-leaf-soft)}
.wform .wcheck a{font-weight:600}
.wconsent{padding:14px 16px;background:var(--p-mist);border-radius:10px}
.wnote{margin:0;font-size:14px;color:var(--w-mute);line-height:1.55;max-width:72ch}
.whp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.wnav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--p-line)}
.wback{font-weight:600;font-size:14.5px;text-decoration:none}.wback:hover{text-decoration:underline}
.werr{margin:0;padding:12px 14px;border-radius:10px;background:#FBE7E1;color:var(--p-bad);font-size:14.5px;font-weight:500}
.wsum{position:sticky;top:100px;display:grid;gap:16px;padding:24px;border-radius:16px;background:var(--w-stone);border:1px solid var(--w-hair)}
.wsum-h{display:flex;gap:16px;align-items:center}.wsum-h h2{margin:0;font-size:20px}.wsum-h p{margin:2px 0 0;font-size:13.5px;color:var(--w-mute)}
.wsum dl{margin:0;display:grid;gap:12px}.wsum dt{font-size:12.5px;font-weight:600;color:var(--w-mute)}.wsum dd{margin:2px 0 0;font-size:14.5px;color:var(--p-ink)}
.wsum ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:3px}.wsum li{font-size:13.5px;color:var(--w-text)}
.wsum .wchange{font-size:13px;font-weight:600}
.wdone{display:grid;gap:18px;max-width:880px}
.wdone-h{display:flex;gap:22px;align-items:center}.wdone-h h1{margin:0;font-size:38px}.wdone-h p{margin:6px 0 0;color:var(--w-text);font-size:16px}
.wref{display:inline-block;font-weight:700;font-size:15px;padding:4px 12px;border-radius:8px;background:var(--p-leaf-soft);color:var(--p-ink);direction:ltr;unicode-bidi:isolate}
.wdl{margin:0;display:grid;grid-template-columns:200px minmax(0,1fr);border-top:1px solid var(--p-line)}
.wdl dt,.wdl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--p-line);font-size:14.5px}.wdl dt{color:var(--w-mute);font-weight:600;padding-inline-end:16px}
.wdl dd ul{margin:4px 0 0;padding-inline-start:18px}.wdl dd li{color:var(--w-text);font-size:14px}
.wstatus{display:inline-block;font-size:12.5px;font-weight:600;padding:2px 10px;border-radius:99px;background:var(--p-mist);color:var(--p-ink)}
.wstatus.is-draft{background:#FBF1DC;color:var(--p-warn)}.wstatus.is-new{background:var(--p-leaf-soft);color:var(--p-good)}

/* knowledge, contact, legal */
.wcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wcard{display:grid;gap:10px;align-content:start;padding:26px;border-top:2px solid var(--p-leaf);background:var(--w-paper);border-radius:0 0 14px 14px}
.wb-paper .wcard{background:var(--p-mist)}
.wcard h2,.wcard h3{margin:0;font-size:18px;line-height:1.35}.wcard p{margin:0;color:var(--w-text);font-size:15.5px}.wcard .pgo{justify-self:start;font-size:13.5px}
.wcontact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.wcontact .pcard{display:grid;gap:10px;align-content:start;border-radius:16px;padding:32px}.wcontact .pcard b{font-size:22px;color:var(--p-ink);word-break:break-word}
.wcontact .pcard h2{font-size:22px}.wcontact-3{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}.present .wcontact-3 a.wmail{font-size:20px}
.present .wcontact a.wmail{font-size:24px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--p-leaf);justify-self:start}
.wlegal{max-width:78ch;display:grid;gap:10px}.wlegal p{margin:0}.wlegal h2{margin:24px 0 2px;font-size:24px}.wlegal p,.wlegal li{color:var(--w-text);font-size:16px;line-height:1.75}
.wlegal ul{margin:0;padding-inline-start:20px;display:grid;gap:4px}
.wpending{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:10px;background:#FBF1DC;color:var(--p-warn);font-size:14.5px;font-weight:500}
.wtable{width:100%;border-collapse:collapse;font-size:14.5px}.wtable th,.wtable td{text-align:start;padding:10px;border-bottom:1px solid var(--p-line);vertical-align:top}
.wtable th{font-size:13px;color:var(--w-mute);font-weight:600}
/* R12 (REQ-562 to REQ-564): the Knowledge Library: one card per part, then each kind of document closed or open */
.wshelves .woffer{grid-template-rows:auto auto 1fr auto}.wshelf h3{margin:4px 0 0;font-size:19px;line-height:1.3}.wshelf h3 a{text-decoration:none}
.wshelf h3 a::after{content:"";position:absolute;inset:0}
.wkinds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-content:start}
.wkinds li{font-size:12.5px;color:var(--w-text);background:var(--p-mist);border-radius:99px;padding:3px 10px}
.wlib>summary .wlib-h{margin:0;font:600 17px/1.35 var(--w-sans);color:var(--p-ink)}html[dir=rtl] .wlib>summary .wlib-h{font-family:var(--w-ar)}
.wlib>summary:hover .wlib-h{text-decoration:underline;text-decoration-color:var(--p-leaf);text-decoration-thickness:2px;text-underline-offset:4px}
.wdocs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:0 22px 16px}
.wdoc{padding:14px 0;border-top:1px solid var(--p-line)}.wdoc h3,.wdoc h4{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--p-ink);line-height:1.4}
.wdoc p{margin:0;font-size:14.5px;color:var(--w-text);line-height:1.55}
.wdocs>.wdoc:only-child{grid-column:1/-1;max-width:84ch}.wshelf-ws{display:grid;gap:14px}.wshelf-ws>h2{margin:0}
.wparts li{padding:0;border:0;background:none}.wparts a{display:block;padding:6px 14px;border:1px solid var(--p-line);border-radius:99px;background:var(--w-paper)}
.wparts a:hover{border-color:var(--p-ink)}.present .wparts a[aria-current]{background:var(--p-ink);border-color:var(--p-ink);color:#fff}
.wb .pdocs{margin:0}

/* narrow screens */
@media (max-width:1180px){.wnav{display:none}.wmenu{display:block}.wtop .ptop-in{gap:14px}.woffers,.wcards,.wsectors,.wprin{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wgrid{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.wsteps,.wsteps4,.wtrust4{grid-template-columns:repeat(2,minmax(0,1fr))}.wevid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wsplit{gap:48px}.wplat2-in{grid-template-columns:minmax(0,1fr)}.whero h1{font-size:60px}html[dir=rtl] .whero h1{font-size:54px}}
@media (max-width:900px){.wshots{grid-template-columns:minmax(0,1fr);gap:40px}.wdocs,.wlibs{grid-template-columns:minmax(0,1fr)}.wtop .ptop-in{flex-wrap:nowrap;padding-top:12px;padding-bottom:12px;min-height:64px}.wtop .wcta{display:none}
  .wsplit,.wgrid,.wcontact,.wcontact-3,.wfoot-grid,.wcreds,.wlead-block{grid-template-columns:minmax(0,1fr)}.wsplit{gap:36px}
  .wb{padding:76px 0}.wpage{padding:64px 0 56px}.whero{padding-top:84px;min-height:0}.whero-in{gap:64px}
  .whero h1{font-size:42px;line-height:1.08}html[dir=rtl] .whero h1{font-size:38px;line-height:1.45}.whero-proof{font-size:18px;margin-top:22px}
  .wb h2,.wpage h1,.whead h1{font-size:34px}html[dir=rtl] .wb h2,html[dir=rtl] .wpage h1,html[dir=rtl] .whead h1{font-size:31px}
  .wpage-in:has(.wpage-mark){grid-template-columns:72px minmax(0,1fr);gap:20px}.wpage-mark .wring{width:72px;height:72px}
  .wcount-all b{font-size:72px}.wcount dl{grid-template-columns:repeat(2,minmax(0,1fr))}.wouts,.wout,.wroles{grid-template-columns:minmax(0,1fr)}
  .wohead{grid-template-columns:72px minmax(0,1fr);gap:18px}.wohead .wring{width:72px;height:72px}.wchallenge{font-size:23px}
  .wsum{position:static}.wfoot-grid{gap:28px;padding-top:48px}.wband{padding:28px 24px}.wclose .wa-rings{opacity:.25}.wmethod .wa-lattice{width:100%;opacity:.3}
  .wrows a{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"r n" "r p" "r g";gap:6px 16px;padding:20px 2px}.wrows .wgo{justify-self:start;margin-top:4px}}
@media (max-width:600px){.woffers,.wcards,.wtiles,.wfields,.wsteps,.wsteps4,.wtrust4,.wohead,.wsectors,.wprin,.wcreds dl,.wcase-f,.wevid,.wcreds-dl{grid-template-columns:minmax(0,1fr)}
  .wohead .wring{width:64px;height:64px}.wacts .pbtn,.wband .pbtn,.wclose .pbtn{white-space:normal;text-align:center}.wstepper li span{display:none}
  .wdl{grid-template-columns:minmax(0,1fr)}.wdl dt{border-bottom:0;padding-bottom:0}.wsignin{display:none}.wacts .pbtn{flex:1 1 100%}
  .whero h1{font-size:38px}html[dir=rtl] .whero h1{font-size:34px}.wb h2,.wpage h1{font-size:30px}html[dir=rtl] .wb h2,html[dir=rtl] .wpage h1{font-size:28px}
  .wevid{gap:14px}.wsigns{padding:16px 18px}.wcontact .pcard{padding:24px}.present .wcontact a.wmail{font-size:19px}.wcount dt{font-size:34px}}
@media (prefers-reduced-motion:reduce){.wa-draw path,.whero-copy{animation:none}.woffer,.wtheme>summary::after{transition:none}}

/* print: the confirmation and the request pages print as a clean summary */
@media print{.wtop,.wfoot,.wskip,.wnav-row,.wprint-hide,.ptop,.pfoot,.wart{display:none!important}.present main.pmain{padding:0}.wsum{position:static}
  body.present{font-size:12pt}.wdl dt,.wdl dd{padding:6px 0}.wref{background:none;border:1px solid #122618}.wb-night,.whero{background:none;color:#000}}
/* R14 (REQ-644): "Watch the walkthrough": SIP's own HTML5 player, its poster, and "coming soon" when a video is not yet in the media folder */
.wwatch .wsplit-h{margin-bottom:28px}
.wvids{display:grid;gap:28px}.wvids-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.wvids-1{max-width:880px}
.wvid{margin:0;display:grid;gap:12px}
.wvid video,.wvid-soon{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;background:var(--w-night);
  box-shadow:0 24px 60px rgba(18,38,24,.16),0 0 0 1px rgba(201,211,198,.25)}
.wvid-soon{position:relative;overflow:hidden}
.wvid-soon img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92}
.wvid-soon p{position:absolute;inset-inline-start:18px;inset-block-end:16px;margin:0;font-size:13.5px;font-weight:600;line-height:1;padding:9px 13px;
  border-radius:99px;background:rgba(18,38,24,.86);color:#fff;border:1px solid rgba(201,211,198,.35)}
.wvid figcaption{font-size:14.5px;line-height:1.55;color:var(--w-mute)}.wvid figcaption b{color:var(--w-night);font-weight:600}
.wb-night .wvid figcaption{color:var(--w-sage-2)}.wb-night .wvid figcaption b{color:#fff}
@media (max-width:900px){.wvids-2{grid-template-columns:minmax(0,1fr)}}
/* R14 (REQ-634): a glimpse of the documents on /knowledge: one preview per part of the library */
.wglimpse-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}
.wglimpse-f{margin:0;background:#fff;border:1px solid var(--w-hair);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}
.wglimpse-f img{display:block;width:100%;height:auto;border-radius:6px;background:#efeae2}
.wglimpse-f figcaption{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;line-height:1.35}
.wglimpse-f figcaption span{color:var(--w-mute);font-size:.82rem}
.wb-night .wlead-d{color:var(--w-sage)}