.summary-box{border-radius:12px;margin:0 0 32px;.summary-header{align-items:center;background:#f0f4f9;border-radius:12px;color:#000;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:16px 16px 16px 40px;position:relative;&:before{background-color:#000;content:"";display:inline-flex;height:16px;left:16px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6 22V6h16v7.543C22 17.65 16 16 16 16s1.518 6-2.638 6zm18-7.614V4H4v20h10.189C17.352 24 24 16.777 24 14.386M14 16H9v-1h5zm5-4H9v1h10zm0-3H9v1h10zm2-7H2v19H0V0h21z'/%3E%3C/svg%3E");mask-size:contain;position:absolute;top:50%;transform:translateY(-50%);width:16px}&:after{content:"▸";transition:transform .3s}}.summary-content{background:#f0f4f9;display:none;padding:16px 24px;ul{margin:0;padding-left:20px}}&.open{.summary-header{border-bottom-left-radius:0;border-bottom-right-radius:0;&:after{transform:rotate(90deg)}}.summary-content{border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:block}}}