/* Inside Growisco. Landing previews only: not used on index6.php (learning page). */
#preview.growisco-inside-card{--gi-title-color:#075b3e;--gi-description-color:#222;--gi-title-size:26px;--gi-description-size:14px;box-sizing:border-box;min-width:0;min-height:0!important;height:auto;padding:19px 18px 20px;background:#fffaf4;border:1px solid #ece6dc;border-radius:16px;overflow:visible}
#preview.growisco-inside-card *{box-sizing:border-box}
#preview .gi-title{color:var(--gi-title-color);font-size:var(--gi-title-size);line-height:1.4;text-align:center;margin:0 0 8px;font-weight:800;overflow-wrap:anywhere}
#preview .gi-description{color:var(--gi-description-color);font-size:var(--gi-description-size);line-height:1.55;text-align:center;margin:0 0 14px;overflow-wrap:anywhere}
#preview .gi-section-list{display:flex;flex-direction:column;gap:10px;min-width:0}
#preview .gi-section-wrap{min-width:0;border:1px solid #e2eae5;border-radius:15px;background:#fff;box-shadow:0 3px 13px rgba(14,62,41,.035);overflow:hidden}
#preview .gi-section{display:flex;align-items:center;min-width:0;gap:12px;width:100%;min-height:66px;padding:11px 15px;text-align:left;border:0;background:transparent;cursor:pointer;color:#102b46;font-size:15px;font-weight:750;line-height:1.4}
#preview .gi-section:focus-visible,#preview .gi-module:focus-visible,.gi-dialog-close:focus-visible{outline:3px solid #4ba67b;outline-offset:-3px}
#preview .gi-section-name{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
#preview .gi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#e8f7ef;color:#087a51}
#preview .gi-icon svg{width:22px;height:22px}
#preview .gi-count{flex:0 0 auto;color:#7e8b97;font-size:12px;font-weight:500;white-space:nowrap}
#preview .gi-chevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;color:#51796a;transition:transform .15s ease}
#preview .gi-chevron svg{width:19px;height:19px;display:block}
#preview .gi-section[aria-expanded="true"] .gi-chevron{transform:rotate(180deg)}
#preview .gi-section:hover{background:#f8fcfa}
#preview .gi-modules[hidden]{display:none!important}
#preview .gi-modules{padding:0 12px 12px;max-height:270px;overflow-y:auto;overscroll-behavior:contain}
#preview .gi-module{display:flex;align-items:center;width:100%;gap:10px;min-height:42px;text-align:left;cursor:pointer;color:#143e53;border:1px solid #e7eee9;background:#f9fcfa;border-radius:10px;padding:10px 12px;margin-top:7px;font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
#preview .gi-module-name{flex:1;min-width:0}
#preview .gi-module-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;color:#638379}
#preview .gi-module-arrow svg{width:17px;height:17px}
#preview .gi-module:hover{background:#ecf8f1;border-color:#c4e7d5}
#preview .gi-message{font-size:12px;color:#63766b;text-align:center;line-height:1.5;margin:12px 0}
.gi-modal[hidden]{display:none!important}
.gi-modal{position:fixed;inset:0;z-index:10080;background:rgba(11,28,42,.71);padding:24px;display:flex;align-items:center;justify-content:center}
.gi-dialog-card{width:min(690px,100%);max-height:min(84vh,850px);background:#fff;border-radius:18px;box-shadow:0 24px 65px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}
.gi-dialog-header{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5eee8;padding:17px 21px;background:#f8fcfa}
.gi-dialog-header h3{margin:0;min-width:0;flex:1;font-size:20px;line-height:1.45;color:#075b3e;overflow-wrap:anywhere}
.gi-dialog-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #dce7e1;border-radius:50%;font-size:26px;line-height:1;background:#fff;color:#233c43;cursor:pointer}
.gi-dialog-content{padding:16px 20px 22px;overflow-y:auto;overscroll-behavior:contain}
.gi-topic-group{margin:0 0 13px;border:1px solid #e6ebe8;border-radius:12px;overflow:hidden;background:#fff}
.gi-title-row{font-size:13px;line-height:1.6;border-top:1px solid #eef2ef;padding:10px 14px;color:#23364b;overflow-wrap:anywhere}
.gi-qnumber{font-size:12px;font-weight:700;color:#508269;margin-right:8px}
.gi-empty{font-size:13px;color:#64748b;text-align:center;line-height:1.7;margin:10px}
@media(max-width:700px){#preview.growisco-inside-card{padding:17px 13px!important;min-height:0!important}#preview .gi-title{font-size:min(var(--gi-title-size),6.2vw)}#preview .gi-description{font-size:min(var(--gi-description-size),4vw)}#preview .gi-section{min-height:61px;padding:9px 12px;font-size:14px;gap:10px}#preview .gi-icon{width:39px;height:39px;flex-basis:39px}#preview .gi-count{font-size:11px}.gi-modal{padding:12px}.gi-dialog-card{max-height:88dvh;border-radius:15px}.gi-dialog-header{padding:12px 14px}.gi-dialog-header h3{font-size:17px}.gi-dialog-content{padding:12px}.gi-title-row{font-size:12px}}

/* PRIMARY SHOWCASE FULL WIDTH — V2 final first page only.
   No changes to index6.php or learning page CSS. */
.v2-page .gi-full-preview-section{padding:26px 0 18px!important;overflow:visible}
.v2-page .gi-full-preview-container,.v2-page .gi-course-followup-container{display:block;min-width:0}
.v2-page #preview.growisco-inside-card{width:100%;max-width:100%;margin:0 auto;min-height:0!important;padding:28px clamp(16px,3vw,42px) 32px;background:#fffbf5;border:1px solid #ebe6dd;border-radius:20px}
.v2-page #preview .gi-title{margin:0 auto 10px;max-width:100%;line-height:1.35}
.v2-page #preview .gi-description{margin:0 auto 22px;max-width:1100px;line-height:1.65}
.v2-page #preview .gi-section-list{gap:12px}
.v2-page #preview .gi-section-wrap{border:1px solid #dfe8e2;border-radius:16px;box-shadow:0 2px 10px rgba(20,54,37,.04)}
.v2-page #preview .gi-section{min-height:77px;padding:15px 19px;gap:14px;font-size:16px}
.v2-page #preview .gi-icon{flex-basis:45px;width:45px;height:45px;border-radius:12px}
.v2-page #preview .gi-icon svg{width:23px;height:23px}
.v2-page #preview .gi-chevron{flex-basis:24px;width:24px;height:24px}
.v2-page #preview .gi-chevron svg{width:21px;height:21px}
.v2-page .gi-course-followup-section{padding:6px 0 24px!important}
.v2-page .gi-course-followup-section .course-card{width:100%;min-height:0;padding:24px clamp(16px,3vw,35px);box-sizing:border-box}
.v2-page .gi-course-followup-section .course-card>p{margin-bottom:18px}
.v2-page .gi-course-followup-section .flow-trust{margin-top:18px}
@media(max-width:700px){
 .v2-page .gi-full-preview-section{padding:14px 0 12px!important}
 .v2-page #preview.growisco-inside-card{padding:20px 12px 22px!important;border-radius:17px}
 .v2-page #preview .gi-description{margin-bottom:15px;line-height:1.6}
 .v2-page #preview .gi-section-list{gap:9px}
 .v2-page #preview .gi-section{min-height:64px;padding:11px 10px;font-size:14px;gap:10px}
 .v2-page #preview .gi-icon{flex-basis:39px;width:39px;height:39px}
 .v2-page #preview .gi-count{font-size:10px}
 .v2-page #preview .gi-chevron{flex-basis:21px;width:21px;height:21px}
 .v2-page .gi-course-followup-section{padding:3px 0 20px!important}
 .v2-page .gi-course-followup-section .course-card{padding:19px 13px!important}
}

/* Growisco learning-list visual language for the PUBLIC preview popup ONLY.
   There are deliberately no clickable question expand controls. */
body.gi-modal-open{overflow:hidden}
.gi-dialog-header{background:#eaf7ef;border-bottom:1px solid #d6ebdb;border-left:3px solid #149c4f}
.gi-dialog-header h3{color:#06753d;font-weight:800}
.gi-dialog-content{background:#fff;padding:15px 17px 20px}
.gi-topic-group{background:transparent;border:0;border-radius:0;overflow:visible;margin:0 0 7px}
.gi-title-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dee8e1;border-radius:9px;margin-bottom:6px;padding:11px 13px;font-size:13px;color:#0f2f4f;min-height:53px;line-height:1.45;box-shadow:0 1px 3px rgba(18,60,40,.025)}
.gi-qnumber{display:inline-flex;align-items:center;justify-content:center;flex:0 0 31px;min-width:31px;min-height:31px;line-height:1.1;background:#fff;border:1px solid #edf3ef;border-radius:9px;box-shadow:0 3px 9px rgba(21,88,55,.09);font-weight:750;color:#19864b;margin:0;text-align:center;padding:4px}
.gi-qcopy{min-width:0;flex:1 1 auto;overflow-wrap:anywhere}
.gi-qtitle{font-weight:750;color:#102c4c;font-size:13px;line-height:1.5}
.gi-public-description{font-size:11.5px;font-weight:400;line-height:1.5;color:#74868a;margin:3px 0 0;white-space:pre-line}
@media(max-width:700px){.gi-dialog-content{padding:11px}.gi-title-row{gap:9px;padding:10px;min-height:51px}.gi-qnumber{flex-basis:29px;min-width:29px;min-height:29px}.gi-qtitle{font-size:12.5px}.gi-public-description{font-size:11px}}

/* Oct 10 final review — changes ONLY Inside Growisco public landing preview.
   Module cards: larger, clear, consistent on mobile and desktop. */
.v2-page #preview .gi-modules{padding:0 14px 15px;max-height:360px;overflow-y:auto}
.v2-page #preview .gi-module{min-height:54px;margin-top:8px;padding:12px 15px;font-size:15px;line-height:1.45;border-color:#dfe8e2;background:#fff;border-radius:11px}
.v2-page #preview .gi-module-arrow{flex:0 0 22px;width:22px;height:22px}
.v2-page #preview .gi-module-arrow svg{width:19px;height:19px}
/* All main-topic rows identical WHITE cards, with dynamic heights for descriptions. */
.gi-dialog-content{padding:16px 18px 22px}
.gi-dialog-content>.gi-title-row{display:flex;align-items:center;min-height:56px;margin-bottom:8px;padding:12px 14px;gap:12px;background:#fff;border:1px solid #dee8e1;border-radius:11px}
.gi-dialog-content>.gi-title-row .gi-qtitle{font-size:15px;line-height:1.5;color:#102c4c;font-weight:750}
.gi-dialog-content>.gi-title-row .gi-public-description{font-size:13px;line-height:1.55;margin-top:5px;color:#677b81;white-space:pre-line}
.gi-dialog-content>.gi-title-row .gi-qnumber{align-self:flex-start;flex:0 0 32px;min-width:32px;min-height:32px}
@media(max-width:700px){
 .v2-page #preview .gi-modules{padding:0 10px 12px;max-height:320px}
 .v2-page #preview .gi-module{min-height:54px;font-size:15px;margin-top:8px;padding:11px 12px}
 .gi-dialog-content{padding:12px}
 .gi-dialog-content>.gi-title-row{min-height:56px;margin-bottom:8px;padding:11px 10px;gap:10px}
 .gi-dialog-content>.gi-title-row .gi-qtitle{font-size:15px}
 .gi-dialog-content>.gi-title-row .gi-public-description{font-size:12.5px;line-height:1.55}
 .gi-dialog-content>.gi-title-row .gi-qnumber{flex-basis:30px;min-width:30px;min-height:30px}
}

/* Same Growisco public-preview theme; status-only rows are never interactive. */
#preview .gi-coming-soon-badge,.gi-dialog-card .gi-coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;border:1px solid #f3d4ac;border-radius:18px;background:#fff5e9;color:#9b5216;font-size:11px;font-weight:700;line-height:1.3;padding:5px 9px;margin-left:auto}
#preview .gi-coming-soon{cursor:default;opacity:.88}
#preview .gi-section.gi-coming-soon:hover,#preview .gi-module.gi-coming-soon:hover{background:transparent}
#preview .gi-module.gi-coming-soon:hover{background:#f9fcfa}
@media(max-width:620px){#preview .gi-coming-soon-badge{font-size:10px;padding:4px 7px}}