.gvr{--navy:#2f4f78;--orange:#e8743b;--ink:#24354a;--line:#e5eaf0;max-width:1260px;margin:14px auto;padding:12px;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}.gvr *{box-sizing:border-box}.gvr button,.gvr input{font:inherit}.gvr button{cursor:pointer}.gvr-header{background:linear-gradient(120deg,#2f4f78,#1c3454);padding:20px 23px;border-radius:17px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px}.gvr-header h2{margin:3px 0;color:#fff;font-size:26px;line-height:1.2}.gvr-header small{font-size:11px;letter-spacing:1px}.gvr-headlinks{display:flex;flex-wrap:wrap;gap:15px}.gvr-headlinks a{color:#fff;font-size:13px}.gvr-workspace{display:grid;grid-template-columns:210px 300px minmax(0,1fr);gap:14px;margin-top:15px;align-items:start}.gvr-panel{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 4px 16px #24354a08}.gvr-side{padding:17px;position:sticky;top:12px}.gvr-side h3,.gvr-list h3{font-size:15px;margin:0 0 14px}.gvr-cats{display:flex;flex-direction:column;gap:5px}.gvr-cats button{border:0;background:transparent;color:#46586e;text-align:left;padding:11px 12px;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.gvr-cats button.active{background:#eaf1f8;color:#2f4f78;font-weight:700}.gvr-count-pill{background:#f1f4f7;border-radius:99px;padding:2px 7px;font-size:11px}.gvr-list{padding:16px;max-height:calc(100vh - 120px);min-height:560px;overflow:auto}.gvr-search{width:100%;border-radius:10px;border:1px solid #dce3eb;padding:12px;font-size:14px;outline-color:#2f4f78;margin-bottom:14px}.gvr-list-meta{font-size:12px;color:#7a8797;margin:-5px 0 12px}.gvr-items{display:flex;flex-direction:column;gap:7px}.gvr-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px;min-height:76px;color:var(--ink)}.gvr-item.active{border-color:#e8743b;background:#fff8f4;box-shadow:0 0 0 1px #e8743b55}.gvr-thumb{width:64px;height:64px;border-radius:10px;object-fit:cover;flex-shrink:0;background:#edf1f5}.gvr-nophoto{display:grid;place-items:center;font-size:22px;color:#acb7c2}.gvr-item-title{font-weight:750;font-size:13px;line-height:1.4}.gvr-item-cat{font-size:10px;color:#a36d4a;margin-bottom:4px}.gvr-detail{padding:22px;min-height:560px}.gvr-detail-top{display:flex;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.gvr-detail-photo{height:100px;width:100px;border-radius:14px;object-fit:cover;background:#eff3f6;flex-shrink:0}.gvr-detail-cat{font-size:11px;font-weight:750;color:#d66d31;text-transform:uppercase;letter-spacing:.6px}.gvr-detail-title{font-size:clamp(22px,2.1vw,29px);margin:7px 0;line-height:1.2}.gvr-section-title{margin:24px 0 12px;font-size:17px}.gvr-ing{width:100%;border-collapse:collapse;font-size:14px}.gvr-ing th{color:#728092;font-size:12px;text-align:left;font-weight:600}.gvr-ing th,.gvr-ing td{padding:12px 8px;border-bottom:1px solid #edf1f5}.gvr-ing td:last-child,.gvr-ing th:last-child{text-align:right;font-weight:650;white-space:nowrap}.gvr-steps{white-space:pre-line;line-height:1.8;font-size:14px;border:1px solid #edf0f4;background:#f8fafc;padding:17px;border-radius:12px}.gvr-source{font-size:12px;color:#77869a;margin-top:18px}.gvr-manage{display:inline-block;color:#2f4f78;margin-top:10px;font-size:13px}.gvr-mobile-tools,.gvr-back,.gvr-shade{display:none}.gvr-empty{font-size:13px;color:#8490a0;padding:25px 8px}.gvr-guard{max-width:600px;margin:30px auto;padding:20px;background:#fff;border:1px solid #dce3eb;border-radius:14px}
@media(max-width:1000px){.gvr-workspace{grid-template-columns:175px 250px minmax(0,1fr)}.gvr-side{padding:10px}.gvr-list{padding:10px}.gvr-detail{padding:16px}.gvr-detail-top{gap:10px}.gvr-item{gap:8px}.gvr-thumb{width:55px;height:55px}.gvr-detail-photo{width:85px;height:85px}}
@media(max-width:730px){.gvr{padding:8px;margin:0}.gvr-header{padding:16px;border-radius:13px}.gvr-header h2{font-size:23px}.gvr-headlinks{gap:10px}.gvr-workspace{display:block;margin-top:10px}.gvr-side{display:none;position:fixed;z-index:102;left:10px;top:10px;bottom:10px;width:min(300px,80vw);overflow:auto;padding:17px}.gvr-side.is-open{display:block}.gvr-shade.is-open{display:block;position:fixed;inset:0;background:#0007;z-index:101}.gvr-mobile-tools{display:block;margin:12px 0}.gvr-mobile-tools button,.gvr-back{display:inline-block;border:1px solid #dce3eb;background:#fff;border-radius:9px;padding:10px 12px;font-weight:650;color:#2f4f78}.gvr-list{max-height:none;min-height:0}.gvr-item{min-height:82px}.gvr-thumb{width:64px;height:64px}.gvr-detail{display:none;margin-top:10px;min-height:0}.gvr.show-detail .gvr-list,.gvr.show-detail .gvr-mobile-tools{display:none}.gvr.show-detail .gvr-detail{display:block}.gvr-back{margin-bottom:16px}.gvr-detail-photo{width:100px;height:100px}.gvr-detail-title{font-size:23px}}

/* v1.0.6: mobile left sidebar always visible, never overlays content */
@media(max-width:730px){
 .gvr{width:100%;max-width:100%;padding:6px;margin:0}
 .gvr-header{padding:13px 11px;border-radius:11px;gap:8px}
 .gvr-header h2{font-size:20px}
 .gvr-headlinks a{font-size:11px}
 .gvr-workspace{display:grid;grid-template-columns:112px minmax(0,1fr);gap:7px;margin-top:9px;align-items:start}
 .gvr-side,.gvr-side.is-open{display:block;position:sticky;top:6px;left:auto;bottom:auto;z-index:1;width:auto;height:auto;max-height:calc(100dvh - 12px);overflow-y:auto;overflow-x:hidden;padding:7px 5px;border-radius:10px}
 .gvr-side h3{font-size:12px;margin:3px 4px 8px}
 .gvr-cats{gap:4px}
 .gvr-cats button{padding:10px 5px;display:flex;align-items:flex-start;gap:3px;flex-direction:column;font-size:11px;line-height:1.25;overflow-wrap:anywhere;word-break:normal}
 .gvr-count-pill{padding:1px 5px;font-size:10px}
 .gvr-mobile-tools,.gvr-shade,.gvr-shade.is-open{display:none!important}
 .gvr-list{display:block;min-height:0;max-height:none;padding:9px;border-radius:10px}
 .gvr-list h3{font-size:14px;margin:3px 0 9px}
 .gvr-search{font-size:13px;padding:10px 8px;min-width:0;margin-bottom:10px}
 .gvr-items{gap:7px}
 .gvr-item{padding:7px;gap:7px;min-height:67px;align-items:center}
 .gvr-thumb{width:42px;height:42px;border-radius:8px}
 .gvr-item-title{font-size:12px}
 .gvr-item-cat{font-size:9px;line-height:1.25}
 .gvr-detail{display:none;grid-column:2;min-width:0;min-height:0;padding:10px;margin:0;border-radius:10px}
 .gvr.show-detail .gvr-list{display:none}
 .gvr.show-detail .gvr-detail{display:block}
 .gvr-back{display:inline-block;margin-bottom:12px;font-size:12px;padding:8px}
 .gvr-detail-top{gap:9px;align-items:flex-start}
 .gvr-detail-photo{width:60px;height:60px;border-radius:9px}
 .gvr-detail-title{font-size:17px;overflow-wrap:anywhere;margin:4px 0}
 .gvr-detail-cat{font-size:10px}
 .gvr-section-title{font-size:14px;margin:17px 0 8px}
 .gvr-ing{font-size:12px;table-layout:fixed;width:100%}
 .gvr-ing th,.gvr-ing td{padding:8px 3px;overflow-wrap:anywhere}
 .gvr-ing th:last-child,.gvr-ing td:last-child{width:80px;white-space:normal;text-align:right}
 .gvr-steps{font-size:12px;padding:9px;line-height:1.6;overflow-wrap:anywhere}
}
@media(max-width:380px){.gvr-workspace{grid-template-columns:99px minmax(0,1fr);gap:5px}.gvr-cats button{font-size:10px}.gvr-side{padding:5px 3px}.gvr-list{padding:7px}.gvr-thumb{width:36px;height:36px}.gvr-item{gap:5px;padding:5px}.gvr-item-title{font-size:11px}.gvr-detail{padding:8px}}

/* v1.0.7: streamlined categories & GUVIET search design */
.gvr-cats button{justify-content:flex-start;line-height:1.4;overflow-wrap:anywhere}
.gvr-search,.gvr input.gvr-search{background:#f4f8fd!important;color:#203b5c!important;border:1.5px solid #b5c9df!important;border-radius:12px!important;box-shadow:inset 0 1px 2px rgba(32,59,92,.035),0 2px 8px rgba(47,79,120,.055)!important;outline:none!important;transition:border-color .18s ease,box-shadow .18s ease}
.gvr-search::placeholder{color:#7e91a7!important;opacity:1}
.gvr-search:focus{background:#fff!important;border-color:#e8743b!important;box-shadow:0 0 0 3px rgba(232,116,59,.15)!important}
@media(max-width:720px){.gvr-search,.gvr input.gvr-search{font-size:14px!important;padding:11px 10px!important}}