/* vaayaa guides: listing and ebook header styles. Own file, loaded only on guides pages. */
.gd{max-width:1080px;margin:0 auto;padding:24px 16px 40px;color:#1e293b;--c:#0B3D2E}
.gd h1{font-size:clamp(26px,5vw,40px);line-height:1.15;color:#0B3D2E;margin:6px 0 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gd h2{font-size:clamp(19px,3vw,24px);color:#0B3D2E;margin:28px 0 12px}
.gd-lead{font-size:clamp(16px,2.4vw,19px);line-height:1.65;color:#334155;max-width:780px;margin:0 0 14px}
.gd-bc{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#64748b;margin:0 0 6px}
.gd-bc a{color:#64748b;text-decoration:none}.gd-bc a:hover{text-decoration:underline}
.gd-i{width:20px;height:20px;flex:none}.gd-is{width:16px;height:16px}.gd-it{width:30px;height:30px;color:var(--c)}
.gd-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.gd-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;text-decoration:none}
.gd-pa{background:#fff;color:var(--c);border-color:var(--c)}.gd-pa span{font-weight:400;color:#64748b}
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.gd-card{background:#fff;border:1px solid #e2e8f0;border-top:3px solid var(--c);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.gd-card h3{font-size:16px;line-height:1.35;margin:0}.gd-card h3 a{color:#0B3D2E;text-decoration:none}.gd-card h3 a:hover{text-decoration:underline}
.gd-sub2{font-size:13px;line-height:1.5;color:#475569;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gd-cm{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#64748b;margin-top:auto}.gd-cm span{display:inline-flex;align-items:center;gap:5px}
.gd-sec{margin:0 0 30px;scroll-margin-top:90px}
.gd-sh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:3px solid #F4C430;margin:0 0 12px;padding-top:8px}
.gd-sh h2{margin:0;display:flex;align-items:center;gap:8px}.gd-sh a{font-size:14px;font-weight:600;color:#0B3D2E}
.gd-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.gd-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--c);border-radius:12px;padding:16px;text-decoration:none;color:#1e293b}
.gd-tile:hover{border-color:var(--c)}.gd-tile strong{font-size:17px;color:#0B3D2E}.gd-tile span{font-size:13px;font-weight:600;color:var(--c)}.gd-tile em{font-style:normal;font-size:13px;line-height:1.5;color:#475569}
.gd-btn{display:inline-flex;align-items:center;gap:8px;background:#0B3D2E;color:#fff;font-weight:600;font-size:15px;padding:10px 18px;border-radius:10px;text-decoration:none}
.gd-btn:hover{background:#06752E}.gd-more{margin:24px 0 0}
.gd-head p{font-size:16px;line-height:1.7;max-width:780px;margin:0 0 12px}
.gd-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0 0 16px;font-size:14px;color:#475569}.gd-meta li{display:inline-flex;align-items:center;gap:7px}
.gd-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:4px 20px 14px;margin:0 0 14px}
.gd-box ul,.gd-box ol{margin:0;padding-left:20px;line-height:1.7;font-size:15px}.gd-toc{columns:2;column-gap:28px}.gd-toc a{color:#0B3D2E}
.gd-e{padding-bottom:8px}
@media(max-width:640px){.gd-toc{columns:1}.gd{padding:16px 12px 32px}}

/* ebook pages (renderer) */

.gb{max-width:900px;margin:0 auto;padding:0 16px}
.gp{container-type:inline-size;position:relative;aspect-ratio:1/1.414;background:#fbf9f5;margin:0 auto 24px;box-shadow:0 8px 28px rgba(30,50,35,.18);overflow:hidden;color:#1c2b22;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.gp .in{position:absolute;inset:0;font-size:1.8cqw;line-height:1.5}
.gp .dgw,.gp .dgw *{font-family:inherit}
.gp .rl{position:absolute;left:0;top:0;bottom:0;width:25%;background:#b7cbb0}
.gp .rl:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.12) 0 .6em,transparent .6em 1.2em)}
.gp .ch{position:absolute;left:12%;top:11.5%;font-size:1.65cqw;letter-spacing:.18em;color:#2c4a35;font-weight:600;text-transform:uppercase}
.gp .no{position:absolute;left:12%;bottom:6%;font:700 3.2cqw Georgia,serif;color:#2c4a35}
.gp .bd{position:absolute;left:32.5%;width:60%;top:15%;bottom:15%;display:flex;flex-direction:column;gap:.7em}
.gp .tz{position:absolute;left:32.5%;width:60%;top:6%;height:64%;overflow:hidden;font-size:calc(var(--f,1.8)*1cqw);line-height:1.5}.gp .tz.full{height:86%}.gp .tx{display:flex;flex-direction:column;gap:.7em}
.gp .iz{position:absolute;left:32.5%;width:60%;top:72%;height:21%;overflow:hidden;font-size:1.8cqw;line-height:1.5}.gp .dgw{transform-origin:0 0;width:100%}
.gp h2{margin:0;font:700 3.3em/1.08 Georgia,"Times New Roman",serif;color:#2c4a35}
.gp .ru{height:1px;background:#9db79a;position:relative;margin:.1em 0 .2em}
.gp .ru:before,.gp .ru:after{content:"";position:absolute;top:-.55em;width:1.5em;height:1em;border:1px solid #9db79a;border-radius:100% 0 100% 0}
.gp .ru:before{left:-.2em}.gp .ru:after{right:-.2em;transform:scaleX(-1)}
.gp p{margin:0}.gp .q{background:#e7ede3;border-left:.3em solid #a7bf9f;padding:.6em .9em;font-style:italic}
.gp .cp{font-size:.78em;color:#6b7d70;text-align:center;margin-top:.4em}
.gp .fl{display:flex;align-items:center;justify-content:space-between}.gp .fl .b{background:#fff;border:.15em solid #049f82;border-radius:.6em;padding:.8em .3em;flex:1;text-align:center;font-weight:600;color:#2c4a35;font-size:.9em}
.gp .fl .a{width:0;height:0;margin:0 .3em;border-top:.55em solid transparent;border-bottom:.55em solid transparent;border-left:.8em solid #06752E}
.gp .bx{display:flex;gap:4%;padding:0 2%}.gp .bc{flex:1;min-width:0;display:flex;flex-direction:column}.gp .bw{height:10em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-bottom:.15em solid #2c4a35}.gp .bw i{display:block;width:100%;height:var(--p);background:linear-gradient(#049f82,#06752E);border-radius:.3em .3em 0 0}.gp .bw b{font-size:.8em;margin-bottom:.2em;font-weight:600}.gp .bl{text-align:center;font-size:max(12px,.82em);font-weight:600;padding-top:.3em;line-height:1.25}
.gp .ts{display:contents}
.gp .tl{position:relative;height:10em;margin:0 3%}.gp .tl:before{content:"";position:absolute;left:0;right:0;top:4.2em;height:.25em;background:#a7bf9f;border-radius:1em}
.gp .tl .s{position:absolute;top:3.35em;width:2em;height:2em;margin-left:-1em;border-radius:50%;background:#fff;border:.25em solid #049f82;text-align:center;font-size:.85em;font-weight:700;color:#2c4a35;line-height:1.5em}
.gp .tl .t{position:absolute;width:6em;margin-left:-3em;text-align:center;font-size:max(12px,.8em);font-weight:600;line-height:1.25}.gp .tl .t.u{top:auto;bottom:8.8em}.gp .tl .t.d{top:7.2em}
.gp table{border-collapse:collapse;width:100%;font-size:.9em}.gp th,.gp td{padding:.55em .4em;border-bottom:1px solid #cdd9ca;text-align:center}
.gp th{background:#2c4a35;color:#fff;font-weight:600}.gp td:first-child,.gp th:first-child{text-align:left}.gp .dt{letter-spacing:.2em;color:#06752E}
.gp .mm{position:relative;height:14em}.gp .mm .core{position:absolute;left:50%;top:50%;border-radius:50%;background:#2c4a35;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:max(12px,.85em);line-height:1.25;padding:.3em;box-sizing:border-box}
.gp .mm .n{position:absolute;padding:.4em .3em;box-sizing:border-box;background:#fff;border:.15em solid #049f82;border-radius:2em;text-align:center;font-size:max(12px,.8em);font-weight:600;line-height:1.25;color:#2c4a35}
.gp .mm .l{position:absolute;height:.12em;background:#a7bf9f;transform-origin:0 50%}
.gp .rw{display:flex;gap:1.2em;align-items:center}.gp .dn{flex:0 0 10em;width:10em;height:10em;border-radius:50%;position:relative}.gp .dn:after{content:"";position:absolute;inset:2.4em;border-radius:50%;background:#fbf9f5}
.gp .lg{font-size:.9em;list-style:none;margin:0;padding:0}.gp .lg li{display:flex;align-items:center;gap:.5em;margin:.3em 0}.gp .lg s{width:.9em;height:.9em;border-radius:.2em;display:inline-block;flex:none}
.gp .vn{position:relative}.gp .vn i{position:absolute;width:8.4em;height:8.4em;border-radius:50%;mix-blend-mode:multiply}.gp .vn .vl{position:absolute;width:7em;margin:-1.2em 0 0 -3.5em;text-align:center}.gp .vn span{line-height:1.2;font-size:max(12px,.8em);font-weight:600;color:#2c4a35}.gp .vn span.o{width:auto;max-width:9em;margin:0;white-space:normal}.gp .vn span.ol{text-align:right;transform:translate(-100%,-.9em)}.gp .vn span.or{text-align:left;transform:translateY(-.9em)}.gp .vn span.ob{transform:translate(-50%,0);text-align:center}
.gp .py{display:flex;flex-direction:column;align-items:center;gap:.25em}.gp .py div{box-sizing:border-box;padding:.5em .3em;text-align:center;font-size:.85em;font-weight:600;color:#fff;border-radius:.3em}
.gp .sh{display:flex;justify-content:space-around;font-size:.85em;text-align:center}.gp .sh .x{display:block;margin:0 auto .4em;width:3.2em;height:3.2em;background:#049f82}
.gp .pc{display:flex}.gp .pc div{flex:1;padding:1em .9em 1em 1.2em;margin-right:-.4em;background:#049f82;color:#fff;font-weight:600;font-size:.85em;text-align:center;clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%,14% 50%)}
.gp .pc div:last-child{margin-right:0}
.gp .dgw{display:flow-root}.gp .cy{position:relative;width:100%;aspect-ratio:3/1;margin:1.3em 0 1.7em}.gp .cy .rg{position:absolute;left:15%;right:15%;top:0;bottom:0;border:.22em solid #a7bf9f;border-radius:50%}.gp .cy .n{position:absolute;transform:translate(-50%,-50%);background:#fff;border:.15em solid #049f82;border-radius:2em;padding:.35em .9em;font-weight:600;font-size:max(12px,.85em);color:#2c4a35;white-space:nowrap;z-index:1}.gp .cy .ar{position:absolute;width:1em;height:1em;background:#06752E;clip-path:polygon(0 0,100% 50%,0 100%);z-index:1}
.gp .ft{position:absolute;left:32.5%;width:60%;bottom:6%;font-size:.75em;color:#6b7d70;text-align:left}.gp .ft a{color:#2c4a35;text-decoration:none;font-weight:600}
.gp .cv{position:relative;height:17em;margin-top:auto;overflow:hidden}.gp .cv i{position:absolute;display:block}
.gp .cvt{font:700 3.9em/1.08 Georgia,"Times New Roman",serif;font-size:min(3.9em,calc(57cqw/(var(--L,10)*.66)));color:#2c4a35;margin:.2em 0 0;overflow-wrap:break-word}.gp .cvs{font-size:1.15em;color:#3f5a47;margin:0}.gp .cvk{font-size:.85em;letter-spacing:.14em;text-transform:uppercase;color:#6b7d70;font-weight:600}
.gp .cva{font-size:.95em;border-top:1px solid #9db79a;padding-top:.6em}.gp .cva b{display:block;color:#2c4a35}
.gp .rf .tx{font-size:.88em;line-height:1.45}.gp .rf h3{margin:.5em 0 .2em;font:700 1.05em Georgia,serif;color:#2c4a35}.gp .rf ul{margin:0;padding-left:1.2em}.gp .rf a{color:#06752E}.gp .rf .u{display:block;font-size:.82em;color:#6b7d70;word-break:break-all;margin-bottom:.35em}
@media (max-width:899px){.gp .fl{flex-direction:column;align-items:stretch;gap:.3em}.gp .fl .a{margin:0 auto;border-top:.8em solid #06752E;border-left:.55em solid transparent;border-right:.55em solid transparent;border-bottom:0}.gp .fl .b{flex:none}
.gp .pc{flex-direction:column;gap:.3em}.gp .pc div{margin:0;clip-path:none;border-radius:.4em;padding:.7em;font-size:max(12px,.9em)}
.gp .tl{height:auto;margin:0}.gp .tl:before{left:1em;right:auto;top:0;bottom:0;width:.25em;height:auto}.gp .ts{display:flex;align-items:center;gap:.7em;position:relative;margin:0 0 .7em}.gp .tl .s,.gp .tl .t{position:static;left:auto!important;top:auto;width:auto!important;margin:0!important;text-align:left}.gp .tl .s{flex:none;width:2em!important}
.gp .bx{flex-direction:column;gap:.6em;padding:0}.gp .bc{flex-direction:row;align-items:center;gap:.6em}.gp .bl{flex:0 0 34%;text-align:left;padding:0;overflow-wrap:anywhere}.gp .bw{height:1.7em;flex:1;flex-direction:row;justify-content:flex-start;border-bottom:0;background:#e7ede3;border-radius:.3em}.gp .bw i{width:var(--p);height:100%;border-radius:.3em}.gp .bw b{order:2;margin:0 0 0 .4em}
.gp .mm{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.5em}.gp .mm .l{display:none}.gp .mm .core{position:static!important;width:auto!important;height:auto!important;margin:0!important;border-radius:2em;padding:.5em 1.2em;order:-1;flex-basis:100%}.gp .mm .n{position:static!important;width:auto!important;margin:0!important;padding:.4em .9em}
.gp .cy{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:.4em;margin:.4em 0}.gp .cy .rg,.gp .cy .ar{display:none}.gp .cy .n{position:static!important;transform:none}.gp .cy .n:not(:last-child):after{content:"\2193";display:block;color:#06752E;margin-top:.3em}.gp .cy .n:last-child:after{content:" \21BB";color:#06752E}
.gp table{table-layout:fixed}.gp th,.gp td{overflow-wrap:anywhere}.gp .rw{flex-wrap:wrap}
.gp .fl{flex-wrap:wrap;gap:.4em}.gp .fl .a{display:none}.gp .fl .b{flex:1 1 40%}.gp .tz,.gp .iz{position:static;width:auto;height:auto;margin:0 5%;font-size:16px;overflow:visible}.gp .iz{margin-bottom:16px}.gp .dgw{width:100%!important;transform:none!important}.gp .ft{position:static;margin:0 5% 16px;width:auto}.gp .cv{font-size:min(2.3vw,16px);height:17em}.gp h2{font-size:1.7em;overflow-wrap:anywhere}.gp .cvt{font-size:min(2.1em,calc(86vw/(var(--L,10)*.66)))}.gp .cvk{font-size:.8em}.gp{aspect-ratio:auto;container-type:normal}.gp .in{position:static;font-size:16px}.gp .rl{position:static;width:auto;height:44px}.gp .ch{left:5%;top:12px;font-size:12px}.gp .no{left:auto;right:5%;bottom:auto;top:8px;font-size:20px}.gp .bd{position:static;width:auto;padding:20px 5% 28px}.gp .fg{margin-top:.8em}}


/* VA-GD-FIX1: list markers and breathing space on the ebook landing page */
.gd-box ul{list-style:disc outside}
.gd-box ol{list-style:disc outside}
.gd-box li::marker{color:#0B3D2E}
.gd-head .gd-btn{margin:6px 0 26px}
