.chatter-guide-page{max-width:900px;margin:0 auto;padding:18px 0 72px}.chatter-guide-section{margin-top:28px}.chatter-guide-section>.section-title{margin-bottom:16px}.chatter-guide-page .u-divider{margin:52px 0 34px;border:none;border-top:1px dashed var(--divider-row)}.chatter-guide-back-bottom{margin-top:42px;padding-top:12px;border-top:1px dashed var(--divider-row)}.chatter-guide-breadcrumb{margin-bottom:14px;font-size:var(--font-sm);color:var(--color-light-gray);line-height:1.5}.chatter-guide-breadcrumb a{color:var(--color-light-gray);text-decoration:underline;text-underline-offset:2px}.chatter-guide-breadcrumb a:hover{opacity:.75}.chatter-guide-hero{margin-bottom:20px}.chatter-guide-hero__inner{margin-top:18px;border:1px solid var(--divider-soft);border-radius:16px;background:var(--color-white);padding:22px 32px;box-shadow:0 2px 0 rgb(0 0 0 / .08),6px 10px 0 -6px rgb(0 0 0 / .022),6px 10px 14px -12px rgb(0 0 0 / .18)}.chatter-guide-hero__title{margin:0;font-size:var(--font-xl);font-weight:700;line-height:1.35;color:var(--color-gray)}.chatter-guide-hero__lead{margin:10px 0 0;font-size:var(--font-sm);line-height:1.7;color:var(--color-gray)}.chatter-guide-box{margin-top:12px;padding:16px 20px 14px 24px;border:1px solid var(--divider-soft);border-radius:12px;background:rgb(255 255 255 / .85)}.chatter-guide-box:first-child{margin-top:0}.chatter-guide-section>.chatter-guide-box:not(.chatter-guide-box--sub){background:rgba(var(--color-gray-rgb),.02)}.chatter-guide-box--sub{background:var(--color-white)}.chatter-guide-box__title,.chatter-guide-subtitle{margin:0 0 10px;padding:8px 12px;border:1px solid var(--divider-soft);border-radius:999px;background:var(--color-pink-light);color:var(--color-gray);font-weight:700;line-height:1.3;display:inline-block}.chatter-guide-box__title{font-size:var(--font-md)}.chatter-guide-subtitle{font-size:var(--font-sm)}.chatter-guide-text{font-size:var(--font-sm);line-height:1.7;color:var(--color-gray)}.chatter-guide-text p{margin-top:0;margin-bottom:10px}.chatter-guide-text p:last-child{margin-bottom:0}.chatter-guide-text a,.chatter-guide-text a:visited{color:var(--color-gray);text-decoration:underline;text-underline-offset:2px;word-break:break-word;overflow-wrap:anywhere}.chatter-guide-text a:hover{opacity:.75}.chatter-guide-rich{font-size:var(--font-sm);line-height:1.7;color:var(--color-gray)}.chatter-guide-rich p{margin-top:0;margin-bottom:10px}.chatter-guide-rich p:last-child{margin-bottom:0}.chatter-guide-rich ul,.chatter-guide-rich ol{margin-top:8px;margin-bottom:12px;padding-left:1.2em}.chatter-guide-rich li{margin-bottom:4px}.chatter-guide-rich h3{margin-top:18px;margin-bottom:8px;font-size:var(--font-md);font-weight:700;color:var(--color-gray)}.chatter-guide-rich h4{margin-top:16px;margin-bottom:6px;font-size:var(--font-sm);font-weight:700;color:var(--color-gray)}.chatter-guide-rich h3:first-child,.chatter-guide-rich h4:first-child{margin-top:0}.chatter-guide-rich hr{border:none;border-top:1px dashed var(--divider-row);margin:14px 0 16px}.chatter-guide-rich a,.chatter-guide-rich a:visited{color:var(--color-gray);text-decoration:underline;text-underline-offset:2px;word-break:break-word;overflow-wrap:anywhere}.chatter-guide-rich a:hover{opacity:.75}.chatter-guide-video{margin-top:4px;max-width:760px;margin-left:auto;margin-right:auto}.chatter-guide-video video{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--divider-soft);background:var(--color-white)}.chatter-guide-rich img,.chatter-guide-rich iframe,.chatter-guide-rich video,.chatter-guide-rich .wp-video{display:block;width:100%;max-width:100%;border-radius:12px;border:1px solid var(--divider-soft);background:var(--color-white)}.chatter-guide-rich img{height:auto}.chatter-guide-rich iframe{aspect-ratio:16 / 9;height:auto}.chatter-guide-rich .wp-video{overflow:hidden}.chatter-guide-rich .wp-video video{border:none;border-radius:0}.chatter-guide-rich figure{margin:10px 0 12px}.chatter-guide-rich figure:first-child{margin-top:0}.chatter-guide-rich figcaption{margin-top:6px;font-size:var(--font-sm);color:var(--color-light-gray);line-height:1.5}.guide-image-grid,.guide-media-grid{display:grid;gap:12px;margin-top:12px;margin-bottom:12px;align-items:start}.guide-image-grid>p,.guide-media-grid>p,.guide-image-grid>figure,.guide-media-grid>figure{margin:0}.guide-image-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-image-grid img,.guide-image-grid iframe,.guide-image-grid video,.guide-media-grid img,.guide-media-grid iframe,.guide-media-grid video{display:block;width:100%;border-radius:12px;border:1px solid var(--divider-soft);background:var(--color-white)}.guide-image-grid img,.guide-media-grid img{height:auto}.guide-image-grid iframe,.guide-media-grid iframe{aspect-ratio:16 / 9;height:auto}.guide-image-grid>p>img,.guide-image-grid>p>iframe,.guide-image-grid>p>video,.guide-media-grid>p>img,.guide-media-grid>p>iframe,.guide-media-grid>p>video{display:block;width:100%;border-radius:12px;border:1px solid var(--divider-soft);background:var(--color-white)}.chatter-guide-page .section-title{scroll-margin-top:80px}.chatter-guide-page .inline-link{word-break:break-word;overflow-wrap:anywhere}@media (max-width:900px){.chatter-guide-page{max-width:100%}}@media (max-width:768px){.chatter-guide-page{padding-top:12px;padding-bottom:56px}.chatter-guide-hero__inner{padding:18px 32px;border-radius:12px}.chatter-guide-hero__inner::before{width:6px;border-radius:12px 0 0 12px}.chatter-guide-box{padding:14px 12px 12px;border-radius:12px}.chatter-guide-box__title,.chatter-guide-subtitle{margin-bottom:8px}.chatter-guide-page .u-divider{margin:42px 0 26px}}@media (max-width:560px){.guide-image-grid-2{grid-template-columns:1fr}.chatter-guide-hero__title{line-height:1.4}}.chatter-guide-section>.chatter-guide-box:not(.chatter-guide-box--sub){margin-top:0;padding:0;border:none;border-radius:0;background:#fff0;box-shadow:none}.chatter-guide-section>.chatter-guide-box:not(.chatter-guide-box--sub)+.chatter-guide-box--sub{margin-top:14px}.chatter-guide-subtitle{font-size:var(--font-lg);line-height:1.3}.chatter-guide-box__title{line-height:1.3}.chatter-guide-video{max-width:600px;margin:16px auto 0}.chatter-guide-video .wp-video,.chatter-guide-video video,.chatter-guide-video iframe{width:100%;aspect-ratio:16 / 9;height:auto;display:block;border-radius:12px}.chatter-guide-video video{border:1px solid var(--divider-soft);background:var(--color-white)}.guide-image-grid-2{max-width:760px;margin-left:auto;margin-right:auto}@media (max-width:560px){.guide-image-grid-2{max-width:320px}}.chatter-guide-box--sub .chatter-guide-text,.chatter-guide-box--sub .chatter-guide-rich{line-height:1.62}.chatter-guide-box--sub .chatter-guide-text p,.chatter-guide-box--sub .chatter-guide-rich p{margin-bottom:8px}.chatter-guide-box--sub .chatter-guide-rich ul,.chatter-guide-box--sub .chatter-guide-rich ol{margin-top:10px;margin-bottom:14px}.chatter-guide-box--sub .chatter-guide-rich li{margin-bottom:8px;line-height:1.55}.chatter-guide-box--sub .chatter-guide-rich h3+ul,.chatter-guide-box--sub .chatter-guide-rich h3+ol,.chatter-guide-box--sub .chatter-guide-rich h4+ul,.chatter-guide-box--sub .chatter-guide-rich h4+ol{margin-top:6px}.guide-media-grid-3-2{grid-template-columns:minmax(0,16fr) minmax(0,9fr)}.guide-media-grid-3-2>p,.guide-media-grid-3-2>figure,.guide-media-item{margin:0}.guide-media-grid-3-2 iframe,.guide-media-item iframe{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:1px solid var(--divider-soft);border-radius:12px;background:var(--color-white)}.guide-media-grid-3-2 img,.guide-media-grid-3-2 video,.guide-media-item img,.guide-media-item video{display:block;width:100%;height:auto;border:1px solid var(--divider-soft);border-radius:12px;background:var(--color-white)}@media (max-width:768px){.guide-media-grid-3-2{grid-template-columns:1fr}.guide-media-grid-3-2 iframe,.guide-media-item iframe,.guide-media-grid-3-2 img,.guide-media-grid-3-2 video,.guide-media-item img,.guide-media-item video{margin-left:auto;margin-right:auto;max-height:320px;width:auto}}.chatter-guide-toc{margin:0 0 22px;padding:14px 16px;background:rgba(var(--color-gray-rgb),.02);max-width:100%;box-sizing:border-box}.chatter-guide-toc__title{margin:0 0 8px;font-size:var(--font-sm);font-weight:700;color:var(--color-gray)}.chatter-guide-toc__list{margin:0;padding-left:1.2em;font-size:var(--font-sm);line-height:1.6}.chatter-guide-toc__list li+li{margin-top:4px}.chatter-guide-toc__list a{color:var(--color-gray);text-decoration:underline;text-underline-offset:2px}.chatter-guide-toc__list a:hover{opacity:.75}.chatter-guide-section{scroll-margin-top:80px}@media (max-width:768px){.chatter-guide-toc{display:none}.chatter-guide-page .commission-section{position:relative}.chatter-guide-page .commission-section.is-collapsed>:not(.section-title){display:none}.chatter-guide-page .commission-section>.section-title{position:relative;cursor:pointer;user-select:none;-webkit-tap-highlight-color:#fff0;padding:12px 14px;padding-right:calc(14px + 34px + 10px);margin-top:0;margin-bottom:14px;background:rgb(55 50 46 / .02);border:1px solid var(--divider-soft);border-radius:12px}.chatter-guide-page .commission-section>.section-title::before{content:"＋";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1;color:var(--color-light-gray)}.chatter-guide-page .commission-section.is-open>.section-title::before{content:"−"}.chatter-guide-page .commission-section>.section-title:active{background:rgb(55 50 46 / .05)}.chatter-guide-page .commission-section.is-collapsed{margin-bottom:10px}}.chatter-guide-toc{margin:12px 0 0;padding-top:14px;border-top:1px dashed var(--divider-row)}.chatter-guide-toc__title{margin:0 0 10px;font-size:var(--font-md);font-weight:700;color:var(--color-gray)}.chatter-guide-toc__list{margin:0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:guide-toc}.chatter-guide-toc__list li{margin:0}.chatter-guide-toc__list li+li{margin-top:0}.chatter-guide-toc__list a{counter-increment:guide-toc;position:relative;display:flex;align-items:center;min-height:44px;padding:10px 38px 10px 44px;border:1px solid var(--divider-soft);border-radius:10px;background:var(--color-white);color:var(--color-gray);text-decoration:none;line-height:1.5;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.15s ease;font-size:var(--font-sm)+1px}.chatter-guide-toc__list a::after{content:"→";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:var(--font-sm);line-height:1;color:var(--color-light-gray)}.chatter-guide-toc__list a:hover{background:rgb(55 50 46 / .02);border-color:var(--divider-row);text-decoration:none}.chatter-guide-toc__list a:focus-visible{outline:2px solid var(--color-pink);outline-offset:2px}.chatter-guide-toc__list a{word-break:break-word;overflow-wrap:anywhere}.chatter-guide-toc{width:min(100%, 720px);margin:12px 0 0}.chatter-guide-toc__title{margin:0 0 12px;font-size:var(--font-lg);line-height:1.3}@media (max-width:768px){.chatter-guide-page .commission-section>.section-title{font-size:var(--font-md);line-height:1.35;padding-top:16px;padding-bottom:12px;padding-right:calc(12px + 30px + 12px);padding-left:12px}.chatter-guide-page .commission-section>.section-title::before{right:10px;width:30px;height:30px;font-size:24px}}.chatter-guide-hero__inner{width:min(100%, 760px);margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width:768px){.chatter-guide-hero__inner{width:100%}}