/* The share reader and editor use the same emphasis styles as shop documents. */
.share-document{overflow-wrap:anywhere;container-type:inline-size;container-name:share-document}.share-document a.shop-guide-button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;box-sizing:border-box;margin:6px 8px 6px 0;padding:11px 16px;border-radius:10px;background:#edf5ff;color:#0069de;text-decoration:none;font-size:14px;line-height:1.5;font-weight:600;border:1px solid #dceaff}.shop-guide-button::after{content:'↗';font-weight:400;font-size:15px}.share-document .shop-document-box{box-sizing:border-box;border:1.5px dashed #d8dce4;border-radius:16px;padding:20px 22px;margin:22px 0;background:transparent;min-width:0;overflow-wrap:anywhere}.share-document .shop-document-box> :first-child{margin-top:0}.share-document .shop-document-box> :last-child{margin-bottom:0}.share-document .shop-document-box:focus-within{border-color:#9abcf0}@media(prefers-color-scheme:dark){.share-document .shop-document-box{border-color:#4c5668}}.share-document .shop-document-box-green{border:3px dashed #29cc91;border-radius:20px;padding:20px 22px}.share-document .shop-document-box-green:focus-within{border-color:#18ad78}.share-document .shop-document-box-green a.shop-guide-button{background:#159a69;border-color:#159a69;color:#fff;text-decoration:none}.share-document .shop-document-box-green a.shop-guide-button:hover{background:#11865b;border-color:#11865b}@media(max-width:640px){.share-document .shop-document-box-green{padding:16px;border-radius:18px}}@media(prefers-color-scheme:dark){.share-document .shop-document-box-green{border-color:#38dca2}.share-document .shop-document-box-green a.shop-guide-button{background:#126647;border-color:#248b65;color:#d1ffed}}.shop-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;min-width:0;container-type:normal}.share-document a.shop-guide-button,.share-document .shop-guide-grid a.shop-guide-button{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;min-height:50px;margin:0;padding:14px 18px;border:0;border-radius:14px;background:linear-gradient(110deg,#159c73,#18b283);box-shadow:0 5px 14px #179c7312;color:#fff;text-decoration:none;font-size:14px;line-height:1.6;font-weight:600;white-space:normal;overflow-wrap:anywhere;text-align:left;transition:filter .15s ease,box-shadow .15s ease}.share-document a.shop-guide-button::after{content:none}.shop-guide-grid a.shop-guide-button:hover{filter:brightness(.96);box-shadow:0 7px 18px #179c731e}.shop-guide-grid a.shop-guide-button:focus-visible{outline:2px solid #087c57;outline-offset:3px}@container share-document (max-width:520px){.share-document .shop-guide-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.share-document .shop-guide-grid{grid-template-columns:minmax(0,1fr);gap:10px}.share-document .shop-guide-grid a.shop-guide-button{min-height:48px;padding:12px 16px}}@media(prefers-color-scheme:dark){.share-document .shop-guide-grid a.shop-guide-button{background:linear-gradient(110deg,#16704f,#15835e);color:#eafff5;box-shadow:none}}.share-document .shop-yellow-underline{background:linear-gradient(transparent 68%,#fff0ab 0);padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none}.share-document .shop-document-box-notice{position:relative;min-height:100px;border:0;border-radius:16px;padding:22px 24px 22px 104px;background:linear-gradient(110deg,#ff4f6d,#ff9e66);color:#fff;font-size:16px;line-height:1.75;font-weight:600;box-shadow:0 8px 24px #f65e7210}.share-document .shop-document-box-notice::before{content:'';position:absolute;left:24px;top:50%;transform:translateY(-50%);width:56px;height:56px;box-sizing:border-box;border:2px solid #ffffffd9;border-radius:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='white' d='M20 8h-4C8 8 4 13 4 22v13a5 5 0 0 0 5 5h10a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-7v-1c0-4 2-6 6-6h2V8zm24 0h-4c-8 0-12 5-12 14v13a5 5 0 0 0 5 5h10a3 3 0 0 0 3-3V26a3 3 0 0 0-3-3h-7v-1c0-4 2-6 6-6h2V8z'/%3E%3C/svg%3E") center/34px 34px no-repeat;pointer-events:none}.share-document .shop-document-box-notice p{margin-bottom:12px}.share-document .shop-document-box-notice> :last-child{margin-bottom:0}.share-document .shop-document-box-notice a[href]:not(.shop-guide-button){color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.share-document .shop-document-box-notice:focus-within{outline:2px solid #efa29d;outline-offset:3px}@media(max-width:640px){.share-document .shop-document-box-notice{min-height:74px;padding:16px 16px 16px 66px;font-size:14px;line-height:1.8;border-radius:14px}.share-document .shop-document-box-notice::before{left:16px;width:34px;height:34px;background-size:21px 21px;border-radius:4px}}@container share-document (max-width:520px){.share-document .shop-document-box-notice{padding:16px 16px 16px 66px;font-size:14px;min-height:74px}.share-document .shop-document-box-notice::before{left:16px;width:34px;height:34px;background-size:21px 21px}}@media(prefers-color-scheme:dark){.share-document .shop-document-box-notice{background:linear-gradient(110deg,#d63c57,#d9703e);color:#fff;box-shadow:none}.share-document .shop-yellow-underline{background:linear-gradient(transparent 68%,#e7c45480 0)}}.share-document .shop-document-box{max-width:100%}.rich-editor .shop-guide-button{cursor:pointer;user-select:none}.share-yellow-tool{background:linear-gradient(transparent 68%,#fff0ab 0)}.share-guide-picker>p{color:#768297;font-size:13px;line-height:1.8;margin:0 0 16px}.share-guide-picker-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.share-guide-picker-actions>input{flex:1;min-width:160px;border:1px solid #dfe6f0;border-radius:10px;padding:10px 12px;background:#f8faff}.share-guide-picker-actions a,.ios-page-create-actions>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;min-height:34px}.share-guide-picker [data-guide-results]{max-height:320px;overflow:auto;margin-top:16px}.share-guide-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:16px 14px;border:0;border-bottom:1px solid #e8edf5;background:#fff;color:#25354b;cursor:pointer;border-radius:10px}.share-guide-option:hover,.share-guide-option:focus-visible{background:#edf5ff}.share-guide-option strong{display:block;font-size:14px}.share-guide-option small{display:block;color:#8591a3;font-size:12px;margin-top:6px;line-height:1.6}.share-guide-option>span:last-child{color:#007aff;font-size:20px}.ios-media-links button.active{background:#edf5ff;color:#007aff;border-color:#cde2ff}@media(max-width:640px){.share-guide-picker-actions a{width:100%}.ios-page-create-actions>a{font-size:11px}}.ios-editor-pane .rich-toolbar .share-document-menu{position:relative;margin:0;background:#fff;border:1px solid #dce3ee;border-radius:7px}.ios-editor-pane .share-document-menu>summary{height:34px;padding:6px 10px;white-space:nowrap}.ios-editor-pane .share-document-menu[open]>.rich-toolbar-extra{position:absolute;z-index:40;top:100%;left:0;min-width:230px;max-width:310px;padding:10px;gap:8px;border:1px solid #dce3ee;border-radius:10px;background:#fff;box-shadow:0 10px 30px #23334b18}.ios-editor-pane .share-document-menu[open]>summary{margin-bottom:0}/* Leave enough writing space when the desktop window is short. */
.ios-content-block,.ios-block-content{scroll-margin-top:160px;scroll-margin-bottom:20px}@media(min-width:761px) and (max-height:700px){.admin-body .ios-editing .admin-workspace{overflow:auto}.ios-page-editor{flex:none}.ios-editor-layout{flex:none;height:560px;min-height:560px}}

.share-document .shop-document-box-notice :is(p,h2,h3,h4,li,blockquote){color:inherit}

/* The tutorial library shares the main admin workspace bounds. */
#admin-guides[hidden]{display:none}
.admin-body.store-workspace-active #admin-guides:not([hidden]){display:flex;flex:1;min-height:0}
