/* A visible purpose, with short optional instructions instead of permanent badge rows. */
.product-guide{min-width:0;color:var(--text,#e7f1f5);line-height:1.6;text-align:left}
.product-guide h3{font-size:17px;line-height:1.4;margin:0 0 8px;font-weight:550;overflow-wrap:anywhere}
.product-guide p{font-size:14px;line-height:1.65;color:#b5c9d3;margin:0;overflow-wrap:anywhere}
.product-guide-how{margin-top:12px}.product-guide summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;font-size:14px;color:#b8e5e4;cursor:pointer;list-style:none;overflow-wrap:anywhere}.product-guide summary::-webkit-details-marker{display:none}.product-guide summary::after{content:'+';flex:none;font-size:20px;font-weight:400}.product-guide details[open]>summary::after{content:'−'}.product-guide summary:focus-visible{outline:2px solid #b4d7ef;outline-offset:3px;border-radius:4px}
.product-guide ol{list-style:none;counter-reset:guide;display:grid;gap:16px;margin:8px 0 14px;padding:0}.product-guide li{counter-increment:guide;position:relative;padding-left:32px;min-width:0}.product-guide li::before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:3px;font:11px/1.6 ui-monospace,monospace;color:#8dc8d0}.product-guide strong{display:block;font-size:14px;font-weight:550;margin-bottom:3px;overflow-wrap:anywhere}.product-guide li p,.product-guide-how>p{font-size:13px;color:#a8bfcc}.product-guide-link{display:block;width:fit-content;max-width:100%;font-size:13px;line-height:1.6;overflow-wrap:anywhere;padding:10px 0;color:#b5dedf;text-decoration:none}.product-guide-link:hover{text-decoration:underline}
.document-hero:has(.product-guide){grid-template-columns:minmax(0,1fr)}.document-hero .document-seal{display:none}.document-hero .product-guide h3{font-size:15px}.document-hero .product-guide p{font-size:13px}.document-hero .product-guide-how{margin-top:4px}.document-hero .product-guide-link{padding-bottom:0}.document-hero .document-storage{margin-top:4px}
.meeting-intro{width:100%;max-width:650px;margin:8px auto 20px}.meeting-home-actions{width:100%;max-width:650px;margin:auto;display:grid;gap:12px}.meeting-home-actions button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;min-height:48px}
#web_devices_dialog .product-guide{margin-bottom:12px}#web_devices_dialog .org-head h2{min-width:0;overflow-wrap:anywhere}#web_devices_dialog .org-head button{flex:none}#web_devices_dialog .pair-body>button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:48px}
.web-hero>.product-guide-slot{margin:20px 0 8px;max-width:540px}.meeting-entry .product-guide-how{margin-top:0}.meeting-entry .product-guide h3{font-size:16px}.docs-heading .product-guide{max-width:640px}.docs-heading .product-guide p{margin:0}.docs-heading .product-guide summary{max-width:360px}
.app-menu-items{max-height:calc(100dvh - 130px);overflow-y:auto}.app-menu-items button>span{min-width:0;overflow-wrap:anywhere}.app-menu-items button{white-space:normal}

#documents_title{font-size:clamp(19px,5vw,23px)}.document-vault>.section-head{gap:8px}
.web-surface-tabs{min-width:0}.web-surface-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:600px){.web-surface-tabs button{flex:1;padding:10px 12px}}